@crystaldesign/diva-web-planner-react 26.12.0-beta.2 → 26.12.0-beta.20

package/build/esm/{index-73e587ed.js → index-8daf31b9.js}

@@ -1,11 +1,11 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-a8e5d7da.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-71c2c8cc.js';
+import SubTabGroupHeader from './index-85e103e9.js';
 import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-be361f00.js';
+import SettingsItemsWrapper from './index-d099512b.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,84 +25,84 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-29dddee0.js';
+import './index-9e596801.js';
 import 'sift';
-import './index-b38f4589.js';
-import './index-be65c36f.js';
-import './index-d58535a2.js';
-import './index-f3bb0857.js';
-import './index.module-50eddf6c.js';
-import './index-c8f26884.js';
-import './index-31887eac.js';
+import './index-beb281f2.js';
+import './index-0a7e5cc9.js';
+import './index-153ffba8.js';
+import './index-a56668a2.js';
+import './index.module-2caaa409.js';
+import './index-385efe8d.js';
+import './index-97d0c3cd.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-70e7c44e.js';
+import './index-fbd93c5a.js';
 import 'react-dropdown';
-import './index-90012b62.js';
+import './index-10bd445b.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b39f928d.js';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-3512f1cd.js';
+import './index-3b2d6857.js';
+import './index-a972c960.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-713920f6.js';
-import './index-2e256130.js';
+import './index-3c5c625e.js';
+import './index-853ae6e2.js';
+import './index-47a2c8f5.js';
+import './index-fa3c618d.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-7c5ebd15.js';
-import './index-565611f4.js';
-import './index-7119da5b.js';
-import './index-9171fe4c.js';
-import './index-0a3addb2.js';
-import './index-2c01ec07.js';
-import './index-abab1b7a.js';
+import './UnlockCard-b360e8db.js';
+import './index-ea8c275a.js';
+import './index-4fa85c9b.js';
+import './index-cbe753f6.js';
+import './index-b70f8d6e.js';
+import './index-2c134e0d.js';
+import './index-fa04f975.js';
 import 'react-laag';
-import './index.module-dd48a9fd.js';
-import './index-1465298d.js';
-import './index-473bcdff.js';
-import './index-b440609e.js';
-import './index-868453f2.js';
-import './index-ea6cda73.js';
-import './index.module-6fc6e8fd.js';
-import './index-be178435.js';
-import './index-c7da4c28.js';
-import './index-ac8408c3.js';
-import './index-a039bd9c.js';
-import './index-d888df68.js';
-import './index-e221108d.js';
-import './index-ca2aa0a9.js';
-import './index-1c8f78a4.js';
-import './index-b027f912.js';
-import './index-9b5d74e0.js';
-import './index-cc3e6a15.js';
-import './index-89177618.js';
-import './index-0aab4ccb.js';
+import './index.module-1f606dbe.js';
+import './index-160c9a49.js';
+import './index-b655ea00.js';
+import './index-7e04fcf4.js';
+import './index-a4b62fa7.js';
+import './index-5741fccd.js';
+import './index.module-6de9e791.js';
+import './index-71925ca8.js';
+import './index-51129ef3.js';
+import './index-b0a854ae.js';
+import './index-98b97348.js';
+import './index-ee1050d8.js';
+import './index-a12d42c2.js';
+import './index-b310f270.js';
+import './index-64ccdd55.js';
+import './index-7274c2ba.js';
+import './index-7b0d78a4.js';
+import './index-a044de40.js';
+import './index-c45c9f91.js';
+import './index-c7888dfc.js';
 import 'rc-slider';
-import './index-50afb8e8.js';
-import './index-c8b3ded7.js';
-import './index-b24a65cd.js';
-import './index-0e6bfe2d.js';
-import './index-a02b0822.js';
+import './index-275a8706.js';
+import './index-f9d98b98.js';
+import './index-5959e066.js';
+import './index-034e8f71.js';
+import './index-cf119c53.js';
 import 'react-confetti-explosion';
-import './index-383b911f.js';
-import './index-6be8924c.js';
-import './index-889421ac.js';
+import './index-ff83d9d7.js';
+import './index-4afc9495.js';
+import './index-f0400ee7.js';
 import 'react-qr-code';
-import './index-d0e73831.js';
-import './useCustomDimensions-518f56ca.js';
-import './index-2fb2d2bd.js';
-import './ussIsSticky-1979fd12.js';
-import './index-161f38ae.js';
-import './index-8da58fc9.js';
-import './index-e1bdd175.js';
-import './index.module-763485cb.js';
-import './index-2b154972.js';
-import './index-04fbb469.js';
-import './index-66daf2fd.js';
-import './index-fcd95a9e.js';
-import './index-07a1c9c8.js';
-import './index-b7d9d339.js';
+import './index-16d90033.js';
+import './useCustomDimensions-6a155c7b.js';
+import './index-1323a515.js';
+import './ussIsSticky-5109a5dc.js';
+import './index-be1cb29a.js';
+import './index-6d6290fc.js';
+import './index-df357611.js';
+import './index.module-11c87695.js';
+import './index-307736e8.js';
+import './index-a80bdf6f.js';
+import './index-873e79e7.js';
+import './index-18326d60.js';
+import './index-caf34c33.js';
+import './index-ce51170f.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-566fc603.js → index-91682580.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-a8e5d7da.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-9b6f8a0c.js';
+import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-d68f9a60.js';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e9f939f1.js → index-965137e8.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-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-a8e5d7da.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-82858b21.js → index-96956cf4.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, w as wcPlannerMsgContainerParent, d as expanded, m as mobile, f as PlannerMsgItem } from './index-a71d1695.js';
+import { u as useViewHandler, w as wcPlannerMsgContainerParent, d as expanded, m as mobile, f as PlannerMsgItem } from './index-a8e5d7da.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-31887eac.js → index-97d0c3cd.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-a8e5d7da.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import BlockIcon from '@mui/icons-material/Block';

package/build/esm/{index-a039bd9c.js → index-98b97348.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, T as Toggle } from './index-a71d1695.js';
+import { u as useViewHandler, T as Toggle } from './index-a8e5d7da.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-a06651bb.js → index-9b13f896.js}

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

package/build/esm/{index-fc1240a5.js → index-9c0b6d46.js}

@@ -1,12 +1,13 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { g as blobToDataUrl, h as reencodeJpegDataUrl, u as useViewHandler, i as useRTVAnalyzerComponentsFromPlanner, j as registerRtvNextViewer } from './index-a71d1695.js';
-import { useRef, useEffect, useMemo } from 'react';
+import { g as blobToDataUrl, h as reencodeJpegDataUrl, u as useViewHandler, i as useRTVAnalyzerComponentsFromPlanner, j as registerRtvNextViewer } from './index-a8e5d7da.js';
+import { useRef, useEffect, useMemo, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRendererNext, { emitConfig, ENVIRONMENT_CONFIG, useRTVStore, WHITE_ROOM_PRESET } from '@crystaldesign/real-time-viewer-next';
 import { bootMark } from '@crystaldesign/web-planner-logic';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-e125d4ae.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { jsx } from 'react/jsx-runtime';
@@ -23,14 +24,6 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 
-/**
- * Host-side accessory placement mode for the rtv-next planner. Single source of truth shared by the
- * viewer host (passed into `uiConfig.accessoryPlacement`) and the accessory palette (which collapses
- * variant families to one entry only in `autoPlaceDrag`). Flip to `'cellBoxes'` for the legacy
- * click-to-place behavior.
- */
-var ACCESSORY_PLACEMENT_MODE = 'autoPlaceDrag';
-
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -802,18 +795,41 @@ var PlannerRTVNext = function PlannerRTVNext() {
   var showRTV = viewHandler.productState.doShowRTV;
   var show3DComb = viewHandler.productState.doShow3DComb;
   var showGrid = viewHandler.productState.doShowGrid;
-  // Nothing is rendered in either case, so the planner→viewer translation is skipped: a hidden
-  // planner still re-renders on every MobX planner change and would otherwise walk the whole
-  // planned-elements dict and re-encode every element SVG for a viewer that is not mounted.
   // CREATE_IMAGE never goes through the footer, so none of the view flags is ever set for it — the
   // viewer must still mount, it *is* the capture source (see useCreateImageShot below).
   var isCreateImage = viewHandler.configState.initMode === 'CREATE_IMAGE';
-  var isHidden = !isVisible || !showRTV && !show3DComb && !showGrid && !isCreateImage;
+  // Another product-center view is on top (AI room, rendered image). Once the viewer has been on
+  // screen this only PAUSES it (`stopRender`): unmounting would drop the WebGL context, the
+  // assembled scene and every cache, and rebuild them all on the way back.
+  var viewCovered = !showRTV && !show3DComb && !showGrid && !isCreateImage;
+  // A hidden parent view still unmounts, and resets the latch: the rtv-next store is page-global,
+  // so a hidden planner's viewer and the visible planner's would fight over it. Committed state
+  // adjusted during render, not a ref written in render: an abandoned render leaves nothing behind.
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shownOnce = _useState2[0],
+    setShownOnce = _useState2[1];
+  var isMounted = isVisible && (shownOnce || !viewCovered);
+  if (isMounted !== shownOnce) setShownOnce(isMounted);
+  // While covered the view mode is frozen: the show flags are all false then, and deriving '3d'
+  // from them would fly a 2D planner to 3D (and load its 3D assets) behind the covering view.
+  var _useState3 = useState('3d'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    frozenViewMode = _useState4[0],
+    setFrozenViewMode = _useState4[1];
+  var viewMode = viewCovered ? frozenViewMode : showGrid || isCreateImage ? '2d' : '3d';
+  if (viewMode !== frozenViewMode) setFrozenViewMode(viewMode);
 
   // `isPoolPlanning`: a planning whose articles carry a dimension config is a static drawing (pool
   // plan) — hide all on-canvas buttons (posNr/move/rotate/trash chrome and docking-point buttons,
   // both gated on `hideUiIcons` inside rtv-next) and force the dimension lines on.
-  var scene = isHidden ? undefined : buildScene2D(viewHandler);
+  // Nothing is rendered while unmounted or covered, so the planner→viewer translation is skipped:
+  // the planner still re-renders on every MobX planner change and would otherwise walk the whole
+  // planned-elements dict and re-encode every element SVG for a viewer nobody is looking at. While
+  // covered the last built scene is kept, so `scene2d` also stays identity-stable in the store.
+  var lastSceneRef = useRef(undefined);
+  var scene = !isMounted ? undefined : viewCovered ? lastSceneRef.current : buildScene2D(viewHandler);
+  lastSceneRef.current = scene;
   var scene2d = scene === null || scene === void 0 ? void 0 : scene.scene2d;
   var isPoolPlanning = (_scene$isPoolPlanning = scene === null || scene === void 0 ? void 0 : scene.isPoolPlanning) !== null && _scene$isPoolPlanning !== void 0 ? _scene$isPoolPlanning : false;
 
@@ -827,8 +843,7 @@ var PlannerRTVNext = function PlannerRTVNext() {
   // has to stay above the guard below — it is inert without a scene, and while the planner renders
   // nothing there is no mounted viewer to capture from anyway.
   useCreateImageShot(viewHandler, scene2d, rtvPreset);
-  if (isHidden) return null;
-  var viewMode = showGrid || isCreateImage ? '2d' : '3d';
+  if (!isMounted) return null;
   var curTabGroupType = (_viewHandler$tabGroup4 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.type;
   var plannerMode = curTabGroupType != null && PLANNER_TAB_GROUP_TYPES.has(curTabGroupType);
   var focusElementId = viewHandler.productState.rtvFocusElementId;
@@ -865,7 +880,7 @@ var PlannerRTVNext = function PlannerRTVNext() {
     hqRenderScript: needs3D ? viewHandler.hqRenderScript : undefined,
     scene2d: scene2d,
     viewMode: viewMode,
-    stopRender: !isVisible,
+    stopRender: viewCovered,
     config: {
       // Strip a trailing slash so downstream URL building (material blob paths, geo/texture URLs)
       // doesn't emit `…/diva3darchiv//…` double slashes that the archive host may mis-route.

package/build/esm/{index-11c74ef4.js → index-9c5dd063.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler } from './index-a71d1695.js';
+import { c as usePlannerUIHandler } from './index-a8e5d7da.js';
 import { useState } from 'react';
-import DPACC from './index-5bb73091.js';
+import DPACC from './index-23d06de9.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-e21da5bf.js → index-9dfcc185.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-a8e5d7da.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';

package/build/esm/{index-6c8c0a71.js → index-9e408644.js}

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

package/build/esm/{index-29dddee0.js → index-9e596801.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-a8e5d7da.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-b38f4589.js';
-import ItemVariant from './index-be65c36f.js';
-import SettingsPaletteGroup from './index-d58535a2.js';
-import ToggleOption from './index-f3bb0857.js';
-import GroupDropdown from './index-70e7c44e.js';
-import PromotedProducts from './index-713920f6.js';
-import StyleConsultant from './index-2e256130.js';
-import ToggleName from './index-565611f4.js';
-import itemPaletteTypeComponentMap from './index-7119da5b.js';
+import TextBox from './index-beb281f2.js';
+import ItemVariant from './index-0a7e5cc9.js';
+import SettingsPaletteGroup from './index-153ffba8.js';
+import ToggleOption from './index-a56668a2.js';
+import GroupDropdown from './index-fbd93c5a.js';
+import PromotedProducts from './index-47a2c8f5.js';
+import StyleConsultant from './index-fa3c618d.js';
+import ToggleName from './index-ea8c275a.js';
+import itemPaletteTypeComponentMap from './index-4fa85c9b.js';
 import classnames from 'classnames';
-import StepInfo from './index-c7da4c28.js';
-import ReplaceSwitch from './index-89177618.js';
+import StepInfo from './index-51129ef3.js';
+import ReplaceSwitch from './index-c45c9f91.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-0aab4ccb.js';
-import MultiToggle from './index-50afb8e8.js';
-import Radio from './index-b24a65cd.js';
+import Slider from './index-c7888dfc.js';
+import MultiToggle from './index-275a8706.js';
+import Radio from './index-5959e066.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-0e6bfe2d.js';
+import SummaryOverview from './index-034e8f71.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -145,7 +145,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-66d962f6.js');
+  return import('./index-caf38597.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -272,13 +272,13 @@ var useGridVariables = function useGridVariables(item) {
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-16812eed.js');
+  return import('./index-1859efde.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-aa5447cc.js');
+  return import('./index-539f8e65.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-91ae8fc6.js');
+  return import('./index-7100b802.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {