@crystaldesign/diva-web-planner-react 25.1.0-beta.7 → 25.1.0-beta.8

package/build/esm/{index-ba1a508f.js → index-390ffd12.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-0a2a9260.js → index-3baf9582.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-361f3e44.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-b6860cd3.js';
-import { S as SettingsItem, c as collapsableInner } from './index-543b7f9a.js';
-import ShelfAccessoires from './index-98b80ec6.js';
-import ShelfAccessoiresOld from './index-c914c2f8.js';
-import GridList from './index-d70346a5.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-6c67dfdf.js';
+import { S as SettingsItem, c as collapsableInner } from './index-dc9a183e.js';
+import ShelfAccessoires from './index-b1c4b19b.js';
+import ShelfAccessoiresOld from './index-dd52553f.js';
+import GridList from './index-82470a26.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,58 +22,58 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-ba8497c7.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-433ca253.js';
+import './index-52fa6bff.js';
+import './index-f9f16801.js';
+import './index-56bbddb5.js';
+import './index-9911ece3.js';
+import './index-4ca028cc.js';
+import './index.module-db4e0269.js';
+import './index-0e38ad9a.js';
 import 'react-switch';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
+import './index-119fe772.js';
+import './index-fde6bffb.js';
+import './index-0a1f90ec.js';
 import 'react-dropdown';
-import './index-12459b02.js';
+import './index-5a783377.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
+import './index-42680468.js';
+import './index-55ac9d42.js';
+import './index-94c2a7bd.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
+import './index-796f8c44.js';
+import './index-78b4af34.js';
+import './index-8aa141c7.js';
+import './index-23d49d7a.js';
+import './index-be09342b.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
+import './index-80db93cf.js';
+import './index-9bd7d145.js';
+import './index-820337ba.js';
 import 'react-laag';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
+import './index-8fcdae27.js';
+import './index-82690760.js';
+import './index-af169843.js';
+import './index-eadb23dd.js';
+import './index-a156351b.js';
+import './index-54060936.js';
+import './index-604c8ea2.js';
+import './index-b0d1adb8.js';
+import './index-35ff2fbe.js';
+import './index-942c16d2.js';
+import './index.module-7f67036f.js';
+import './index-130d4c28.js';
+import './index-8b381e29.js';
+import './index-23ea2c81.js';
+import './index-145676d7.js';
+import './index-59300d39.js';
+import './index-c6c533ee.js';
+import './index-b2970ef8.js';
+import './index.module-efb2b5e3.js';
+import './index-a27670d3.js';
+import './index-9365a4b6.js';
 import 'react-beautiful-dnd';
-import './index-2e76efae.js';
+import './index-e4da4ca7.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-64139a18.js → index-3cda0aa4.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-a893f98b.js';
+import { g as getIconOfTabGroup } from './IconHandler-246fb315.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-44c3a949.js → index-3e0405f6.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import 'react';
-import BasketActionStandard from './index-23a0f1b2.js';
+import BasketActionStandard from './index-43f68555.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c8b6fac8.js → index-42680468.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-035dcb4b.js';
+import Arrow from './index-55ac9d42.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4a14043a.js → index-4358dfd2.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-04159a34.js → index-43e92ee0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-361f3e44.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-23a0f1b2.js → index-43f68555.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-23fe8a57.js → index-46335b14.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-361f3e44.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7ecc818f.js → index-4777323d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-f5308071.js → index-4899e721.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-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-fb572e97.js → index-4c60a575.js}

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

package/build/esm/{index-0080ad48.js → index-4ca028cc.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-361f3e44.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-9f588d80.js';
-import Toggle from './index-433ca253.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-db4e0269.js';
+import Toggle from './index-0e38ad9a.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-191d263c.js';
-import PricePreview from './index-27d960f2.js';
+import InfoIcon from './index-119fe772.js';
+import PricePreview from './index-fde6bffb.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-14e7a01b.js → index-4ce3abba.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-943111a1.js';
+import { u as useViewHandler } from './index-361f3e44.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-fb572e97.js';
-import Planner3DImage from './index-430a7dc0.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-53c22cac.js';
+import Planner2DGrid from './index-4c60a575.js';
+import Planner3DImage from './index-f27a3352.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-4351a569.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-6d40aba5.js';
-import PlannerMsgContainer from './index-f2dc545f.js';
-import PlannerUIVariant from './index-1e6e2720.js';
-import RotateInfo from './index-aeaa2360.js';
-import PromotedOpvs from './index-bcb49aaa.js';
-import OrbitInteraction from './index-39b1fbec.js';
-import MobileNavIcons from './index-70a88494.js';
+import Planner3DGrid from './index-9b438bce.js';
+import PlannerMsgContainer from './index-4f41540b.js';
+import PlannerUIVariant from './index-6a241c5f.js';
+import RotateInfo from './index-b2d85722.js';
+import PromotedOpvs from './index-b03f23e7.js';
+import OrbitInteraction from './index-f32b219b.js';
+import MobileNavIcons from './index-a0fd0047.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,20 +26,20 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-5fb4be41.js';
-import './index-b1ac6d5d.js';
+import './index-1b052d39.js';
+import './index-51814d70.js';
 import '@crystaldesign/content-box';
-import './index-8c1f65b4.js';
+import './index-ef8f5233.js';
 import 'react-laag';
-import './index-4a14043a.js';
+import './index-4358dfd2.js';
 import 'react-qr-code';
-import './index-d3e639ac.js';
+import './index-59b9953e.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-4b573f3c.js');
+  return import('./index-c010e1fc.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f8bcb7a3.js');
+  return import('./index-56babd38.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-f2dc545f.js → index-4f41540b.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-943111a1.js';
+import './index-361f3e44.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-7047a911.js → index-5050fc96.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-0b35b510.js → index-505e9720.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-943111a1.js';
+import './index-361f3e44.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-b1ac6d5d.js → index-51814d70.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-a6b21f46.js → index-527b3b46.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-42c6a75a.js → index-52fa6bff.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-ba8497c7.js';
+import SettingsHeader from './index-f9f16801.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-89a95259.js → index-54060936.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-943111a1.js';
+import './index-361f3e44.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-20233c9f.js → index-540c9577.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-f8e096dc.js';
+import VerticalTabGroupItemStandard from './index-0d4cb9d4.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-a893f98b.js';
+import './IconHandler-246fb315.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-035dcb4b.js → index-55ac9d42.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-943111a1.js';
+import { s as styleInject } from './index-361f3e44.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-ed2766b4.js → index-55bdca3f.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-943111a1.js';
+import { a as usePlannerUIHandler } from './index-361f3e44.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f8bcb7a3.js → index-56babd38.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -37,7 +37,7 @@ var PlannerRTV = function PlannerRTV() {
     setIsInModelViewer = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    elemetsInfo = _useState4[0],
+    elementsInfo = _useState4[0],
     setElementsInfo = _useState4[1];
   var rerender = useRef(true);
   var plannerViewConfig = viewHandler.viewPlannerHandler.getPlannerViewConfig();
@@ -53,18 +53,6 @@ var PlannerRTV = function PlannerRTV() {
     jwt = _useDivaCore$state.jwt,
     isTablet = _useDivaCore$state.dimensions.isTablet;
   var openAr = isMobile || isTablet;
-  useEffect(function () {
-    var newState = [];
-    viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
-      newState.push({
-        elementId: Number(uiItem.elementId),
-        active: uiItem.elemState == 'selected',
-        selectable: uiItem.elemState != 'unselectable',
-        posNr: uiItem.posNr
-      });
-    });
-    if (JSON.stringify(newState) != JSON.stringify(elemetsInfo)) setElementsInfo(newState);
-  }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
   useEffect(function () {
     if (!viewHandler.hqRenderScript && viewHandler.productState.doShowRTV) {
       actions.toggleLoading('HQRenderScript', false, true);
@@ -84,11 +72,28 @@ var PlannerRTV = function PlannerRTV() {
   if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
+  useEffect(function () {
+    var newState = [];
+    viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
+      if (uiItem.type != 'PosNr') return;
+      newState.push({
+        setId: uiItem.setId,
+        elementId: Number(uiItem.elementId),
+        active: uiItem.elemState == 'selected',
+        selectable: uiItem.elemState != 'unselectable',
+        posNr: uiItem.posNr,
+        type: uiItem.type
+      });
+    });
+    if (JSON.stringify(newState) != JSON.stringify(elementsInfo)) {
+      setElementsInfo(newState);
+    }
+  }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(RealTimeRenderer, {
       renderjob: viewHandler.hqRenderScript,
       isMobile: openAr,
-      elementsInfo: elemetsInfo,
+      elementsInfo: elementsInfo,
       actions: actions,
       inBackground: isInModelViewer,
       viewHandler: viewHandler,

package/build/esm/{index-2b72fb2d.js → index-56bbddb5.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-943111a1.js';
+import './index-361f3e44.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c8fdf5d9.js → index-57a24ef3.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-943111a1.js';
+import { s as styleInject, u as useViewHandler } from './index-361f3e44.js';
 import { useEffect } from 'react';
-import Settings from './index-d9349ddd.js';
-import TabGroup from './index-dfab4276.js';
+import Settings from './index-01f816d4.js';
+import TabGroup from './index-a23b12fc.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-0de0da5e.js';
+import Inputbox from './index-ac5e8da9.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,71 +18,71 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-daf20409.js';
-import './index-ba8497c7.js';
-import './index-e8f91ebc.js';
-import './index-88a549ae.js';
+import './index-d9e34d3f.js';
+import './index-f9f16801.js';
+import './index-21dc6370.js';
+import './index-dbe600d9.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4f4efb93.js';
+import './index-3320003e.js';
 import 'react-laag';
-import './index-c9a97824.js';
+import './index-0ad737ce.js';
 import 'classnames';
-import './index-d00b408c.js';
-import './index-543b7f9a.js';
+import './index-f6214ef0.js';
+import './index-dc9a183e.js';
 import 'sift';
-import './index-42c6a75a.js';
-import './index-2b72fb2d.js';
-import './index-924b2669.js';
-import './index-0080ad48.js';
-import './index.module-9f588d80.js';
-import './index-433ca253.js';
+import './index-52fa6bff.js';
+import './index-56bbddb5.js';
+import './index-9911ece3.js';
+import './index-4ca028cc.js';
+import './index.module-db4e0269.js';
+import './index-0e38ad9a.js';
 import 'react-switch';
-import './index-191d263c.js';
-import './index-27d960f2.js';
-import './index-3cda62b1.js';
+import './index-119fe772.js';
+import './index-fde6bffb.js';
+import './index-0a1f90ec.js';
 import 'react-dropdown';
-import './index-12459b02.js';
-import './index-c8b6fac8.js';
-import './index-035dcb4b.js';
-import './index-f96c1af4.js';
+import './index-5a783377.js';
+import './index-42680468.js';
+import './index-55ac9d42.js';
+import './index-94c2a7bd.js';
 import '@crystaldesign/content-box';
-import './index-095f8d05.js';
-import './index-ff2ef37a.js';
-import './index-520bc0f6.js';
-import './index-4933c8c7.js';
-import './index-fa82b1a2.js';
+import './index-796f8c44.js';
+import './index-78b4af34.js';
+import './index-8aa141c7.js';
+import './index-23d49d7a.js';
+import './index-be09342b.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-f153226f.js';
-import './index-1cc384fc.js';
-import './index-16a7aa93.js';
-import './index-8be4c326.js';
-import './index-bf77dd09.js';
-import './index-e8ba4279.js';
-import './index-46a7b35c.js';
-import './index-614e71aa.js';
-import './index-89a95259.js';
-import './index-21fa42d9.js';
-import './index-3f598545.js';
-import './index-151d48d5.js';
-import './index-b751bd3b.js';
-import './index.module-2fa83499.js';
-import './index-839eb046.js';
-import './index-83fb2fd5.js';
-import './index-f7bb2230.js';
-import './index-2b432eb6.js';
-import './index-a7885667.js';
-import './index-b7397ea7.js';
-import './index-ffc93da7.js';
-import './index.module-dbc84b6d.js';
-import './index-b1886ce1.js';
-import './index-52a43b80.js';
-import './index-b11d1360.js';
-import './index-d68cf1a1.js';
-import './index-14097f31.js';
-import './index-3904c878.js';
-import './index-0b35b510.js';
-import './index-0951e2fc.js';
+import './index-80db93cf.js';
+import './index-9bd7d145.js';
+import './index-820337ba.js';
+import './index-8fcdae27.js';
+import './index-82690760.js';
+import './index-af169843.js';
+import './index-eadb23dd.js';
+import './index-a156351b.js';
+import './index-54060936.js';
+import './index-604c8ea2.js';
+import './index-b0d1adb8.js';
+import './index-35ff2fbe.js';
+import './index-942c16d2.js';
+import './index.module-7f67036f.js';
+import './index-130d4c28.js';
+import './index-8b381e29.js';
+import './index-23ea2c81.js';
+import './index-145676d7.js';
+import './index-59300d39.js';
+import './index-c6c533ee.js';
+import './index-b2970ef8.js';
+import './index.module-efb2b5e3.js';
+import './index-a27670d3.js';
+import './index-9365a4b6.js';
+import './index-a7dfd8ca.js';
+import './index-2d759c2b.js';
+import './index-e975c512.js';
+import './index-bd6937c9.js';
+import './index-505e9720.js';
+import './index-ee07f582.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";