@crystaldesign/diva-web-planner-react 25.5.0-beta.3 → 25.5.0-beta.30

package/build/esm/{ArticleProperties-21232432.js → ArticleProperties-916c397a.js}

@@ -1,4 +1,4 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-2b253e8e.js → CatalogProperties-27e1d9fc.js}

@@ -1,4 +1,4 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -404,13 +404,6 @@ var properties = [{
     children: "das einzeln konfigurieren wird in diesem Katalog gezwungen"
   }),
   type: 'boolean'
-}, {
-  catalogKey: 'doubleClickOnConfig',
-  codex: 'DOUBLE_CLICK_ON_CONFIG',
-  desc: /*#__PURE__*/jsx(Fragment, {
-    children: "Felher bei Ada IDM wird somit ausgebessert"
-  }),
-  type: 'boolean'
 }, {
   catalogKey: 'initOptionTreeTwice',
   codex: 'INIT_OPTIONTREE_TWICE',

package/build/esm/DecisionVizualizer-70225d1c.js

@@ -0,0 +1,279 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject } from './index-a8b36d53.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  left: 500px;\n  z-index: 100000;\n  width: calc(100vw - 500px);\n  pointer-events: none;\n  height: calc(100vh - 60px);\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}\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.percentageSurcharges, 'percentageSurcharges'), 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.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: option.actions.join(', ')
+                }), /*#__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/{IconHandler-4ba9499c.js → IconHandler-e776488a.js}

@@ -1,7 +1,7 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 
-var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
-  var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';
+var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, baseCdnUrl, tabGroupObj) {
+  var sirvURL = baseCdnUrl + '/static/images/TabIcons/';
   if (tabGroupObj) {
     if (tabGroupObj[tabGroup.toLowerCase()]) return sirvURL + tabGroupObj[tabGroup.toLowerCase()];else if (tabGroupObj[tabGroup]) return sirvURL + tabGroupObj[tabGroup];
   }

package/build/esm/{OptionProperties-ecc1d6a8.js → OptionProperties-579266cf.js}

@@ -1,4 +1,4 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-8285dd82.js → OptionValueProperties-1b1aaf50.js}

@@ -1,4 +1,4 @@
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-ce79115f.js → Planner2DGrid-866caa89.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-6c05c6bc.js → Planner3DImage-c6399515.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-7dd50d43.js → index-015b6e25.js}

@@ -2,18 +2,18 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import CreateAppointment from './index-397df6a5.js';
-import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-0bf307f8.js';
+import CreateAppointment from './index-0d0e8f2c.js';
+import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-8ecafb3f.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import Share from './index-e0e990f2.js';
-import Save from './index-8258c7ce.js';
+import Share from './index-5e1158aa.js';
+import Save from './index-031e39c8.js';
 import _typeof from '@babel/runtime/helpers/typeof';
 import { flatten } from 'flat';
-import Header from './index-c33dd968.js';
-import Icon from './index-ab20e15c.js';
+import Header from './index-e2225e91.js';
+import Icon from './index-de0a8640.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -25,13 +25,13 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import 'react-select';
-import './index-17d6e257.js';
-import './index.module-291775af.js';
-import './index-d28f6cf4.js';
+import './index-82d2f77a.js';
+import './index-3a65ffbc.js';
+import './index.module-92348922.js';
+import './index-f41b1b25.js';
 import 'qrcode.react';
-import './index-67d4be96.js';
-import './index-19598696.js';
+import './index-89c4082c.js';
+import './index-8e6e3940.js';
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -132,22 +132,22 @@ var Checkout = function Checkout(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t,
     i18n = _useTranslation.i18n;
-  var _useState = useState(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+  var c = viewHandler.uiState.config.viewConfig.checkout;
+  var _useState = useState(basket ? replaceTemplateStrings(c, {
       basket: basket === null || basket === void 0 ? void 0 : basket.getAsJson(),
       organization: organization
-    }, i18n.language)),
+    }, i18n.language) : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     config = _useState2[0],
     setConfig = _useState2[1];
   useEffect(function () {
-    setConfig(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+    setConfig(replaceTemplateStrings(c, {
       organization: organization,
       basket: basket
     }, i18n.language));
   }, [basket]);
-  if (!config) return /*#__PURE__*/jsx(Fragment, {});
-  var url = config.url;
-  var currentConfig = config.buttons[index !== null && index !== void 0 ? index : -1];
+  var url = config === null || config === void 0 ? void 0 : config.url;
+  var currentConfig = config === null || config === void 0 ? void 0 : config.buttons[index !== null && index !== void 0 ? index : -1];
   if (currentConfig && basket) switch (currentConfig.type) {
     case 'APPOINTMENT':
       return /*#__PURE__*/jsx(CreateAppointment, {
@@ -169,14 +169,15 @@ var Checkout = function Checkout(_ref) {
         viewHandler: viewHandler
       });
   }
+  if (!c) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsx("div", {
     className: classnames(wrapper, inModal ? inModalClass : undefined),
-    children: config.buttons.map(function (c, index) {
+    children: c.buttons.map(function (c, index) {
       if (c.visibleInOverview === false) return /*#__PURE__*/jsx(Fragment, {});
       return /*#__PURE__*/jsxs("button", {
         className: classnames(button, c.isPrimary ? inverted : undefined),
         onClick: function onClick() {
-          return _onClickCheckout(c, viewHandler, index, basket);
+          return _onClickCheckout(c, viewHandler, index, t);
         },
         children: [/*#__PURE__*/jsx(Icon, {
           cheoutButton: c
@@ -188,9 +189,9 @@ var Checkout = function Checkout(_ref) {
   });
 };
 var _onClickCheckout = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, basket, dontCheckForModal) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, t, dontCheckForModal) {
     var _viewHandler$actions2, _viewHandler$actions5;
-    var returnTo, _viewHandler$actions, _viewHandler$getI18nI, _buttonConfig$openMod, _viewHandler$getI18nI2, _viewHandler$actions3, _buttonConfig$event, _viewHandler$divaWebP, _viewHandler$divaWebP2, result, savedBasket, _viewHandler$actions4, _viewHandler$getI18nI3, _viewHandler$getI18nI4;
+    var returnTo, _viewHandler$actions, _buttonConfig$openMod, _viewHandler$actions3, _buttonConfig$event, result, savedBasket, _viewHandler$actions4;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -200,10 +201,10 @@ var _onClickCheckout = /*#__PURE__*/function () {
             break;
           }
           (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal(_objectSpread(_objectSpread({}, buttonConfig.openModal), {}, {
-            text: (_viewHandler$getI18nI = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI === void 0 ? void 0 : _viewHandler$getI18nI.t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
-            title: (_viewHandler$getI18nI2 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI2 === void 0 ? void 0 : _viewHandler$getI18nI2.t(buttonConfig.openModal.title),
+            text: t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
+            title: t(buttonConfig.openModal.title),
             callback: function callback(accept) {
-              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, basket, true);
+              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, t, true);
             }
           }));
           return _context.abrupt("return");
@@ -231,40 +232,36 @@ var _onClickCheckout = /*#__PURE__*/function () {
           });
           return _context.abrupt("return");
         case 12:
-          if (!((!basket || returnTo && basket.ReturnTo !== returnTo) && buttonConfig.type !== 'SAVE')) {
-            _context.next = 18;
-            break;
-          }
-          _context.next = 15;
-          return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, buttonConfig.event, true, returnTo, true);
-        case 15:
+          _context.next = 14;
+          return viewHandler.divaWebPlanner.getCurrentBasket(buttonConfig.event, true, returnTo, true);
+        case 14:
           result = _context.sent;
           if (result) {
-            _context.next = 18;
+            _context.next = 17;
             break;
           }
           return _context.abrupt("return");
-        case 18:
+        case 17:
           savedBasket = viewHandler.divaWebPlanner.getBasket(); //open PDF
           if (!(buttonConfig.returnTo == 'OPEN_PDF')) {
-            _context.next = 22;
+            _context.next = 21;
             break;
           }
-          if (!basket) (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
-            text: (_viewHandler$getI18nI3 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI3 === void 0 ? void 0 : _viewHandler$getI18nI3.t('modal.open_leaflet_pdf_now'),
-            accept: (_viewHandler$getI18nI4 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI4 === void 0 ? void 0 : _viewHandler$getI18nI4.t('modals.open_now'),
+          (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
+            text: t('modal.open_leaflet_pdf_now'),
+            accept: t('modals.open_now'),
             callback: function callback() {
               window.open(savedBasket.PDFDocumentURL, '_blank');
             }
           });
           return _context.abrupt("return");
-        case 22:
+        case 21:
           if (!(buttonConfig.type == 'EVENT')) {
-            _context.next = 24;
+            _context.next = 23;
             break;
           }
           return _context.abrupt("return");
-        case 24:
+        case 23:
           (_viewHandler$actions5 = viewHandler.actions) === null || _viewHandler$actions5 === void 0 || _viewHandler$actions5.openModal({
             accept: false,
             rejectByIcon: true,
@@ -283,7 +280,7 @@ var _onClickCheckout = /*#__PURE__*/function () {
             }),
             dontRenderForm: true
           });
-        case 25:
+        case 24:
         case "end":
           return _context.stop();
       }

package/build/esm/{index-bb50888a.js → index-022adc0c.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0921c5b3.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-702e815e.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-992cfd03.js';
-import MetaData from './index-95a76687.js';
+import GenericToolTip from './index-0a4211de.js';
+import MetaData from './index-cafd6207.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-ea23d3b1.js';
-import PricePreview from './index-3c5d4c66.js';
+import InfoIcon from './index-6ec46226.js';
+import PricePreview from './index-ed6e3423.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7d7171e9.js → index-023c98d1.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { s as styleInject, u as useViewHandler } from './index-a8b36d53.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-984d0ce3.js';
-import TabGroups from './index-6e20eab3.js';
-import TabGroupOptions from './index-58947102.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-16965d34.js';
+import TabGroups from './index-90e7d54e.js';
+import TabGroupOptions from './index-5ab0c584.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-cf70f6b7.js';
+import ProduktDetails from './index-aa6005f0.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-ece08e64.js';
+import Price from './index-db1a84e7.js';
 import classnames from 'classnames';
-import JsonViewer from './index-0508316f.js';
+import JsonViewer from './index-5b7de086.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -25,9 +25,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-efcdd4e5.js';
+import './index.module-1684e520.js';
 import 'react-json-view-lite';
-import './react-json-viewer-784c96c9.js';
+import './react-json-viewer-b479c4b2.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-ad2b4a21.js → index-029e9517.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c0fe91b0.js → index-02e11029.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-decc0e6e.js';
+import './index-a8b36d53.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-2638cdc6.js';
-import SVGViewer from './index-2fa90fce.js';
+import ArticleOverview from './index-f6dbf9cf.js';
+import SVGViewer from './index-6094b85c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -19,14 +19,14 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index.module-98e21631.js';
-import './index.module-efcdd4e5.js';
+import './index.module-ced0dc6b.js';
+import './index.module-1684e520.js';
 import 'classnames';
-import './index.module-984d0ce3.js';
+import './index.module-16965d34.js';
 import 'react-collapsible';
-import './index-b3888675.js';
-import './index.module-f436fa34.js';
-import './index-af781a57.js';
+import './index-8faaa7ef.js';
+import './index.module-73d026e8.js';
+import './index-e5aab724.js';
 
 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; }