@crystaldesign/diva-web-planner-react 25.11.0-beta.17 → 25.11.0-beta.18

package/build/esm/{ArticleProperties-d8d49c5d.js → ArticleProperties-7fcfa653.js}

@@ -1,4 +1,4 @@
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-64fc3584.js → CatalogProperties-390443ca.js}

@@ -1,4 +1,4 @@
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-a83fa74c.js → DecisionVizualizer-e44f182e.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-183cddcb.js';
+import { s as styleInject } from './index-e8fdff48.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-4603b296.js → OptionProperties-8088287d.js}

@@ -1,4 +1,4 @@
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{OptionValueProperties-5bdb0223.js → OptionValueProperties-eb32cf8d.js}

@@ -1,4 +1,4 @@
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-f96e6756.js → Planner2DGrid-2788b882.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';
@@ -22,8 +22,6 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 
-//import { BboxInfo2D } from 'packages/web-planner-logic/src/interface/FunctionTypes';
-
 var LOG = getLogger('Planner', 'Planner2DGrid');
 var Planner2DGrid = /*#__PURE__*/function () {
   function Planner2DGrid(getConfiguratorState, getPlannerElementById, getPlannerViewConfig, forceViewToEnterPlannerMode, plannerPaletteViewInfo) {

package/build/esm/{Planner3DImage-5f692826.js → Planner3DImage-16b57f9f.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';
@@ -545,8 +545,9 @@ var Planner3DGrid = /*#__PURE__*/function () {
 }();
 
 var Planner3DImageUI = /*#__PURE__*/function () {
-  function Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo) {
+  function Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo, settingsState) {
     _classCallCheck(this, Planner3DImageUI);
+    this.settingsState = settingsState;
     _defineProperty(this, "uiHTMLContainer", void 0);
     _defineProperty(this, "classUI", 'wc3DImageUI');
     _defineProperty(this, "getConfiguratorState", void 0);
@@ -722,10 +723,11 @@ var Planner3DImageUI = /*#__PURE__*/function () {
           switch (element.getPlannerType()) {
             case 'STD':
               {
+                var isPlanner = ['PLANNER', 'PRODUCTS', 'PROMOTED', 'PLANNER_2.0'].includes(_this.getConfiguratorState());
                 var _elemUIInfo = rendering.getLeftTopBackUIPos(element.getSetId(), element.getElementId());
-                if (_elemUIInfo) _this.addPosNrUI(plannerUIHandler, element, _elemUIInfo.x, _elemUIInfo.y, elemIsSelected, elemIsSelectable);
+                if (_elemUIInfo && (!_this.settingsState.posNrAreHidden || isPlanner)) _this.addPosNrUI(plannerUIHandler, element, _elemUIInfo.x, _elemUIInfo.y, elemIsSelected, elemIsSelectable);
                 if (elemIsSelected) {
-                  if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'PLANNER_2.0'].includes(_this.getConfiguratorState())) {
+                  if (isPlanner) {
                     if (element.getIsDockedAccessoire()) {
                       _this.addAccDockingPoints(plannerUIHandler, element, rendering.getAllDockingPoints(element.getSetId(), element.getElementId()), 'AVO');
                     } else {
@@ -800,7 +802,7 @@ var Planner3DImageUI = /*#__PURE__*/function () {
 }();
 
 var Planner3DImage = /*#__PURE__*/function () {
-  function Planner3DImage(getConfiguratorState, update3DImgSrcInView, getPlannerViewConfig, onDoShowNav3DChanged, getAllPlannedElements, plannerPaletteViewInfo) {
+  function Planner3DImage(getConfiguratorState, update3DImgSrcInView, getPlannerViewConfig, onDoShowNav3DChanged, getAllPlannedElements, plannerPaletteViewInfo, settingsState) {
     _classCallCheck(this, Planner3DImage);
     _defineProperty(this, "imageContainer", undefined);
     _defineProperty(this, "UIHandler", void 0);
@@ -810,7 +812,7 @@ var Planner3DImage = /*#__PURE__*/function () {
     _defineProperty(this, "onDoShowNav3DChanged", void 0);
     //Navigation
     _defineProperty(this, "enablePlanner3DGrid", void 0);
-    this.UIHandler = new Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo);
+    this.UIHandler = new Planner3DImageUI(getConfiguratorState, plannerPaletteViewInfo, settingsState);
     this.curRendering = new Rendering('Placeholder', 'Placeholder', '', -1, -1, false, false, 0, false, false, 'STREAM');
     this.planner3DGrid = new Planner3DGrid(getPlannerViewConfig, getAllPlannedElements);
     this.onDoShowNav3DChanged = onDoShowNav3DChanged;

package/build/esm/index-00080c18.js

@@ -0,0 +1,260 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-e8fdff48.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-da36196c.js';
+import SettingsScroller from './index-f5bd275a.js';
+import SettingsHeader from './index-07a7c6bc.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import NavForwardButton from './index-cd4ac238.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 '@crystaldesign/widget-contact-form';
+import './index-8af1fa4e.js';
+import './index-12d77ba0.js';
+import 'sift';
+import './index-0e0870fd.js';
+import './index-7f6b6b3c.js';
+import './index-d63b6b08.js';
+import './index-2cfb187b.js';
+import './index.module-28ea74bc.js';
+import './index-23961807.js';
+import 'react-switch';
+import './index-ce110598.js';
+import './index-f95b77aa.js';
+import 'react-countup';
+import './index-1e43f927.js';
+import 'react-dropdown';
+import './index-f887aa07.js';
+import './index-3f3ce0c9.js';
+import './index-9d062a44.js';
+import './index-0edc6033.js';
+import '@crystaldesign/content-box';
+import './index-2865624f.js';
+import './index-3711928a.js';
+import './index-b193c3e3.js';
+import './index-8059cf60.js';
+import './index-db939015.js';
+import './index-cabba44e.js';
+import './index-1ad0ee53.js';
+import './index-32e70b94.js';
+import './index-5505c04b.js';
+import './index-5e3fe425.js';
+import './index-2c2b6f33.js';
+import './index-3ccb86e5.js';
+import './index-71227209.js';
+import './index.module-e4d1a7f0.js';
+import './index-e157495f.js';
+import './index-cc4b7e5d.js';
+import './index-979899fa.js';
+import './index-61af6296.js';
+import './index-d83c506c.js';
+import './index-f6ca3c7a.js';
+import './index.module-6e63d9da.js';
+import 'react-laag';
+import './index-28096acc.js';
+import './index-3e417a8d.js';
+import './index-b548e182.js';
+import './index-a53a65a2.js';
+import './index-f70ab60e.js';
+import './index-cd0f985a.js';
+import './index-a59c242d.js';
+import './index-7b0f51b2.js';
+import 'swiper/modules';
+import './index-00b96462.js';
+import 'rc-slider';
+import './index-8ffea4c6.js';
+import './index-5a956948.js';
+import './index-13ce0828.js';
+import './index-49db67f9.js';
+import 'react-confetti-explosion';
+import './index-d7745fdb.js';
+import './index-31488650.js';
+import './index-fd16b0ed.js';
+import 'react-qr-code';
+import './index-383cac8f.js';
+import './useCustomDimensions-aed17115.js';
+import './index-115b68e6.js';
+import './index-ef59edd8.js';
+
+var useSwiperHook = function useSwiperHook(viewHandler) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    swiperRef = _useState2[0],
+    setSwiperRef = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    allSwipes = _useState4[0],
+    setAllSwipes = _useState4[1];
+  useEffect(function () {
+    var allSwipes = Object.keys(viewHandler.tabGroupState.allTabGroups);
+    setAllSwipes(allSwipes);
+    if (viewHandler.tabGroupState.curTabGroup) {
+      if (allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) != (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.activeIndex)) {
+        swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key), 400);
+      }
+    }
+  }, [viewHandler.tabGroupState.allTabGroups, viewHandler.tabGroupState.curTabGroup, swiperRef]);
+  var teaseSwipe = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var offset,
+        duration,
+        durationQuarter,
+        currentTranslate,
+        teaseTranslate,
+        _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            offset = _args.length > 0 && _args[0] !== undefined ? _args[0] : 50;
+            duration = _args.length > 1 && _args[1] !== undefined ? _args[1] : 500;
+            if (swiperRef) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            durationQuarter = duration * 0.25;
+            currentTranslate = swiperRef.getTranslate();
+            teaseTranslate = currentTranslate - offset;
+            swiperRef.allowTouchMove = false;
+
+            // Smooth initial movement outward - slower
+            swiperRef.setTransition(durationQuarter * 2); // Increased from 1.5 to 2
+            swiperRef.setTranslate(teaseTranslate);
+            _context.next = 12;
+            return DivaUtils.Sleep(durationQuarter * 2);
+          case 12:
+            // Increased sleep to match transition
+
+            // Gentle bounce back
+            swiperRef.setTransition(durationQuarter);
+            swiperRef.setTranslate(currentTranslate - offset * 0.5);
+            _context.next = 16;
+            return DivaUtils.Sleep(durationQuarter);
+          case 16:
+            // Small outward movement - faster
+            swiperRef.setTransition(durationQuarter * 0.5);
+            swiperRef.setTranslate(teaseTranslate * 0.8);
+            _context.next = 20;
+            return DivaUtils.Sleep(durationQuarter * 0.5);
+          case 20:
+            // Final smooth return
+            swiperRef.setTransition(durationQuarter * 1.75);
+            swiperRef.setTranslate(currentTranslate);
+            swiperRef.allowTouchMove = true;
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function teaseSwipe() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  //  useEffect(() => {
+  //    const timeout = setTimeout(() => {
+  //      teaseSwipe(100, 1000);
+  //    }, 3000);
+  //    return () => clearTimeout(timeout);
+  //  }, [swiperRef]);
+
+  var handleSlideChange = function handleSlideChange(e) {
+    if (viewHandler.tabGroupState.curTabGroup === undefined) return;
+    var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
+    if (diff == 1) {
+      viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true);
+    } else if (diff == -1) {
+      viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
+    } else if (diff !== 0) {
+      viewHandler.tabGroupState.navigateToTabgroupByPosNr(viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]].posNr);
+    }
+  };
+  var handleSetTransition = function handleSetTransition() {
+    viewHandler.uiState.swiperNavigationActive = true;
+  };
+  var handleTransitionEnd = function handleTransitionEnd() {
+    viewHandler.uiState.swiperNavigationActive = false;
+  };
+  var initialSlide = viewHandler.tabGroupState.curTabGroup ? allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) : 0;
+  return {
+    swiperRef: swiperRef,
+    setSwiperRef: setSwiperRef,
+    allSwipes: allSwipes,
+    handleSlideChange: handleSlideChange,
+    handleSetTransition: handleSetTransition,
+    handleTransitionEnd: handleTransitionEnd,
+    initialSlide: initialSlide,
+    teaseSwipe: teaseSwipe
+  };
+};
+
+var SettingsSwiper = function SettingsSwiper(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var _useSwiperHook = useSwiperHook(viewHandler),
+    setSwiperRef = _useSwiperHook.setSwiperRef,
+    allSwipes = _useSwiperHook.allSwipes,
+    handleSlideChange = _useSwiperHook.handleSlideChange,
+    handleSetTransition = _useSwiperHook.handleSetTransition,
+    handleTransitionEnd = _useSwiperHook.handleTransitionEnd,
+    initialSlide = _useSwiperHook.initialSlide;
+  var noSwiping = '.no-swiping';
+  if (!viewHandler.tabGroupState.curTabGroup) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx(Swiper, {
+    onSlideChange: handleSlideChange,
+    onSetTransition: handleSetTransition,
+    onTransitionEnd: handleTransitionEnd,
+    initialSlide: initialSlide,
+    onSwiper: setSwiperRef,
+    className: swiperClass,
+    noSwipingSelector: noSwiping,
+    resizeObserver: true,
+    slidesPerView: 1,
+    threshold: 30,
+    wrapperClass: swiperWrapper,
+    children: allSwipes.map(function (swipe) {
+      var _Object$values, _viewHandler$tabGroup, _viewHandler$tabGroup2;
+      var title = (_Object$values = Object.values((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.allTabGroups[swipe]) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.options) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : {})) === null || _Object$values === void 0 || (_Object$values = _Object$values[0]) === null || _Object$values === void 0 ? void 0 : _Object$values.title;
+      return /*#__PURE__*/jsx(SwiperSlide, {
+        className: swiperSlide,
+        children: swipe == viewHandler.tabGroupState.curTabGroup.key ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(SettingsScroller, {}, swipe), /*#__PURE__*/jsx(NavForwardButton, {})]
+        }) : /*#__PURE__*/jsx("div", {
+          style: {
+            height: '100%',
+            overflow: 'auto',
+            width: 'calc(100% - 20px)',
+            marginLeft: 'var(--settingsScrollerPaddingLeft)'
+          },
+          children: title && /*#__PURE__*/jsx(SettingsHeader, {
+            text: title,
+            isSettingsHeader: false,
+            isInScroller: true
+          })
+        })
+      }, swipe);
+    })
+  });
+};
+var SettingsSwiper$1 = observer(SettingsSwiper);
+
+export { SettingsSwiper$1 as default };

package/build/esm/{index-db3d491c.js → index-00b96462.js}

@@ -1,9 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-183cddcb.js';
+import { s as styleInject, u as useViewHandler } from './index-e8fdff48.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';
-import SettingsHeader from './index-a60d9021.js';
+import SettingsHeader from './index-07a7c6bc.js';
+import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +18,6 @@ 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';
@@ -68,7 +68,7 @@ var SliderComponent = function SliderComponent(_ref) {
   if (items.length === 0) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsxs("div", {
     style: style,
-    className: wrapper,
+    className: classnames(wrapper, 'no-swiping'),
     children: [/*#__PURE__*/jsx(SettingsHeader, {
       isInScroller: true,
       isSettingsHeader: false,

package/build/esm/{index-9b1a2ee9.js → index-018451be.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-183cddcb.js';
+import { s as styleInject, u as useViewHandler } from './index-e8fdff48.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-7e4090dd.js';
+import NavBar from './index-08217dfb.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ff0c2dfe.js → index-020218ae.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-183cddcb.js';
+import { s as styleInject, u as useViewHandler } from './index-e8fdff48.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-8ff50338.js → index-02ec5757.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-183cddcb.js';
+import { s as styleInject, u as useViewHandler } from './index-e8fdff48.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-477b073d.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6e63d9da.js';
 import classnames from 'classnames';
-import IsActive from './index-e44a1cd4.js';
+import IsActive from './index-e157495f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-ac3d2c7a.js';
-import InfoIcon from './index-d51bce8b.js';
-import PricePreview from './index-ae393c6f.js';
+import GenericToolTip from './index-28096acc.js';
+import InfoIcon from './index-ce110598.js';
+import PricePreview from './index-f95b77aa.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,6 +26,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
+import 'react-countup';
 
 var paletteItem = "palette-item-qS32J";
 var wcSize = "wcSize-eyEDf";
@@ -74,7 +75,7 @@ var Gallery = function Gallery(_ref) {
   var isOver = false;
   var hoverProps = {};
   var hover = useHover({
-    delayEnter: 600,
+    delayEnter: 2000,
     hideOnScroll: true
   });
   var tooltip = useLayer({

package/build/esm/{index-4b7f8ed8.js → index-05f00ed6.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-183cddcb.js';
+import { a as usePlannerUIHandler } from './index-e8fdff48.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-ebefeda4.js';
-import ItemsContainer from './index-9b05a396.js';
+import Outline3D from './index-dcd6d69e.js';
+import ItemsContainer from './index-439ae675.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,21 +22,21 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-90dd3930.js';
-import './index-fdc959a7.js';
-import './index-5495e3f2.js';
-import './index-f0b3f131.js';
-import './index-f75d4e2e.js';
-import './index-89a07d2c.js';
-import './index-a73180cc.js';
-import './index-f47ef663.js';
-import './index-fd5dafdd.js';
-import './index-4486e6cf.js';
-import './index-d0c97b27.js';
+import './index-8e5e51f9.js';
+import './index-7c18927a.js';
+import './index-90a23e72.js';
+import './index-2bc7ff7e.js';
+import './index-e6fa8666.js';
+import './index-08357bba.js';
+import './index-6ed37cc4.js';
+import './index-fc6b7402.js';
+import './index-4eb89349.js';
+import './index-a6008da0.js';
+import './index-0a92448c.js';
 import 'react-draggable';
-import './index-ad92738c.js';
-import './index-c299c6ff.js';
-import './index-e445f3ba.js';
+import './index-70f5e5d8.js';
+import './index-29e5b3f9.js';
+import './index-5a4788c3.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-e1ef5606.js → index-0646cb99.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-46643d76.js → index-066b16c0.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-183cddcb.js';
+import { s as styleInject } from './index-e8fdff48.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-0997c182.js';
+import Toggle from './index-23961807.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-a60d9021.js → index-07a7c6bc.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-7e4090dd.js → index-08217dfb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-89a07d2c.js → index-08357bba.js}

@@ -1,4 +1,4 @@
-import './index-183cddcb.js';
+import './index-e8fdff48.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';