@crystaldesign/diva-web-planner-react 26.3.0-beta.30 → 26.3.0-beta.32

package/build/esm/{index-39a8e7c5.js → index-05f64d80.js}

@@ -1,28 +1,29 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.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-551717e9.js';
-import ItemVariant from './index-5a5289eb.js';
-import SettingsPaletteGroup from './index-9cc309dc.js';
-import ToggleOption from './index-122a0869.js';
-import GroupDropdown from './index-4770ac0f.js';
-import PromotedProducts from './index-5156ca7b.js';
-import ToggleName from './index-07ad5139.js';
-import itemPaletteTypeComponentMap from './index-9ba1ca70.js';
+import TextBox from './index-27b5797c.js';
+import ItemVariant from './index-5a3bba35.js';
+import SettingsPaletteGroup from './index-dcb5a4c8.js';
+import ToggleOption from './index-04931042.js';
+import GroupDropdown from './index-96a844ba.js';
+import PromotedProducts from './index-d03ce7a1.js';
+import StyleConsultant from './index-5bb3c4e5.js';
+import ToggleName from './index-ecf5d2ad.js';
+import itemPaletteTypeComponentMap from './index-e97ba3cb.js';
 import classnames from 'classnames';
-import StepInfo from './index-3d7806b8.js';
-import SettingsHeader from './index-8727e965.js';
-import ReplaceSwitch from './index-88c444ee.js';
+import StepInfo from './index-62c24617.js';
+import SettingsHeader from './index-9ac6cfde.js';
+import ReplaceSwitch from './index-0a590051.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-3fedcae6.js';
-import MultiToggle from './index-186612cf.js';
-import Radio from './index-a023c2a7.js';
+import Slider from './index-8ae4e6a5.js';
+import MultiToggle from './index-7c7be592.js';
+import Radio from './index-96b06af6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-b8aacc98.js';
+import SummaryOverview from './index-9ca297b9.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -30,7 +31,8 @@ var css_248z$3 = ".collapsable-outer-J0amo {\n  overflow: visible !important;\n}
 styleInject(css_248z$3);
 
 var wcConfiguratorConfigPaletteContainer = "wcConfigurator-ConfigPaletteContainer-uKDCv";
-var css_248z$2 = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n";
+var description = "description-zBhwu";
+var css_248z$2 = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n\n.description-zBhwu {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n";
 styleInject(css_248z$2);
 
 var horizontalGroup = "horizontal-group-394E3";
@@ -144,7 +146,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-480c6049.js');
+  return import('./index-1dbe6fd2.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -179,7 +181,12 @@ var ItemWrapper = function ItemWrapper(_ref) {
         additionalGroupFilter: item.conceptFilter,
         paletteId: item.id
       })
-    }), !planner2Dot0 && Header, planner2Dot0 && /*#__PURE__*/jsx(ArticleOverviewWrapper$1, {}), plannerArticles && !planner2Dot0 && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), planner2Dot0 && Header, children]
+    }), !planner2Dot0 && Header, planner2Dot0 && /*#__PURE__*/jsx(ArticleOverviewWrapper$1, {}), item.description && /*#__PURE__*/jsx("div", {
+      className: description,
+      dangerouslySetInnerHTML: {
+        __html: item.description
+      }
+    }), plannerArticles && !planner2Dot0 && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), planner2Dot0 && Header, children]
   });
 };
 var ItemWrapper$1 = observer(ItemWrapper);
@@ -266,18 +273,18 @@ 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-3fbb1af3.js');
+  return import('./index-24262050.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d12fb44c.js');
+  return import('./index-c78f87b2.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6d1558b0.js');
+  return import('./index-1975fb1a.js');
 });
 var InspectModeTables = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b372d770.js');
+  return import('./index-c3279334.js');
 });
-var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
+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) {
   var _item$groups$;
   var item = _ref.item,
@@ -397,6 +404,10 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
       return /*#__PURE__*/jsx(PromotedProducts, {
         item: item
       });
+    case 'STYLE_CONSULTANT':
+      return /*#__PURE__*/jsx(StyleConsultant, {
+        item: item
+      });
     case 'DOOR_PLANNER':
       return /*#__PURE__*/jsx(Suspense, {
         fallback: /*#__PURE__*/jsx(Fragment, {}),

package/build/esm/{index-d4d52563.js → index-0798acee.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-0c4af2cf.js';
+import { u as useViewHandler } from './index-2c5fcebb.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-9be8b94e.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-c3a86197.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,8 +20,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-97e4f826.js';
-import './index-880c5baa.js';
+import './index-b3e1927a.js';
+import './index-03c70f2c.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/{index-6b012247.js → index-0917a76d.js}

@@ -1,4 +1,4 @@
-import './index-0c4af2cf.js';
+import './index-2c5fcebb.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-88c444ee.js → index-0a590051.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/index-0b3413df.js

@@ -0,0 +1,178 @@
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
+import { useEffect } from 'react';
+import Settings from './index-df039251.js';
+import TabGroup from './index-d1732cf1.js';
+import { observer } from 'mobx-react-lite';
+import Inputbox from './index-bec3a509.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-5a944c7e.js';
+import './index-9ac6cfde.js';
+import './index-969a7f31.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-82e36b85.js';
+import './index-9460f067.js';
+import './index-05f64d80.js';
+import 'sift';
+import './index-27b5797c.js';
+import './index-5a3bba35.js';
+import './index-dcb5a4c8.js';
+import './index-04931042.js';
+import './index.module-640d8e72.js';
+import './index-013824ae.js';
+import 'react-switch';
+import './index-b3e1927a.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
+import 'react-countup';
+import './index-1bef5016.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-96a844ba.js';
+import 'react-dropdown';
+import './index-3ac989c2.js';
+import './index-64d3dee2.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
+import '@crystaldesign/content-box';
+import './index-fd9f971c.js';
+import './index-57f6de18.js';
+import './index-d03ce7a1.js';
+import './index-5bb3c4e5.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './UnlockCard-eedb32dd.js';
+import './index-ecf5d2ad.js';
+import './index-e97ba3cb.js';
+import './index-03c70f2c.js';
+import './index-ed8770db.js';
+import './index-730f502a.js';
+import './index-a9845019.js';
+import 'react-laag';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-61449a33.js';
+import './index-53f97462.js';
+import './index-d70fb0bb.js';
+import './index-9a23b442.js';
+import './index.module-8dfb8de3.js';
+import './index-001ba1fd.js';
+import './index-62c24617.js';
+import './index-945800aa.js';
+import './index-8a32be1c.js';
+import './index-687ae0a1.js';
+import './index-69a6c7a9.js';
+import './index-f3f86e53.js';
+import './index-197173a7.js';
+import './index-01d1aa77.js';
+import './index-e54f3cbf.js';
+import './index-48d72bcf.js';
+import './index-0a590051.js';
+import './index-8ae4e6a5.js';
+import 'rc-slider';
+import './index-7c7be592.js';
+import './index-61ae92a9.js';
+import './index-96b06af6.js';
+import './index-9ca297b9.js';
+import './index-3bdfe15e.js';
+import 'react-confetti-explosion';
+import './index-672a5e0b.js';
+import './index-f091509b.js';
+import './index-39b1626d.js';
+import 'react-qr-code';
+import './index-93582460.js';
+import './useCustomDimensions-a87c5089.js';
+import './index-c11204c1.js';
+import './ussIsSticky-519f92fa.js';
+import './index-e7b11a1d.js';
+import './index-b0f33b61.js';
+import './index-2a0a2f0d.js';
+import './index.module-2a931ebd.js';
+import './index-d90926c1.js';
+import './index-6648c292.js';
+import './index-cfd02cea.js';
+import './index-253ee923.js';
+import './index-5b956203.js';
+import './index-d07e6872.js';
+import './index.module-64812546.js';
+import './index-7bf7becb.js';
+import './index-b9cc8b64.js';
+import './index-cd2db887.js';
+import './index-1cbb3661.js';
+import '@mui/material';
+import './index-cccee827.js';
+import './index-396df0a6.js';
+import './index-ed26229c.js';
+import './index-d2709a16.js';
+import './index-48c616b7.js';
+
+var wcConfigurator = "wcConfigurator-IeI91";
+var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
+var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
+var tabSearchClass = "tab-search-class-qJEaW";
+var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
+styleInject(css_248z);
+
+var Classification = function Classification(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: wcConfigurator,
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps,
+        tabSearchClass: tabSearchClass
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+    })
+  });
+};
+var cssVariables = {
+  '--settingsBackgroundColor': '#f4f4f4',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--primaryColor': '#455864',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--tabGroupBackground': 'var(--primaryColor)',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
+};
+var index = observer(Classification);
+
+export { index as default };

package/build/esm/index-0ddff453.js

@@ -0,0 +1,187 @@
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
+import { useEffect } from 'react';
+import Inputbox from './index-bec3a509.js';
+import { cssVariables } from './index-8e388c8c.js';
+import Product from './index-c4bafdc8.js';
+import Settings from './index-df039251.js';
+import TabGroup from './index-d1732cf1.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-4969ce3f.js';
+import './index-013824ae.js';
+import 'react-switch';
+import 'react-dropdown';
+import './index-9d41bd54.js';
+import './index-f20a8a18.js';
+import './index-d53bb038.js';
+import './index-2a246afa.js';
+import './index-bb7c36ca.js';
+import './index.module-5ce5d60f.js';
+import './index-6953360a.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-d12c8833.js';
+import './index-e0a2e0a6.js';
+import './index-fcb01bc0.js';
+import './index-f6c05be7.js';
+import './index-54817203.js';
+import './index-9acf9223.js';
+import './index-ca0a2275.js';
+import './index-f091509b.js';
+import 'react-laag';
+import './index-39b1626d.js';
+import 'react-qr-code';
+import './index-93582460.js';
+import './index-96b506f3.js';
+import './index-9a2c71bf.js';
+import './index-63a4826b.js';
+import '@crystaldesign/content-item';
+import './index-5a944c7e.js';
+import './index-9ac6cfde.js';
+import './index-969a7f31.js';
+import './index-82e36b85.js';
+import './index-9460f067.js';
+import './index-05f64d80.js';
+import 'sift';
+import './index-27b5797c.js';
+import './index-5a3bba35.js';
+import './index-dcb5a4c8.js';
+import './index-04931042.js';
+import './index.module-640d8e72.js';
+import './index-b3e1927a.js';
+import './index-794c3b03.js';
+import './index-ff96fb59.js';
+import 'react-countup';
+import './index-1bef5016.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-96a844ba.js';
+import './index-3ac989c2.js';
+import './index-64d3dee2.js';
+import './index-bab8c7ca.js';
+import './index-ec8583d4.js';
+import '@crystaldesign/content-box';
+import './index-fd9f971c.js';
+import './index-57f6de18.js';
+import './index-d03ce7a1.js';
+import './index-5bb3c4e5.js';
+import './UnlockCard-eedb32dd.js';
+import './index-ecf5d2ad.js';
+import './index-e97ba3cb.js';
+import './index-03c70f2c.js';
+import './index-ed8770db.js';
+import './index-730f502a.js';
+import './index-a9845019.js';
+import './index.module-775e575c.js';
+import './index-63d8bd21.js';
+import './index-cd3e741e.js';
+import './index-61449a33.js';
+import './index-53f97462.js';
+import './index-d70fb0bb.js';
+import './index-9a23b442.js';
+import './index.module-8dfb8de3.js';
+import './index-001ba1fd.js';
+import './index-62c24617.js';
+import './index-945800aa.js';
+import './index-8a32be1c.js';
+import './index-687ae0a1.js';
+import './index-69a6c7a9.js';
+import './index-f3f86e53.js';
+import './index-197173a7.js';
+import './index-01d1aa77.js';
+import './index-e54f3cbf.js';
+import './index-48d72bcf.js';
+import './index-0a590051.js';
+import './index-8ae4e6a5.js';
+import 'rc-slider';
+import './index-7c7be592.js';
+import './index-61ae92a9.js';
+import './index-96b06af6.js';
+import './index-9ca297b9.js';
+import './index-3bdfe15e.js';
+import 'react-confetti-explosion';
+import './index-672a5e0b.js';
+import './useCustomDimensions-a87c5089.js';
+import './index-c11204c1.js';
+import './ussIsSticky-519f92fa.js';
+import './index-e7b11a1d.js';
+import './index-b0f33b61.js';
+import './index-2a0a2f0d.js';
+import './index.module-2a931ebd.js';
+import './index-d90926c1.js';
+import './index-6648c292.js';
+import './index-cfd02cea.js';
+import './index-253ee923.js';
+import './index-5b956203.js';
+import './index-d07e6872.js';
+import './index.module-64812546.js';
+import './index-7bf7becb.js';
+import './index-b9cc8b64.js';
+import './index-cd2db887.js';
+import './index-1cbb3661.js';
+import '@mui/material';
+import './index-cccee827.js';
+import './index-396df0a6.js';
+import './index-ed26229c.js';
+import './index-d2709a16.js';
+import './index-48c616b7.js';
+
+var wcConfigurator = "wcConfigurator-VvOGT";
+var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";
+var wcConfiguratorProduct = "wc-configurator-product-Z3rOO";
+var productList = "product-list-18YTy";
+var wcConfiguratorSettings = "wc-configurator-Settings-On8Ph";
+var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-VvOGT {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-VvOGT *,\n.wcConfigurator-VvOGT *::before,\n.wcConfigurator-VvOGT *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-CYXm7 {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-Z3rOO {\n  overflow: auto !important;\n}\n.wc-configurator-product-Z3rOO {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.wc-configurator-product-Z3rOO.product-list-18YTy {\n  display: none;\n}\n\n.wc-configurator-Settings-On8Ph.product-list-18YTy {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.wc-configurator-Settings-On8Ph {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+styleInject(css_248z);
+
+var Serious = function Serious(props) {
+  var _viewHandler$tabGroup;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: wcConfigurator,
+      children: [/*#__PURE__*/jsx(Product, {
+        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
+        contentItemStartPos: "left"
+      }), /*#__PURE__*/jsx(Settings, {
+        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
+      }), /*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var index = observer(Serious);
+
+export { index as default };

package/build/esm/{index-8a12c7a7.js → index-0f326a11.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-0c4af2cf.js';
+import { a as usePlannerUIHandler } from './index-2c5fcebb.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-b7633079.js';
-import ItemsContainer from './index-16f377cf.js';
+import Outline3D from './index-a6cda1a1.js';
+import ItemsContainer from './index-553ed2d8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,21 +21,21 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-31894a83.js';
-import './index-39375bc5.js';
-import './index-d47d79ee.js';
-import './index-4b076045.js';
-import './index-cd1709fc.js';
-import './index-6b012247.js';
-import './index-3d752875.js';
-import './index-359aac2c.js';
-import './index-531c25d8.js';
-import './index-de0949d6.js';
-import './index-0d19505a.js';
+import './index-79099fea.js';
+import './index-ac5596c4.js';
+import './index-c045ac99.js';
+import './index-1a3aafb4.js';
+import './index-e22db8ba.js';
+import './index-0917a76d.js';
+import './index-20807a4c.js';
+import './index-5f511b08.js';
+import './index-b7c3735c.js';
+import './index-ae79a6a7.js';
+import './index-471963ec.js';
 import 'react-draggable';
-import './index-9841afa6.js';
-import './index-281e53e8.js';
-import './index-dd9f15cc.js';
+import './index-231eafdf.js';
+import './index-e25cc28a.js';
+import './index-a143732e.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-0e149188.js → index-0fa3ab64.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-0c4af2cf.js';
+import { s as styleInject } from './index-2c5fcebb.js';
 import 'react';
-import PlannerUI from './index-8a12c7a7.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-b70d3874.js';
+import PlannerUI from './index-0f326a11.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-50200206.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,23 +21,23 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b7633079.js';
-import './index-16f377cf.js';
-import './index-31894a83.js';
-import './index-39375bc5.js';
-import './index-d47d79ee.js';
-import './index-4b076045.js';
-import './index-cd1709fc.js';
-import './index-6b012247.js';
-import './index-3d752875.js';
-import './index-359aac2c.js';
-import './index-531c25d8.js';
-import './index-de0949d6.js';
-import './index-0d19505a.js';
+import './index-a6cda1a1.js';
+import './index-553ed2d8.js';
+import './index-79099fea.js';
+import './index-ac5596c4.js';
+import './index-c045ac99.js';
+import './index-1a3aafb4.js';
+import './index-e22db8ba.js';
+import './index-0917a76d.js';
+import './index-20807a4c.js';
+import './index-5f511b08.js';
+import './index-b7c3735c.js';
+import './index-ae79a6a7.js';
+import './index-471963ec.js';
 import 'react-draggable';
-import './index-9841afa6.js';
-import './index-281e53e8.js';
-import './index-dd9f15cc.js';
+import './index-231eafdf.js';
+import './index-e25cc28a.js';
+import './index-a143732e.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-a525693e.js → index-129d5bd6.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import { s as styleInject, u as useViewHandler } from './index-2c5fcebb.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-51c9445d.js';
-import GenericToolTip from './index-42805d35.js';
-import PricePreview from './index-fb3da7a9.js';
-import InfoIcon from './index-97e4f826.js';
+import MetaData from './index-69a6c7a9.js';
+import GenericToolTip from './index-cd3e741e.js';
+import PricePreview from './index-794c3b03.js';
+import InfoIcon from './index-b3e1927a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,7 +24,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-f31e87f2.js';
+import './index-ff96fb59.js';
 import 'react-countup';
 
 var accItem = "AccItem-EuKUQ";