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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-web-planner-react",
-  "version": "26.3.0-beta.4",
+  "version": "26.3.0-beta.41",
   "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.4",
-    "@crystaldesign/product-detail-page": "26.3.0-beta.4",
-    "@crystaldesign/products-component": "26.3.0-beta.4",
-    "@crystaldesign/real-time-viewer": "26.3.0-beta.4",
-    "@crystaldesign/web-planner-logic": "26.3.0-beta.4",
-    "@crystaldesign/widget-contact-form": "26.3.0-beta.4",
+    "@crystaldesign/content-item": "26.3.0-beta.41",
+    "@crystaldesign/product-detail-page": "26.3.0-beta.41",
+    "@crystaldesign/products-component": "26.3.0-beta.41",
+    "@crystaldesign/real-time-viewer": "26.3.0-beta.41",
+    "@crystaldesign/web-planner-logic": "26.3.0-beta.41",
+    "@crystaldesign/widget-contact-form": "26.3.0-beta.41",
     "@google/model-viewer": "3.5.0",
     "@react-google-maps/api": "2.20.6",
     "@types/three": "0.163.0",
@@ -39,9 +39,11 @@
     "react-laag": "^2.0.5",
     "react-marquee-text": "^1.0.4",
     "react-qr-code": "^2.0.11",
+    "react-rnd": "^10.4.1",
     "react-select": "^5.8.0",
     "react-switch": "^7.0.0",
     "sift": "^17.1.3",
+    "swiper": "^12.1.2",
     "three": "0.163.0"
   },
   "peerDependencies": {
@@ -50,6 +52,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"
   },
@@ -61,5 +66,5 @@
       "types": "./build/types/web-planner-react/src/index.d.ts"
     }
   },
-  "gitHead": "8facbe068372e84d74a1d1de844fa2fb4ce603fa"
+  "gitHead": "1c530887d199f9c2bd8f4de19ddb4bc9ca0c9fe2"
 }

package/build/esm/DecisionVizualizer-4b80eeb8.js

@@ -1,279 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-1f4ff73d.js';
-import { useRef, useState, useEffect } from 'react';
-import { JsonView, darkStyles } from 'react-json-view-lite';
-import classnames from 'classnames';
-import Draggable from 'react-draggable';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var table = "table-iqWqM";
-var column = "column-0LUrX";
-var bold = "bold-lbVn7";
-var filter = "filter-7DtTa";
-var closeIcon = "close-icon-oV-p5";
-var scrollable = "scrollable-g4Mgr";
-var header = "header-4-lJa";
-var decision = "decision-d8i43";
-var idmContainer = "idm-container-j98CM";
-var idmTitle = "idm-title-LFQMP";
-var idmSubtitle = "idm-subtitle-jkOPl";
-var idmTable = "idm-table-CZGdO";
-var css_248z = ".table-iqWqM {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-iqWqM thead {\n  font-weight: bold !important;\n}\n.table-iqWqM thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column-0LUrX {\n  text-align: left;\n}\n.column-0LUrX:first-child {\n  height: 20px;\n}\n.bold-lbVn7 {\n  font-weight: bold;\n}\n.filter-7DtTa {\n  height: 12px;\n  font-size: 10px;\n}\n\n.close-icon-oV-p5 {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  left: 50px;\n}\n.header-4-lJa {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.idm-container-j98CM {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.idm-container-j98CM h2 {\n  cursor: move;\n}\n\n.idm-title-LFQMP {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-jkOPl {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-CZGdO {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-CZGdO th,\n.idm-table-CZGdO td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-CZGdO th {\n  background-color: #f2f2f2;\n}\n";
-styleInject(css_248z);
-
-var DecisionVisualization = function DecisionVisualization(_ref) {
-  var d = _ref.decision,
-    snapshots = _ref.snapshots,
-    _ref$matchingOptions = _ref.matchingOptions,
-    matchingOptions = _ref$matchingOptions === void 0 ? {} : _ref$matchingOptions,
-    anyData = _ref.anyData,
-    onClose = _ref.onClose;
-  var draggable = useRef(null);
-  // Helper function to check if a value exists
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    snapshotDiff = _useState2[0],
-    setSnapshotDiff = _useState2[1];
-  var renderIfDefined = function renderIfDefined(value, label) {
-    if (value !== undefined && value !== null && value !== '') {
-      return /*#__PURE__*/jsxs("p", {
-        children: [/*#__PURE__*/jsxs("strong", {
-          children: [label, label ? ':' : '']
-        }), Array.isArray(value) ? value.join(', ') : value]
-      });
-    }
-    return null;
-  };
-  useEffect(function () {
-    if (!snapshots) {
-      setSnapshotDiff(undefined);
-      return;
-    }
-    var diff = {};
-    var _loop = function _loop() {
-      var before = snapshots.before[_opt];
-      var after = snapshots.after[_opt];
-      diff[_opt] = {
-        after: after,
-        before: before,
-        removedOpvs: before.visibleOPVs.filter(function (opv) {
-          return !after.visibleOPVs.includes(opv);
-        })
-      };
-    };
-    for (var _opt in snapshots.before) {
-      _loop();
-    }
-    setSnapshotDiff(diff);
-  }, [snapshots]);
-  var isExpanded = function isExpanded(level, value, field) {
-    var key = field;
-    if (field === undefined || ['removedOpvs', 'after', 'before'].includes(field)) return true;
-    if (snapshotDiff && key && snapshotDiff[key] && JSON.stringify(snapshotDiff[key].before) !== JSON.stringify(snapshotDiff[key].after)) {
-      return true;
-    }
-    return false;
-  };
-  if (d.priceFeatureGroupNo !== undefined) {
-    var _priceFeatureGroup$pr, _priceFeatureGroup$fi;
-    var priceFeatureGroup = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        className: idmContainer,
-        ref: draggable,
-        children: [/*#__PURE__*/jsxs("h2", {
-          className: classnames(idmTitle, 'handle'),
-          children: ["PriceFeatureGroup #", priceFeatureGroup.priceFeatureGroupNo]
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          children: [renderIfDefined(priceFeatureGroup.catalogId, 'Catalog ID'), renderIfDefined(priceFeatureGroup._id, 'priceFeatureGroup ID'), renderIfDefined((_priceFeatureGroup$pr = priceFeatureGroup.priceFeatureGroupText) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.DE, 'priceFeatureGroupText'), renderIfDefined(priceFeatureGroup.projectPercentageSurcharges, 'projectPercentageSurcharges'), renderIfDefined(priceFeatureGroup.isPercentage, 'isPercentage'), renderIfDefined(priceFeatureGroup.comment, 'comment'), renderIfDefined(priceFeatureGroup.featureNos, 'Feature References'), renderIfDefined(priceFeatureGroup.additionalPrice, 'Additional Price'), renderIfDefined(priceFeatureGroup.activeCombination, 'Active Combination Seqence')]
-        }), /*#__PURE__*/jsx("h3", {
-          className: idmSubtitle,
-          children: "Option Combinations"
-        }), /*#__PURE__*/jsxs("table", {
-          className: idmTable,
-          children: [/*#__PURE__*/jsx("thead", {
-            children: /*#__PURE__*/jsxs("tr", {
-              children: [/*#__PURE__*/jsx("th", {
-                children: "Sequence"
-              }), /*#__PURE__*/jsx("th", {
-                children: "condition"
-              }), /*#__PURE__*/jsx("th", {
-                children: "priceField"
-              })]
-            })
-          }), /*#__PURE__*/jsx("tbody", {
-            children: (_priceFeatureGroup$fi = priceFeatureGroup.finishes) === null || _priceFeatureGroup$fi === void 0 ? void 0 : _priceFeatureGroup$fi.map(function (option) {
-              return /*#__PURE__*/jsxs("tr", {
-                className: classnames(option.sequence === priceFeatureGroup.activeCombination ? bold : undefined),
-                children: [/*#__PURE__*/jsx("td", {
-                  children: option.sequence
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.optionsSetRefs)
-                }), /*#__PURE__*/jsxs("td", {
-                  children: ["PRFG", priceFeatureGroup.priceFeatureGroupNo + '_' + option.priceField]
-                })]
-              }, option._id);
-            })
-          })]
-        }), /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  }
-  if (d.Number !== undefined) {
-    var decision = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        ref: draggable,
-        style: {
-          userSelect: 'text'
-        },
-        children: [/*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("h2", {
-          className: "handle",
-          children: [" Decision Details ", renderIfDefined(decision.Number, 'Number')]
-        }), renderIfDefined(decision.Type, 'Type'), renderIfDefined(decision.Prio, 'Priority'), renderIfDefined(decision.Options, 'Options'), renderIfDefined(decision.enabled ? 'Yes' : 'No', 'Enabled'), renderIfDefined(decision.Number, 'Decision Number'), renderIfDefined(decision.activeCombination, 'Active Combination Index'), renderIfDefined(decision.disableHistory, 'Disabled History'), decision.DOC && decision.DOC.length > 0 && /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx("h3", {
-            children: "Decision Option Combinations:"
-          }), decision.DOC.map(function (doc, docIndex) {
-            var _doc$Row;
-            return /*#__PURE__*/jsxs("div", {
-              className: "decision-option-combination",
-              children: ['--------------------------------', renderIfDefined(docIndex, 'doc Index'), renderIfDefined(doc.JsFormula, 'Formula'), Object.values((_doc$Row = doc.Row) !== null && _doc$Row !== void 0 ? _doc$Row : {}).map(function (row) {
-                return /*#__PURE__*/jsx(Fragment, {
-                  children: renderIfDefined(row.join(';'), 'Doc Row')
-                });
-              }), doc.DA && doc.DA.length > 0 && /*#__PURE__*/jsxs("div", {
-                children: [/*#__PURE__*/jsx("h6", {
-                  children: "Decision Actions:"
-                }), /*#__PURE__*/jsx("ul", {
-                  children: doc.DA.map(function (action, actionIndex) {
-                    return /*#__PURE__*/jsxs("li", {
-                      children: [renderIfDefined(action.Type, 'Action Type'), renderIfDefined(action.FeatureRef, 'Feature Ref'), renderIfDefined(action.OptionCodex, 'OptionCodex'), renderIfDefined(action.OptionRef, 'OptionRef'), renderIfDefined(action.OptionRefCodex, 'OptionRefCodex'), renderIfDefined(action.OptionValueRefCodex, 'OptionValueRefCodex'), renderIfDefined(action.DecisionNr, 'DecisionNr')]
-                    }, actionIndex);
-                  })
-                })]
-              }), renderIfDefined(doc.ValidOptionValues, 'Valid Option Values'), renderIfDefined(doc.RefLevel, 'RefLevel'), renderIfDefined(doc.ValidOptions, 'Valid Options')]
-            }, docIndex);
-          })]
-        }), renderIfDefined(decision.disableHistory, 'Disabled History'), /*#__PURE__*/jsx("strong", {
-          children: "Is Valid DOC:"
-        }), " ", decision.DOC && decision.DOC.length > 0 ? 'Yes' : 'No', /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  } else {
-    var _decision$optionCombi;
-    var _decision = d;
-    return /*#__PURE__*/jsx(Draggable, {
-      nodeRef: draggable,
-      handle: ".handle",
-      bounds: "parent",
-      defaultPosition: undefined,
-      children: /*#__PURE__*/jsxs("div", {
-        ref: draggable,
-        className: idmContainer,
-        children: [/*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return onClose === null || onClose === void 0 ? void 0 : onClose();
-          }
-        }), /*#__PURE__*/jsxs("h2", {
-          className: classnames(idmTitle, 'handle'),
-          children: ["Decision #", _decision.decisionNo]
-        }), /*#__PURE__*/jsxs("div", {
-          children: [renderIfDefined(_decision.catalogId, 'Catalog ID'), renderIfDefined(_decision._id, 'Decision ID'), renderIfDefined(_decision.prio, 'Priority'), renderIfDefined(_decision.decisionType, 'Decision Type'), renderIfDefined(_decision.enabled ? 'Enabled' : 'Disabled', 'Status'), renderIfDefined(_decision.deleted ? 'Yes' : 'No', 'Deleted'), renderIfDefined(_decision.featureRefs, 'Feature References'), renderIfDefined(_decision.disableHistory, 'Disable History'), renderIfDefined(_decision.activeCombination, 'Active Combination Seqence')]
-        }), /*#__PURE__*/jsx("h3", {
-          className: idmSubtitle,
-          children: "Option Combinations"
-        }), /*#__PURE__*/jsxs("table", {
-          className: idmTable,
-          children: [/*#__PURE__*/jsx("thead", {
-            children: /*#__PURE__*/jsxs("tr", {
-              children: [/*#__PURE__*/jsx("th", {
-                children: "Sequence"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Actions"
-              }), /*#__PURE__*/jsx("th", {
-                children: "Options Set References"
-              })]
-            })
-          }), /*#__PURE__*/jsx("tbody", {
-            children: (_decision$optionCombi = _decision.optionCombinations) === null || _decision$optionCombi === void 0 ? void 0 : _decision$optionCombi.map(function (option) {
-              return /*#__PURE__*/jsxs("tr", {
-                children: [/*#__PURE__*/jsx("td", {
-                  children: option.sequence
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.projectActions)
-                }), /*#__PURE__*/jsx("td", {
-                  children: JSON.stringify(option.optionsSetRefs)
-                })]
-              }, option._id);
-            })
-          })]
-        }), /*#__PURE__*/jsx("br", {}), !!Object.values(matchingOptions).length && /*#__PURE__*/jsxs(Fragment, {
-          children: ["matching conditions", Object.keys(matchingOptions).map(function (opt) {
-            return renderIfDefined(opt + ': ' + matchingOptions[opt], '');
-          }), /*#__PURE__*/jsx("br", {})]
-        }), !!snapshotDiff && /*#__PURE__*/jsxs(Fragment, {
-          children: ["snapshot", /*#__PURE__*/jsx(JsonView, {
-            shouldExpandNode: isExpanded,
-            data: snapshotDiff,
-            style: darkStyles
-          })]
-        }), !!anyData && /*#__PURE__*/jsx(JsonView, {
-          data: anyData,
-          style: darkStyles
-        })]
-      })
-    });
-  }
-};
-
-var DecisionVizualizer = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': DecisionVisualization
-});
-
-export { DecisionVisualization as D, DecisionVizualizer as a, column as c, decision as d, filter as f, header as h, scrollable as s, table as t };

package/build/esm/index-087dd57e.js

@@ -1,179 +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-1f4ff73d.js';
-import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-2a3a2935.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-e99c818d.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-4b80eeb8.js';
-import { jsx, Fragment, jsxs } 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-json-view-lite';
-import 'react-draggable';
-
-var table = "table-dlyc3";
-var filter = "filter-uCpFs";
-var column = "column--cQ52";
-var scrollable = "scrollable-VXYsC";
-var header = "header-T1xEK";
-var decision = "decision-plIiC";
-var css_248z = ".table-dlyc3 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.filter-uCpFs {\n  height: 12px;\n  font-size: 10px;\n}\n\n.table-dlyc3 thead {\n  font-weight: bold !important;\n}\n\n.table-dlyc3 thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.column--cQ52 {\n  text-align: left;\n}\n.column--cQ52:first-child {\n  height: 20px;\n}\n\n.column--cQ52 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-VXYsC {\n  overflow: auto;\n  left: 50px;\n  height: 100%;\n}\n.header-T1xEK {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.decision-plIiC {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.idm-container-S4cxx {\n  padding: 16px;\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}\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: 100%;\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";
-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; }
-var PriceAnalyzer = function PriceAnalyzer(_ref) {
-  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 article = Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
-    return a.posNr == 1;
-  });
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedRow = _useState4[0],
-    setSelectedRow = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filter$1 = _useState6[0],
-    setFilter = _useState6[1];
-  if (!article) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: /*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer - plann article"
-    })
-  }));
-  var isIDMFormat = article.CatalogData.isIDMFormat;
-  var lastStack = Object.values(article.decisionDebugStacks).findLast(function (v) {
-    return v;
-  });
-  var prices = lastStack === null || lastStack === void 0 ? void 0 : lastStack.prices;
-  if (!prices) return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    style: {
-      zIndex: 800
-    },
-    children: /*#__PURE__*/jsx("a", {
-      className: header,
-      children: "Price analyzer - change config"
-    })
-  }));
-  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 (!isIDMFormat) return /*#__PURE__*/jsx(Fragment, {
-    children: "only implemented for IDM enricher data"
-  });
-  if (!prices) return /*#__PURE__*/jsx(Fragment, {
-    children: " "
-  });
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-    children: [/*#__PURE__*/jsxs("a", {
-      className: header,
-      children: ["Price history", /*#__PURE__*/jsx("input", {
-        value: filter$1,
-        onChange: function onChange(e) {
-          return setFilter(e.target.value);
-        },
-        placeholder: "filter option ohne OPT",
-        className: filter
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      children: [/*#__PURE__*/jsxs("table", {
-        className: table,
-        children: [/*#__PURE__*/jsx("thead", {
-          children: /*#__PURE__*/jsx("tr", {
-            className: column,
-            children: /*#__PURE__*/jsx("th", {
-              children: 1
-            })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: prices.map(function (p, j) {
-            return /*#__PURE__*/jsx("tr", {
-              className: column,
-              children: /*#__PURE__*/jsx("th", {
-                onClick: function onClick() {
-                  return _onClick(p.nr, p);
-                },
-                children: p.text
-              })
-            }, j);
-          })
-        })]
-      }), selectedRow && /*#__PURE__*/jsx("div", {
-        className: decision,
-        children: /*#__PURE__*/jsx(DecisionVisualization, {
-          decision: selectedRow.priceFeatureGroup,
-          anyData: {
-            prices: article.catalogArticle.idmPrices,
-            variantData: selectedRow.variantValues
-          },
-          onClose: function onClose() {
-            return setSelectedRow(undefined);
-          }
-        })
-      })]
-    })]
-  }));
-};
-var PriceAnalyzer$1 = observer(PriceAnalyzer);
-
-export { PriceAnalyzer$1 as default };

package/build/esm/index-13fa5e78.js

@@ -1,62 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var wcConfiguratorAiRoom = "wc-configurator-ai-room-BITO0";
-var aiRoomImage = "ai-room-image-seKys";
-var aiWarningBadge = "ai-warning-badge-VRwxc";
-var css_248z = ".wc-configurator-ai-room-BITO0 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n}\n\n.ai-room-image-seKys {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.ai-warning-badge-VRwxc {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  -webkit-backdrop-filter: blur(4px);\n          backdrop-filter: blur(4px);\n  font-weight: 500;\n}\n\n.mobile .ai-warning-badge-VRwxc {\n  font-size: 11px;\n}\n";
-styleInject(css_248z);
-
-var PlannerAIRoom = function PlannerAIRoom(props) {
-  var viewHandler = useViewHandler();
-  var handleClick = function handleClick() {
-    // Clear the AI display and restore previous view
-    viewHandler.aiState.clearAiDisplayImage();
-  };
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: wcConfiguratorAiRoom,
-    id: "ai-room-container",
-    style: {
-      visibility: viewHandler.productState.doShowAIRoom ? 'visible' : 'hidden',
-      cursor: viewHandler.productState.doShowAIRoom ? 'pointer' : 'default',
-      pointerEvents: viewHandler.productState.doShowAIRoom ? 'auto' : 'none'
-    },
-    onClick: handleClick,
-    children: viewHandler.aiState.aiDisplayImageSrc && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("img", {
-        className: aiRoomImage,
-        id: "aiRoomImg",
-        draggable: "false",
-        src: viewHandler.aiState.aiDisplayImageSrc,
-        alt: "AI Generated Room"
-      }), /*#__PURE__*/jsx("div", {
-        className: aiWarningBadge,
-        children: t('configurator.roomRendering.aiGenerated')
-      })]
-    })
-  });
-};
-var PlannerAIRoom$1 = observer(PlannerAIRoom);
-
-export { PlannerAIRoom$1 as default };