@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

package/build/esm/index-bea368d4.js

@@ -0,0 +1,792 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-e7467256.js';
+import { useMemo, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import ArticleSelector from './index-14092b3a.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import { P as PLANNABLE_ARTICLE_DIMENSION_ID, g as gatherPriceListData, s as scrollable, h as header, t as tableDescription } from './index.module-0de0b74f.js';
+import { a as analyzeDimensionsWithNoEffect, p as parseDimensionComboKey, b as partlistComboKey, g as getDefaultPositionForDimension, M as MAX_COMBOS_FOR_BUILD, c as getDefaultScopeSelection, d as buildScopedComboSpec, e as applyDefaultLayoutToScopeSelection, P as PriceListTable } from './PriceListTable-477fe449.js';
+import { DivaSetHandler } from '@crystaldesign/web-planner-logic';
+import { PriceListCockpit } from './PriceListCockpit-47726a02.js';
+import { jsxs, 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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-select';
+import '@babel/runtime/helpers/toArray';
+
+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; }
+function debugLog() {
+  var _console;
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  (_console = console).log.apply(_console, ['[PriceList:priceref]'].concat(args));
+}
+function getPartlistDimensionIds(dimensions) {
+  return dimensions.filter(function (d) {
+    return d.source === 'partlist';
+  }).map(function (d) {
+    return d.id;
+  });
+}
+function getDimensionById(dimensions, id) {
+  return dimensions.find(function (d) {
+    return d.id === id;
+  });
+}
+
+/**
+ * Compute price cells for all combo keys in scopedComboSpec.
+ * Mutates gatheredData.cellsByDimensionCombo.
+ */
+function computePriceListCells(_x, _x2) {
+  return _computePriceListCells.apply(this, arguments);
+}
+function _computePriceListCells() {
+  _computePriceListCells = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(baseArticle, gatheredData) {
+    var _spec$dimensionIdsInO;
+    var spec, set, partlistDimIds, partlistMatchByComboKey, articlePriceDataByCodex, dimensions, pfgDimIds, _iterator, _step, _match$articleCodex, _priceData$pricesByKe, _valuesByDimId$PLANNA, _ref, comboKey, valuesByDimId, partlistKey, match, partlistDimensionValues, _iterator2, _step2, _dimId2, _dim2, v, articleCodex, priceData, pricesByKey, plannableArticleCodexFromCombo, plannableOnlyArticleCodex, cellArticleCodex, cellPriceData, cellPricesByKey, configApplied, resolvedPrice, plannableFailed, _valuesByDimId$PLANNA2, clonedSet, plannableArticleCodex, addedArticle, articles, clonedBase, engine, _iterator3, _step3, dimId, dim, value, optionStateMatches, _iterator4, _step4, _dimId, _dim, expectedVal, ops, _pricesByKey$priceKey, _pfgDimId, _priceKeyFromPfg, priceKey, _pricesByKey$_priceKe, _pfgDimId2, _priceKeyFromPfg2, _priceKey, _valuesByDimId$PLANNA3, _clonedSet, plannableCodex, _addedArticle, _cellPricesByKey$_pri, _pfgDimId3, _priceKeyFromPfg3, _priceKey2, cell, pfgDimId, priceKeyFromPfg, availableKeys, hit, enabledIds;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          spec = gatheredData.scopedComboSpec;
+          if (spec !== null && spec !== void 0 && spec.comboKeysToCompute.length) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return");
+        case 3:
+          set = baseArticle.set;
+          partlistDimIds = getPartlistDimensionIds(gatheredData.dimensions);
+          partlistMatchByComboKey = gatheredData.partlistMatchByComboKey, articlePriceDataByCodex = gatheredData.articlePriceDataByCodex, dimensions = gatheredData.dimensions;
+          pfgDimIds = ((_spec$dimensionIdsInO = spec.dimensionIdsInOrder) !== null && _spec$dimensionIdsInO !== void 0 ? _spec$dimensionIdsInO : []).filter(function (id) {
+            return id.startsWith('pfg_');
+          });
+          debugLog('compute: pfg dimension ids in order', pfgDimIds);
+          _iterator = _createForOfIteratorHelper(spec.comboKeysToCompute);
+          _context.prev = 9;
+          _iterator.s();
+        case 11:
+          if ((_step = _iterator.n()).done) {
+            _context.next = 149;
+            break;
+          }
+          comboKey = _step.value;
+          valuesByDimId = parseDimensionComboKey(comboKey);
+          partlistKey = partlistComboKey(valuesByDimId, partlistDimIds);
+          match = partlistMatchByComboKey[partlistKey];
+          partlistDimensionValues = {};
+          _iterator2 = _createForOfIteratorHelper(partlistDimIds);
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              _dimId2 = _step2.value;
+              _dim2 = getDimensionById(dimensions, _dimId2);
+              v = valuesByDimId[_dimId2];
+              if ((_dim2 === null || _dim2 === void 0 ? void 0 : _dim2.featureNo) != null && v != null) partlistDimensionValues[_dim2.featureNo] = v;
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+          articleCodex = (_match$articleCodex = match === null || match === void 0 ? void 0 : match.articleCodex) !== null && _match$articleCodex !== void 0 ? _match$articleCodex : null;
+          priceData = articleCodex ? articlePriceDataByCodex[articleCodex] : null;
+          pricesByKey = (_priceData$pricesByKe = priceData === null || priceData === void 0 ? void 0 : priceData.pricesByKey) !== null && _priceData$pricesByKe !== void 0 ? _priceData$pricesByKe : null; // Plannable-only combos (no partlist): use plannable dimension value as the article for this cell
+          plannableArticleCodexFromCombo = (_valuesByDimId$PLANNA = valuesByDimId[PLANNABLE_ARTICLE_DIMENSION_ID]) === null || _valuesByDimId$PLANNA === void 0 ? void 0 : _valuesByDimId$PLANNA.trim();
+          plannableOnlyArticleCodex = partlistDimIds.length === 0 && plannableArticleCodexFromCombo ? plannableArticleCodexFromCombo : null;
+          cellArticleCodex = articleCodex !== null && articleCodex !== void 0 ? articleCodex : plannableOnlyArticleCodex;
+          cellPriceData = priceData !== null && priceData !== void 0 ? priceData : cellArticleCodex ? articlePriceDataByCodex[cellArticleCodex] : null;
+          cellPricesByKey = (_ref = pricesByKey !== null && pricesByKey !== void 0 ? pricesByKey : cellPriceData === null || cellPriceData === void 0 ? void 0 : cellPriceData.pricesByKey) !== null && _ref !== void 0 ? _ref : null;
+          configApplied = false;
+          resolvedPrice = null;
+          if (!(match && partlistDimIds.length > 0)) {
+            _context.next = 116;
+            break;
+          }
+          plannableFailed = false;
+          _context.prev = 31;
+          clonedSet = set.cloneSet();
+          plannableArticleCodex = (_valuesByDimId$PLANNA2 = valuesByDimId[PLANNABLE_ARTICLE_DIMENSION_ID]) === null || _valuesByDimId$PLANNA2 === void 0 ? void 0 : _valuesByDimId$PLANNA2.trim();
+          if (!plannableArticleCodex) {
+            _context.next = 46;
+            break;
+          }
+          _context.prev = 35;
+          _context.next = 38;
+          return DivaSetHandler.addPlannerElement(clonedSet, plannableArticleCodex, {});
+        case 38:
+          addedArticle = _context.sent;
+          _context.next = 41;
+          return DivaSetHandler.updateArticlesOptionStatesOfActSet(clonedSet, addedArticle.getValidValues(addedArticle.VariantValues, undefined, true), [addedArticle.basketId], undefined, 'initializing');
+        case 41:
+          _context.next = 46;
+          break;
+        case 43:
+          _context.prev = 43;
+          _context.t0 = _context["catch"](35);
+          plannableFailed = true;
+        case 46:
+          if (!plannableFailed) {
+            _context.next = 50;
+            break;
+          }
+          configApplied = false;
+          _context.next = 108;
+          break;
+        case 50:
+          articles = clonedSet.getDivaArticles(true, true);
+          clonedBase = Object.values(articles).find(function (a) {
+            return a.articleCodex === gatheredData.input.baseArticleCodex;
+          });
+          if (clonedBase) {
+            _context.next = 54;
+            break;
+          }
+          return _context.abrupt("continue", 147);
+        case 54:
+          engine = clonedBase.engine;
+          _iterator3 = _createForOfIteratorHelper(partlistDimIds);
+          _context.prev = 56;
+          _iterator3.s();
+        case 58:
+          if ((_step3 = _iterator3.n()).done) {
+            _context.next = 73;
+            break;
+          }
+          dimId = _step3.value;
+          dim = getDimensionById(dimensions, dimId);
+          value = valuesByDimId[dimId];
+          if (!(!dim || dim.featureNo == null || value == null)) {
+            _context.next = 64;
+            break;
+          }
+          return _context.abrupt("continue", 71);
+        case 64:
+          _context.prev = 64;
+          engine.assignOptionValue(String(dim.featureNo), value);
+          _context.next = 71;
+          break;
+        case 68:
+          _context.prev = 68;
+          _context.t1 = _context["catch"](64);
+          return _context.abrupt("break", 73);
+        case 71:
+          _context.next = 58;
+          break;
+        case 73:
+          _context.next = 78;
+          break;
+        case 75:
+          _context.prev = 75;
+          _context.t2 = _context["catch"](56);
+          _iterator3.e(_context.t2);
+        case 78:
+          _context.prev = 78;
+          _iterator3.f();
+          return _context.finish(78);
+        case 81:
+          clonedBase.engine.evalPartlist();
+          optionStateMatches = true;
+          _iterator4 = _createForOfIteratorHelper(partlistDimIds);
+          _context.prev = 84;
+          _iterator4.s();
+        case 86:
+          if ((_step4 = _iterator4.n()).done) {
+            _context.next = 98;
+            break;
+          }
+          _dimId = _step4.value;
+          _dim = getDimensionById(dimensions, _dimId);
+          expectedVal = valuesByDimId[_dimId];
+          if (!(!_dim || _dim.featureNo == null || expectedVal == null)) {
+            _context.next = 92;
+            break;
+          }
+          return _context.abrupt("continue", 96);
+        case 92:
+          ops = clonedBase.getArticleOptionState(String(_dim.featureNo));
+          if (!(!ops || ops.valCodex !== expectedVal)) {
+            _context.next = 96;
+            break;
+          }
+          optionStateMatches = false;
+          return _context.abrupt("break", 98);
+        case 96:
+          _context.next = 86;
+          break;
+        case 98:
+          _context.next = 103;
+          break;
+        case 100:
+          _context.prev = 100;
+          _context.t3 = _context["catch"](84);
+          _iterator4.e(_context.t3);
+        case 103:
+          _context.prev = 103;
+          _iterator4.f();
+          return _context.finish(103);
+        case 106:
+          configApplied = optionStateMatches;
+          if (configApplied && pricesByKey) {
+            _pfgDimId = spec.dimensionIdsInOrder.find(function (id) {
+              return id.startsWith('pfg_');
+            });
+            _priceKeyFromPfg = _pfgDimId ? valuesByDimId[_pfgDimId] : undefined;
+            priceKey = _priceKeyFromPfg && _priceKeyFromPfg in pricesByKey ? _priceKeyFromPfg : Object.keys(pricesByKey)[0];
+            resolvedPrice = priceKey != null ? (_pricesByKey$priceKey = pricesByKey[priceKey]) !== null && _pricesByKey$priceKey !== void 0 ? _pricesByKey$priceKey : null : null;
+          }
+        case 108:
+          _context.next = 113;
+          break;
+        case 110:
+          _context.prev = 110;
+          _context.t4 = _context["catch"](31);
+          configApplied = false;
+        case 113:
+          if (match && priceData && pricesByKey && resolvedPrice == null) {
+            _pfgDimId2 = spec.dimensionIdsInOrder.find(function (id) {
+              return id.startsWith('pfg_');
+            });
+            _priceKeyFromPfg2 = _pfgDimId2 ? valuesByDimId[_pfgDimId2] : undefined;
+            _priceKey = _priceKeyFromPfg2 && _priceKeyFromPfg2 in pricesByKey ? _priceKeyFromPfg2 : Object.keys(pricesByKey)[0];
+            resolvedPrice = _priceKey != null ? (_pricesByKey$_priceKe = pricesByKey[_priceKey]) !== null && _pricesByKey$_priceKe !== void 0 ? _pricesByKey$_priceKe : null : null;
+            if (resolvedPrice != null) configApplied = true;
+          }
+          _context.next = 140;
+          break;
+        case 116:
+          if (!(partlistDimIds.length === 0)) {
+            _context.next = 140;
+            break;
+          }
+          _context.prev = 117;
+          _clonedSet = set.cloneSet();
+          plannableCodex = (_valuesByDimId$PLANNA3 = valuesByDimId[PLANNABLE_ARTICLE_DIMENSION_ID]) === null || _valuesByDimId$PLANNA3 === void 0 ? void 0 : _valuesByDimId$PLANNA3.trim();
+          if (!plannableCodex) {
+            _context.next = 132;
+            break;
+          }
+          _context.prev = 121;
+          _context.next = 124;
+          return DivaSetHandler.addPlannerElement(_clonedSet, plannableCodex, {});
+        case 124:
+          _addedArticle = _context.sent;
+          _context.next = 127;
+          return DivaSetHandler.updateArticlesOptionStatesOfActSet(_clonedSet, _addedArticle.getValidValues(_addedArticle.VariantValues, undefined, true), [_addedArticle.basketId], undefined, 'initializing');
+        case 127:
+          _context.next = 132;
+          break;
+        case 129:
+          _context.prev = 129;
+          _context.t5 = _context["catch"](121);
+          configApplied = false;
+        case 132:
+          if (configApplied !== false) configApplied = true;
+          if (cellPricesByKey && Object.keys(cellPricesByKey).length > 0) {
+            _pfgDimId3 = spec.dimensionIdsInOrder.find(function (id) {
+              return id.startsWith('pfg_');
+            });
+            _priceKeyFromPfg3 = _pfgDimId3 ? valuesByDimId[_pfgDimId3] : undefined;
+            _priceKey2 = _priceKeyFromPfg3 && _priceKeyFromPfg3 in cellPricesByKey ? _priceKeyFromPfg3 : Object.keys(cellPricesByKey)[0];
+            resolvedPrice = _priceKey2 != null ? (_cellPricesByKey$_pri = cellPricesByKey[_priceKey2]) !== null && _cellPricesByKey$_pri !== void 0 ? _cellPricesByKey$_pri : null : null;
+          }
+          // Plannable-only: show price whenever we resolved it from article price data (clone/add is not required for display)
+          if (resolvedPrice != null) configApplied = true;
+          _context.next = 140;
+          break;
+        case 137:
+          _context.prev = 137;
+          _context.t6 = _context["catch"](117);
+          configApplied = false;
+        case 140:
+          cell = {
+            dimensionComboKey: comboKey,
+            partlistDimensionValues: partlistDimensionValues,
+            articleCodex: cellArticleCodex,
+            pricesByKey: cellPricesByKey,
+            resolvedPrice: resolvedPrice,
+            configApplied: configApplied
+          };
+          gatheredData.cellsByDimensionCombo[comboKey] = cell;
+          pfgDimId = spec.dimensionIdsInOrder.find(function (id) {
+            return id.startsWith('pfg_');
+          });
+          priceKeyFromPfg = pfgDimId ? valuesByDimId[pfgDimId] : undefined;
+          availableKeys = cellPricesByKey ? Object.keys(cellPricesByKey) : [];
+          hit = priceKeyFromPfg != null && cellPricesByKey != null && priceKeyFromPfg in cellPricesByKey;
+          debugLog('compute: cell', {
+            comboKey: comboKey,
+            articleCodex: cellArticleCodex,
+            pfgDimId: pfgDimId,
+            priceKeyFromPfg: priceKeyFromPfg,
+            hit: hit,
+            availableKeys: availableKeys.slice(0, 15),
+            resolvedPrice: resolvedPrice,
+            configApplied: configApplied
+          });
+        case 147:
+          _context.next = 11;
+          break;
+        case 149:
+          _context.next = 154;
+          break;
+        case 151:
+          _context.prev = 151;
+          _context.t7 = _context["catch"](9);
+          _iterator.e(_context.t7);
+        case 154:
+          _context.prev = 154;
+          _iterator.f();
+          return _context.finish(154);
+        case 157:
+          enabledIds = spec.scopedDimensions.map(function (d) {
+            return d.id;
+          });
+          gatheredData.dimensionsWithNoEffect = analyzeDimensionsWithNoEffect(gatheredData.cellsByDimensionCombo, spec.dimensionIdsInOrder, enabledIds);
+        case 159:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[9, 151, 154, 157], [31, 110], [35, 43], [56, 75, 78, 81], [64, 68], [84, 100, 103, 106], [117, 137], [121, 129]]);
+  }));
+  return _computePriceListCells.apply(this, arguments);
+}
+
+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; }
+function usePriceListState() {
+  var _gatheredData$input;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$actions = _useDivaCore.actions,
+    _useDivaCore$actions2 = _useDivaCore$actions === void 0 ? {} : _useDivaCore$actions,
+    toggleLoading = _useDivaCore$actions2.toggleLoading;
+  var configChanged = viewHandler.settingsState.configChanged;
+  var curConfigStep = viewHandler.tabGroupState.curConfigStep;
+  var articlesInSet = useMemo(function () {
+    var _viewHandler$divaWebP;
+    var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
+    return articles.filter(function (a) {
+      return !a.isPartListArticle || a.hasPartlistArticle;
+    });
+  }, [configChanged, curConfigStep]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    article = _useState4[0],
+    setArticle = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    gatheredData = _useState6[0],
+    setGatheredData = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    gatherLoading = _useState8[0],
+    setGatherLoading = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    scopeSelection = _useState10[0],
+    setScopeSelection = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    computing = _useState12[0],
+    setComputing = _useState12[1];
+  var _useState13 = useState(function () {
+      return new Set();
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    explicitlyIncludedDimensionIds = _useState14[0],
+    setExplicitlyIncludedDimensionIds = _useState14[1];
+  useEffect(function () {
+    var _gatheredData$dimensi;
+    if (!(gatheredData !== null && gatheredData !== void 0 && (_gatheredData$dimensi = gatheredData.dimensions) !== null && _gatheredData$dimensi !== void 0 && _gatheredData$dimensi.length) || !article) return;
+    setScopeSelection(function (prev) {
+      return prev !== null && prev !== void 0 ? prev : getDefaultScopeSelection(gatheredData.dimensions, gatheredData.input.baseArticleCodex);
+    });
+  }, [gatheredData === null || gatheredData === void 0 ? void 0 : gatheredData.dimensions, gatheredData === null || gatheredData === void 0 || (_gatheredData$input = gatheredData.input) === null || _gatheredData$input === void 0 ? void 0 : _gatheredData$input.baseArticleCodex, article]);
+  useEffect(function () {
+    setGatheredData(null);
+    setScopeSelection(null);
+    setExplicitlyIncludedDimensionIds(new Set());
+    if (!article) {
+      setGatherLoading(false);
+      return;
+    }
+    var cancelled = false;
+    setGatherLoading(true);
+    gatherPriceListData(article).then(function (data) {
+      if (!cancelled) {
+        setGatheredData(data);
+        setScopeSelection(null);
+        setExplicitlyIncludedDimensionIds(new Set());
+      }
+    })["catch"](function (err) {
+      if (!cancelled) setGatheredData(function (prev) {
+        var _err$message;
+        return prev ? _objectSpread$1(_objectSpread$1({}, prev), {}, {
+          error: String((_err$message = err === null || err === void 0 ? void 0 : err.message) !== null && _err$message !== void 0 ? _err$message : err)
+        }) : null;
+      });
+    })["finally"](function () {
+      if (!cancelled) setGatherLoading(false);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [article === null || article === void 0 ? void 0 : article.basketId, article === null || article === void 0 ? void 0 : article.articleCodex]);
+
+  // When set has articles and none selected (or selected article not in set), default to first article
+  useEffect(function () {
+    if (articlesInSet.length === 0) return;
+    var currentInSet = article && articlesInSet.some(function (a) {
+      return a.basketId === article.basketId;
+    });
+    if (!currentInSet) {
+      setArticle(articlesInSet[0]);
+    }
+  }, [articlesInSet, article]);
+  useEffect(function () {
+    var t = setTimeout(function () {
+      return setRerender(function (r) {
+        return !r;
+      });
+    }, 500);
+    return function () {
+      return clearTimeout(t);
+    };
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  useEffect(function () {
+    var set = viewHandler.divaWebPlanner.actSet();
+    if (set && !set.logDecisions) set.logDecisions = true;
+    return function () {
+      var set = viewHandler.divaWebPlanner.actSet();
+      if (set) set.logDecisions = false;
+    };
+  }, [viewHandler.uiState.isLoading]);
+  useEffect(function () {
+    var actSet = viewHandler.divaWebPlanner.actSet();
+    if (article !== null && article !== void 0 && article.hasPartlistArticle && actSet !== null && actSet !== void 0 && actSet.logDecisions) {
+      article.engine.evalPartlist(article.VariantValues);
+    }
+  }, [article, configChanged, curConfigStep, viewHandler.uiState.isLoading]);
+  var scopedComboSpec = useMemo(function () {
+    var _gatheredData$dimensi2;
+    if (!(gatheredData !== null && gatheredData !== void 0 && (_gatheredData$dimensi2 = gatheredData.dimensions) !== null && _gatheredData$dimensi2 !== void 0 && _gatheredData$dimensi2.length) || !scopeSelection) return undefined;
+    return buildScopedComboSpec(gatheredData.dimensions, scopeSelection);
+  }, [gatheredData === null || gatheredData === void 0 ? void 0 : gatheredData.dimensions, scopeSelection]);
+  useEffect(function () {
+    var _gatheredData$dimensi3;
+    if (!scopeSelection || !(gatheredData !== null && gatheredData !== void 0 && (_gatheredData$dimensi3 = gatheredData.dimensionsWithNoEffect) !== null && _gatheredData$dimensi3 !== void 0 && _gatheredData$dimensi3.length)) return;
+    setGatheredData(function (prev) {
+      var _prev$dimensionsWithN;
+      return prev !== null && prev !== void 0 && (_prev$dimensionsWithN = prev.dimensionsWithNoEffect) !== null && _prev$dimensionsWithN !== void 0 && _prev$dimensionsWithN.length ? _objectSpread$1(_objectSpread$1({}, prev), {}, {
+        dimensionsWithNoEffect: undefined
+      }) : prev;
+    });
+  }, [scopeSelection]);
+  var toggleScopeValue = function toggleScopeValue(dimId, value) {
+    setScopeSelection(function (prev) {
+      var _prev$selectedValuesB;
+      if (!prev) return prev;
+      var current = (_prev$selectedValuesB = prev.selectedValuesByDimensionId[dimId]) !== null && _prev$selectedValuesB !== void 0 ? _prev$selectedValuesB : [];
+      var has = current.includes(value);
+      var next = has ? current.filter(function (v) {
+        return v !== value;
+      }) : [].concat(_toConsumableArray(current), [value]);
+      return _objectSpread$1(_objectSpread$1({}, prev), {}, {
+        selectedValuesByDimensionId: _objectSpread$1(_objectSpread$1({}, prev.selectedValuesByDimensionId), {}, _defineProperty({}, dimId, next.length ? next : current))
+      });
+    });
+  };
+  var selectAllForDimension = function selectAllForDimension(dimId) {
+    if (!(gatheredData !== null && gatheredData !== void 0 && gatheredData.dimensions) || !scopeSelection) return;
+    var dim = gatheredData.dimensions.find(function (d) {
+      return d.id === dimId;
+    });
+    if (!dim) return;
+    setScopeSelection(_objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      selectedValuesByDimensionId: _objectSpread$1(_objectSpread$1({}, scopeSelection.selectedValuesByDimensionId), {}, _defineProperty({}, dimId, _toConsumableArray(dim.values)))
+    }));
+  };
+  var selectGroupForDimension = function selectGroupForDimension(dimId, groupValues) {
+    var _scopeSelection$selec;
+    if (!scopeSelection || !groupValues.length) return;
+    var current = (_scopeSelection$selec = scopeSelection.selectedValuesByDimensionId[dimId]) !== null && _scopeSelection$selec !== void 0 ? _scopeSelection$selec : [];
+    var merged = _toConsumableArray(new Set([].concat(_toConsumableArray(current), _toConsumableArray(groupValues))));
+    setScopeSelection(_objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      selectedValuesByDimensionId: _objectSpread$1(_objectSpread$1({}, scopeSelection.selectedValuesByDimensionId), {}, _defineProperty({}, dimId, merged))
+    }));
+  };
+  var deselectGroupForDimension = function deselectGroupForDimension(dimId, groupValues) {
+    var _scopeSelection$selec2;
+    if (!scopeSelection || !groupValues.length) return;
+    var current = (_scopeSelection$selec2 = scopeSelection.selectedValuesByDimensionId[dimId]) !== null && _scopeSelection$selec2 !== void 0 ? _scopeSelection$selec2 : [];
+    var set = new Set(groupValues);
+    var next = current.filter(function (v) {
+      return !set.has(v);
+    });
+    setScopeSelection(_objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      selectedValuesByDimensionId: _objectSpread$1(_objectSpread$1({}, scopeSelection.selectedValuesByDimensionId), {}, _defineProperty({}, dimId, next))
+    }));
+  };
+  var deselectAllForDimension = function deselectAllForDimension(dimId) {
+    if (!scopeSelection) return;
+    setScopeSelection(_objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      selectedValuesByDimensionId: _objectSpread$1(_objectSpread$1({}, scopeSelection.selectedValuesByDimensionId), {}, _defineProperty({}, dimId, []))
+    }));
+  };
+  var setDimensionPosition = function setDimensionPosition(dimId, position) {
+    var _scopeSelection$userS;
+    if (!scopeSelection) return;
+    var userSet = (_scopeSelection$userS = scopeSelection.userSetPositionDimensionIds) !== null && _scopeSelection$userS !== void 0 ? _scopeSelection$userS : [];
+    var alreadySet = userSet.includes(dimId);
+    setScopeSelection(_objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      dimensionPositionByDimensionId: _objectSpread$1(_objectSpread$1({}, scopeSelection.dimensionPositionByDimensionId), {}, _defineProperty({}, dimId, position)),
+      userSetPositionDimensionIds: alreadySet ? userSet : [].concat(_toConsumableArray(userSet), [dimId])
+    }));
+  };
+  var toggleSmartMerge = function toggleSmartMerge() {
+    setScopeSelection(function (prev) {
+      return prev ? _objectSpread$1(_objectSpread$1({}, prev), {}, {
+        smartMerge: !prev.smartMerge
+      }) : prev;
+    });
+  };
+  var toggleDimensionDisabled = function toggleDimensionDisabled(dimId) {
+    var _scopeSelection$disab, _gatheredData$dimensi4;
+    if (!scopeSelection) return;
+    var disabled = (_scopeSelection$disab = scopeSelection.disabledDimensionIds) !== null && _scopeSelection$disab !== void 0 ? _scopeSelection$disab : [];
+    var isIncluding = disabled.includes(dimId);
+    var next = isIncluding ? disabled.filter(function (id) {
+      return id !== dimId;
+    }) : [].concat(_toConsumableArray(disabled), [dimId]);
+    setExplicitlyIncludedDimensionIds(function (prev) {
+      var nextSet = new Set(prev);
+      if (isIncluding) nextSet.add(dimId);else nextSet["delete"](dimId);
+      return nextSet;
+    });
+    var nextScope = _objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+      disabledDimensionIds: next.length ? next : undefined
+    });
+    setScopeSelection(gatheredData !== null && gatheredData !== void 0 && (_gatheredData$dimensi4 = gatheredData.dimensions) !== null && _gatheredData$dimensi4 !== void 0 && _gatheredData$dimensi4.length ? applyDefaultLayoutToScopeSelection(gatheredData.dimensions, nextScope) : nextScope);
+  };
+  var handleCompute = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var data, _data$dimensionsWithN, _gatheredData$dimensi5, _scopeSelection$disab2, disabled, newScope, data2;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!article || !gatheredData || !scopedComboSpec || !scopeSelection)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            toggleLoading === null || toggleLoading === void 0 || toggleLoading('priceListCompute', false, true);
+            setComputing(true);
+            _context.next = 6;
+            return new Promise(function (resolve) {
+              return setTimeout(resolve, 0);
+            });
+          case 6:
+            _context.next = 8;
+            return new Promise(function (resolve) {
+              return requestAnimationFrame(resolve);
+            });
+          case 8:
+            data = _objectSpread$1(_objectSpread$1({}, gatheredData), {}, {
+              scopedComboSpec: scopedComboSpec
+            });
+            _context.prev = 9;
+            _context.next = 12;
+            return computePriceListCells(article, data);
+          case 12:
+            setGatheredData(data);
+            if (!((_data$dimensionsWithN = data.dimensionsWithNoEffect) !== null && _data$dimensionsWithN !== void 0 && _data$dimensionsWithN.length && (_gatheredData$dimensi5 = gatheredData.dimensions) !== null && _gatheredData$dimensi5 !== void 0 && _gatheredData$dimensi5.length)) {
+              _context.next = 22;
+              break;
+            }
+            disabled = new Set((_scopeSelection$disab2 = scopeSelection.disabledDimensionIds) !== null && _scopeSelection$disab2 !== void 0 ? _scopeSelection$disab2 : []);
+            data.dimensionsWithNoEffect.forEach(function (id) {
+              if (!explicitlyIncludedDimensionIds.has(id)) disabled.add(id);
+            });
+            newScope = applyDefaultLayoutToScopeSelection(gatheredData.dimensions, _objectSpread$1(_objectSpread$1({}, scopeSelection), {}, {
+              disabledDimensionIds: _toConsumableArray(disabled),
+              autoExcludedNoEffectDimensionIds: data.dimensionsWithNoEffect
+            }));
+            setScopeSelection(newScope);
+            data2 = _objectSpread$1(_objectSpread$1({}, data), {}, {
+              scopedComboSpec: buildScopedComboSpec(data.dimensions, newScope),
+              cellsByDimensionCombo: {},
+              dimensionsWithNoEffect: undefined
+            });
+            _context.next = 21;
+            return computePriceListCells(article, data2);
+          case 21:
+            setGatheredData(data2);
+          case 22:
+            _context.prev = 22;
+            setComputing(false);
+            toggleLoading === null || toggleLoading === void 0 || toggleLoading('priceListCompute', false, false);
+            return _context.finish(22);
+          case 26:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[9,, 22, 26]]);
+    }));
+    return function handleCompute() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return {
+    articlesInSet: articlesInSet,
+    rerender: rerender,
+    article: article,
+    setArticle: setArticle,
+    gatheredData: gatheredData,
+    setGatheredData: setGatheredData,
+    gatherLoading: gatherLoading,
+    scopeSelection: scopeSelection,
+    setScopeSelection: setScopeSelection,
+    computing: computing,
+    scopedComboSpec: scopedComboSpec,
+    toggleScopeValue: toggleScopeValue,
+    selectAllForDimension: selectAllForDimension,
+    selectGroupForDimension: selectGroupForDimension,
+    deselectGroupForDimension: deselectGroupForDimension,
+    deselectAllForDimension: deselectAllForDimension,
+    setDimensionPosition: setDimensionPosition,
+    toggleDimensionDisabled: toggleDimensionDisabled,
+    handleCompute: handleCompute,
+    toggleSmartMerge: toggleSmartMerge,
+    getDefaultPositionForDimension: getDefaultPositionForDimension,
+    maxCombosForBuild: MAX_COMBOS_FOR_BUILD
+  };
+}
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PriceList = function PriceList(props) {
+  var _usePriceListState = usePriceListState(),
+    articlesInSet = _usePriceListState.articlesInSet,
+    rerender = _usePriceListState.rerender,
+    article = _usePriceListState.article,
+    setArticle = _usePriceListState.setArticle,
+    gatheredData = _usePriceListState.gatheredData,
+    gatherLoading = _usePriceListState.gatherLoading,
+    scopeSelection = _usePriceListState.scopeSelection,
+    computing = _usePriceListState.computing,
+    scopedComboSpec = _usePriceListState.scopedComboSpec,
+    toggleScopeValue = _usePriceListState.toggleScopeValue,
+    selectAllForDimension = _usePriceListState.selectAllForDimension,
+    selectGroupForDimension = _usePriceListState.selectGroupForDimension,
+    deselectGroupForDimension = _usePriceListState.deselectGroupForDimension,
+    deselectAllForDimension = _usePriceListState.deselectAllForDimension,
+    setDimensionPosition = _usePriceListState.setDimensionPosition,
+    toggleDimensionDisabled = _usePriceListState.toggleDimensionDisabled,
+    handleCompute = _usePriceListState.handleCompute,
+    toggleSmartMerge = _usePriceListState.toggleSmartMerge,
+    getDefaultPositionForDimension = _usePriceListState.getDefaultPositionForDimension,
+    maxCombosForBuild = _usePriceListState.maxCombosForBuild;
+  if (articlesInSet.length === 0) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "Price list"
+      }), /*#__PURE__*/jsx("p", {
+        style: {
+          padding: 16
+        },
+        children: "No articles in this set."
+      })]
+    }));
+  }
+  if (!article) {
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+      className: classnames(props.className, scrollable),
+      style: {
+        zIndex: 800
+      },
+      children: [/*#__PURE__*/jsx("a", {
+        className: header,
+        children: "Price list"
+      }), /*#__PURE__*/jsx(ArticleSelector, {
+        articleState: [article, setArticle],
+        rerender: rerender,
+        articles: articlesInSet
+      }), /*#__PURE__*/jsx("p", {
+        className: tableDescription,
+        children: "Select an article to analyze dimensions and build the price table."
+      })]
+    }));
+  }
+  var showTable = (gatheredData === null || gatheredData === void 0 ? void 0 : gatheredData.scopedComboSpec) && scopeSelection && Object.keys(gatheredData.cellsByDimensionCombo).length > 0;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Price list"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle],
+      rerender: rerender,
+      articles: articlesInSet
+    }), /*#__PURE__*/jsxs("p", {
+      className: tableDescription,
+      children: ["Article: ", article.name, " (", article.articleCodex, ")", article.hasPartlistArticle ? '. Analyze → cockpit (select scope) → compute → table.' : ' — no partlist; plannable-articles dimension only.']
+    }), gatherLoading && /*#__PURE__*/jsx("p", {
+      children: "Analyzing dimensions and loading prices\u2026"
+    }), (gatheredData === null || gatheredData === void 0 ? void 0 : gatheredData.error) && /*#__PURE__*/jsx("p", {
+      style: {
+        color: 'var(--errorColor, #b91c1c)'
+      },
+      children: gatheredData.error
+    }), gatheredData && !gatherLoading && /*#__PURE__*/jsx(PriceListCockpit, {
+      gatheredData: gatheredData,
+      scopeSelection: scopeSelection,
+      scopedComboSpec: scopedComboSpec,
+      computing: computing,
+      maxCombosForBuild: maxCombosForBuild,
+      getDefaultPositionForDimension: getDefaultPositionForDimension,
+      onToggleScopeValue: toggleScopeValue,
+      onSelectAllForDimension: selectAllForDimension,
+      onSelectGroupForDimension: selectGroupForDimension,
+      onDeselectGroupForDimension: deselectGroupForDimension,
+      onDeselectAllForDimension: deselectAllForDimension,
+      onSetDimensionPosition: setDimensionPosition,
+      onToggleDimensionDisabled: toggleDimensionDisabled,
+      onCompute: handleCompute,
+      onToggleSmartMerge: toggleSmartMerge
+    }), showTable && gatheredData && scopeSelection && /*#__PURE__*/jsx(PriceListTable, {
+      gatheredData: gatheredData,
+      scopeSelection: scopeSelection
+    })]
+  }));
+};
+var PriceList$1 = observer(PriceList);
+
+export { PriceList$1 as default };