@crystaldesign/diva-web-planner-react 26.13.0-beta.3 → 26.13.0-beta.5

package/build/esm/index-9b8ce287.js

@@ -1,679 +0,0 @@
-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-25d28871.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-cb474e51.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 };