@crystaldesign/diva-web-planner-react 26.4.0-beta.29 → 26.4.0-beta.30

package/build/esm/{index-c4be885e.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-2b95f5c1.js';
+import { u as useViewHandler } from './index-e88e8992.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-e48682e3.js';
-import SlideFilter from './index-460483e9.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-5ec9a9e1.js';
+import './index-2fd11ca9.js';
 import '@crystaldesign/content-box';
-import './index-0556f8a7.js';
+import './index-90b87b9e.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

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

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-2b95f5c1.js';
+import { s as styleInject } from './index-e88e8992.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-81a1fb85.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-512e983a.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-2523c0b0.js → index-d186febd.js}

@@ -1,21 +1,21 @@
-import { s as styleInject, u as useViewHandler } from './index-2b95f5c1.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import classnames from 'classnames';
-import DockFilter from './index-14bdb30b.js';
-import RALFilter from './index-c4be885e.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-0908a532.js';
-import ToggleHeader from './index-a883ecaf.js';
-import NumberInput from './index-c5b0c735.js';
-import InfoButton from './index-b823cddd.js';
-import PDFButton from './index-882f7d33.js';
-import SummaryVariantButton from './index-ee9880ba.js';
-import SelectedOpv from './index-71ae5ba4.js';
-import InfoIcon from './index-ad426459.js';
-import SettingsPosNr from './index-903606a4.js';
-import SettingsConfigSingle from './index-374486ce.js';
-import { u as useStickyScroll } from './ussIsSticky-f8229dc3.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-e48682e3.js';
+import './index-61d15cf0.js';
 import 'react-dropdown';
-import './index-5ec9a9e1.js';
-import './index-460483e9.js';
+import './index-2fd11ca9.js';
+import './index-abe00f06.js';
 import '@crystaldesign/content-box';
-import './index-0556f8a7.js';
-import './index-a339922a.js';
+import './index-90b87b9e.js';
+import './index-918f3471.js';
 import 'react-laag';
-import './index-5e522c31.js';
-import './index-d637b96c.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-35be288f.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-2b95f5c1.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-f0f4f2d1.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-0ed520b8.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-2b95f5c1.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-5052a85c.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-af7fede4.js';
 import classnames from 'classnames';
-import IsActive from './index-cd736db4.js';
+import IsActive from './index-d027796c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-ad426459.js';
-import ReverseCheck from './index-2b34367d.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-6b1d3899.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-2b95f5c1.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-be803fd3.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-5052a85c.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-cd736db4.js';
+import IsActive from './index-d027796c.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-5e522c31.js';
-import InfoIcon from './index-ad426459.js';
-import ReverseCheck from './index-2b34367d.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-041656b1.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-2b95f5c1.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-ba359249.js → index-e0b128d2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-2b95f5c1.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-80fa14f5.js → index-e4399187.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-2b95f5c1.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-d0d4f6f6.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-2b95f5c1.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-ca3e8f78.js → index-e4a157aa.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-2b95f5c1.js';
+import { s as styleInject, u as useViewHandler } from './index-e88e8992.js';
 import { useEffect } from 'react';
-import Inputbox from './index-76d3971d.js';
-import Settings from './index-406ac492.js';
-import TabGroup from './index-4665bcca.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-0b654e82.js';
-import NavigationButtons from './index-e4f07cff.js';
-import ContentItemWrapper from './index-6d308dfe.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-14f009cd.js';
-import './index-bd29f548.js';
-import './index-4cea5cf2.js';
-import './index-696bc430.js';
-import './index-f9fad074.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-808c8733.js';
-import './index-7eae6f92.js';
-import './index-114440a2.js';
-import './index-16caefdc.js';
-import './index.module-b7391895.js';
-import './index-ad426459.js';
-import './index-2b34367d.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-dce3ac63.js';
+import './index-f7ac1fbd.js';
 import 'react-dropdown';
-import './index-c4be885e.js';
-import './index-e48682e3.js';
-import './index-5ec9a9e1.js';
-import './index-460483e9.js';
+import './index-d0a977f1.js';
+import './index-61d15cf0.js';
+import './index-2fd11ca9.js';
+import './index-abe00f06.js';
 import '@crystaldesign/content-box';
-import './index-0556f8a7.js';
-import './index-0908a532.js';
-import './index-041656b1.js';
-import './index-e8a8bd4d.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-e933af4b.js';
-import './index-0ea3287e.js';
-import './index-bfabf24c.js';
-import './index-91b069e1.js';
-import './index-2c01662d.js';
-import './index-2a0eb432.js';
-import './index-0ed520b8.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-5052a85c.js';
-import './index-cd736db4.js';
-import './index-2717b67c.js';
-import './index-d001cca9.js';
-import './index-58d2e134.js';
-import './index-dc7ea938.js';
-import './index.module-be803fd3.js';
-import './index-475c21ed.js';
-import './index-de836e88.js';
-import './index-c116622b.js';
-import './index-3450f204.js';
-import './index-1db2dc1a.js';
-import './index-5e522c31.js';
-import './index-3f7b1acf.js';
-import './index-7983fca3.js';
-import './index-cfd2cdb0.js';
-import './index-c05994da.js';
-import './index-2c88038a.js';
-import './index-07b715e7.js';
-import './index-03026375.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-4d2d89ad.js';
-import './index-fb071467.js';
-import './index-dd85f741.js';
-import './index-7c98f403.js';
-import './index-181c7c74.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-e5b0d28a.js';
-import './index-5437a967.js';
-import './index-1f1a1064.js';
+import './index-4fa82515.js';
+import './index-a4e4ed24.js';
+import './index-b7250cd3.js';
 import 'react-qr-code';
-import './index-6f44a372.js';
-import './useCustomDimensions-5052076e.js';
-import './index-80939157.js';
-import './ussIsSticky-f8229dc3.js';
-import './index-aac2231d.js';
-import './index-07b23af5.js';
-import './index-40fd8f9e.js';
-import './index.module-49a05202.js';
-import './index-ebf121f7.js';
-import './index-99657a19.js';
-import './index-aca41bc0.js';
-import './index-277318fd.js';
-import './index-9f11f9a5.js';
-import './index-77033f27.js';
-import './index.module-b45990c6.js';
-import './index-199c1d6a.js';
-import './index-3835819c.js';
-import './index-f1aa205b.js';
-import './index-94d9e52b.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-241942fb.js';
-import './index-eeab291a.js';
-import './index-0256a152.js';
-import './index-6dc18aaa.js';
-import './index-f9b78064.js';
-import './index-3964efd2.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-eeed70db.js';
+import './index-7cae0118.js';
 import 'react-rnd';
 import '@crystaldesign/content-item';
 

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

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-2b95f5c1.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-1c05ebbe.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-97086fb2.js';
-import PlannerUI from './index-017ea2de.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-800cc151.js';
-import './index-21982476.js';
-import './index-351b6ace.js';
-import './index-9c79151b.js';
-import './index-28c388e7.js';
-import './index-80fcdc28.js';
-import './index-8fa25782.js';
-import './index-ba8ea2d5.js';
-import './index-f410d531.js';
-import './index-cd4a59db.js';
-import './index-40211d84.js';
-import './index-06fd846c.js';
-import './index-11a21c2c.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-3e868a29.js';
-import './index-56b2ea11.js';
-import './index-5aa37c55.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-a883ecaf.js → index-e6b19947.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-2b95f5c1.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';