@crystaldesign/diva-web-planner-react 26.2.0-rc.8 → 26.3.0-beta.10

package/build/esm/{index-d5f73e2e.js → index-f044a604.js}

@@ -1,12 +1,12 @@
-import { s as styleInject, u as useViewHandler, C as Checkout } from './index-3922f706.js';
+import { s as styleInject, u as useViewHandler, C as Checkout } from './index-545a32b9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ConfettiInSummary from './index-5f5d1e51.js';
-import ArticleOverview from './index-0669bcf6.js';
-import SummaryHeader from './index-14387edb.js';
-import { u as useStickyScroll } from './ussIsSticky-3abe86c0.js';
+import ConfettiInSummary from './index-060ae141.js';
+import ArticleOverview from './index-cbeabc19.js';
+import SummaryHeader from './index-eae77a5a.js';
+import { u as useStickyScroll } from './ussIsSticky-333db608.js';
 import classnames from 'classnames';
-import AiRoomsSelection from './index-c57eec62.js';
+import AiRoomsSelection from './index-97fed7cf.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,24 +25,24 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-confetti-explosion';
-import './index-76e201bb.js';
+import './index-cedf1e97.js';
 import 'react-laag';
-import './index-6094b12e.js';
+import './index-a9e74135.js';
 import 'react-qr-code';
-import './index-fc0ed7ca.js';
-import './useCustomDimensions-0c7d22e4.js';
-import './index-7dd817c0.js';
+import './index-bb3c21a4.js';
+import './useCustomDimensions-2f4020aa.js';
+import './index-89e866ee.js';
 import 'react-countup';
-import './index-c2289d9c.js';
+import './index-eb00ac3f.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-33202420.js';
-import './index.module-741c9efd.js';
-import './index-5b49f5ff.js';
-import './index-8a8c19dd.js';
+import './index-cfca9284.js';
+import './index.module-35d4dfdd.js';
+import './index-6d5db0a9.js';
+import './index-944d5596.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-54cfcc07.js';
-import './index-8859be10.js';
+import './index-73cac779.js';
+import './index-d8958104.js';
 
 var checkoutWrapper = "checkout-wrapper-jKxxm";
 var checkoutWrapperSticky = "checkout-wrapper-sticky-dE4al";

package/build/esm/index-f134984f.js

@@ -0,0 +1,439 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { u as useViewHandler } from './index-545a32b9.js';
+import { useState, useEffect, useMemo } from 'react';
+import { n as notExpanded } from './index.module-6b77dc2b.js';
+import { s as scrollable, h as header, t as tableDescription, o as optionsTable, a as optionsTableColumn, b as table, c as column, d as decisionCell, e as optionsTableSelected, f as optionValuesTable, g as optionValueSelected, i as opvStatusVisible, j as opvStatusHidden, k as decisionLink, l as opvStatusNewValue, m as decision } from './index.module-ace05329.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import './react-json-viewer-f7ac226f.js';
+import DecisionVisualization from './DecisionVizualizer-fde1101e.js';
+import ArticleSelector from './index-1d8a5357.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 '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-json-view-lite';
+import 'react-select';
+
+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; }
+function flattenArticleOptionValues(ops) {
+  var _ops$option$articleOp;
+  var result = [];
+  var _iterator = _createForOfIteratorHelper((_ops$option$articleOp = ops.option.articleOptionValues) !== null && _ops$option$articleOp !== void 0 ? _ops$option$articleOp : new Map()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _slicedToArray(_step.value, 2),
+        value = _step$value[1];
+      if (value.isOPVG && value.articleOptionValues) {
+        var _iterator2 = _createForOfIteratorHelper(value.articleOptionValues),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _slicedToArray(_step2.value, 2),
+              opv = _step2$value[1];
+            result.push({
+              codex: opv.codex,
+              name: opv.name
+            });
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      } else {
+        result.push({
+          codex: value.codex,
+          name: value.name
+        });
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return result;
+}
+function decisionAffectsOption(decision, optionCodex, isIDM) {
+  var _d$DOC, _d$Options;
+  if (isIDM) {
+    var _featureRefs$includes, _featureRefs;
+    return (_featureRefs$includes = (_featureRefs = decision.featureRefs) === null || _featureRefs === void 0 ? void 0 : _featureRefs.includes(optionCodex)) !== null && _featureRefs$includes !== void 0 ? _featureRefs$includes : false;
+  }
+  var d = decision;
+  var optNum = optionCodex === null || optionCodex === void 0 ? void 0 : optionCodex.replace(/^OPT/, '');
+  var matches = function matches(s) {
+    return s === optionCodex || s === optNum || s && 'OPT' + s === optionCodex;
+  };
+  return !!((_d$DOC = d.DOC) !== null && _d$DOC !== void 0 && _d$DOC.find(function (doc) {
+    var _doc$DA, _doc$JsFormula;
+    return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
+      return matches(da.OptionCodex) || da.DecisionNr === optionCodex;
+    })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + optNum + "'"));
+  })) || !!((_d$Options = d.Options) !== null && _d$Options !== void 0 && _d$Options.includes(optionCodex !== null && optionCodex !== void 0 && optionCodex.startsWith('OPT') ? optionCodex : 'OPT' + optionCodex));
+}
+function getSnapshotOpt(shot, optionCodex) {
+  var _shot$optionCodex;
+  var key = optionCodex !== null && optionCodex !== void 0 && optionCodex.startsWith('OPT') ? optionCodex : 'OPT' + (optionCodex !== null && optionCodex !== void 0 ? optionCodex : '');
+  return (_shot$optionCodex = shot[optionCodex]) !== null && _shot$optionCodex !== void 0 ? _shot$optionCodex : shot[key];
+}
+function getOpvStatus(stack, optionCodex, opvCodex) {
+  var _getSnapshotOpt$visib, _getSnapshotOpt, _getSnapshotOpt$selOP, _getSnapshotOpt2;
+  var result = {
+    visible: true
+  };
+  if (!stack.length) return result;
+  var lastVisible = (_getSnapshotOpt$visib = (_getSnapshotOpt = getSnapshotOpt(stack[0].snapshots.before, optionCodex)) === null || _getSnapshotOpt === void 0 || (_getSnapshotOpt = _getSnapshotOpt.visibleOPVs) === null || _getSnapshotOpt === void 0 ? void 0 : _getSnapshotOpt.includes(opvCodex)) !== null && _getSnapshotOpt$visib !== void 0 ? _getSnapshotOpt$visib : false;
+  var lastSel = (_getSnapshotOpt$selOP = (_getSnapshotOpt2 = getSnapshotOpt(stack[0].snapshots.before, optionCodex)) === null || _getSnapshotOpt2 === void 0 ? void 0 : _getSnapshotOpt2.selOPV) !== null && _getSnapshotOpt$selOP !== void 0 ? _getSnapshotOpt$selOP : '';
+  for (var i = 0; i < stack.length; i++) {
+    var _before$visibleOPVs$i, _before$visibleOPVs, _after$visibleOPVs$in, _after$visibleOPVs, _after$selOPV;
+    var entry = stack[i];
+    var before = getSnapshotOpt(entry.snapshots.before, optionCodex);
+    var after = getSnapshotOpt(entry.snapshots.after, optionCodex);
+    var wasVisible = (_before$visibleOPVs$i = before === null || before === void 0 || (_before$visibleOPVs = before.visibleOPVs) === null || _before$visibleOPVs === void 0 ? void 0 : _before$visibleOPVs.includes(opvCodex)) !== null && _before$visibleOPVs$i !== void 0 ? _before$visibleOPVs$i : lastVisible;
+    var isVisible = (_after$visibleOPVs$in = after === null || after === void 0 || (_after$visibleOPVs = after.visibleOPVs) === null || _after$visibleOPVs === void 0 ? void 0 : _after$visibleOPVs.includes(opvCodex)) !== null && _after$visibleOPVs$in !== void 0 ? _after$visibleOPVs$in : false;
+    var newSel = (_after$selOPV = after === null || after === void 0 ? void 0 : after.selOPV) !== null && _after$selOPV !== void 0 ? _after$selOPV : lastSel;
+    if (wasVisible && !isVisible && !result.hiddenSince) {
+      result.hiddenSince = entry;
+    }
+    if (newSel === opvCodex && lastSel !== opvCodex && !result.newValueSince) {
+      result.newValueSince = entry;
+    }
+    lastVisible = isVisible;
+    lastSel = newSel;
+  }
+  result.visible = lastVisible;
+  return result;
+}
+var DecisionAnalyzer = function DecisionAnalyzer(_ref) {
+  var _article$articleOptio, _article$CatalogData$, _article$CatalogData, _article$decisionDebu, _article$decisionDebu2, _article$decisionDebu4, _article$decisionDebu5;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  useEffect(function () {
+    var asyncFunct = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return DivaUtils.Sleep(1000);
+            case 2:
+              setRerender(!rerender);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [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]);
+  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+      return a.posNr == 1;
+    })),
+    _useState4 = _slicedToArray(_useState3, 2),
+    article = _useState4[0],
+    setArticle = _useState4[1];
+  var optionStates = _toConsumableArray((_article$articleOptio = article === null || article === void 0 ? void 0 : article.articleOptionStates.values()) !== null && _article$articleOptio !== void 0 ? _article$articleOptio : []);
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedRow = _useState6[0],
+    setSelectedRow = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedOptionCodex = _useState8[0],
+    setSelectedOptionCodex = _useState8[1];
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectedOptionValueCodex = _useState10[0],
+    setSelectedOptionValueCodex = _useState10[1];
+  var isIDMFormat = (_article$CatalogData$ = article === null || article === void 0 || (_article$CatalogData = article.CatalogData) === null || _article$CatalogData === void 0 ? void 0 : _article$CatalogData.isIDMFormat) !== null && _article$CatalogData$ !== void 0 ? _article$CatalogData$ : false;
+  var longestStack = (_article$decisionDebu = article === null || article === void 0 || (_article$decisionDebu2 = article.decisionDebugStacks) === null || _article$decisionDebu2 === void 0 || (_article$decisionDebu2 = _article$decisionDebu2[0]) === null || _article$decisionDebu2 === void 0 || (_article$decisionDebu2 = _article$decisionDebu2.stack) === null || _article$decisionDebu2 === void 0 ? void 0 : _article$decisionDebu2.length) !== null && _article$decisionDebu !== void 0 ? _article$decisionDebu : 0;
+  var entries = longestStack > 0 ? _toConsumableArray(Array(longestStack).keys()) : [];
+  var activeFilter = selectedOptionCodex;
+  var visibleRowIndices = useMemo(function () {
+    var _article$decisionDebu3;
+    var optFilter = activeFilter;
+    var stack = article === null || article === void 0 || (_article$decisionDebu3 = article.decisionDebugStacks) === null || _article$decisionDebu3 === void 0 || (_article$decisionDebu3 = _article$decisionDebu3[0]) === null || _article$decisionDebu3 === void 0 ? void 0 : _article$decisionDebu3.stack;
+    if (!stack) return [];
+    return entries.map(function (_, i) {
+      return i;
+    }).filter(function (i) {
+      var entry = stack === null || stack === void 0 ? void 0 : stack[i];
+      if (!entry) return false;
+      return !optFilter || decisionAffectsOption(entry.decision, optFilter, isIDMFormat);
+    });
+  }, [activeFilter, entries, article === null || article === void 0 ? void 0 : article.decisionDebugStacks, isIDMFormat]);
+  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Decision analyzer - plann article"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle],
+      rerender: rerender
+    })]
+  }));
+  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Decision analyzer - change config"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle],
+      rerender: rerender
+    })]
+  }));
+  var _onClick = function onClick(nr, row) {
+    var _selectedRow$decision, _selectedRow$decision2;
+    if (nr == ((selectedRow === null || selectedRow === void 0 || (_selectedRow$decision = selectedRow.decision) === null || _selectedRow$decision === void 0 ? void 0 : _selectedRow$decision.Number) || (selectedRow === null || selectedRow === void 0 || (_selectedRow$decision2 = selectedRow.decision) === null || _selectedRow$decision2 === void 0 ? void 0 : _selectedRow$decision2.decisionNo))) {
+      setSelectedRow(undefined);
+    } else setSelectedRow(row);
+  };
+  var filteredDecisions = [];
+  if (isIDMFormat) {
+    filteredDecisions = article.decisionDebugStacks.map(function (stack) {
+      return stack.stack.map(function (d) {
+        var _featureRefs2;
+        var affectsOption = activeFilter && ((_featureRefs2 = d.decision.featureRefs) === null || _featureRefs2 === void 0 ? void 0 : _featureRefs2.includes(activeFilter));
+        return _objectSpread(_objectSpread({}, d), {}, {
+          bold: !!(activeFilter && affectsOption)
+        });
+      });
+    });
+  } else {
+    var optPrefix = function optPrefix(s) {
+      return s !== null && s !== void 0 && s.startsWith('OPT') ? s : 'OPT' + s;
+    };
+    filteredDecisions = article.decisionDebugStacks.map(function (stack) {
+      return stack.stack.map(function (d) {
+        var _DOC, _Options;
+        var affectsOption = activeFilter && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
+          var _doc$DA2, _doc$JsFormula2;
+          return ((_doc$DA2 = doc.DA) === null || _doc$DA2 === void 0 ? void 0 : _doc$DA2.find(function (da) {
+            return da.OptionCodex === activeFilter || da.OptionCodex === optPrefix(activeFilter) || da.DecisionNr == activeFilter;
+          })) || ((_doc$JsFormula2 = doc.JsFormula) === null || _doc$JsFormula2 === void 0 ? void 0 : _doc$JsFormula2.includes("'OPT" + activeFilter.replace(/^OPT/, '') + "'"));
+        })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes(optPrefix(activeFilter))));
+        return _objectSpread(_objectSpread({}, d), {}, {
+          bold: !!(activeFilter && affectsOption)
+        });
+      });
+    });
+  }
+  var selectedOptionState = selectedOptionCodex ? optionStates.find(function (o) {
+    var _o$option$ocd;
+    return o.optionCodex === selectedOptionCodex || ((_o$option$ocd = o.option.ocd) !== null && _o$option$ocd !== void 0 ? _o$option$ocd : o.option.codex) === selectedOptionCodex;
+  }) : undefined;
+  var allOptionValues = selectedOptionState ? flattenArticleOptionValues(selectedOptionState) : [];
+  var stack = (_article$decisionDebu4 = article === null || article === void 0 || (_article$decisionDebu5 = article.decisionDebugStacks) === null || _article$decisionDebu5 === void 0 || (_article$decisionDebu5 = _article$decisionDebu5[0]) === null || _article$decisionDebu5 === void 0 ? void 0 : _article$decisionDebu5.stack) !== null && _article$decisionDebu4 !== void 0 ? _article$decisionDebu4 : [];
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Decision history"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle],
+      rerender: rerender
+    }), /*#__PURE__*/jsx("p", {
+      className: tableDescription,
+      children: "These tables show how configuration decisions affect product options and their visibility. Select an option to see which values are visible or hidden per decision."
+    }), /*#__PURE__*/jsxs("div", {
+      className: optionsTable,
+      children: [/*#__PURE__*/jsx("div", {
+        className: optionsTableColumn,
+        children: /*#__PURE__*/jsxs("table", {
+          className: table,
+          children: [/*#__PURE__*/jsx("thead", {
+            children: /*#__PURE__*/jsx("tr", {
+              className: column,
+              children: filteredDecisions.map(function (_, i) {
+                return /*#__PURE__*/jsx("th", {
+                  children: i
+                }, i);
+              })
+            })
+          }), /*#__PURE__*/jsx("tbody", {
+            children: visibleRowIndices.map(function (i) {
+              return /*#__PURE__*/jsx("tr", {
+                className: column,
+                children: filteredDecisions.map(function (d, j) {
+                  var cell = d[i];
+                  return /*#__PURE__*/jsx("td", {
+                    className: decisionCell,
+                    onClick: function onClick() {
+                      return cell && _onClick(cell.nr, cell);
+                    },
+                    children: cell !== null && cell !== void 0 && cell.bold ? /*#__PURE__*/jsx("strong", {
+                      children: cell === null || cell === void 0 ? void 0 : cell.text
+                    }) : cell === null || cell === void 0 ? void 0 : cell.text
+                  }, j);
+                })
+              }, i);
+            })
+          })]
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: optionsTableColumn,
+        children: /*#__PURE__*/jsxs("table", {
+          className: table,
+          children: [/*#__PURE__*/jsx("thead", {
+            children: /*#__PURE__*/jsxs("tr", {
+              className: column,
+              children: [/*#__PURE__*/jsx("th", {
+                children: "Option"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Name"
+              })]
+            })
+          }), /*#__PURE__*/jsx("tbody", {
+            children: optionStates.map(function (ops) {
+              var _ref3, _ops$optionCodex;
+              var codex = (_ref3 = (_ops$optionCodex = ops.optionCodex) !== null && _ops$optionCodex !== void 0 ? _ops$optionCodex : ops.option.ocd) !== null && _ref3 !== void 0 ? _ref3 : ops.option.codex;
+              var isSelected = selectedOptionCodex === codex;
+              return /*#__PURE__*/jsxs("tr", {
+                className: classnames(column, isSelected ? optionsTableSelected : undefined),
+                onClick: function onClick() {
+                  return setSelectedOptionCodex(isSelected ? undefined : codex);
+                },
+                children: [/*#__PURE__*/jsx("td", {
+                  children: codex
+                }), /*#__PURE__*/jsx("td", {
+                  children: ops.option.name
+                })]
+              }, codex);
+            })
+          })]
+        })
+      }), selectedOptionCodex && allOptionValues.length > 0 && /*#__PURE__*/jsxs("div", {
+        className: optionValuesTable,
+        children: [/*#__PURE__*/jsxs("h4", {
+          children: ["Option values (", selectedOptionState === null || selectedOptionState === void 0 ? void 0 : selectedOptionState.option.name, ")"]
+        }), /*#__PURE__*/jsxs("table", {
+          className: table,
+          children: [/*#__PURE__*/jsx("thead", {
+            children: /*#__PURE__*/jsxs("tr", {
+              className: column,
+              children: [/*#__PURE__*/jsx("th", {
+                children: "Codex"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Name"
+              }), /*#__PURE__*/jsx("th", {
+                children: "Status"
+              })]
+            })
+          }), /*#__PURE__*/jsx("tbody", {
+            children: allOptionValues.map(function (opv) {
+              var isSelected = selectedOptionValueCodex === opv.codex;
+              var status = getOpvStatus(stack, selectedOptionCodex, opv.codex);
+              var decisionNr = function decisionNr(d) {
+                var _ref4, _Number, _d$decision, _d$decision2;
+                return (_ref4 = (_Number = (_d$decision = d.decision) === null || _d$decision === void 0 ? void 0 : _d$decision.Number) !== null && _Number !== void 0 ? _Number : (_d$decision2 = d.decision) === null || _d$decision2 === void 0 ? void 0 : _d$decision2.decisionNo) !== null && _ref4 !== void 0 ? _ref4 : d.nr;
+              };
+              var toRow = function toRow(e) {
+                var _e$text;
+                return _objectSpread(_objectSpread({}, e), {}, {
+                  bold: undefined,
+                  text: (_e$text = e.text) !== null && _e$text !== void 0 ? _e$text : String(e.nr)
+                });
+              };
+              return /*#__PURE__*/jsxs("tr", {
+                className: classnames(column, isSelected ? optionValueSelected : undefined),
+                onClick: function onClick() {
+                  return setSelectedOptionValueCodex(isSelected ? undefined : opv.codex);
+                },
+                children: [/*#__PURE__*/jsx("td", {
+                  children: opv.codex
+                }), /*#__PURE__*/jsx("td", {
+                  children: opv.name
+                }), /*#__PURE__*/jsxs("td", {
+                  children: [status.visible ? /*#__PURE__*/jsx("span", {
+                    className: opvStatusVisible,
+                    children: "visible"
+                  }) : /*#__PURE__*/jsxs("span", {
+                    className: opvStatusHidden,
+                    children: ["hidden since", ' ', status.hiddenSince ? /*#__PURE__*/jsx("button", {
+                      type: "button",
+                      className: decisionLink,
+                      onClick: function onClick(e) {
+                        e.stopPropagation();
+                        setSelectedRow(toRow(status.hiddenSince));
+                      },
+                      children: decisionNr(status.hiddenSince)
+                    }) : '?']
+                  }), status.newValueSince && /*#__PURE__*/jsxs("span", {
+                    className: opvStatusNewValue,
+                    children: [' ', "newValue since", ' ', /*#__PURE__*/jsx("button", {
+                      type: "button",
+                      className: decisionLink,
+                      onClick: function onClick(e) {
+                        e.stopPropagation();
+                        setSelectedRow(toRow(status.newValueSince));
+                      },
+                      children: decisionNr(status.newValueSince)
+                    })]
+                  })]
+                })]
+              }, opv.codex);
+            })
+          })]
+        })]
+      })]
+    }), selectedRow && /*#__PURE__*/jsx("div", {
+      className: decision,
+      children: /*#__PURE__*/jsx(DecisionVisualization, {
+        decision: selectedRow.decision,
+        snapshots: selectedRow.snapshots,
+        onClose: function onClose() {
+          return setSelectedRow(undefined);
+        }
+      })
+    })]
+  }));
+};
+var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
+
+export { DecisionAnalyzer$1 as default };

package/build/esm/{index-89f3b4f9.js → index-f2be147c.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-3922f706.js';
+import { s as styleInject } from './index-545a32b9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-fb02339e.js';
+import ActionNavigation from './index-13fcfa7d.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-498a75ab.js';
+import './index.module-ffcce4d0.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";