@crystaldesign/diva-web-planner-react 26.13.0-beta.31 → 26.13.0-beta.33

package/build/esm/index-4a8095b9.js

@@ -0,0 +1,793 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { g as blobToDataUrl, r as reencodeJpegDataUrl, u as useViewHandler, h as useRTVAnalyzerComponentsFromPlanner, i as registerRtvNextViewer, n as notifyRtvSceneReady, j as buildPlannerScene2D, k as environmentPreset } from './index-069dfa13.js';
+import { useRef, useEffect, useState, useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import RealTimeRendererNext, { emitConfig, ENVIRONMENT_CONFIG, useRTVStore, doorKeyOf, qualifiedElementKey, WHITE_ROOM_PRESET, findPlannedAccessory, parseAccessoryPath, buildScene2D, getDimensionConfigs } from '@crystaldesign/real-time-viewer-next';
+import { bootMark } from '@crystaldesign/web-planner-logic';
+import { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-c1b0bae9.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { swapDoorSlotsByKey, useDoorSwapTexts, isDoorSwap3DStep, doorPlannerSlots, findDoorPlannerPalette } from './doorSwap-65f885cc.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+
+function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(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$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(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$2(r, a) : void 0; } }
+function _arrayLikeToArray$2(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; }
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG = getLogger('Planner', 'CreateImageShot');
+
+/**
+ * Fallback defaults for {@link CreateImageConfig} — overridden field-wise by the active RTV
+ * preset's `createImage` section, which in turn is overridden by the host's `createImageConfig`
+ * component parameter.
+ */
+var DEFAULTS = {
+  /** 4K at the 16:9 proportions of the host's capture stage — supersampled output. */
+  width: 3840,
+  height: 2160,
+  formats: ['png'],
+  jpegQuality: 0.92,
+  /** Extra render frames before the shutter, covering async label-font and SVG-texture loads. */
+  settleFrames: 60,
+  /**
+   * How long the 2D scene must stay unchanged before it counts as settled — an init with
+   * custom measures re-sizes/re-docks elements shortly after the first elements appear.
+   */
+  stableMs: 800,
+  /** Tight plan framing; the margin leaves room for dimension labels outside the element bounds. */
+  cameraPadding: 1.25
+};
+/**
+ * `initMode: 'CREATE_IMAGE'` — once the 2D plan has settled after planner init, captures it
+ * via the rtv-next capture engine and emits a `planImageCreated` event to the host
+ * (data: `{ images: PlanImage[] }`, one image per requested format). Fires once per mount.
+ */
+function useCreateImageShot(viewHandler, scene2d, preset) {
+  var enabled = viewHandler.configState.initMode === 'CREATE_IMAGE';
+  var firedRef = useRef(false);
+
+  // scene2d is rebuilt every render, so its identity is useless as a settle signal — track content.
+  var signature = enabled && scene2d ? scene2d.elements.map(function (e) {
+    return "".concat(e.elementId, ":").concat(e.width, "x").concat(e.depth, "@").concat(e.position[0], ",").concat(e.position[1]);
+  }).join('|') : '';
+  useEffect(function () {
+    if (!enabled || !signature || firedRef.current) return;
+    var cfg = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, DEFAULTS), preset.createImage), viewHandler.configState.createImageConfig);
+    var timer = window.setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _viewHandler$actions, shot, _yield$useRTVStore$ge, _yield$useRTVStore$ge2, result, images, _iterator, _step, format, dataUrl, _viewHandler$actions2;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!firedRef.current) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            firedRef.current = true;
+            _context.prev = 3;
+            shot = {
+              id: 'plan-2d',
+              viewMode: '2d',
+              showGrid: false,
+              showDimensionLines: true,
+              showPosNr: false,
+              environment: _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({}, emitConfig(ENVIRONMENT_CONFIG, useRTVStore.getState().resolvedEnvironment)), cfg.dimensionLineUnit ? {
+                dimensionLineUnit: cfg.dimensionLineUnit
+              } : {}), cfg.dimensionLineHideUnit !== undefined ? {
+                dimensionLineHideUnit: cfg.dimensionLineHideUnit
+              } : {}), cfg.dimensionLineColor ? {
+                dimensionLineColor: cfg.dimensionLineColor
+              } : {}),
+              resolution: {
+                width: cfg.width,
+                height: cfg.height
+              },
+              camera: {
+                padding: cfg.cameraPadding
+              },
+              // Always capture a lossless PNG master; JPEG variants are re-encoded from it below.
+              format: 'png',
+              settleFrames: cfg.settleFrames
+            };
+            _context.next = 7;
+            return useRTVStore.getState().captureShots({
+              shots: [shot]
+            });
+          case 7:
+            _yield$useRTVStore$ge = _context.sent;
+            _yield$useRTVStore$ge2 = _slicedToArray(_yield$useRTVStore$ge, 1);
+            result = _yield$useRTVStore$ge2[0];
+            if (result) {
+              _context.next = 12;
+              break;
+            }
+            throw new Error('captureShots returned no result');
+          case 12:
+            images = [];
+            _iterator = _createForOfIteratorHelper$2(cfg.formats);
+            _context.prev = 14;
+            _iterator.s();
+          case 16:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 31;
+              break;
+            }
+            format = _step.value;
+            if (!(format === 'jpeg')) {
+              _context.next = 24;
+              break;
+            }
+            _context.next = 21;
+            return reencodeJpegDataUrl(result.blob, cfg.jpegQuality);
+          case 21:
+            _context.t0 = _context.sent;
+            _context.next = 27;
+            break;
+          case 24:
+            _context.next = 26;
+            return blobToDataUrl(result.blob);
+          case 26:
+            _context.t0 = _context.sent;
+          case 27:
+            dataUrl = _context.t0;
+            images.push({
+              format: format,
+              dataUrl: dataUrl,
+              width: result.width,
+              height: result.height
+            });
+          case 29:
+            _context.next = 16;
+            break;
+          case 31:
+            _context.next = 36;
+            break;
+          case 33:
+            _context.prev = 33;
+            _context.t1 = _context["catch"](14);
+            _iterator.e(_context.t1);
+          case 36:
+            _context.prev = 36;
+            _iterator.f();
+            return _context.finish(36);
+          case 39:
+            (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.onEvent({
+              type: 'planImageCreated',
+              data: {
+                images: images
+              }
+            });
+            _context.next = 47;
+            break;
+          case 42:
+            _context.prev = 42;
+            _context.t2 = _context["catch"](3);
+            LOG.warn('CREATE_IMAGE capture failed', _context.t2);
+            // Never leave the host waiting for a `planImageCreated` that can no longer come: report the
+            // failure and re-arm, so a later scene change gets another attempt.
+            firedRef.current = false;
+            (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.onEvent({
+              type: 'planImageFailed',
+              data: {
+                message: _context.t2 instanceof Error ? _context.t2.message : String(_context.t2)
+              }
+            });
+          case 47:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 42], [14, 33, 36, 39]]);
+    })), cfg.stableMs);
+    return function () {
+      return window.clearTimeout(timer);
+    };
+  }, [enabled, signature, viewHandler, preset]);
+}
+
+/**
+ * The configurator step as rtv-next's camera table keys it. A shelf planner inside an option tab group is a
+ * `SHELFPLANNER` step, as in `DivaViewHandler.getState()`.
+ */
+function cameraStepIdentity(configStepKey, tabGroupType, optionCodex) {
+  return {
+    key: configStepKey,
+    type: optionCodex !== null && optionCodex !== void 0 && optionCodex.startsWith('SHELFARTICLE_') ? 'SHELFPLANNER' : tabGroupType,
+    optionCodex: optionCodex
+  };
+}
+
+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; }
+/**
+ * The viewer's door list (`doorSwap.doors`): per slot, its live `currentDoor` named as the 3D scene names it — by the
+ * element the door was planned on (`elementIdOf` its basket), which a moved door keeps, and its door type.
+ */
+function buildDoorSwapDoors(slots, setId, elementIdOf) {
+  var doors = [];
+  var _iterator = _createForOfIteratorHelper$1(slots),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var slot = _step.value;
+      var current = slot.door.currentDoor;
+      var elementId = elementIdOf(current.BasketId);
+      if (elementId == null || elementId < 0) continue;
+      doors.push({
+        doorKey: doorKeyOf(qualifiedElementKey(setId, elementId), current.Type),
+        slotKey: slot.key,
+        strictType: current.StrictType
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return doors;
+}
+
+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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(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(r, a) : void 0; } }
+function _arrayLikeToArray(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; }
+var PLANNER_TAB_GROUP_TYPES = new Set(['PLANNER', 'ACC_PLANNER', 'PLANNER_2.0']);
+var MISSING_GEO_MSG_MS = 10000;
+
+// Environment config (lighting / HDRI / dome / post-processing / selection look) comes from ONE
+// channel: the preset — catalog RTV_PRESET meta tag when present, else WHITE_ROOM_PRESET — passed
+// via `config.profiles` below. With ?rtv-debug mounted, the analyzer preset channel overrides it.
+
+/** True when the placed shelf accessory at this composite key (`"2.0.6"`) is flagged `noDelete`. */
+function isAccessoryDeleteLocked(viewHandler, shelfElementId) {
+  var _findPlannedAccessory;
+  return !!((_findPlannedAccessory = findPlannedAccessory(viewHandler.settingsState.plannedPlacesOnGrids, parseAccessoryPath(shelfElementId !== null && shelfElementId !== void 0 ? shelfElementId : ''))) !== null && _findPlannedAccessory !== void 0 && (_findPlannedAccessory = _findPlannedAccessory.accessory) !== null && _findPlannedAccessory !== void 0 && _findPlannedAccessory.noDelete);
+}
+
+/**
+ * The shelf-planner step: its own SHELFPLANNER tab group, or a shelf planner (`SHELFARTICLE_…`) shown as an option step
+ * inside another tab group; read through the observable tab-group mirror, so a step change re-renders.
+ */
+function shelfStepActive(viewHandler) {
+  var _viewHandler$tabGroup = viewHandler.tabGroupState,
+    curTabGroup = _viewHandler$tabGroup.curTabGroup,
+    curOption = _viewHandler$tabGroup.curOption;
+  if ((curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.type) === 'SHELFPLANNER' || curOption !== null && curOption !== void 0 && curOption.codex.startsWith('SHELFARTICLE_')) return true;
+  return viewHandler.tabgroupTypeActive('SHELFPLANNER');
+}
+/**
+ * Builds per-element overlay info from `plannedElementsDict` + `articleInfos`; "selected" comes from the planner's
+ * `productState.rtvSelectedElementId`, as `articleInfos.isActive` lags behind a canvas deselect.
+ */
+function buildElementsInfoFromArticles(viewHandler, inPlannerStep) {
+  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$tabGroup2;
+  // Keyed by `qualifiedElementKey(setId, shelfElementId)` (`shelfElementId`: `"2"` for mains, `"2.0.6"` for
+  // accessories) — matches what rtv-next parses from the 3D node name; element ids repeat across sets.
+  var map = new Map();
+  var articleInfos = viewHandler.settingsState.articleInfos;
+  var dict = viewHandler.viewPlannerHandler.plannedElementsDict;
+  var selectedElementId = viewHandler.productState.rtvSelectedElementId;
+  var selectedSetId = viewHandler.productState.rtvSelectedSetId;
+  var activeSetId = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getSetId();
+  var setsById = new Map(viewHandler.divaWebPlanner.setsAsArray.map(function (set) {
+    return [set.getSetId(), set];
+  }));
+  // In the shelf-planner step planning targets ALL corpora, so no main article is pickable (the
+  // corpus is navigated context → `active`: no hover, click is a no-op) and the shelf accessories
+  // are the only selectable things. Outside the step a shelf accessory is only pickable when the
+  // current configStep makes it configurable (`article.isActive`); otherwise it's inert and clicks/
+  // hover fall through to the parent corpus (`unselectable` → walk-to-ancestor in rtv-next).
+  var isShelfStep = shelfStepActive(viewHandler);
+  // While the doors are swapped in 3D only the doors are picked: elements are context (`active`).
+  var isDoorStep = isDoorSwap3DStep(viewHandler);
+
+  // AVL/AVR element copy (catalog property ELEMENT_COPY_AVLR): copy buttons on the selected
+  // standard-planner element that plan a copy docked at its free AVL/AVR docking point. `true`
+  // enables them in planner steps; a list of option codexes additionally enables them while one
+  // of those option steps is visited (the configurator-selected element is the copy source).
+  var copyAVLRCfg = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.elementCopyAVLR;
+  var curOptionCodex = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curOption) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.codex;
+  var avlrCopyEnabled = copyAVLRCfg != null && (inPlannerStep || Array.isArray(copyAVLRCfg) && curOptionCodex != null && copyAVLRCfg.includes(curOptionCodex));
+
+  // State for a single article entry, applying the step-aware accessory/corpus gating above.
+  // Accessory selection is NOT tracked by the numeric `selectedElementId` (rtv-next drives the
+  // accessory outline locally + via `selectedAccessoryKey`), so only mains resolve to `selected`.
+  var resolveState = function resolveState(setId, elementId, isActive, isShelfAccessoire) {
+    if (isDoorStep) return 'active';
+    if (isShelfAccessoire) {
+      if (isShelfStep) return 'selectable';
+      return isActive ? 'selectable' : 'unselectable';
+    }
+    // Main / corpus: never hover- or select-able while planning all corpora in the shelf step.
+    if (isShelfStep) return 'active';
+    if (elementId !== undefined && selectedElementId === elementId && (selectedSetId == null || selectedSetId === setId)) return 'selected';
+    return isActive ? 'active' : 'selectable';
+  };
+
+  // `articleInfos` holds the active set's articles only; another set's article is read off its set, inactive.
+  var articleByKey = new Map();
+  for (var _i = 0, _Object$keys = Object.keys(articleInfos); _i < _Object$keys.length; _i++) {
+    var key = _Object$keys[_i];
+    var a = articleInfos[key];
+    if (a.elementId !== undefined) {
+      articleByKey.set(qualifiedElementKey(a.setId, a.elementId), {
+        setId: a.setId,
+        posNr: String(a.posNr),
+        isActive: a.isActive,
+        canDelete: a.isActive,
+        isShelfAccessoire: !!a.isShelfAccessoire,
+        shelfElementId: a.shelfElementId
+      });
+    }
+  }
+  var otherSetArticle = function otherSetArticle(setId, elementId) {
+    var _setsById$get;
+    if (setId === activeSetId) return undefined;
+    var a = (_setsById$get = setsById.get(setId)) === null || _setsById$get === void 0 ? void 0 : _setsById$get.getArticleByElementId(elementId);
+    if (!a) return undefined;
+    return {
+      setId: setId,
+      posNr: String(a.posNr),
+      isActive: false,
+      canDelete: false,
+      isShelfAccessoire: a.isShelfAccessoire,
+      shelfElementId: a.shelfElementId
+    };
+  };
+  if (dict) {
+    dict.forEach(function (plannerElements, setId) {
+      var _iterator = _createForOfIteratorHelper(plannerElements),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _articleByKey$get, _article$shelfElement, _article$setId, _article$canDelete;
+          var pe = _step.value;
+          var elementId = pe.getElementId();
+          var parentElementId = pe.getParentElementId();
+          var article = (_articleByKey$get = articleByKey.get(qualifiedElementKey(setId, elementId))) !== null && _articleByKey$get !== void 0 ? _articleByKey$get : otherSetArticle(setId, elementId);
+          var isBox = pe.getPlannerType() === 'BOX';
+          var canCopyLeft = void 0;
+          var canCopyRight = void 0;
+          var canCopyTop = void 0;
+          var copyAlwaysVisible = void 0;
+          if (isBox) {
+            // Not step-gated: box catalogs hide the planner step entirely, so box planning happens via
+            // these buttons during option steps. The viewer shows them on the selected element only.
+            canCopyLeft = true;
+            canCopyRight = true;
+            var avoDP = pe.getFreeDockingPointByTypeAndNumber('AVO', 1);
+            canCopyTop = avoDP != null && !avoDP.IsDisabled;
+          } else if (avlrCopyEnabled && parentElementId == null && !(article !== null && article !== void 0 && article.isShelfAccessoire)) {
+            canCopyLeft = pe.getFreeDockingPointsByType('AVL').some(function (dp) {
+              return !dp.IsDisabled;
+            });
+            canCopyRight = pe.getFreeDockingPointsByType('AVR').some(function (dp) {
+              return !dp.IsDisabled;
+            });
+            copyAlwaysVisible = true;
+          }
+
+          // `isActive` is computed per-context by the logic layer (loadPaletteInfos) and is exactly
+          // what drives the planner header's active badges: planner mode → none active (all selectable);
+          // shelf mode → the navigated main group is active; configStep → the current choice is active,
+          // alternatives are selectable. `resolveState` layers the step-aware accessory/corpus gating
+          // on top (see its definition above).
+          var state = !article ? 'unselectable' : resolveState(setId, elementId, article.isActive, !!article.isShelfAccessoire);
+
+          // Element-type taxonomy. `isShelfAccessoire` comes from articleInfos (logic layer); box/
+          // accessoire are detectable from the planner element.
+          var type = article !== null && article !== void 0 && article.isShelfAccessoire ? 'shelfAccessoire' : isBox ? 'boxElement' : parentElementId != null ? 'accessoire' : 'planned';
+          map.set(qualifiedElementKey(setId, (_article$shelfElement = article === null || article === void 0 ? void 0 : article.shelfElementId) !== null && _article$shelfElement !== void 0 ? _article$shelfElement : String(elementId)), {
+            setId: (_article$setId = article === null || article === void 0 ? void 0 : article.setId) !== null && _article$setId !== void 0 ? _article$setId : setId,
+            posNr: article === null || article === void 0 ? void 0 : article.posNr,
+            state: state,
+            type: type,
+            articleCodex: pe.ArticleCodex,
+            // Deletable: shelf accessories unless their cell is `noDelete`, and ELEMENT_COPY_AVLR mains; all other mains follow
+            // the active/selectable canDelete signal.
+            canDelete: article !== null && article !== void 0 && article.isShelfAccessoire ? !isAccessoryDeleteLocked(viewHandler, article.shelfElementId) : copyAlwaysVisible ? true : (_article$canDelete = article === null || article === void 0 ? void 0 : article.canDelete) !== null && _article$canDelete !== void 0 ? _article$canDelete : false,
+            parentElementId: parentElementId,
+            canCopyLeft: canCopyLeft,
+            canCopyRight: canCopyRight,
+            canCopyTop: canCopyTop,
+            copyAlwaysVisible: copyAlwaysVisible
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+  }
+
+  // Shelf accessories that aren't planner elements (absent from plannedElementsDict) still need an
+  // overlay entry — add them straight from articleInfos, keyed by their composite `shelfElementId`
+  // (e.g. "2.0.6"), which is what rtv-next parses from the accessory's node name. Their selectability
+  // is step-gated identically to the dict path (`resolveState`).
+  for (var _i2 = 0, _Object$keys2 = Object.keys(articleInfos); _i2 < _Object$keys2.length; _i2++) {
+    var _key = _Object$keys2[_i2];
+    var _a = articleInfos[_key];
+    if (!_a.isShelfAccessoire || !_a.shelfElementId || map.has(qualifiedElementKey(_a.setId, _a.shelfElementId))) continue;
+    map.set(qualifiedElementKey(_a.setId, _a.shelfElementId), {
+      setId: _a.setId,
+      posNr: String(_a.posNr),
+      state: resolveState(_a.setId, _a.elementId, _a.isActive, true),
+      type: 'shelfAccessoire',
+      canDelete: !isAccessoryDeleteLocked(viewHandler, _a.shelfElementId)
+    });
+  }
+  return map;
+}
+
+/**
+ * Resolve an accessory's composite ref (parent/grid/cell, recursion-safe) to the basket ids the
+ * paletteViewHandler needs: the parent shelf basket (for delete) and the accessory's own basket +
+ * codex (for select). Looks up `plannedPlacesOnGrids` by the parent element key + grid idx + cell.
+ */
+function resolveAccessoryTargets(viewHandler, ref) {
+  var _viewHandler$divaWebP3, _found$accessory, _found$accessory2;
+  // `plannedPlacesOnGrids` describes the active set only; another set's element key would match the wrong shelf.
+  if (ref.setId !== ((_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getSetId())) return null;
+  var found = findPlannedAccessory(viewHandler.settingsState.plannedPlacesOnGrids, ref);
+  if (!found) return null;
+  return {
+    parentBasketId: found.parent.basketId,
+    accBasketId: (_found$accessory = found.accessory) === null || _found$accessory === void 0 ? void 0 : _found$accessory.basketId,
+    accCodex: (_found$accessory2 = found.accessory) === null || _found$accessory2 === void 0 ? void 0 : _found$accessory2.articleCodex,
+    gridName: found.gridName
+  };
+}
+var PlannerRTVNext = function PlannerRTVNext() {
+  var _scene$isPoolPlanning, _environmentPreset, _viewHandler$divaWebP4, _viewHandler$tabGroup3, _viewHandler$tabGroup4, _viewHandler$tabGroup5, _elementsInfo$get;
+  var viewHandler = useViewHandler();
+  var rtvAnalyzerComponents = useRTVAnalyzerComponentsFromPlanner();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    apiConfig = _useDivaCore$state.apiConfig,
+    jwt = _useDivaCore$state.jwt,
+    actions = _useDivaCore.actions;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  // File names listed by the missing-geo message on screen, so a re-assembly that mounts the geo again does not re-raise it.
+  var missingGeoFiles = useRef(new Set());
+  var missingGeoHideTimer = useRef(undefined);
+  useEffect(function () {
+    return function () {
+      return clearTimeout(missingGeoHideTimer.current);
+    };
+  }, []);
+
+  // Mount effect, not the render body: this is the first moment the viewer component exists in the
+  // tree, which is what the boot report needs — the props it reads are re-derived on every render.
+  useEffect(function () {
+    bootMark('rtv: PlannerRTVNext mounted');
+  }, []);
+
+  // Only a render script after none shows `RTV_Assembling`: a replaced one keeps the shown scene, and an unchanged
+  // scene fires no `onSceneReady` to end it.
+  var prevHQRenderScript = useRef(viewHandler.hqRenderScript);
+  useEffect(function () {
+    var previous = prevHQRenderScript.current;
+    prevHQRenderScript.current = viewHandler.hqRenderScript;
+    if (viewHandler.hqRenderScript && !previous) actions.toggleLoading('RTV_Assembling', false, true);
+  }, [viewHandler.hqRenderScript, actions]);
+  var isVisible = viewHandler.isParentViewVisible;
+  // Announce the live rtv-next viewer page-wide: hidden sibling planner instances defer their
+  // whole boot while one is registered (see `ViewHandlerProvider`).
+  useEffect(function () {
+    if (!isVisible) return;
+    return registerRtvNextViewer();
+  }, [isVisible]);
+  var showRTV = viewHandler.productState.doShowRTV;
+  var show3DComb = viewHandler.productState.doShow3DComb;
+  var showGrid = viewHandler.productState.doShowGrid;
+  // 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';
+  // 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);
+  var callbacks = useMemo(function () {
+    return {
+      onElementSelected: function onElementSelected(setId, elementId) {
+        viewHandler.viewPlannerHandler.onElementSelected(setId, elementId);
+      },
+      onElementDeselected: function onElementDeselected() {
+        viewHandler.viewPlannerHandler.onClearElementSelection();
+      },
+      updatePlannerTrans: function updatePlannerTrans(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint) {
+        viewHandler.divaWebPlanner.updatePlannerTrans(setId, plannerElementID, {
+          x: deltaMove.x,
+          y: deltaMove.y,
+          z: deltaMove.z
+        }, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint);
+      },
+      getDockSnapPreview: function getDockSnapPreview(setId, plannerElementID, autoDockingDistance, excludeElementIds) {
+        return viewHandler.divaWebPlanner.getDockSnapPreview(plannerElementID, autoDockingDistance, excludeElementIds);
+      },
+      onElementDeleted: function onElementDeleted(setId, elementId) {
+        viewHandler.viewPlannerHandler.onElementDeleted(setId, elementId);
+      },
+      onElementCopy: function onElementCopy(setId, elementId, copyIndex) {
+        return viewHandler.viewPlannerHandler.onElementCopy(setId, elementId, copyIndex);
+      },
+      onDockingPointInteraction: function onDockingPointInteraction(setId, elementId, dpId, isSelected, onElementId) {
+        return viewHandler.viewPlannerHandler.onDockingPointInteraction(setId, elementId, dpId, isSelected, onElementId);
+      },
+      onAccessoryPlace: function onAccessoryPlace(gridIdx, cellIdx, parentBasketId, articleCodex) {
+        viewHandler.paletteViewHandler.addAccessorieOnShelfPlannerView(gridIdx, cellIdx, parentBasketId, articleCodex);
+      },
+      onAccessoryDragOver: function onAccessoryDragOver(hasTarget) {
+        viewHandler.settingsState.setDraggedAccessoryHasTarget(hasTarget);
+      },
+      onAccessorySelect: function onAccessorySelect(ref) {
+        var t = resolveAccessoryTargets(viewHandler, ref);
+        if (!t) return;
+        viewHandler.paletteViewHandler.selectShelfAccessorie(t.accCodex, t.accBasketId);
+      },
+      onAccessoryDeselect: function onAccessoryDeselect() {
+        viewHandler.paletteViewHandler.selectShelfAccessorie(undefined);
+      },
+      onAccessoryDelete: function onAccessoryDelete(ref) {
+        var t = resolveAccessoryTargets(viewHandler, ref);
+        if (!t) return;
+        viewHandler.paletteViewHandler.deleteAccessorieOnShelfPlannerView(ref.gridId, ref.cellIdx, t.parentBasketId);
+      },
+      onAccessoryMoveStart: function onAccessoryMoveStart(ref) {
+        // The accessory's free-to-move target cells (old RTV's getMoveGrids) — own cells PLUS its
+        // variant-family siblings' cells (`includeFamily`), so the viewer can offer differently-sized
+        // drop targets and switch the article on release. Async (family variants are instantiated).
+        var t = resolveAccessoryTargets(viewHandler, ref);
+        if (!t || !t.accBasketId || !t.gridName) return undefined;
+        return viewHandler.divaWebPlanner.getFreeToMovePlacesOnGrids(t.gridName, t.accBasketId, true);
+      },
+      onAccessoryMove: function onAccessoryMove(ref, target) {
+        // `target` carries the DESTINATION element's basket + grid + cell (may differ from the source
+        // element — cross-element move), so we only need the accessory's own basket from the ref.
+        var t = resolveAccessoryTargets(viewHandler, ref);
+        if (!t || !t.accBasketId) return;
+        // If the target cell expects a different variant-family member, switch the article on move.
+        var switchTo = target.articleCodex && target.articleCodex !== t.accCodex ? target.articleCodex : undefined;
+        viewHandler.divaWebPlanner.moveShelfItemToGrid(t.accBasketId, target.parentBasketId, target.gridName, target.cellIdx, switchTo);
+      },
+      onDoorSwap: function onDoorSwap(fromSlotKey, toSlotKey) {
+        return swapDoorSlotsByKey(viewHandler, fromSlotKey, toSlotKey);
+      },
+      onSceneReady: function onSceneReady() {
+        bootMark('rtv: onSceneReady');
+        actions.toggleLoading('RTV_Assembling', false, false);
+        notifyRtvSceneReady();
+      },
+      onAssetError: function onAssetError(_ref) {
+        var kind = _ref.kind,
+          source = _ref.source,
+          message = _ref.message,
+          severity = _ref.severity,
+          missing = _ref.missing;
+        viewHandler.productState.reportAnalyzerError({
+          source: '3D',
+          kind: kind,
+          target: source,
+          message: message,
+          severity: severity
+        });
+        // Meant for catalog builders: only with the catalog analyzer, never in front of a customer.
+        if (kind !== 'geo' || !missing || !viewHandler.uiState.isAdvancedConfigurator) return;
+        var file = source.slice(source.lastIndexOf('/') + 1);
+        if (missingGeoFiles.current.has(file)) return;
+        missingGeoFiles.current.add(file);
+        var content = /*#__PURE__*/jsxs(Fragment, {
+          children: [t('configurator.MISSING_GEO_MSG'), " ", /*#__PURE__*/jsx("b", {
+            children: _toConsumableArray(missingGeoFiles.current).join(', ')
+          })]
+        });
+        viewHandler.productState.updatePlannerMsgContainer('MISSING_GEO_MSG', true, 'WARNING', content, true, MISSING_GEO_MSG_MS);
+        // The files count as reported while the message shows; a later failure of the same file shows it again.
+        if (missingGeoHideTimer.current === undefined) {
+          missingGeoHideTimer.current = setTimeout(function () {
+            missingGeoFiles.current.clear();
+            missingGeoHideTimer.current = undefined;
+          }, MISSING_GEO_MSG_MS);
+        }
+      }
+    };
+  }, [viewHandler.viewPlannerHandler, viewHandler.divaWebPlanner, viewHandler, actions, t]);
+
+  // Planner-side single source of truth for canvas selection. Tracks
+  // `selectedElementsDict` in ViewPlannerHandler — kept in sync at all 3
+  // selection entry points (canvas-side `onElementSelected` /
+  // `onClearElementSelection`, and configurator-driven
+  // `updateElementSelectionConfig` / `updateElementSelectionPlanner`).
+  // Previously derived from `articleInfos.isActive`, which lagged after a
+  // canvas deselect and caused `setSelectedElementFromProp` to re-select
+  // the just-deselected element on the next render.
+  var selectedElementId = viewHandler.productState.rtvSelectedElementId;
+
+  // `isPoolPlanning`: a planning whose articles carry a dimension config is a static drawing (pool
+  // plan) — hide all on-canvas buttons (posNr/rotate/trash chrome and docking-point buttons,
+  // both gated on `hideUiIcons` inside rtv-next) and force the dimension lines on.
+  // 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 : buildPlannerScene2D(viewHandler, {
+    buildScene2D: buildScene2D,
+    getDimensionConfigs: getDimensionConfigs
+  });
+  lastSceneRef.current = scene;
+  var scene2d = scene === null || scene === void 0 ? void 0 : scene.scene2d;
+  // The 2D scene reads non-observable planner elements, their version re-renders it after a move.
+  if (showGrid) void viewHandler.productState.plannerElementsVersion;
+  var isPoolPlanning = (_scene$isPoolPlanning = scene === null || scene === void 0 ? void 0 : scene.isPoolPlanning) !== null && _scene$isPoolPlanning !== void 0 ? _scene$isPoolPlanning : false;
+  var setPoolPlanning = viewHandler.productState.setPoolPlanning;
+  useEffect(function () {
+    setPoolPlanning(isPoolPlanning);
+    return function () {
+      return setPoolPlanning(false);
+    };
+  }, [isPoolPlanning, setPoolPlanning]);
+
+  // Environment preset: the catalog-level RTV_PRESET meta tag when present (a DB source
+  // later), else the white-room default. Both are parse-once/module objects, so the
+  // identity is stable across renders. NOTE: with ?rtv-debug the analyzer preset channel
+  // applies AFTER this on mount and wins (use ?preset=<id> there to pick explicitly).
+  var rtvPreset = (_environmentPreset = environmentPreset((_viewHandler$divaWebP4 = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP4 === void 0 ? void 0 : _viewHandler$divaWebP4.rtvPreset)) !== null && _environmentPreset !== void 0 ? _environmentPreset : WHITE_ROOM_PRESET;
+
+  // initMode CREATE_IMAGE: auto-capture the settled 2D plan and emit it to the host. A hook, so it
+  // 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);
+  var doorSwapTexts = useDoorSwapTexts().viewer;
+  var stepType = (_viewHandler$tabGroup3 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup3 === void 0 ? void 0 : _viewHandler$tabGroup3.type;
+  var plannerStep = stepType != null && PLANNER_TAB_GROUP_TYPES.has(stepType);
+  if (!isMounted) return null;
+
+  // Step identity for rtv-next's camera rule table; it keys on the fields, so a fresh object is fine. Read from the
+  // observable mirror - `ConfiguratorStructureHandler` is not observable.
+  var cameraStep = cameraStepIdentity((_viewHandler$tabGroup4 = viewHandler.tabGroupState.curConfigStep) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.key, stepType, (_viewHandler$tabGroup5 = viewHandler.tabGroupState.curOption) === null || _viewHandler$tabGroup5 === void 0 ? void 0 : _viewHandler$tabGroup5.codex);
+
+  // Pool plannings are static drawings: dimension lines are always on and their toggle is hidden.
+  var showDimensionLines = isPoolPlanning || viewHandler.productState.sceneShowsDimensionLines;
+  var elementsInfo = buildElementsInfoFromArticles(viewHandler, plannerStep);
+
+  // Controlled accessory selection: map the host's selected shelf accessory (a basketId) to its
+  // qualified 3D key (`<setId>|2.0.6`) so the canvas re-selects it after a place/move. `null` clears it.
+  var selectedAccessoryBasketId = viewHandler.settingsState.selectedShelfAccessoire;
+  var selectedAccessory = selectedAccessoryBasketId ? Object.values(viewHandler.settingsState.articleInfos).find(function (a) {
+    return a.basketId === selectedAccessoryBasketId;
+  }) : undefined;
+  var resolvedAccessoryKey = selectedAccessory !== null && selectedAccessory !== void 0 && selectedAccessory.shelfElementId ? qualifiedElementKey(selectedAccessory.setId, selectedAccessory.shelfElementId) : null;
+  // `selectedShelfAccessoire` survives step navigation and config changes (it's only cleared by an
+  // explicit deselect), and rtv-next re-applies `selectedAccessoryKey` after every re-assembly — so
+  // a config change in a step where the accessory is not selectable would re-select it in the
+  // canvas. Gate the prop on the same step-aware overlay state that already gates clicks/hover.
+  var accessoryState = resolvedAccessoryKey ? (_elementsInfo$get = elementsInfo.get(resolvedAccessoryKey)) === null || _elementsInfo$get === void 0 ? void 0 : _elementsInfo$get.state : undefined;
+  var selectedAccessoryKey = resolvedAccessoryKey != null && accessoryState != null && accessoryState !== 'unselectable' ? resolvedAccessoryKey : null;
+
+  // In pure 2D / grid mode the viewer only needs scene2d — skip the 3D inputs so it never tries
+  // to fetch GLBs or accessory grid geometry for a view that shows neither.
+  var needs3D = viewMode !== '2d';
+  // The shelf-accessory grid geometry is fetched per catalog; the viewer falls back to this
+  // identity while nothing is placed yet to read it off (`plannedPlacesOnGrids` empty).
+  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
+  var catalogInfo = catalogData !== null && catalogData !== void 0 && catalogData.catalogCodex ? {
+    catalogCodex: catalogData.catalogCodex,
+    iln: catalogData.supplierILN
+  } : undefined;
+  var coachText = function coachText(hintId) {
+    return {
+      mouse: t("configurator.coach.".concat(hintId, ".mouse")),
+      touch: t("configurator.coach.".concat(hintId, ".touch"))
+    };
+  };
+  var coachTexts = {
+    accessoryPlace: coachText('accessoryPlace'),
+    accessoryMove: coachText('accessoryMove')
+  };
+
+  // A door planner step anywhere in the config tree: the viewer fetches the door swap's code ahead of it.
+  var hasDoorPlanner = viewHandler.divaWebPlanner.getRtvFeatures().doorSwap3D && _toConsumableArray(viewHandler.tabGroupState.allTabGroups.values()).some(function (tabGroup) {
+    return tabGroup.type === 'DOORPLANNER';
+  });
+  var actSet = viewHandler.divaWebPlanner.actSet();
+  // Door swap step: the active set's door slots, as the 3D scene names their doors.
+  var doorSwap = isDoorSwap3DStep(viewHandler) && actSet ? {
+    doors: buildDoorSwapDoors(doorPlannerSlots(findDoorPlannerPalette(viewHandler)), actSet.getSetId(), function (basketId) {
+      var _actSet$getArticleByB;
+      return (_actSet$getArticleByB = actSet.getArticleByBasketId(basketId)) === null || _actSet$getArticleByB === void 0 ? void 0 : _actSet$getArticleByB.elementId;
+    }),
+    texts: doorSwapTexts
+  } : null;
+  return /*#__PURE__*/jsx(RealTimeRendererNext, {
+    catalogInfo: needs3D ? catalogInfo : undefined,
+    hqRenderScript: needs3D ? viewHandler.hqRenderScript : undefined,
+    scene2d: scene2d,
+    viewMode: viewMode,
+    stopRender: viewCovered,
+    config: {
+      archiveBaseUrl: apiConfig.diva3darchive,
+      constructorServiceUrl: apiConfig.constructorService,
+      jwt: jwt,
+      // COBI-class planner: 3D is always available. The store default is
+      // already `{ supports3d: true }` but we pass it explicitly to make
+      // the contract obvious — flip to `false` to skip the geo preload and
+      // (once the lazy capsule lands) the entire 3D code chunk for a
+      // pure-2D catalog.
+      capabilities: {
+        supports3d: true
+      },
+      // Environment preset: catalog RTV_PRESET meta tag » white-room default (see
+      // `rtvPreset` above). With ?rtv-debug the analyzer preset channel overrides this.
+      profiles: rtvPreset.profiles,
+      profileMode: rtvPreset.profileMode,
+      camera: rtvPreset.camera,
+      uiConfig: _objectSpread({
+        plannerMode: viewHandler.productState.isBoxPlanner ? 'BoxPlanner' : '3DCOMB',
+        accessoryPlacement: ACCESSORY_PLACEMENT_MODE,
+        catalogAnalyzer: viewHandler.uiState.isAdvancedConfigurator
+      }, isPoolPlanning ? {
+        hideUiIcons: true
+      } : {})
+    },
+    plannerMode: plannerStep,
+    step: cameraStep,
+    freePlacesOnGrids: viewHandler.settingsState.freePlacesOnGrids,
+    plannedPlacesOnGrids: viewHandler.settingsState.plannedPlacesOnGrids,
+    shelfGridSetId: actSet === null || actSet === void 0 ? void 0 : actSet.getSetId(),
+    armedAccessoryCodex: viewHandler.settingsState.armedAccessoryToken,
+    draggedAccessoryCodex: viewHandler.settingsState.draggedAccessoryCodex,
+    draggedAccessoryPointerId: viewHandler.settingsState.draggedAccessoryPointerId,
+    callbacks: callbacks,
+    analyzerComponents: rtvAnalyzerComponents,
+    elementsInfo: elementsInfo,
+    selectedElementId: selectedElementId,
+    selectedElementSetId: viewHandler.productState.rtvSelectedSetId,
+    selectedAccessoryKey: selectedAccessoryKey,
+    showDimensionLines: showDimensionLines,
+    coachTexts: coachTexts,
+    coachHints: viewHandler.divaWebPlanner.getRtvFeatures().coachHints,
+    doorSwap: doorSwap,
+    doorSwapAvailable: hasDoorPlanner
+  });
+};
+var index = observer(PlannerRTVNext);
+
+export { index as default };