@crystaldesign/diva-web-planner-react 26.3.0-beta.10 → 26.3.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "26.3.0-beta.10",
+  "version": "26.3.0-beta.11",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -12,12 +12,12 @@
     "react-dom": "18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/content-item": "26.3.0-beta.10",
-    "@crystaldesign/product-detail-page": "26.3.0-beta.10",
-    "@crystaldesign/products-component": "26.3.0-beta.10",
-    "@crystaldesign/real-time-viewer": "26.3.0-beta.10",
-    "@crystaldesign/web-planner-logic": "26.3.0-beta.10",
-    "@crystaldesign/widget-contact-form": "26.3.0-beta.10",
+    "@crystaldesign/content-item": "26.3.0-beta.11",
+    "@crystaldesign/product-detail-page": "26.3.0-beta.11",
+    "@crystaldesign/products-component": "26.3.0-beta.11",
+    "@crystaldesign/real-time-viewer": "26.3.0-beta.11",
+    "@crystaldesign/web-planner-logic": "26.3.0-beta.11",
+    "@crystaldesign/widget-contact-form": "26.3.0-beta.11",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -51,6 +51,9 @@
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^6.1.5",
     "@mui/material": "^6.1.5",
+    "ag-grid-community": "~34.0.1",
+    "ag-grid-react": "~34.0.1",
+    "antd": "^6.0.0",
     "react": ">=18.3.1 <20.0.0",
     "react-dom": ">=18.3.1 <20.0.0"
   },
@@ -62,5 +65,5 @@
       "types": "./build/types/web-planner-react/src/index.d.ts"
     }
   },
-  "gitHead": "acf578d8821720e01b13cd77b1989f64ad9c93f0"
+  "gitHead": "ecb0757ff0f423bf42343767d31ab5a819bfdc10"
 }

package/build/esm/index-04eeddf8.js

@@ -1,510 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
-import { useMemo, useState, useEffect, useRef } from 'react';
-import { n as notExpanded } from './index.module-6b77dc2b.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import ArticleSelector from './index-1d8a5357.js';
-import { jsx, jsxs, Fragment } 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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-select';
-
-var table = "table-dlyc3";
-var tableDescription = "tableDescription-GAttr";
-var optionsTable = "optionsTable-S8hXd";
-var optionsTableColumn = "optionsTableColumn-SUPzz";
-var optionsTableSelected = "optionsTableSelected---0cU";
-var decisionCell = "decisionCell-1WadE";
-var priceDetailTable = "priceDetailTable-pRCLJ";
-var articleOverviewTable = "articleOverviewTable-XtCAq";
-var articleOverviewTableRowSelected = "articleOverviewTableRowSelected-WzfbX";
-var priceStatusNoPrices = "priceStatusNoPrices-RyHFl";
-var priceStatusConfigMismatch = "priceStatusConfigMismatch-qPTmb";
-var priceStatusActive = "priceStatusActive-CQ5k0";
-var priceStatusFlat = "priceStatusFlat-COOK-";
-var column = "column--cQ52";
-var scrollable = "scrollable-VXYsC";
-var header = "header-T1xEK";
-var finishActive = "finishActive-L6ILp";
-var finishInactive = "finishInactive-YGKR2";
-var css_248z = ".table-dlyc3 {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-dlyc3 thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-dlyc3 th,\n.table-dlyc3 td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-dlyc3 tbody tr:hover {\n  background: #f7fafc;\n}\n\n.filter-uCpFs {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n  margin-top: 8px;\n}\n\n.filter-uCpFs:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.tableDescription-GAttr {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.optionsTable-S8hXd {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n\n.optionsTableColumn-SUPzz {\n  flex: 0 0 auto;\n  align-self: flex-start;\n}\n\n.optionsTableSelected---0cU {\n  background: #ebf8ff !important;\n}\n\n.optionsTableSelected---0cU {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.decisionCell-1WadE {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.decisionCell-1WadE:hover {\n  background: #edf2f7;\n}\n\n.priceDetailTable-pRCLJ {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 280px;\n}\n\n.priceDetailTable-pRCLJ h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.priceDetailTable-pRCLJ h5 {\n  margin: 12px 0 8px 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4a5568;\n}\n\n.articleOverviewTable-XtCAq {\n  margin-top: 16px;\n}\n\n.articleOverviewTableRowSelected-WzfbX {\n  background-color: #dcfce7 !important;\n}\n\n.articleOverviewTableRowSelected-WzfbX:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.priceStatusNoPrices-RyHFl {\n  color: #718096;\n  font-style: italic;\n}\n\n.priceStatusConfigMismatch-qPTmb {\n  color: #d69e2e;\n}\n\n.priceStatusActive-CQ5k0 {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.priceStatusFlat-COOK- {\n  color: #3182ce;\n}\n\n.column--cQ52 {\n  text-align: left;\n}\n\n.column--cQ52:first-child {\n  height: 20px;\n}\n\n.column--cQ52 th {\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n\n.scrollable-VXYsC {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.header-T1xEK {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.idm-container-S4cxx {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  height: 100%;\n}\n\n.idm-title-9Dkxf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-KoD3- {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-NbBVs {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-NbBVs th,\n.idm-table-NbBVs td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-NbBVs th {\n  background-color: #f2f2f2;\n}\n\n.finishActive-L6ILp {\n  background-color: #dcfce7 !important;\n}\n\n.finishInactive-YGKR2 {\n  background-color: #f1f5f9 !important;\n}\n";
-styleInject(css_248z);
-
-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 getArticlePriceStatus(article) {
-  var _article$catalogArtic2, _article$decisionDebu, _lastStack$prices;
-  // FLAT articles have a fixed price from catalog, no config-dependent price logic
-  if (article.catalogArticle.articleType === 'FLAT') {
-    var _article$price, _article$catalogArtic;
-    var hasPrice = ((_article$price = article.price) !== null && _article$price !== void 0 ? _article$price : 0) > 0 || ((_article$catalogArtic = article.catalogArticle.articlePrice) !== null && _article$catalogArtic !== void 0 ? _article$catalogArtic : 0) > 0;
-    return hasPrice ? 'flat' : 'no-prices';
-  }
-  var priceGroupNos = (_article$catalogArtic2 = article.catalogArticle.priceFeatureGroupNos) !== null && _article$catalogArtic2 !== void 0 ? _article$catalogArtic2 : [];
-  if (priceGroupNos.length === 0 || article.noPrice) return 'no-prices';
-  var lastStack = Object.values((_article$decisionDebu = article.decisionDebugStacks) !== null && _article$decisionDebu !== void 0 ? _article$decisionDebu : {}).findLast(function (v) {
-    return v;
-  });
-  if (!(lastStack !== null && lastStack !== void 0 && (_lastStack$prices = lastStack.prices) !== null && _lastStack$prices !== void 0 && _lastStack$prices.length)) return 'config-mismatch';
-  return 'active';
-}
-function getPartlistPriceSum(article) {
-  var sum = 0;
-  for (var key in (_article$partlistArti = article.partlistArticles) !== null && _article$partlistArti !== void 0 ? _article$partlistArti : {}) {
-    var _article$partlistArti;
-    var pa = article.partlistArticles[key];
-    if (pa.bruttoPrice) {
-      var _pa$calcPrice;
-      sum += (_pa$calcPrice = pa.calcPrice(true)) !== null && _pa$calcPrice !== void 0 ? _pa$calcPrice : 0;
-    }
-  }
-  return sum;
-}
-function PriceDetailTable(_ref) {
-  var _article$catalogArtic3, _ref2, _pf$priceFeatureGroup, _pf$priceFeatureGroup2, _pf$priceFeatureGroup3, _pf$activeCombination, _pf$featureNos, _pf$finishes;
-  var row = _ref.row,
-    article = _ref.article,
-    onClose = _ref.onClose;
-  var pf = row.priceFeatureGroup;
-  var idmPrices = (_article$catalogArtic3 = article.catalogArticle.idmPrices) === null || _article$catalogArtic3 === void 0 ? void 0 : _article$catalogArtic3.prices;
-  return /*#__PURE__*/jsxs("div", {
-    className: priceDetailTable,
-    children: [/*#__PURE__*/jsxs("h4", {
-      children: ["PriceFeatureGroup #", pf.priceFeatureGroupNo, /*#__PURE__*/jsx("button", {
-        type: "button",
-        onClick: onClose,
-        style: {
-          "float": 'right',
-          marginLeft: 8
-        },
-        children: "\xD7"
-      })]
-    }), /*#__PURE__*/jsxs("table", {
-      className: table,
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          className: column,
-          children: [/*#__PURE__*/jsx("th", {
-            children: "Field"
-          }), /*#__PURE__*/jsx("th", {
-            children: "Value"
-          })]
-        })
-      }), /*#__PURE__*/jsxs("tbody", {
-        children: [/*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "Text"
-          }), /*#__PURE__*/jsx("td", {
-            children: (_ref2 = (_pf$priceFeatureGroup = (_pf$priceFeatureGroup2 = pf.priceFeatureGroupText) === null || _pf$priceFeatureGroup2 === void 0 ? void 0 : _pf$priceFeatureGroup2.DE) !== null && _pf$priceFeatureGroup !== void 0 ? _pf$priceFeatureGroup : (_pf$priceFeatureGroup3 = pf.priceFeatureGroupText) === null || _pf$priceFeatureGroup3 === void 0 ? void 0 : _pf$priceFeatureGroup3.EN) !== null && _ref2 !== void 0 ? _ref2 : '-'
-          })]
-        }), /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "Active Combination"
-          }), /*#__PURE__*/jsx("td", {
-            children: (_pf$activeCombination = pf.activeCombination) !== null && _pf$activeCombination !== void 0 ? _pf$activeCombination : '-'
-          })]
-        }), /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "isPercentage"
-          }), /*#__PURE__*/jsx("td", {
-            children: String(pf.isPercentage)
-          })]
-        }), /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "additionalPrice"
-          }), /*#__PURE__*/jsx("td", {
-            children: String(pf.additionalPrice)
-          })]
-        }), /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "featureNos"
-          }), /*#__PURE__*/jsx("td", {
-            children: ((_pf$featureNos = pf.featureNos) !== null && _pf$featureNos !== void 0 ? _pf$featureNos : []).join(', ') || '-'
-          })]
-        }), row.variantValues && /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("td", {
-            children: "VariantValues"
-          }), /*#__PURE__*/jsx("td", {
-            children: JSON.stringify(row.variantValues)
-          })]
-        })]
-      })]
-    }), ((_pf$finishes = pf.finishes) === null || _pf$finishes === void 0 ? void 0 : _pf$finishes.length) > 0 && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("h5", {
-        children: "Finishes"
-      }), /*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsxs("tr", {
-            className: column,
-            children: [/*#__PURE__*/jsx("th", {
-              children: "Seq"
-            }), /*#__PURE__*/jsx("th", {
-              children: "priceField"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Price"
-            }), /*#__PURE__*/jsx("th", {
-              children: "optionsSetRefs"
-            })]
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: pf.finishes.map(function (f) {
-            var _f$supplierPriceGroup, _f$optionsSetRefs;
-            var priceKey = 'PRFG' + pf.priceFeatureGroupNo + '_' + ((_f$supplierPriceGroup = f.supplierPriceGroup) !== null && _f$supplierPriceGroup !== void 0 ? _f$supplierPriceGroup : f.priceField);
-            var price = idmPrices === null || idmPrices === void 0 ? void 0 : idmPrices[priceKey];
-            var isActive = f.sequence === pf.activeCombination;
-            var hasMatch = price != null;
-            return /*#__PURE__*/jsxs("tr", {
-              className: classnames(column, isActive ? finishActive : finishInactive),
-              children: [/*#__PURE__*/jsx("td", {
-                children: f.sequence
-              }), /*#__PURE__*/jsxs("td", {
-                children: ["PRFG", pf.priceFeatureGroupNo, "_", f.priceField]
-              }), /*#__PURE__*/jsx("td", {
-                children: hasMatch ? String(price) : '-'
-              }), /*#__PURE__*/jsx("td", {
-                children: JSON.stringify((_f$optionsSetRefs = f.optionsSetRefs) !== null && _f$optionsSetRefs !== void 0 ? _f$optionsSetRefs : {})
-              })]
-            }, f._id);
-          })
-        })]
-      })]
-    })]
-  });
-}
-function PartlistPriceRow(_ref3) {
-  var _article$partlistArti2, _article$mainPrice;
-  var article = _ref3.article,
-    depth = _ref3.depth,
-    onSelectArticle = _ref3.onSelectArticle,
-    baseArticlesMap = _ref3.baseArticlesMap,
-    selectedBasketId = _ref3.selectedBasketId;
-  var partlistArticles = (_article$partlistArti2 = article.partlistArticles) !== null && _article$partlistArti2 !== void 0 ? _article$partlistArti2 : {};
-  var children = Object.values(partlistArticles);
-  var ownPrice = (_article$mainPrice = article.mainPrice) !== null && _article$mainPrice !== void 0 ? _article$mainPrice : 0;
-  var partlistSum = getPartlistPriceSum(article);
-  var totalPrice = !article.isPartListArticle ? article.calcPrice(false) / (article.quantity || 1) : 0;
-  var status = getArticlePriceStatus(article);
-  var isSelected = selectedBasketId != null && article.basketId === selectedBasketId;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("tr", {
-      className: classnames(column, isSelected && articleOverviewTableRowSelected),
-      style: {
-        paddingLeft: depth * 12
-      },
-      onClick: function onClick() {
-        return onSelectArticle === null || onSelectArticle === void 0 ? void 0 : onSelectArticle(article);
-      },
-      children: [/*#__PURE__*/jsxs("td", {
-        style: {
-          paddingLeft: 8 + depth * 12
-        },
-        children: ['│ '.repeat(depth), article.articleCodex]
-      }), /*#__PURE__*/jsx("td", {
-        children: article.name
-      }), /*#__PURE__*/jsx("td", {
-        children: article.posNr
-      }), /*#__PURE__*/jsx("td", {
-        children: /*#__PURE__*/jsxs("span", {
-          className: classnames(status === 'no-prices' && priceStatusNoPrices, status === 'config-mismatch' && priceStatusConfigMismatch, status === 'active' && priceStatusActive, status === 'flat' && priceStatusFlat),
-          children: [status === 'no-prices' && 'No prices', status === 'config-mismatch' && 'Config mismatch', status === 'active' && 'Active', status === 'flat' && 'Flat']
-        })
-      }), /*#__PURE__*/jsx("td", {
-        children: ownPrice > 0 ? ownPrice.toFixed(2) : '-'
-      }), /*#__PURE__*/jsx("td", {
-        children: article.hasPartlistArticle && partlistSum > 0 ? partlistSum.toFixed(2) : '-'
-      }), /*#__PURE__*/jsx("td", {
-        children: totalPrice > 0 ? totalPrice.toFixed(2) : '-'
-      })]
-    }), children.map(function (child) {
-      return /*#__PURE__*/jsx(PartlistPriceRow, {
-        article: child,
-        depth: depth + 1,
-        onSelectArticle: onSelectArticle,
-        baseArticlesMap: baseArticlesMap,
-        selectedBasketId: selectedBasketId
-      }, child.basketId);
-    })]
-  });
-}
-var PriceAnalyzer = function PriceAnalyzer(_ref4) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3, _baseArticles$find, _selectedArticle$bask, _selectedArticle$arti, _ref7, _allArticlesMap$selec, _articleForPriceHisto, _articleForPriceHisto2, _articleForPriceHisto3, _lastStack$prices2;
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref4), _ref4));
-  var viewHandler = useViewHandler();
-  var configChanged = viewHandler.settingsState.configChanged; // read during render so observer re-renders when it changes
-  var allArticlesMap = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles(false, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
-  var allArticles = useMemo(function () {
-    return Object.values(allArticlesMap);
-  }, [allArticlesMap]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    rerender = _useState2[0],
-    setRerender = _useState2[1];
-  useEffect(function () {
-    var asyncFunct = /*#__PURE__*/function () {
-      var _ref5 = _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 _ref5.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 baseArticles = useMemo(function () {
-    return allArticles.filter(function (a) {
-      return !a.isPartListArticle;
-    });
-  }, [allArticles]);
-  var baseArticlesMap = (_viewHandler$divaWebP2 = (_viewHandler$divaWebP3 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.getDivaArticles()) !== null && _viewHandler$divaWebP2 !== void 0 ? _viewHandler$divaWebP2 : {};
-  var _useState3 = useState((_baseArticles$find = baseArticles.find(function (a) {
-      return a.posNr === 1;
-    })) !== null && _baseArticles$find !== void 0 ? _baseArticles$find : baseArticles[0]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedArticle = _useState4[0],
-    setSelectedArticleState = _useState4[1];
-  var selectedBasketIdRef = useRef(undefined);
-  var selectedArticleCodexRef = useRef(undefined);
-  selectedBasketIdRef.current = (_selectedArticle$bask = selectedArticle === null || selectedArticle === void 0 ? void 0 : selectedArticle.basketId) !== null && _selectedArticle$bask !== void 0 ? _selectedArticle$bask : selectedBasketIdRef.current;
-  selectedArticleCodexRef.current = (_selectedArticle$arti = selectedArticle === null || selectedArticle === void 0 ? void 0 : selectedArticle.articleCodex) !== null && _selectedArticle$arti !== void 0 ? _selectedArticle$arti : selectedArticleCodexRef.current;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedRow = _useState6[0],
-    setSelectedRow = _useState6[1];
-  var setSelectedArticle = function setSelectedArticle(articleOrUpdater) {
-    setSelectedArticleState(function (prev) {
-      var next = typeof articleOrUpdater === 'function' ? articleOrUpdater(prev) : articleOrUpdater;
-      if (next) {
-        selectedBasketIdRef.current = next.basketId;
-        selectedArticleCodexRef.current = next.articleCodex;
-      }
-      return next;
-    });
-  };
-  useEffect(function () {
-    var basketIdToReselect = selectedBasketIdRef.current;
-    var articleCodexToReselect = selectedArticleCodexRef.current;
-    var t = setTimeout(function () {
-      setRerender(function (r) {
-        return !r;
-      });
-      if (basketIdToReselect || articleCodexToReselect) {
-        var _viewHandler$divaWebP4, _ref6;
-        var articles = (_viewHandler$divaWebP4 = viewHandler.divaWebPlanner.getDivaArticles(false, true)) !== null && _viewHandler$divaWebP4 !== void 0 ? _viewHandler$divaWebP4 : {};
-        var currentArticle = (_ref6 = basketIdToReselect ? articles[basketIdToReselect] : undefined) !== null && _ref6 !== void 0 ? _ref6 : articleCodexToReselect ? Object.values(articles).find(function (a) {
-          return a.articleCodex === articleCodexToReselect;
-        }) : undefined;
-        if (currentArticle) {
-          setSelectedArticleState(currentArticle);
-        } else {
-          selectedBasketIdRef.current = undefined;
-          selectedArticleCodexRef.current = undefined;
-          setSelectedArticleState(undefined);
-        }
-      }
-    }, 200);
-    return function () {
-      return clearTimeout(t);
-    };
-  }, [configChanged]);
-
-  // Always use the current article from the set (resolves by basketId, fallback articleCodex) so we get fresh decisionDebugStacks after config changes
-  var articleForPriceHistory = selectedArticle ? (_ref7 = (_allArticlesMap$selec = allArticlesMap[selectedArticle.basketId]) !== null && _allArticlesMap$selec !== void 0 ? _allArticlesMap$selec : Object.values(allArticlesMap).find(function (a) {
-    return a.articleCodex === selectedArticle.articleCodex;
-  })) !== null && _ref7 !== void 0 ? _ref7 : selectedArticle : undefined;
-  var isIDMFormat = (_articleForPriceHisto = articleForPriceHistory === null || articleForPriceHistory === void 0 || (_articleForPriceHisto2 = articleForPriceHistory.CatalogData) === null || _articleForPriceHisto2 === void 0 ? void 0 : _articleForPriceHisto2.isIDMFormat) !== null && _articleForPriceHisto !== void 0 ? _articleForPriceHisto : false;
-  var lastStack = articleForPriceHistory ? Object.values((_articleForPriceHisto3 = articleForPriceHistory.decisionDebugStacks) !== null && _articleForPriceHisto3 !== void 0 ? _articleForPriceHisto3 : {}).findLast(function (v) {
-    return v;
-  }) : undefined;
-  var prices = (_lastStack$prices2 = lastStack === null || lastStack === void 0 ? void 0 : lastStack.prices) !== null && _lastStack$prices2 !== void 0 ? _lastStack$prices2 : [];
-  var _onClick = function onClick(nr, row) {
-    var _selectedRow$priceFea;
-    if (nr === (selectedRow === null || selectedRow === void 0 || (_selectedRow$priceFea = selectedRow.priceFeatureGroup) === null || _selectedRow$priceFea === void 0 ? void 0 : _selectedRow$priceFea.priceFeatureGroupNo)) {
-      setSelectedRow(undefined);
-    } else setSelectedRow(row);
-  };
-  if (baseArticles.length === 0) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: /*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer - plan article"
-    })
-  }));
-  if (!selectedArticle) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: [/*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [selectedArticle, setSelectedArticle],
-      rerender: rerender,
-      filter: function filter(a) {
-        return !a.relatedToBasketId || a.isPartListArticle;
-      }
-    })]
-  }));
-  if (!isIDMFormat) return /*#__PURE__*/jsx(Fragment, {
-    children: "Only implemented for IDM enricher data"
-  });
-  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: "Price analyzer"
-    }), /*#__PURE__*/jsx(ArticleSelector, {
-      articleState: [selectedArticle, setSelectedArticle],
-      rerender: rerender,
-      filter: function filter(a) {
-        return !a.relatedToBasketId || a.isPartListArticle;
-      }
-    }), /*#__PURE__*/jsx("p", {
-      className: tableDescription,
-      children: "All articles overview. Price status: no prices (catalog), config mismatch (prices possible but not for current config), active (current price), flat (fixed price from catalog, no config-dependent pricing). Own = article's own price, Partlist = sum from partlist children. Total = set contribution (matches header) for base articles; own + partlist for nested partlist articles."
-    }), /*#__PURE__*/jsx("div", {
-      className: articleOverviewTable,
-      children: /*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsxs("tr", {
-            className: column,
-            children: [/*#__PURE__*/jsx("th", {
-              children: "Article"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Name"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Pos"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Status"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Own"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Partlist"
-            }), /*#__PURE__*/jsx("th", {
-              children: "Total"
-            })]
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: baseArticles.map(function (article) {
-            return /*#__PURE__*/jsx(PartlistPriceRow, {
-              article: article,
-              depth: 0,
-              onSelectArticle: setSelectedArticle,
-              baseArticlesMap: baseArticlesMap,
-              selectedBasketId: selectedArticle === null || selectedArticle === void 0 ? void 0 : selectedArticle.basketId
-            }, article.basketId);
-          })
-        })]
-      })
-    }), /*#__PURE__*/jsx("p", {
-      className: tableDescription,
-      children: "Price history for selected article. Click a price to see details."
-    }), /*#__PURE__*/jsxs("div", {
-      className: optionsTable,
-      children: [/*#__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: "#"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Price"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Loaded"
-              })]
-            })
-          }), /*#__PURE__*/jsx("tbody", {
-            children: prices.length === 0 ? /*#__PURE__*/jsx("tr", {
-              children: /*#__PURE__*/jsx("td", {
-                colSpan: 3,
-                children: "Change config to get price history"
-              })
-            }) : prices.map(function (p, j) {
-              var _pf$finishes2, _activeFinish$supplie, _articleForPriceHisto4, _selectedRow$priceFea2;
-              var pf = p.priceFeatureGroup;
-              var activeFinish = (_pf$finishes2 = pf.finishes) === null || _pf$finishes2 === void 0 ? void 0 : _pf$finishes2.find(function (f) {
-                return f.sequence === pf.activeCombination;
-              });
-              var priceKey = activeFinish ? 'PRFG' + pf.priceFeatureGroupNo + '_' + ((_activeFinish$supplie = activeFinish.supplierPriceGroup) !== null && _activeFinish$supplie !== void 0 ? _activeFinish$supplie : activeFinish.priceField) : null;
-              var loadedPrice = priceKey ? articleForPriceHistory === null || articleForPriceHistory === void 0 || (_articleForPriceHisto4 = articleForPriceHistory.catalogArticle.idmPrices) === null || _articleForPriceHisto4 === void 0 ? void 0 : _articleForPriceHisto4.prices[priceKey] : undefined;
-              var loadedDisplay = pf.isPercentage && p.percentageValue != null ? p.percentageValue + '%' : loadedPrice != null ? String(loadedPrice) : '-';
-              return /*#__PURE__*/jsxs("tr", {
-                className: classnames(column, (selectedRow === null || selectedRow === void 0 || (_selectedRow$priceFea2 = selectedRow.priceFeatureGroup) === null || _selectedRow$priceFea2 === void 0 ? void 0 : _selectedRow$priceFea2.priceFeatureGroupNo) === pf.priceFeatureGroupNo ? optionsTableSelected : undefined),
-                onClick: function onClick() {
-                  return _onClick(p.nr, p);
-                },
-                children: [/*#__PURE__*/jsx("td", {
-                  className: decisionCell,
-                  children: p.nr
-                }), /*#__PURE__*/jsx("td", {
-                  className: decisionCell,
-                  children: p.text
-                }), /*#__PURE__*/jsx("td", {
-                  className: decisionCell,
-                  children: loadedDisplay
-                })]
-              }, j);
-            })
-          })]
-        })
-      }), selectedRow && /*#__PURE__*/jsx("div", {
-        className: optionsTableColumn,
-        children: /*#__PURE__*/jsx(PriceDetailTable, {
-          row: selectedRow,
-          article: articleForPriceHistory !== null && articleForPriceHistory !== void 0 ? articleForPriceHistory : selectedArticle,
-          onClose: function onClose() {
-            return setSelectedRow(undefined);
-          }
-        })
-      })]
-    }, viewHandler.settingsState.configChanged)]
-  }));
-};
-var PriceAnalyzer$1 = observer(PriceAnalyzer);
-
-export { PriceAnalyzer$1 as default };