@crystaldesign/diva-web-planner-react 24.16.0-beta.9 → 25.1.0-beta.10

package/build/esm/{index-494f416e.js → index-71089fb8.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-cfd534b7.js';
+import { n as notExpanded } from './index.module-a234241d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { JsonView } from 'react-json-view-lite';
-import './react-json-viewer-da23bc62.js';
+import './react-json-viewer-51055d93.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-dd6adbe7.js → index-71949045.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2607b3f8.js → index-7224dbdd.js}

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

package/build/esm/{index-efa52d28.js → index-726127c6.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-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-8526896e.js → index-74851cd3.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-44a9ed96.js';
-import GenericToolTip from './index-b0835efd.js';
+import MetaData from './index-1e3f7e25.js';
+import GenericToolTip from './index-487e6c7e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-6f5dd0b0.js';
+import './index-622dae07.js';
 
 var container = "container-08OcY";
 var sel = "sel-hd522";

package/build/esm/{index-880b7baa.js → index-755f13d4.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-b2f37268.js';
-import { S as SettingsItem } from './index-b37548f3.js';
+import SettingsHeaderContainer from './index-d429e9c9.js';
+import { S as SettingsItem } from './index-6fd34e03.js';
 import classnames from 'classnames';
-import TotalPrice from './index-4b084891.js';
+import TotalPrice from './index-6ec0a07d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,60 +20,60 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-1f178c88.js';
-import './index-af138de7.js';
-import './index-ec59f9c3.js';
-import './index-8510a419.js';
+import './index-4fddbdcf.js';
+import './index-8b62cbc0.js';
+import './index-6c1b1c10.js';
+import './index-2864d8c8.js';
 import 'react-laag';
-import './index-746c4159.js';
+import './index-4e2c321c.js';
 import 'sift';
-import './index-c148403f.js';
-import './index-e01bf4c1.js';
-import './index-dd6adbe7.js';
-import './index-fa873c76.js';
-import './index.module-4f3cddab.js';
-import './index-94d07cef.js';
+import './index-fd1b09ee.js';
+import './index-0b335ec1.js';
+import './index-71949045.js';
+import './index-c5d8597e.js';
+import './index.module-efd74c2e.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
-import './index-99b4e827.js';
-import './index-6f5dd0b0.js';
-import './index-16e16fdf.js';
+import './index-11f9a0ec.js';
+import './index-622dae07.js';
+import './index-5998cbab.js';
 import 'react-dropdown';
-import './index-1f107d71.js';
-import './index-14e63cba.js';
-import './index-4aa148db.js';
-import './index-221f47c7.js';
+import './index-a1a8f940.js';
+import './index-d9347281.js';
+import './index-1e49cf4d.js';
+import './index-daf3e29b.js';
 import '@crystaldesign/content-box';
-import './index-6ee9ff67.js';
-import './index-72199a77.js';
-import './index-a3fe116e.js';
-import './index-1c26f6c0.js';
-import './index-19664102.js';
+import './index-1e516734.js';
+import './index-edde2797.js';
+import './index-ed21696e.js';
+import './index-87b43e02.js';
+import './index-45145d7c.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-2607b3f8.js';
-import './index-4af27af2.js';
-import './index-604d64a1.js';
-import './index-44a9ed96.js';
-import './index-b0835efd.js';
-import './index-e21d033a.js';
-import './index-fcbdce8b.js';
-import './index-680014ab.js';
-import './index-5177a7cb.js';
-import './index-ce6074e0.js';
-import './index-31cf090a.js';
-import './index-1259baa3.js';
-import './index-ac0537b7.js';
-import './index.module-881b5f05.js';
-import './index-b37279b9.js';
-import './index-39843996.js';
-import './index-7273e6a7.js';
-import './index-24d908f0.js';
-import './index-9464890f.js';
-import './index-e22c955a.js';
-import './index-ae32d5e0.js';
-import './index.module-8fcf1a64.js';
-import './index-a3848c7b.js';
-import './index-67ed60f4.js';
+import './index-7224dbdd.js';
+import './index-3ff08b3e.js';
+import './index-e01d306f.js';
+import './index-1e3f7e25.js';
+import './index-487e6c7e.js';
+import './index-6c86a521.js';
+import './index-230186b1.js';
+import './index-394b9bcb.js';
+import './index-18225eca.js';
+import './index-2dec31ed.js';
+import './index-0fa22fb8.js';
+import './index-845f12fe.js';
+import './index-4c506248.js';
+import './index.module-cf261244.js';
+import './index-52f04965.js';
+import './index-a605f7df.js';
+import './index-67580079.js';
+import './index-b591141e.js';
+import './index-674ee541.js';
+import './index-fb93b95f.js';
+import './index-708eb185.js';
+import './index.module-7e5580bd.js';
+import './index-c5ceb6da.js';
+import './index-dac4e348.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-efd87f6f.js → index-78f4c3d6.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
-import Toggle from './index-94d07cef.js';
+import Toggle from './index-d1bbc09b.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-529f9d12.js → index-7a46679d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-5d2c016f.js → index-7b76ffd2.js}

@@ -1,4 +1,4 @@
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-883d599d.js → index-801c365f.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import 'react';
-import OrbitInteractionStandard from './index-53f903dd.js';
+import OrbitInteractionStandard from './index-690074cf.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-16cb775c.js → index-83b536b0.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-44db96b2.js → index-8429d8f8.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -37,7 +37,7 @@ var PlannerRTV = function PlannerRTV() {
     setIsInModelViewer = _useState2[1];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    elemetsInfo = _useState4[0],
+    elementsInfo = _useState4[0],
     setElementsInfo = _useState4[1];
   var rerender = useRef(true);
   var plannerViewConfig = viewHandler.viewPlannerHandler.getPlannerViewConfig();
@@ -53,18 +53,6 @@ var PlannerRTV = function PlannerRTV() {
     jwt = _useDivaCore$state.jwt,
     isTablet = _useDivaCore$state.dimensions.isTablet;
   var openAr = isMobile || isTablet;
-  useEffect(function () {
-    var newState = [];
-    viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
-      newState.push({
-        elementId: Number(uiItem.elementId),
-        active: uiItem.elemState == 'selected',
-        selectable: uiItem.elemState != 'unselectable',
-        posNr: uiItem.posNr
-      });
-    });
-    if (JSON.stringify(newState) != JSON.stringify(elemetsInfo)) setElementsInfo(newState);
-  }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
   useEffect(function () {
     if (!viewHandler.hqRenderScript && viewHandler.productState.doShowRTV) {
       actions.toggleLoading('HQRenderScript', false, true);
@@ -84,11 +72,28 @@ var PlannerRTV = function PlannerRTV() {
   if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
+  useEffect(function () {
+    var newState = [];
+    viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
+      if (uiItem.type != 'PosNr') return;
+      newState.push({
+        setId: uiItem.setId,
+        elementId: Number(uiItem.elementId),
+        active: uiItem.elemState == 'selected',
+        selectable: uiItem.elemState != 'unselectable',
+        posNr: uiItem.posNr,
+        type: uiItem.type
+      });
+    });
+    if (JSON.stringify(newState) != JSON.stringify(elementsInfo)) {
+      setElementsInfo(newState);
+    }
+  }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(RealTimeRenderer, {
       renderjob: viewHandler.hqRenderScript,
       isMobile: openAr,
-      elementsInfo: elemetsInfo,
+      elementsInfo: elementsInfo,
       actions: actions,
       inBackground: isInModelViewer,
       viewHandler: viewHandler,

package/build/esm/{index-1259baa3.js → index-845f12fe.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3bd53b0c.js → index-84fa97f5.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-b8ce32bf.js';
+import Group from './index-2a9baea0.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,8 +18,8 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-collapsible';
-import './index-99b4e827.js';
-import './index-6f5dd0b0.js';
+import './index-11f9a0ec.js';
+import './index-622dae07.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-1c26f6c0.js → index-87b43e02.js}

@@ -1,11 +1,11 @@
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-4f3cddab.js';
-import Toggle from './index-94d07cef.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-efd74c2e.js';
+import Toggle from './index-d1bbc09b.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-99b4e827.js';
-import PricePreview from './index-6f5dd0b0.js';
+import InfoIcon from './index-11f9a0ec.js';
+import PricePreview from './index-622dae07.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-598a919d.js → index-88820725.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-61f77f6a.js';
-import ProductHeader from './index-42c3548d.js';
+import { s as styleInject } from './index-55a00321.js';
+import ProductHeader from './index-b827c9bb.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-319142c2.js';
+import './index-f6349cfe.js';
 import '@crystaldesign/content-box';
-import './index-36e7fdd7.js';
+import './index-9b9d9cd0.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-50d98aee.js → index-893a2a7e.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-2c1f6013.js';
+import Tooltip from './index-e1718716.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-2860c09c.js';
+import FullscreenAr from './index-f6bdde6b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-4d54b8a6.js → index-89e8472e.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-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-af138de7.js → index-8b62cbc0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-e0752a46.js → index-8db4f2a5.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-50d98aee.js';
-import ProductRoomList from './index-80cd52e1.js';
+import ArQrCodeIcon from './index-893a2a7e.js';
+import ProductRoomList from './index-5e697503.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-2c1f6013.js';
+import './index-e1718716.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-2860c09c.js';
+import './index-f6bdde6b.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";
@@ -86,7 +86,7 @@ var NavBar = function NavBar() {
           },
           className: wc3DGridPlannerMode,
           title: t('configurator.NAV3DPLANNERMODE_TT')
-        }), viewHandler.uiState.configSettingsIsHidden && viewHandler.productState.allowQRCodeAR && /*#__PURE__*/jsx(ArQrCodeIcon, {})]
+        }), viewHandler.productState.allowQRCodeAR && /*#__PURE__*/jsx(ArQrCodeIcon, {})]
       }), !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(ProductRoomList, {})]
     }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(ProductRoomList, {})]
   });

package/build/esm/{index-7afafa16.js → index-8df2bcea.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
-import SettingsHeader from './index-1f178c88.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import SettingsHeader from './index-4fddbdcf.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-2cb05051.js';
+import MobileDropdown from './index-c6a23faf.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-99b4e827.js';
-import PricePreview from './index-6f5dd0b0.js';
+import InfoIcon from './index-11f9a0ec.js';
+import PricePreview from './index-622dae07.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,7 +20,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-4aa148db.js';
+import './index-1e49cf4d.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-3eef8f5f.js → index-9170b744.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';