@crystaldesign/diva-web-planner-react 25.1.0-rc.9 → 25.1.0

package/build/esm/index-a9e05df0.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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';
-
-var sumWrapper = "sum-wrapper-gnJDJ";
-var isMobile = "is-mobile-MyAw2";
-var priceWrapper = "price-wrapper-OEjmk";
-var price = "price-JPhUm";
-var betterPrice = "better-price-q5J8D";
-var canceled = "canceled-sYf8-";
-var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
-styleInject(css_248z);
-
-var PriceSumm = function PriceSumm(props) {
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs("div", {
-    className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
-    children: [/*#__PURE__*/jsx("div", {
-      children: t('configurator.Sum', 'Summe')
-    }), /*#__PURE__*/jsxs("div", {
-      className: priceWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
-        children: !hidePrices && viewHandler.productState.formatedCurSetPrice
-      }), viewHandler.productState.formatedBruttoPrice && !hidePrices && /*#__PURE__*/jsxs("div", {
-        className: classnames(price, canceled),
-        children: [" ", viewHandler.productState.formatedBruttoPrice]
-      })]
-    })]
-  });
-};
-var PriceSumm$1 = observer(PriceSumm);
-
-export { PriceSumm$1 as default };

package/build/esm/index-aaa6b027.js

@@ -1,78 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import 'react';
-import Dropdown from 'react-dropdown';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Arrow from './index-9d437ef8.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 'mobx-react-lite';
-
-var wcColorFilterItem = "wcColorFilterItem-xQqck";
-var dropdownRoot = "Dropdown-root-BjRjC";
-var dropdownControl = "Dropdown-control-8aQx0";
-var css_248z = ".wcColorFilterItem-xQqck {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.Dropdown-root-BjRjC {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.Dropdown-control-8aQx0 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n";
-styleInject(css_248z);
-
-var RalDropdownFilter = function RalDropdownFilter(_ref) {
-  var _viewHandler$settings;
-  var visibleColorItems = _ref.visibleColorItems,
-    _ref$dropdownRootClas = _ref.dropdownRootClass,
-    dropdownRootClass = _ref$dropdownRootClas === void 0 ? dropdownRoot : _ref$dropdownRootClas,
-    deleteCurValue = _ref.deleteCurValue,
-    id = _ref.id;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var actValue = (_viewHandler$settings = viewHandler.settingsState.itemPalettes.get(id)) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.filterValue;
-  var dropDownValues = visibleColorItems.map(function (item) {
-    return {
-      label: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("span", {
-          className: wcColorFilterItem,
-          style: {
-            backgroundColor: item.rgb
-          }
-        }), " ", t('configurator.' + item.text)]
-      }),
-      text: item.text,
-      value: item.text
-    };
-  });
-  return /*#__PURE__*/jsx("div", {
-    "data-test-id": "ral-dropdown",
-    children: /*#__PURE__*/jsx(Dropdown, {
-      className: classnames(dropdownRootClass),
-      controlClassName: dropdownControl,
-      options: dropDownValues,
-      value: actValue,
-      onChange: function onChange(val) {
-        return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
-      },
-      placeholder: t('configurator.colors'),
-      arrowClosed: /*#__PURE__*/jsx(Arrow, {
-        onClick: deleteCurValue,
-        open: false,
-        iconAsDelete: !!actValue
-      }),
-      arrowOpen: /*#__PURE__*/jsx(Arrow, {
-        onClick: deleteCurValue,
-        open: true,
-        iconAsDelete: !!actValue
-      })
-    })
-  });
-};
-
-export { RalDropdownFilter as default };

package/build/esm/index-ac0bb8db.js

@@ -1,83 +0,0 @@
-import { u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import React, { Suspense } from 'react';
-import Planner2DGrid from './index-a2439705.js';
-import Planner3DImage from './index-db4dbce3.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-969a8937.js';
-import classnames from 'classnames';
-import Planner3DGrid from './index-f7dca502.js';
-import PlannerMsgContainer from './index-549aef40.js';
-import PlannerUIVariant from './index-5a634be3.js';
-import RotateInfo from './index-ecb81767.js';
-import PromotedOpvs from './index-95d34206.js';
-import OrbitInteraction from './index-93699bc3.js';
-import MobileNavIcons from './index-c6b2e0d4.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-a000f271.js';
-import './index-9c5b0a9f.js';
-import '@crystaldesign/content-box';
-import './index-eb5ffd0f.js';
-import 'react-laag';
-import './index-3f56cc07.js';
-import 'react-qr-code';
-import './index-512afc08.js';
-
-var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-2471aa04.js');
-});
-var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f74b7f37.js');
-});
-var ProductCenter = function ProductCenter(_ref) {
-  var style = _ref.style,
-    _ref$folderPosition = _ref.folderPosition,
-    folderPosition = _ref$folderPosition === void 0 ? 'right' : _ref$folderPosition;
-  var viewHandler = useViewHandler();
-  var showFolderButton = !viewHandler.uiState.ViewConfig.hideMobileFolder || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showFoldup = !viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsFoldedUp && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isMobilePortrait && !viewHandler.productState.roomListExpanded;
-  var showFoldDown = viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView || viewHandler.uiState.ViewConfig.showSettingsFolder && viewHandler.productState.promotionVisible;
-  var showOrbitCube = viewHandler.productState.doShowRenderImage && (!viewHandler.uiState.ViewConfig.dontShowOrbitInMobile || !viewHandler.getIsInMobileView()) && viewHandler.viewPlannerHandler.getCurPlannerViewMode() == '3DImage' && viewHandler.productState.doShowRenderImage && !viewHandler.productState.plannerRenderingIsStaticBG;
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorProductCenter, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.productState.doShowGrid ? inGridVisible : undefined, fullscreen),
-    children: [/*#__PURE__*/jsx(PlannerMsgContainer, {}), /*#__PURE__*/jsx(Planner3DImage, {}), viewHandler.productState.allow3DComb && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(Planner3D, {})
-    }), /*#__PURE__*/jsx(Planner3DGrid, {}), (viewHandler.productState.allowRTV || viewHandler.productState.allowQRCodeAR) && viewHandler.isParentViewVisible && /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx(Fragment, {}),
-      children: /*#__PURE__*/jsx(PlannerRTV, {})
-    }), showOrbitCube && /*#__PURE__*/jsx(OrbitInteraction, {}), /*#__PURE__*/jsx(Planner2DGrid, {}), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(MobileNavIcons, {}), /*#__PURE__*/jsx(RotateInfo, {}), /*#__PURE__*/jsx(PromotedOpvs, {}), !viewHandler.productState.hidePlannerUiIcons && !(viewHandler.productState.doShowRTV || viewHandler.productState.doShow3DComb) && /*#__PURE__*/jsx(PlannerUIVariant, {}), viewHandler.productState.plannerMode == 'No' && /*#__PURE__*/jsx("div", {
-      className: wcConfiguratorArticleImage,
-      children: viewHandler.productState.articleImage && /*#__PURE__*/jsx("img", {
-        src: viewHandler.productState.articleImage,
-        className: center
-      })
-    }), showFolderButton && /*#__PURE__*/jsxs(Fragment, {
-      children: [showFoldDown && /*#__PURE__*/jsx("div", {
-        className: classnames(foldback, folderPosition === 'left' ? foldbackLeft : undefined),
-        onClick: viewHandler.uiState.onClickHideConfigSettings,
-        id: "btnFoldDown"
-      }), showFoldup && /*#__PURE__*/jsx("div", {
-        id: "btnFoldUp",
-        className: classnames(foldup),
-        onClick: viewHandler.uiState.onClickFoldupConfigSettings
-      })]
-    })]
-  });
-};
-var ProductCenter$1 = observer(ProductCenter);
-
-export { ProductCenter$1 as default };

package/build/esm/index-ac117510.js

@@ -1,43 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-cd34b0bd.js';
-import PriceSumm from './index-a9e05df0.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-
-var backOverwrite = "back-overwrite--AJgH";
-var forthOverwrite = "forth-overwrite-l0e3R";
-var actionNavigationClass = "action-navigation-class-jX4Hl";
-var css_248z = ".back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.back-overwrite--AJgH,\n.forth-overwrite-l0e3R {\n  cursor: pointer;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\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; }
-var ActionNavigationRalph = function ActionNavigationRalph(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
-      className: viewHandler.getIsInMobileView() ? actionNavigationClass : undefined,
-      showBackButtonText: true,
-      forthOverwrite: forthOverwrite,
-      backOverwrite: backOverwrite
-    })]
-  }));
-};
-var index = observer(ActionNavigationRalph);
-
-export { index as default };

package/build/esm/index-ad164596.js

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-16344a69.js';
-import { S as SettingsItem } from './index-05748f3e.js';
-import classnames from 'classnames';
-import TotalPrice from './index-a8812b26.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-b0f47b7a.js';
-import './index-11fbb668.js';
-import './index-b7962c98.js';
-import './index-70ecb929.js';
-import 'react-laag';
-import './index-41f18a3e.js';
-import 'sift';
-import './index-8672bb05.js';
-import './index-f9371c0f.js';
-import './index-8f3381ef.js';
-import './index-8f2269ef.js';
-import './index.module-93214742.js';
-import './index-b75bc776.js';
-import 'react-switch';
-import './index-6b677636.js';
-import './index-d0d2d16d.js';
-import './index-c378eedc.js';
-import 'react-dropdown';
-import './index-c60da0b1.js';
-import './index-aaa6b027.js';
-import './index-9d437ef8.js';
-import './index-89f8e1c3.js';
-import '@crystaldesign/content-box';
-import './index-cc670af5.js';
-import './index-7848bac0.js';
-import './index-18ea860e.js';
-import './index-77ad3d51.js';
-import './index-53668b62.js';
-import './index-6d36c20b.js';
-import './index-dc5dddca.js';
-import './index-6982a074.js';
-import './index-e8d81c15.js';
-import './index-b51c13ef.js';
-import './index-3b09b627.js';
-import './index-ebfec8c7.js';
-import './index-0b3f9f2e.js';
-import './index-41328bed.js';
-import './index-33c58077.js';
-import './index-edbbaf2d.js';
-import './index.module-7069bee0.js';
-import './index-53975d15.js';
-import './index-c7e75bc1.js';
-import './index-ade8ffb0.js';
-import './index-38008c11.js';
-import './index-8b212d8a.js';
-import './index-5db17c35.js';
-import './index-53b9a448.js';
-import './index.module-eb5a533e.js';
-import './index-fc2ae620.js';
-import './index-7081fdb3.js';
-
-var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
-var expanded = "expanded-r-uGX";
-var minExpanded = "minExpanded-oyaLK";
-var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
-styleInject(css_248z);
-
-var SettingsScroller = function SettingsScroller(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var settingsScrollerElement = useRef(null);
-  var itemPalettesArr = [];
-  var pairWithOptionsToGroup = {};
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  var style = {};
-  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
-    style.height = '100%';
-  } else {
-    var _viewHandler$settings, _viewHandler$settings2;
-    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
-  }
-  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
-    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
-    var paletteId = Number(itemPalette.id);
-    var groupName = itemPalette.pairWithOptionsToGroup;
-    if (groupName && itemPalette.visible) {
-      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
-      pairWithOptionsToGroup[groupName].push(paletteId);
-    }
-    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
-    id: "wcConfigurator-settings-scroller",
-    ref: settingsScrollerElement,
-    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
-      isScroller: true
-    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
-      children: [itemPalettesArr.map(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          index = _ref3[0],
-          item = _ref3[1];
-        return /*#__PURE__*/jsx(SettingsItem, {
-          item: item,
-          id: index,
-          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
-        }, index);
-      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
-    })]
-  });
-};
-var SettingsScroller$1 = observer(SettingsScroller);
-
-export { SettingsScroller$1 as default };

package/build/esm/index-ade8ffb0.js

@@ -1,40 +0,0 @@
-import { s as styleInject } from './index-497c4f05.js';
-import classnames from 'classnames';
-import 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-var wcStepInfo = "wcStepInfo-IuGTY";
-var error = "error-PdtJS";
-var warning = "warning-fB-89";
-var info = "info-bs86-";
-var css_248z = ".wcStepInfo-IuGTY {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.error-PdtJS {\n  color: #dc3545;\n}\n\n.warning-fB-89 {\n  color: #ffc107;\n}\n\n.info-bs86- {\n  color: #828282;\n}\n";
-styleInject(css_248z);
-
-var StepInfo = function StepInfo(_ref) {
-  var stepInfo = _ref.stepInfo;
-  if (!stepInfo) return /*#__PURE__*/jsx(Fragment, {});
-  var text = stepInfo.text,
-    type = stepInfo.type;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcStepInfo, type === 'ERROR' ? error : undefined, type === 'INFO' ? info : undefined, type === 'WARNING' ? warning : undefined),
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  });
-};
-
-export { StepInfo as default };

package/build/esm/index-ae5c6826.js

@@ -1,147 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-497c4f05.js';
-import { useEffect } from 'react';
-import Inputbox from './index-5349283b.js';
-import { cssVariables } from './index-dad99277.js';
-import Product from './index-5892829a.js';
-import Settings from './index-3d393ab0.js';
-import TabGroup from './index-f95ee99b.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-505f902d.js';
-import './index-b75bc776.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-9c0ef801.js';
-import './index-ac0bb8db.js';
-import './index-a2439705.js';
-import './index-db4dbce3.js';
-import './index-a000f271.js';
-import './index.module-969a8937.js';
-import './index-9c5b0a9f.js';
-import './index-f7dca502.js';
-import './index-549aef40.js';
-import './index-5a634be3.js';
-import './index-ecb81767.js';
-import './index-95d34206.js';
-import '@crystaldesign/content-box';
-import './index-93699bc3.js';
-import './index-c6b2e0d4.js';
-import './index-eb5ffd0f.js';
-import 'react-laag';
-import './index-3f56cc07.js';
-import 'react-qr-code';
-import './index-512afc08.js';
-import './index-a053e672.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-16344a69.js';
-import './index-b0f47b7a.js';
-import './index-11fbb668.js';
-import './index-b7962c98.js';
-import './index-70ecb929.js';
-import './index-41f18a3e.js';
-import './index-ad164596.js';
-import './index-05748f3e.js';
-import 'sift';
-import './index-8672bb05.js';
-import './index-f9371c0f.js';
-import './index-8f3381ef.js';
-import './index-8f2269ef.js';
-import './index.module-93214742.js';
-import './index-6b677636.js';
-import './index-d0d2d16d.js';
-import './index-c378eedc.js';
-import './index-c60da0b1.js';
-import './index-aaa6b027.js';
-import './index-9d437ef8.js';
-import './index-89f8e1c3.js';
-import './index-cc670af5.js';
-import './index-7848bac0.js';
-import './index-18ea860e.js';
-import './index-77ad3d51.js';
-import './index-53668b62.js';
-import './index-6d36c20b.js';
-import './index-dc5dddca.js';
-import './index-6982a074.js';
-import './index-e8d81c15.js';
-import './index-b51c13ef.js';
-import './index-3b09b627.js';
-import './index-ebfec8c7.js';
-import './index-0b3f9f2e.js';
-import './index-41328bed.js';
-import './index-33c58077.js';
-import './index-edbbaf2d.js';
-import './index.module-7069bee0.js';
-import './index-53975d15.js';
-import './index-c7e75bc1.js';
-import './index-ade8ffb0.js';
-import './index-38008c11.js';
-import './index-8b212d8a.js';
-import './index-5db17c35.js';
-import './index-53b9a448.js';
-import './index.module-eb5a533e.js';
-import './index-fc2ae620.js';
-import './index-7081fdb3.js';
-import './index-a8812b26.js';
-import './index-ed420ac3.js';
-import './index-d977754e.js';
-import './index-0d4f440c.js';
-import './index-7ddc30a1.js';
-import './index-c7d668a8.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}\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  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\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 };