@crystaldesign/diva-web-planner-react 26.4.0-beta.3 → 26.4.0-beta.31

package/build/esm/{index-878d2281.js → index-d0a977f1.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-7bb9e014.js';
+import { u as useViewHandler } from './index-e88e8992.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-d6fbad65.js';
-import SlideFilter from './index-4ea7df53.js';
+import RalDropdownFilter from './index-61d15cf0.js';
+import SlideFilter from './index-abe00f06.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -25,9 +25,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-dropdown';
-import './index-56aea67d.js';
+import './index-2fd11ca9.js';
 import '@crystaldesign/content-box';
-import './index-2b3eb9fa.js';
+import './index-90b87b9e.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-f33a3621.js → index-d0ebed3d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-7bb9e014.js';
+import { s as styleInject } from './index-e88e8992.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-00f00c1a.js';
+import ActionNavigation from './index-8447cec9.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-9eeaf232.js';
+import './index.module-df3dcd34.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";

package/build/esm/{index-27f9ba37.js → index-d186febd.js}

@@ -1,21 +1,21 @@
-import { s as styleInject, u as useViewHandler } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import classnames from 'classnames';
-import DockFilter from './index-e8d54caf.js';
-import RALFilter from './index-878d2281.js';
+import DockFilter from './index-a4ef3ae3.js';
+import RALFilter from './index-d0a977f1.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-5fc3e29a.js';
-import ToggleHeader from './index-5956fc76.js';
-import NumberInput from './index-fd00f95a.js';
-import InfoButton from './index-e54e3a59.js';
-import PDFButton from './index-21823278.js';
-import SummaryVariantButton from './index-bf9b42c7.js';
-import SelectedOpv from './index-5aaf8440.js';
-import InfoIcon from './index-5560c9ff.js';
-import SettingsPosNr from './index-7bcb4f26.js';
-import SettingsConfigSingle from './index-2f08807e.js';
-import { u as useStickyScroll } from './ussIsSticky-0a67440f.js';
+import Searchbar from './index-ab2bd5a9.js';
+import ToggleHeader from './index-e6b19947.js';
+import NumberInput from './index-861db00a.js';
+import InfoButton from './index-824e4453.js';
+import PDFButton from './index-1cee2d83.js';
+import SummaryVariantButton from './index-038d0242.js';
+import SelectedOpv from './index-1976f5fa.js';
+import InfoIcon from './index-8d984ea9.js';
+import SettingsPosNr from './index-21efd78a.js';
+import SettingsConfigSingle from './index-106217a4.js';
+import { u as useStickyScroll } from './ussIsSticky-213e2bc3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -35,16 +35,16 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d6fbad65.js';
+import './index-61d15cf0.js';
 import 'react-dropdown';
-import './index-56aea67d.js';
-import './index-4ea7df53.js';
+import './index-2fd11ca9.js';
+import './index-abe00f06.js';
 import '@crystaldesign/content-box';
-import './index-2b3eb9fa.js';
-import './index-6d3d6fd8.js';
+import './index-90b87b9e.js';
+import './index-918f3471.js';
 import 'react-laag';
-import './index-55a3a8c3.js';
-import './index-cf6d75ed.js';
+import './index-ae66e2fa.js';
+import './index-2c6dff26.js';
 import 'swiper/react';
 
 var headerWrapper = "header-wrapper-qVEmI";
@@ -102,7 +102,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
   var doShowSearchbar = (item === null || item === void 0 ? void 0 : item.searchVisible) && (!isSettingsHeader || !!item.shelfPlannerGrids || item.type == 'PLANNER_2.0') && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
   var doShowFilter = (item === null || item === void 0 ? void 0 : item.filterVisible) && !isSettingsHeader && item.filterComponent;
   var isStickyVal = isStickyScroll || viewHandler.settingsState.isScrollingDown && viewHandler.configuratorStructureHandler.curTabgroupType.includes('PLANNER');
-  var title = text ? t(text) : (isSettingsHeader || (item === null || item === void 0 ? void 0 : item.type) == 'TOGGLE') && (!viewHandler.getIsInMobileView() || !viewHandler.settingsState.allArticlesAreActive) ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
+  var title = text ? t(text) : (isSettingsHeader || (item === null || item === void 0 ? void 0 : item.type) == 'TOGGLE') && (!viewHandler.getIsInMobileView() || !viewHandler.settingsState.allArticlesStayedActive) ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
   if (item !== null && item !== void 0 && item.isMultiselect) {
     title = title + ' (' + t('configurator.isMultiselect') + ')';
   }

package/build/esm/{index-7df9677e.js → index-dc0f74aa.js}

@@ -1,12 +1,12 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-84429569.js';
+import NavBar from './index-cce938cf.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cee0fa53.js → index-dc27485e.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, P as PricePreview, G as GenericToolTip } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-e88e8992.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f21f333f.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-af7fede4.js';
 import classnames from 'classnames';
-import IsActive from './index-0f6d14c1.js';
+import IsActive from './index-d027796c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-5560c9ff.js';
-import ReverseCheck from './index-087b3c04.js';
+import InfoIcon from './index-8d984ea9.js';
+import ReverseCheck from './index-c964925f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-24a71c03.js → index-de0ffe0a.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-7bb9e014.js';
+import { u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-e88e8992.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-cf585206.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f21f333f.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-b8b855e2.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-af7fede4.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-0f6d14c1.js';
+import IsActive from './index-d027796c.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-55a3a8c3.js';
-import InfoIcon from './index-5560c9ff.js';
-import ReverseCheck from './index-087b3c04.js';
+import MetaData from './index-ae66e2fa.js';
+import InfoIcon from './index-8d984ea9.js';
+import ReverseCheck from './index-c964925f.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-b911d651.js → index-e03311fc.js}

@@ -1,10 +1,10 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e88e8992.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import { useState, useCallback, useEffect } from 'react';
+import { useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -29,62 +29,48 @@ var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-column
 styleInject(css_248z);
 
 var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt;
+  var _viewHandler$configSt, _settingsState$promot, _viewHandler$divaWebP;
   var item = _ref.item;
   var _useDivaCore = useDivaCore(),
     openComponent = _useDivaCore.actions.openComponent,
     productHandler = _useDivaCore.handler.productHandler,
     organization = _useDivaCore.state.organization;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    groups = _useState2[0],
-    setGroups = _useState2[1];
   var viewHandler = useViewHandler();
+  var settingsState = viewHandler.settingsState;
   var productsConfig = viewHandler.getViewConfig().productsConfig;
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    configChangedTimeStamp = _useState4[0],
-    setConfigChangedTimeStamp = _useState4[1];
   var onAddProduct = useCallback(function (productId) {
-    setConfigChangedTimeStamp(viewHandler.settingsState.configChanged);
+    settingsState.setPromotedOptimisticProductId(productId);
     openComponent({
       type: 'DIVA_WEBPLANNER',
       parameters: {
         productId: productId
       },
       internal: {
-        forceReload: '1'
+        forceReload: '1',
+        keepCache: '1'
       }
     });
-  }, [viewHandler]);
-  var selectedProduct = configChangedTimeStamp === viewHandler.settingsState.configChanged && ((_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId());
+  }, [openComponent, settingsState]);
+  var configProductId = (_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId();
+
+  // Keep the selection ring on the clicked tile while the planner reloads; `configState.productId` can
+  // clear or lag during `initialize`, which caused flicker without this.
+  var selectedProduct = (_settingsState$promot = settingsState.promotedOptimisticProductId) !== null && _settingsState$promot !== void 0 ? _settingsState$promot : configProductId;
   useEffect(function () {
-    var _productsConfig$maxCo, _productsConfig$filte, _productsConfig$sort;
-    productHandler.apiLoadProductVariantsGrouped({
-      limit: (_productsConfig$maxCo = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.maxCount) !== null && _productsConfig$maxCo !== void 0 ? _productsConfig$maxCo : undefined,
-      search: (_productsConfig$filte = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.filter) !== null && _productsConfig$filte !== void 0 ? _productsConfig$filte : [{
-        id: 'availableForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }, {
-        id: 'promotedForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }],
-      sort: (_productsConfig$sort = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.sort) !== null && _productsConfig$sort !== void 0 ? _productsConfig$sort : '{-created}'
-    }).then(function (result) {
-      var startProductIndex = result.data.findIndex(function (group) {
-        var _group$items$0$startP;
-        return (_group$items$0$startP = group.items[0].startProductForOrganizations) === null || _group$items$0$startP === void 0 ? void 0 : _group$items$0$startP.includes(organization._id);
-      });
-      if (startProductIndex != -1) {
-        var startProduct = result.data[startProductIndex];
-        result.data.splice(startProductIndex, 1);
-        result.data.unshift(startProduct);
-      }
-      setGroups(result.data);
-    });
-  }, [viewHandler.uiState.isLoading]);
+    if (settingsState.promotedOptimisticProductId != null && configProductId === settingsState.promotedOptimisticProductId) {
+      settingsState.setPromotedOptimisticProductId(null);
+    }
+  }, [settingsState.promotedOptimisticProductId, configProductId, settingsState]);
+  useEffect(function () {
+    settingsState.setPromotedOptimisticProductId(null);
+  }, [organization._id, settingsState]);
+  var catalogCodex = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogCodex;
+  useEffect(function () {
+    var _viewHandler$divaWebP2;
+    if (viewHandler.uiState.isLogicLoading) return;
+    settingsState.loadPromotedProducts(productHandler, organization._id, catalogCodex, (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.getCurPlannerType(), productsConfig);
+  }, [organization._id, viewHandler.uiState.isLogicLoading, catalogCodex]);
+  var groups = settingsState.promotedGroups;
   var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(SettingsHeader, {

package/build/esm/{index-05f0781a.js → index-e0b128d2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-7bb9e014.js';
+import { s as styleInject } from './index-e88e8992.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-8c51beff.js → index-e4399187.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-48cd701d.js → index-e457660f.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-7bb9e014.js';
+import { s as styleInject } from './index-e88e8992.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-571d9d32.js → index-e4a157aa.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import { useEffect } from 'react';
-import Inputbox from './index-7403417d.js';
-import Settings from './index-f390e2c3.js';
-import TabGroup from './index-55b38d04.js';
+import Inputbox from './index-335e6520.js';
+import Settings from './index-8c051edb.js';
+import TabGroup from './index-a9e6e6bf.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-c9b73b84.js';
-import NavigationButtons from './index-13d2062c.js';
-import ContentItemWrapper from './index-e360a4a1.js';
+import Toolbar from './index-c8b5ca78.js';
+import NavigationButtons from './index-800a1996.js';
+import ContentItemWrapper from './index-03e0deec.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,101 +28,101 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3cf9b36a.js';
-import './index-284110f6.js';
-import './index-1ec97320.js';
-import './index-5721b7ed.js';
-import './index-270f04c2.js';
+import './index-192dbc04.js';
+import './index-7a654f0d.js';
+import './index-4b33dbd6.js';
+import './index-4a24ed74.js';
+import './index-45589361.js';
 import 'sift';
-import './index-6441e160.js';
-import './index-618bcb61.js';
-import './index-c9dc125e.js';
-import './index-abe3cfca.js';
-import './index.module-e9a9029b.js';
-import './index-5560c9ff.js';
-import './index-087b3c04.js';
+import './index-868c91b6.js';
+import './index-b4ae94a8.js';
+import './index-c3e7df94.js';
+import './index-37689151.js';
+import './index.module-edcc9788.js';
+import './index-8d984ea9.js';
+import './index-c964925f.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3fb636db.js';
+import './index-f7ac1fbd.js';
 import 'react-dropdown';
-import './index-878d2281.js';
-import './index-d6fbad65.js';
-import './index-56aea67d.js';
-import './index-4ea7df53.js';
+import './index-d0a977f1.js';
+import './index-61d15cf0.js';
+import './index-2fd11ca9.js';
+import './index-abe00f06.js';
 import '@crystaldesign/content-box';
-import './index-2b3eb9fa.js';
-import './index-5fc3e29a.js';
-import './index-b911d651.js';
-import './index-f18e0455.js';
+import './index-90b87b9e.js';
+import './index-ab2bd5a9.js';
+import './index-e03311fc.js';
+import './index-235d762b.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-c800e6a8.js';
-import './index-18e17ab6.js';
-import './index-e4fe45c3.js';
-import './index-f5a55912.js';
-import './index-26501d92.js';
-import './index-6e4c3cbd.js';
-import './index-cee0fa53.js';
+import './UnlockCard-c01af300.js';
+import './index-327cc99f.js';
+import './index-138d6cf5.js';
+import './index-9d995c15.js';
+import './index-bf276ac4.js';
+import './index-4f6d42fe.js';
+import './index-dc27485e.js';
 import 'react-laag';
-import './index.module-f21f333f.js';
-import './index-0f6d14c1.js';
-import './index-381fde98.js';
-import './index-197427f6.js';
-import './index-ff0f2da7.js';
-import './index-e5370ab4.js';
-import './index.module-cf585206.js';
-import './index-5e7642ba.js';
-import './index-9d4e0027.js';
-import './index-43212a8d.js';
-import './index-afedea0c.js';
-import './index-b8d035d2.js';
-import './index-55a3a8c3.js';
-import './index-8e37ba8d.js';
-import './index-40079cff.js';
-import './index-b02b527e.js';
-import './index-00805363.js';
-import './index-b8430113.js';
-import './index-adc9d5f3.js';
-import './index-bfc51324.js';
+import './index.module-af7fede4.js';
+import './index-d027796c.js';
+import './index-1b27b2fa.js';
+import './index-2286dce3.js';
+import './index-b7d62bf7.js';
+import './index-ae86fe69.js';
+import './index.module-b8b855e2.js';
+import './index-63739bdf.js';
+import './index-8d6e13ad.js';
+import './index-572e70f3.js';
+import './index-c57a97ba.js';
+import './index-adccd3ab.js';
+import './index-ae66e2fa.js';
+import './index-fa0d2a8a.js';
+import './index-5e26ff43.js';
+import './index-85073aa3.js';
+import './index-084cc44f.js';
+import './index-28b76d19.js';
+import './index-b9ca0f3c.js';
+import './index-20f8183e.js';
 import 'rc-slider';
-import './index-cf5c6335.js';
-import './index-db1daabd.js';
-import './index-1a03bdea.js';
-import './index-bd366f5a.js';
-import './index-f2a1381f.js';
+import './index-23e6e41b.js';
+import './index-cedd96cc.js';
+import './index-95759a15.js';
+import './index-3e15a48b.js';
+import './index-b85ead04.js';
 import 'react-confetti-explosion';
-import './index-0830042c.js';
-import './index-a91b85df.js';
-import './index-3e296b94.js';
+import './index-4fa82515.js';
+import './index-a4e4ed24.js';
+import './index-b7250cd3.js';
 import 'react-qr-code';
-import './index-300601ec.js';
-import './useCustomDimensions-e62aa8c4.js';
-import './index-c8bd3d09.js';
-import './ussIsSticky-0a67440f.js';
-import './index-616f9ab2.js';
-import './index-a875777a.js';
-import './index-9d169de2.js';
-import './index.module-adb52685.js';
-import './index-78ec9a9d.js';
-import './index-63411016.js';
-import './index-eaac7e54.js';
-import './index-62c19ac6.js';
-import './index-245825ca.js';
-import './index-7651b84b.js';
-import './index.module-c88e4142.js';
-import './index-18d6b5d2.js';
-import './index-d723db1a.js';
-import './index-6aab73a0.js';
-import './index-8bf46d83.js';
+import './index-4000ba20.js';
+import './useCustomDimensions-98389e48.js';
+import './index-452e5122.js';
+import './ussIsSticky-213e2bc3.js';
+import './index-750ddc61.js';
+import './index-98770c88.js';
+import './index-6c8875c4.js';
+import './index.module-3993f0a5.js';
+import './index-1fca0cdc.js';
+import './index-2a93a9ad.js';
+import './index-7c3b82fe.js';
+import './index-611c3242.js';
+import './index-78817538.js';
+import './index-a73793c2.js';
+import './index.module-38d777ce.js';
+import './index-b079a5fb.js';
+import './index-650e39ee.js';
+import './index-6f337869.js';
+import './index-82a1b524.js';
 import '@mui/material';
-import './index-187557eb.js';
-import './index-d05d06f6.js';
-import './index-d69a5a39.js';
-import './index-85b15870.js';
-import './index-2495d568.js';
-import './index-ca9b8bf6.js';
+import './index-0a67f396.js';
+import './index-258e01b5.js';
+import './index-706ce7df.js';
+import './index-76799963.js';
+import './index-601299f9.js';
+import './index-5bf047f7.js';
 import 'react-dom';
-import './index-d2fb2fe5.js';
+import './index-7cae0118.js';
 import 'react-rnd';
 import '@crystaldesign/content-item';
 

package/build/esm/{index-fa8235bc.js → index-e56a5fc4.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-ab52c095.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-9c1dfc3c.js';
-import PlannerUI from './index-2879403f.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-948b2150.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-caade4b4.js';
+import PlannerUI from './index-04eaa191.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -24,23 +24,23 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-6a3cb4f1.js';
-import './index-88f9d39b.js';
-import './index-4af1fbba.js';
-import './index-fe4aa29d.js';
-import './index-c66a0eb6.js';
-import './index-389254b9.js';
-import './index-48680eb2.js';
-import './index-aa7249d8.js';
-import './index-ba271a7f.js';
-import './index-e010598a.js';
-import './index-17c551fc.js';
-import './index-7f56719a.js';
-import './index-b550601e.js';
+import './index-c89cffa6.js';
+import './index-0967c6c4.js';
+import './index-264a847a.js';
+import './index-68c6a8fe.js';
+import './index-c3ae7290.js';
+import './index-3df878d0.js';
+import './index-677cc15f.js';
+import './index-163eea7e.js';
+import './index-5b2d3aa5.js';
+import './index-872cd0a3.js';
+import './index-429b9b26.js';
+import './index-5c3bc4c4.js';
+import './index-6ef37de2.js';
 import 'react-draggable';
-import './index-175cfbb3.js';
-import './index-8dc6a012.js';
-import './index-16eeff56.js';
+import './index-0b7d95de.js';
+import './index-ac478311.js';
+import './index-fa2fdea2.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var tablet = "tablet-4JSOS";

package/build/esm/{index-5956fc76.js → index-e6b19947.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-7bb9e014.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-e88e8992.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';