@crystaldesign/diva-web-planner-react 26.12.0-beta.9 → 26.12.0-rc.1

package/build/esm/index-0e261530.js

@@ -0,0 +1,679 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { g as blobToDataUrl, h as reencodeJpegDataUrl, u as useViewHandler, i as useRTVAnalyzerComponentsFromPlanner, j as registerRtvNextViewer } from './index-32106d75.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, getDimensionConfigs, buildScene2D } from '@crystaldesign/real-time-viewer-next';
+import { bootMark } from '@crystaldesign/web-planner-logic';
+import { A as ACCESSORY_PLACEMENT_MODE } from './accessoryPlacementMode-f80348d8.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { 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$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; }
+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$1(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]);
+}
+
+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']);
+
+// 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.
+
+// Shelf-accessory placement UX. `cellBoxes` = current click-a-box-to-place. `autoPlaceDrag` =
+
+/**
+ * The planner's `plannedElementsDict` as the viewer's 2D scene — through the translation shared with the
+ * mass configurator (`buildScene2D` in real-time-viewer-next). `isPoolPlanning` is reported alongside it: a
+ * planning whose articles carry a dimension config (catalog DIMENSION_CONFIG) is a static drawing (pool plan).
+ */
+function buildPlannerScene2D(viewHandler) {
+  var dict = viewHandler.viewPlannerHandler.plannedElementsDict;
+  if (!dict || dict.size === 0) return {
+    isPoolPlanning: false
+  };
+  var catalog = viewHandler.divaWebPlanner.getCatalogData();
+  var dimensionConfigs = getDimensionConfigs(catalog === null || catalog === void 0 ? void 0 : catalog.dimensionConfig2D);
+  var isPoolPlanning = _toConsumableArray(dict.values()).some(function (plannerElements) {
+    return plannerElements.some(function (pe) {
+      return dimensionConfigs[pe.ArticleCodex] != null;
+    });
+  });
+  var scene2d = buildScene2D(dict, {
+    fontUrl: catalog === null || catalog === void 0 ? void 0 : catalog.plan2DFontUrl,
+    dimensionConfigs: dimensionConfigs,
+    // `{...}` placeholders resolve via the article template engine (same syntax as supplierOrderCodex templates),
+    // e.g. `widthPrefix: '{2300.vCodex}x'` → "6x"
+    resolveTemplate: function resolveTemplate(basketId, text) {
+      return viewHandler.divaWebPlanner.convertTemplateToCodex(basketId, text);
+    }
+  });
+  return {
+    scene2d: scene2d,
+    isPoolPlanning: isPoolPlanning
+  };
+}
+
+/**
+ * Phase 6 plumbing: build per-element overlay info from `plannedElementsDict`
+ * + `articleInfos`. The "selected" overlay state is sourced from
+ * `productState.rtvSelectedElementId` (planner truth) — `articleInfos.isActive`
+ * is only consulted for `posNr` / `canDelete` metadata so that a configurator
+ * lag after canvas deselect does not paint a deselected element as selected.
+ */
+function buildElementsInfoFromArticles(viewHandler) {
+  var _viewHandler$tabGroup, _viewHandler$divaWebP, _viewHandler$tabGroup3;
+  // Keyed by the composite element key (`shelfElementId`): `"2"` for mains, `"2.0.6"` for
+  // accessories — matches what rtv-next parses from the 3D node name.
+  var map = new Map();
+  var articleInfos = viewHandler.settingsState.articleInfos;
+  var dict = viewHandler.viewPlannerHandler.plannedElementsDict;
+  var selectedElementId = viewHandler.productState.rtvSelectedElementId;
+  // 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 = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) === 'SHELFPLANNER';
+
+  // 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 inPlannerStep = function (_viewHandler$tabGroup2) {
+    var t = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type;
+    return t != null && PLANNER_TAB_GROUP_TYPES.has(t);
+  }();
+  var copyAVLRCfg = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.elementCopyAVLR;
+  var curOptionCodex = (_viewHandler$tabGroup3 = viewHandler.tabGroupState.curOption) === null || _viewHandler$tabGroup3 === void 0 ? void 0 : _viewHandler$tabGroup3.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(elementId, isActive, isShelfAccessoire) {
+    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) return 'selected';
+    return isActive ? 'active' : 'selectable';
+  };
+  var articleByElementId = 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) {
+      articleByElementId.set(a.elementId, {
+        setId: a.setId,
+        posNr: String(a.posNr),
+        isActive: a.isActive,
+        canDelete: a.isActive,
+        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 _article$shelfElement, _article$setId, _article$canDelete;
+          var pe = _step.value;
+          var elementId = pe.getElementId();
+          var parentElementId = pe.getParentElementId();
+          var article = articleByElementId.get(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(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((_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,
+            // Shelf accessories are deletable; an AVL/AVR-copy element (ELEMENT_COPY_AVLR) is a planned
+            // main you can copy right there, so it's deletable too. All other mains keep the
+            // active/selectable canDelete signal.
+            canDelete: article !== null && article !== void 0 && article.isShelfAccessoire || 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(_a.shelfElementId)) continue;
+    map.set(_a.shelfElementId, {
+      setId: _a.setId,
+      posNr: String(_a.posNr),
+      state: resolveState(_a.elementId, _a.isActive, true),
+      type: 'shelfAccessoire',
+      canDelete: true
+    });
+  }
+  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$settings;
+  // `plannedPlacesOnGrids[].elementId` is the `E`-prefixed form ("E1"); the composite key from
+  // `shelfElementId`/`parseElementKey` is the bare form ("1"). Strip the leading `E` to match.
+  var parent = (_viewHandler$settings = viewHandler.settingsState.plannedPlacesOnGrids) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.find(function (p) {
+    var _p$elementId;
+    return ((_p$elementId = p.elementId) !== null && _p$elementId !== void 0 ? _p$elementId : '').replace(/^E/, '') === ref.parentElementKey;
+  });
+  if (!parent) return null;
+  var accBasketId;
+  var accCodex;
+  var gridName;
+  for (var _i3 = 0, _Object$keys3 = Object.keys(parent.grids); _i3 < _Object$keys3.length; _i3++) {
+    var name = _Object$keys3[_i3];
+    var g = parent.grids[name];
+    if (g.idx !== ref.gridId) continue;
+    gridName = name;
+    var acc = g.accessories.find(function (a) {
+      return a.index === ref.cellIdx;
+    });
+    if (acc) {
+      accBasketId = acc.basketId;
+      accCodex = acc.articleCodex;
+      break;
+    }
+  }
+  return {
+    parentBasketId: parent.basketId,
+    accBasketId: accBasketId,
+    accCodex: accCodex,
+    gridName: gridName
+  };
+}
+var PlannerRTVNext = function PlannerRTVNext() {
+  var _scene$isPoolPlanning, _ref, _viewHandler$divaWebP2, _viewHandler$tabGroup4, _Object$values$find$s, _Object$values$find, _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;
+
+  // 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');
+  }, []);
+
+  // A new render script means the viewer is about to rebuild its scene — show the loading state
+  // until `onSceneReady` reports the rebuilt scene as live.
+  var prevHQRenderScript = useRef(viewHandler.hqRenderScript);
+  useEffect(function () {
+    if (viewHandler.hqRenderScript !== prevHQRenderScript.current) {
+      prevHQRenderScript.current = viewHandler.hqRenderScript;
+      if (viewHandler.hqRenderScript) {
+        actions.toggleLoading('RTV_Assembling', false, true);
+      }
+    }
+  }, [viewHandler.hqRenderScript, actions]);
+  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);
+      },
+      onSceneReady: function onSceneReady() {
+        bootMark('rtv: onSceneReady');
+        actions.toggleLoading('RTV_Assembling', false, false);
+      }
+    };
+  }, [viewHandler.viewPlannerHandler, viewHandler.divaWebPlanner, viewHandler, actions]);
+
+  // 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;
+  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);
+
+  // `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.
+  // 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);
+  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;
+
+  // 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 = (_ref = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.rtvPreset) !== null && _ref !== void 0 ? _ref : 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);
+  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;
+  // Pool plannings are static drawings: dimension lines are always on (the UI toggle that
+  // would enable them is hidden along with the other buttons — see isPoolPlanning above).
+  var showDimensionLines = isPoolPlanning || viewHandler.productState.doShow3DDimensionLines;
+  var elementsInfo = buildElementsInfoFromArticles(viewHandler);
+
+  // Controlled accessory selection: map the host's selected shelf accessory (a basketId) to its
+  // composite 3D key ("2.0.6") so the canvas re-selects it after a place/move. `null` clears it.
+  var selectedAccessoryBasketId = viewHandler.settingsState.selectedShelfAccessoire;
+  var resolvedAccessoryKey = selectedAccessoryBasketId ? (_Object$values$find$s = (_Object$values$find = Object.values(viewHandler.settingsState.articleInfos).find(function (a) {
+    return a.basketId === selectedAccessoryBasketId;
+  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.shelfElementId) !== null && _Object$values$find$s !== void 0 ? _Object$values$find$s : null : 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;
+  return /*#__PURE__*/jsx(RealTimeRendererNext, {
+    catalogInfo: needs3D ? catalogInfo : undefined,
+    hqRenderScript: needs3D ? viewHandler.hqRenderScript : undefined,
+    scene2d: scene2d,
+    viewMode: viewMode,
+    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.
+      archiveBaseUrl: apiConfig.diva3darchive.endsWith('/') ? apiConfig.diva3darchive.slice(0, -1) : 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
+      }, isPoolPlanning ? {
+        hideUiIcons: true
+      } : {})
+    },
+    plannerMode: plannerMode,
+    freePlacesOnGrids: viewHandler.settingsState.freePlacesOnGrids,
+    plannedPlacesOnGrids: viewHandler.settingsState.plannedPlacesOnGrids,
+    armedAccessoryCodex: viewHandler.settingsState.armedAccessoryToken,
+    draggedAccessoryCodex: viewHandler.settingsState.draggedAccessoryCodex,
+    callbacks: callbacks,
+    analyzerComponents: rtvAnalyzerComponents,
+    focusElementId: focusElementId,
+    elementsInfo: elementsInfo,
+    selectedElementId: selectedElementId,
+    selectedAccessoryKey: selectedAccessoryKey,
+    showDimensionLines: showDimensionLines
+  });
+};
+var index = observer(PlannerRTVNext);
+
+export { index as default };