@crystaldesign/diva-web-planner-react 25.3.0-beta.21 → 25.3.0-beta.23

package/build/esm/{index-2bb8fc15.js → index-a998c806.js}

@@ -1,5 +1,7 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -8,8 +10,6 @@ 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/asyncToGenerator';
-import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -45,6 +45,7 @@ var PlannerRTV = function PlannerRTV() {
   var onElementSelected = function onElementSelected(setId, elementId) {
     viewHandler.viewPlannerHandler.onElementSelected(setId, elementId);
   };
+  var iframeRef = useRef(null);
   var _useDivaCore = useDivaCore(),
     actions = _useDivaCore.actions,
     _useDivaCore$state = _useDivaCore.state,
@@ -85,6 +86,23 @@ var PlannerRTV = function PlannerRTV() {
       setElementsInfo(newState);
     }
   }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
+  var arViewerIframe = openAr && viewHandler.uiState.AllConfig.arViewerIframe;
+  var arViewerUrl = viewHandler.uiState.AllConfig.arViewerUrl + '?arObject=1';
+  useEffect(function () {
+    var messageListener = function messageListener(event) {
+      if (event.data.type === 'AR_READY') {
+        actions.closeModal();
+      } else if (event.data.type === 'AR_CLOSE') {
+        viewHandler.productState.setDoShowARQRCode(false);
+        viewHandler.productState.loadRTVForAr = false;
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+      }
+    };
+    window.addEventListener('message', messageListener);
+    return function () {
+      window.removeEventListener('message', messageListener);
+    };
+  }, []);
   if (!viewHandler.productState.doShowRTV && rerender.current === true || !viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
   rerender.current = true;
   if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
@@ -109,9 +127,36 @@ var PlannerRTV = function PlannerRTV() {
         posTrashIcon: plannerViewConfig.posTrashRotIcon
       },
       callbacks: {
-        setGlb: openAr ? function (newGlb) {
-          return viewHandler.productState.glbUrl = newGlb;
-        } : undefined,
+        setGlb: openAr ? (/*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(newGlb, newGlbBlob) {
+            var reader;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  viewHandler.productState.glbUrl = newGlb;
+                  if (arViewerIframe && iframeRef.current && newGlbBlob) {
+                    reader = new FileReader();
+                    reader.readAsDataURL(newGlbBlob);
+                    reader.onloadend = function () {
+                      var _iframeRef$current;
+                      var base64data = reader.result;
+                      (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 || (_iframeRef$current = _iframeRef$current.contentWindow) === null || _iframeRef$current === void 0 || _iframeRef$current.postMessage({
+                        type: 'SET_AR_OBJECT',
+                        payload: base64data
+                      }, '*');
+                      iframeRef.current.hidden = false;
+                    };
+                  }
+                case 2:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x, _x2) {
+            return _ref2.apply(this, arguments);
+          };
+        }()) : undefined,
         onElementSelected: onElementSelected,
         onMissingGeo: function onMissingGeo() {
           viewHandler.productState.loadRTVForAr && actions.openModal({
@@ -121,13 +166,25 @@ var PlannerRTV = function PlannerRTV() {
           });
         }
       }
-    }, "real-time-renderer"), viewHandler.productState.glbUrl && /*#__PURE__*/jsx("div", {
+    }, "real-time-renderer"), arViewerIframe && /*#__PURE__*/jsx("iframe", {
+      hidden: true,
+      src: arViewerUrl,
+      ref: iframeRef,
+      allow: "xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",
+      allowFullScreen: true,
+      style: {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        zIndex: 10000
+      }
+    }), viewHandler.productState.glbUrl && !arViewerIframe && /*#__PURE__*/jsx("div", {
       id: "ar-viewer",
       children: /*#__PURE__*/jsxs("model-viewer", {
         id: "model-viewer",
-        ref: function ref(_ref2) {
+        ref: function ref(_ref3) {
           var _modelViewer$current, _modelViewer$current4;
-          modelViewer.current = _ref2;
+          modelViewer.current = _ref3;
           (_modelViewer$current = modelViewer.current) === null || _modelViewer$current === void 0 || _modelViewer$current.addEventListener('model-visibility', function (event) {
             var _modelViewer$current2;
             if (event.detail.visible) viewHandler.productState.setRTVActivateAR((_modelViewer$current2 = modelViewer.current) === null || _modelViewer$current2 === void 0 ? void 0 : _modelViewer$current2.canActivateAR, function () {

package/build/esm/{index-ed75be11.js → index-a99be36c.js}

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

package/build/esm/{index-9d18f3cb.js → index-aaed7347.js}

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

package/build/esm/{index-8fb30f80.js → index-abc24ffc.js}

@@ -1,7 +1,7 @@
 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-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-55377f9b.js → index-ad4b1233.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-aa34815f.js';
+import { S as SettingsItem } from './index-816585b8.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -19,52 +19,52 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-f7047e39.js';
-import './index-ca18f956.js';
-import './index-dcbfec02.js';
-import './index-2795ffe7.js';
-import './index-0cfdacf9.js';
-import './index.module-53f0c29f.js';
-import './index-b9e6473e.js';
+import './index-322643f8.js';
+import './index-bd3c3abc.js';
+import './index-1ac33255.js';
+import './index-29c3523e.js';
+import './index-11c65986.js';
+import './index.module-a512fd65.js';
+import './index-45d7b702.js';
 import 'react-switch';
-import './index-e6c1f6d4.js';
-import './index-1d49faf3.js';
-import './index-5d26cc1a.js';
+import './index-905eb4e8.js';
+import './index-2667b62e.js';
+import './index-12cf72d1.js';
 import 'react-dropdown';
-import './index-8e025b4e.js';
+import './index-5b541abe.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e65257b3.js';
-import './index-b04ca849.js';
-import './index-36a25c35.js';
+import './index-1e212f57.js';
+import './index-c51a79c6.js';
+import './index-b38e4d54.js';
 import '@crystaldesign/content-box';
-import './index-18b776d1.js';
-import './index-05376b84.js';
-import './index-fce41f7a.js';
-import './index-29723bbe.js';
-import './index-3ea85c4e.js';
-import './index-a9a7e9b6.js';
+import './index-873165f2.js';
+import './index-af169a4a.js';
+import './index-79cac4f6.js';
+import './index-03239d26.js';
+import './index-e689b8a1.js';
+import './index-f083e078.js';
 import 'react-laag';
-import './index-70ebc75d.js';
-import './index-2f6f0dfa.js';
-import './index-7d6a1145.js';
-import './index-effc095c.js';
-import './index-87efd509.js';
-import './index-1002b84b.js';
-import './index-07a3d539.js';
-import './index-935fa4dc.js';
-import './index-726aa7bc.js';
-import './index-02b76ac5.js';
-import './index.module-a8e69ed5.js';
-import './index-211518ef.js';
-import './index-982912ad.js';
-import './index-be0ea070.js';
-import './index-30fb11f1.js';
-import './index-0f068fe7.js';
-import './index-e01f7a72.js';
-import './index-a116f684.js';
-import './index.module-0c231150.js';
-import './index-6cd43689.js';
-import './index-ba13f74d.js';
+import './index-e53fcbd9.js';
+import './index-74cfbfb2.js';
+import './index-3e5ca3c0.js';
+import './index-a926097d.js';
+import './index-c304655a.js';
+import './index-4acdd9f6.js';
+import './index-2ec0936d.js';
+import './index-d760978a.js';
+import './index-d5a9a02f.js';
+import './index-435ebb80.js';
+import './index.module-75747ed4.js';
+import './index-bc2ce6be.js';
+import './index-49083c18.js';
+import './index-04ae17e4.js';
+import './index-2603564b.js';
+import './index-fe8368ef.js';
+import './index-de9128f9.js';
+import './index-ef481aab.js';
+import './index.module-8c8df805.js';
+import './index-be847af2.js';
+import './index-45bbf1f7.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-235bea22.js → index-adfc2de5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-05376b84.js → index-af169a4a.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-dcff585b.js → index-b172d1ee.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-d12cf5ba.js';
+import { u as useViewHandler } from './index-399c2fcf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-ed75be11.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-6a0fca5c.js';
-import Logo from './index-07dbb621.js';
+import NavBar from './index-a99be36c.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-030adb3c.js';
+import Logo from './index-debad4d6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4036400b.js → index-b2581d70.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-2063e2b4.js';
-import Product from './index-2c235144.js';
-import Settings from './index-2b03f7fb.js';
-import NavigationButtons from './index-87d1cb19.js';
-import BasketAction from './index-9d18f3cb.js';
-import TabGroup from './index-5b89519d.js';
+import Inputbox from './index-c8522433.js';
+import Product from './index-b5f5dde7.js';
+import Settings from './index-20b3dc90.js';
+import NavigationButtons from './index-dd00c593.js';
+import BasketAction from './index-aaed7347.js';
+import TabGroup from './index-7a3fb3ce.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-cfbc2714.js';
+import BarrierActions from './index-8447f75e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,65 +25,65 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-9e70a74c.js';
-import './index-ca18f956.js';
-import './index-1caa450f.js';
-import './index-d1173e4d.js';
-import './index-e36806b7.js';
+import './index-dd3ab5b4.js';
+import './index-bd3c3abc.js';
+import './index-f133372b.js';
+import './index-0ce22c45.js';
+import './index-8abe6636.js';
 import 'react-laag';
-import './index-a8a0076c.js';
-import './index-ba6d6405.js';
-import './index-aa34815f.js';
+import './index-537cc023.js';
+import './index-19db5412.js';
+import './index-816585b8.js';
 import 'sift';
-import './index-f7047e39.js';
-import './index-dcbfec02.js';
-import './index-2795ffe7.js';
-import './index-0cfdacf9.js';
-import './index.module-53f0c29f.js';
-import './index-b9e6473e.js';
+import './index-322643f8.js';
+import './index-1ac33255.js';
+import './index-29c3523e.js';
+import './index-11c65986.js';
+import './index.module-a512fd65.js';
+import './index-45d7b702.js';
 import 'react-switch';
-import './index-e6c1f6d4.js';
-import './index-1d49faf3.js';
-import './index-5d26cc1a.js';
+import './index-905eb4e8.js';
+import './index-2667b62e.js';
+import './index-12cf72d1.js';
 import 'react-dropdown';
-import './index-8e025b4e.js';
-import './index-e65257b3.js';
-import './index-b04ca849.js';
-import './index-36a25c35.js';
+import './index-5b541abe.js';
+import './index-1e212f57.js';
+import './index-c51a79c6.js';
+import './index-b38e4d54.js';
 import '@crystaldesign/content-box';
-import './index-18b776d1.js';
-import './index-05376b84.js';
-import './index-fce41f7a.js';
-import './index-29723bbe.js';
-import './index-3ea85c4e.js';
-import './index-a9a7e9b6.js';
-import './index-70ebc75d.js';
-import './index-2f6f0dfa.js';
-import './index-7d6a1145.js';
-import './index-effc095c.js';
-import './index-87efd509.js';
-import './index-1002b84b.js';
-import './index-07a3d539.js';
-import './index-935fa4dc.js';
-import './index-726aa7bc.js';
-import './index-02b76ac5.js';
-import './index.module-a8e69ed5.js';
-import './index-211518ef.js';
-import './index-982912ad.js';
-import './index-be0ea070.js';
-import './index-30fb11f1.js';
-import './index-0f068fe7.js';
-import './index-e01f7a72.js';
-import './index-a116f684.js';
-import './index.module-0c231150.js';
-import './index-6cd43689.js';
-import './index-ba13f74d.js';
-import './index-dce4d6c2.js';
-import './index-fcffc5e9.js';
-import './index-86674f1a.js';
-import './index-bec80ca2.js';
-import './index-c8cac7b8.js';
-import './index-2002ce7b.js';
+import './index-873165f2.js';
+import './index-af169a4a.js';
+import './index-79cac4f6.js';
+import './index-03239d26.js';
+import './index-e689b8a1.js';
+import './index-f083e078.js';
+import './index-e53fcbd9.js';
+import './index-74cfbfb2.js';
+import './index-3e5ca3c0.js';
+import './index-a926097d.js';
+import './index-c304655a.js';
+import './index-4acdd9f6.js';
+import './index-2ec0936d.js';
+import './index-d760978a.js';
+import './index-d5a9a02f.js';
+import './index-435ebb80.js';
+import './index.module-75747ed4.js';
+import './index-bc2ce6be.js';
+import './index-49083c18.js';
+import './index-04ae17e4.js';
+import './index-2603564b.js';
+import './index-fe8368ef.js';
+import './index-de9128f9.js';
+import './index-ef481aab.js';
+import './index.module-8c8df805.js';
+import './index-be847af2.js';
+import './index-45bbf1f7.js';
+import './index-62b2342b.js';
+import './index-fafb0138.js';
+import './index-51495423.js';
+import './index-d6b2b306.js';
+import './index-0bb9daac.js';
+import './index-b5dbf52a.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/{index-36a25c35.js → index-b38e4d54.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-18b776d1.js';
+import FilterItem from './index-873165f2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-aee783f2.js → index-b4af1527.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import 'react';
-import Toggle from './index-b9e6473e.js';
+import Toggle from './index-45d7b702.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-2002ce7b.js → index-b5dbf52a.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-d12cf5ba.js';
+import { u as useViewHandler } from './index-399c2fcf.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-539b947a.js → index-b5f0ee64.js}

@@ -1,7 +1,7 @@
 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-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-2c235144.js → index-b5f5dde7.js}

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

package/build/esm/{index-d9f4cec2.js → index-b6d38c96.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-d12cf5ba.js';
+import { u as useViewHandler } from './index-399c2fcf.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-a58023c7.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-61bfc7ec.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-61968c87.js → index-b7ceed00.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-28498ed1.js';
+import RoomSerious from './index-56392cc1.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3e4e58ff.js → index-b8e3ffad.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-d12cf5ba.js';
-import ProductHeader from './index-80b6cb06.js';
+import { s as styleInject } from './index-399c2fcf.js';
+import ProductHeader from './index-500d8e5b.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-501aa88a.js';
+import './index-3633a502.js';
 import '@crystaldesign/content-box';
-import './index-8fb30f80.js';
+import './index-abc24ffc.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-0ff8c040.js → index-b97fd585.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-d12cf5ba.js';
+import { u as useViewHandler } from './index-399c2fcf.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-8d2d2703.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-55ca466b.js';
+import { h as header } from './index.module-185e0376.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-0e9b4871.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-ab0bdbaa.js';
+import { n as notExpanded } from './index.module-4fb6e807.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f4ab997a.js → index-ba60ddc6.js}

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

package/build/esm/{index-211518ef.js → index-bc2ce6be.js}

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

package/build/esm/{index-69a45b0e.js → index-bc7d7753.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-d12cf5ba.js';
+import { u as useViewHandler } from './index-399c2fcf.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-6a0fca5c.js';
+import { k as wcPlanner3DGrid } from './index.module-030adb3c.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ca18f956.js → index-bd3c3abc.js}

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

package/build/esm/{index-1e986b29.js → index-bdbb98b0.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
+import { s as styleInject, u as useViewHandler } from './index-399c2fcf.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';