@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.11

package/build/esm/{index-c5dc047b.js → index-9fded69e.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler } from './index-75af53e2.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-e5168f88.js';
-import { u as useCustomDimensions } from './useCustomDimensions-193f2df0.js';
+import ArQrCodeIcon from './index-5abca4b3.js';
+import { u as useCustomDimensions } from './useCustomDimensions-521bee5f.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -21,12 +21,13 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-168b0767.js';
+import './index-13f7fd72.js';
 import 'react-qr-code';
-import './index-c8245908.js';
+import './index-4a7674df.js';
 
 var wrapper = "wrapper-IoYoU";
 var subWrapper = "subWrapper-Gf23J";

package/build/esm/{index-806852ef.js → index-a040e827.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-ad15ec3c.js';
+import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-75af53e2.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-d86b21de.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f5ec633c.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-957613f1.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-77ded21e.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-09fed747.js';
+import IsActive from './index-58ecedc1.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-268bf50c.js';
-import InfoIcon from './index-70a779ba.js';
-import ReverseCheck from './index-634deca6.js';
+import MetaData from './index-91d3539a.js';
+import InfoIcon from './index-f77d061c.js';
+import ReverseCheck from './index-e0bcd982.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -26,6 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@mui/icons-material/Block';

package/build/esm/{index-aed0302d.js → index-a1c7a1d3.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler, S as SettingsHeader } from './index-ad15ec3c.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-75af53e2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -19,6 +19,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-545ca188.js → index-a1ef0dfb.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-ad15ec3c.js';
+import { s as styleInject } from './index-75af53e2.js';
 import 'react';
-import OrbitInteractionStandard from './index-d409ea8c.js';
+import OrbitInteractionStandard from './index-2d792763.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,6 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-3d-cube-interaction';

package/build/esm/{index-37e5ce26.js → index-a341cd3a.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-75af53e2.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-7a41789c.js';
-import ItemVariant from './index-f470e596.js';
-import SettingsPaletteGroup from './index-7148722b.js';
-import ToggleOption from './index-2bacb676.js';
-import GroupDropdown from './index-51379c7d.js';
-import PromotedProducts from './index-9f4f4a99.js';
-import StyleConsultant from './index-b95c75a5.js';
-import ToggleName from './index-e19b57e2.js';
-import itemPaletteTypeComponentMap from './index-f518becc.js';
+import TextBox from './index-957a8723.js';
+import ItemVariant from './index-e761e524.js';
+import SettingsPaletteGroup from './index-b6e00ed6.js';
+import ToggleOption from './index-6cd6c717.js';
+import GroupDropdown from './index-2549bf98.js';
+import PromotedProducts from './index-6a1a3d4c.js';
+import StyleConsultant from './index-16328624.js';
+import ToggleName from './index-f6c144f9.js';
+import itemPaletteTypeComponentMap from './index-1384f64f.js';
 import classnames from 'classnames';
-import StepInfo from './index-e9be3388.js';
-import ReplaceSwitch from './index-01af1d2d.js';
+import StepInfo from './index-ab505301.js';
+import ReplaceSwitch from './index-b6389639.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-fb21e66a.js';
-import MultiToggle from './index-93439923.js';
-import Radio from './index-58c09633.js';
+import Slider from './index-69393b23.js';
+import MultiToggle from './index-03ab5c05.js';
+import Radio from './index-6bc51839.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-071c84a2.js';
+import SummaryOverview from './index-b8e9ff6d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -145,7 +145,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-c7428334.js');
+  return import('./index-96560e6b.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -272,13 +272,13 @@ var useGridVariables = function useGridVariables(item) {
 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 ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-a327585a.js');
+  return import('./index-e3eea865.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-04b501b0.js');
+  return import('./index-73fde759.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-104f542f.js');
+  return import('./index-e26eedb9.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-93574f39.js → index-a3450e3a.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, i as b, _ as _onClickCheckout, I as Icon } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler, e as evalVisible, k as b, _ as _onClickCheckout, I as Icon } from './index-75af53e2.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import StyleIndicator from './index-55086d15.js';
+import StyleIndicator from './index-19cca920.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,6 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-debdf6bf.js → index-a66ab615.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-ad15ec3c.js';
+import { u as useViewHandler, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-75af53e2.js';
 import 'react';
 import ReactDOM from 'react-dom';
-import FloatingWindow from './index-ec3af8ef.js';
+import FloatingWindow from './index-2862e89a.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -22,6 +22,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-rnd';

package/build/esm/{index-93bddffa.js → index-a68fe318.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-ad15ec3c.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-75af53e2.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-ecd92f0f.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-f93f4059.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -20,6 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-4edd4580.js → index-a6ec4a1f.js}

@@ -1,12 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-75af53e2.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-6bc51931.js';
+import BasketActionSerious from './index-96ec88dc.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { getSeriousSetNamePlaceholder } from '@crystaldesign/web-planner-logic';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -17,10 +18,10 @@ 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 '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 
@@ -127,32 +128,17 @@ var CheckOutForm = function CheckOutForm(props) {
     t = _useTranslation.t;
   useEffect(function () {
     var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles();
-    if (!articles) return;
-    var headboardName = false;
-    var width = '';
-    var length = '';
-    for (var iKey in articles) {
-      var _article$getArticleOp, _article$getArticleOp2, _article$getArticleOp3, _article$getArticleOp4;
-      var article = articles[iKey];
-      if (!width) width = (_article$getArticleOp = (_article$getArticleOp2 = article.getArticleOptionState('OPTBR')) === null || _article$getArticleOp2 === void 0 ? void 0 : _article$getArticleOp2.name) !== null && _article$getArticleOp !== void 0 ? _article$getArticleOp : '';
-      if (!length) length = (_article$getArticleOp3 = (_article$getArticleOp4 = article.getArticleOptionState('OPTLAE')) === null || _article$getArticleOp4 === void 0 ? void 0 : _article$getArticleOp4.name) !== null && _article$getArticleOp3 !== void 0 ? _article$getArticleOp3 : '';
-      if (article.partlistArticles) {
-        for (var jKey in article.partlistArticles) {
-          var _article$partlistArti;
-          if (article.partlistArticles[jKey].tabGroupOption == 'Kopfteil' /* "Kopfteil" delete me in 2024 depreacted */ || (_article$partlistArti = article.partlistArticles[jKey].tabGroupOption) !== null && _article$partlistArti !== void 0 && _article$partlistArti.includes('BE_KT')) {
-            headboardName = article.partlistArticles[jKey].name + ' - ';
-          }
-        }
-      }
-    }
-    setPlaceHolderSetName((headboardName ? headboardName : '') + width.replace(' cm', '') + ' X ' + length);
+    var set = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.actSet();
+    setPlaceHolderSetName(set ? getSeriousSetNamePlaceholder(set) : '');
   }, [viewHandler.settingsState.configChanged]);
   var saveValues = function saveValues(iwoFurn) {
     var _viewHandler$configSt;
     if (!basket.Client) basket.Client = {};
-    basket.ProductSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
-    basket.SetName = placeHolderSetName;
+    var productSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
+    // without any placeholder (IDM set without SETNAME features) the names are cleared, also a stale one from an earlier save,
+    // so BasketData.getAsJson falls back to the OrderSet names
+    basket.ProductSetName = productSetName !== '' ? productSetName : undefined;
+    basket.SetName = placeHolderSetName !== '' ? placeHolderSetName : undefined;
     if (savedValues) {
       basket.Client.firstName = savedValues.firstName;
       basket.Client.preferredContact = savedValues.preferredContact;

package/build/esm/{index-a3d346c5.js → index-a739b0f2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler } from './index-75af53e2.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-0841d78b.js';
+import Arrow from './index-b964143f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,6 +21,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-2ebf61bf.js → index-aa401a12.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler } from './index-75af53e2.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-debdf6bf.js';
+import ToolContainer from './index-a66ab615.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,11 +20,12 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 import 'react-dom';
-import './index-ec3af8ef.js';
+import './index-2862e89a.js';
 import 'react-rnd';
 
 var container = "container-43rJg";

package/build/esm/{index-ad538c23.js → index-aa6e8a23.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-ad15ec3c.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-75af53e2.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -20,6 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-e9be3388.js → index-ab505301.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-ad15ec3c.js';
+import { s as styleInject } from './index-75af53e2.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -19,6 +19,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-cdde3559.js → index-aba6d5e9.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler } from './index-75af53e2.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
@@ -19,6 +19,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-43bfd796.js → index-af928ea8.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-ad15ec3c.js';
+import { u as useViewHandler } from './index-75af53e2.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-a3d346c5.js';
-import SlideFilter from './index-f210fdf9.js';
+import RalDropdownFilter from './index-a739b0f2.js';
+import SlideFilter from './index-1529d6fa.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -22,12 +22,13 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-dropdown';
-import './index-0841d78b.js';
+import './index-b964143f.js';
 import '@crystaldesign/content-box';
-import './index-053fdaab.js';
+import './index-5f104ff5.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-88756581.js → index-b08f2b7f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-75af53e2.js';
 import { observer } from 'mobx-react-lite';
 import { useMemo } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -19,6 +19,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 

package/build/esm/{index-eecce5fb.js → index-b2b97dfe.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-ad15ec3c.js';
+import { u as useViewHandler } from './index-75af53e2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-74a3ac2f.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-589bc4aa.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,10 +20,11 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-70a779ba.js';
-import './index-a7be4864.js';
+import './index-f77d061c.js';
+import './index-320e9bf8.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/{index-4caf63e2.js → index-b4777a19.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
+import { s as styleInject, u as useViewHandler } from './index-75af53e2.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-ecd9cf50.js';
-import TabGroupVertical from './index-52b241c4.js';
-import TabSearch from './index-3b029782.js';
+import TabGroupHorizontal from './index-8202c8ca.js';
+import TabGroupVertical from './index-97cf36e9.js';
+import TabSearch from './index-132e7cf7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -22,10 +22,11 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-b097d13b.js';
-import './index-5086e312.js';
+import './index-762c1183.js';
+import './index-f01d879f.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";