@crystaldesign/diva-web-planner-react 25.4.0-beta.23 → 25.4.0-beta.25

package/build/esm/{ArticleProperties-423988df.js → ArticleProperties-4cc976c6.js}

@@ -1,4 +1,4 @@
-import './index-727cbdc5.js';
+import './index-89493e6d.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-f53bb145.js → CatalogProperties-5a5b5732.js}

@@ -1,4 +1,4 @@
-import './index-727cbdc5.js';
+import './index-89493e6d.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -166,6 +166,13 @@ var properties = [{
     children: "Start article that is loaded after starting the planner. used for boxplanner"
   }),
   type: 'string'
+}, {
+  catalogKey: 'hide2DPlanner',
+  codex: 'HIDE_2D_PLANNER',
+  desc: /*#__PURE__*/jsx(Fragment, {
+    children: "Hide 2D grid / planner if possible"
+  }),
+  type: 'boolean'
 }, {
   catalogKey: 'accessorieStepAsPlanner',
   codex: 'ACCESSOIRE_STEP_AS_PLANNER',

package/build/esm/DecisionVizualizer-08ad1e9a.js

@@ -0,0 +1,113 @@
+import { s as styleInject } from './index-89493e6d.js';
+import 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var table = "table-iqWqM";
+var column = "column-0LUrX";
+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\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}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 240px;\n  width: 700px;\n  height: calc(100% - 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}\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;
+  // Helper function to check if a value exists
+  var renderIfDefined = function renderIfDefined(value, label) {
+    if (value !== undefined && value !== null && value !== '') {
+      return /*#__PURE__*/jsxs("p", {
+        children: [/*#__PURE__*/jsxs("strong", {
+          children: [label, ":"]
+        }), " ", Array.isArray(value) ? value.join(', ') : value]
+      });
+    }
+    return null;
+  };
+  if (d.DecisionNumber !== undefined) {
+    var decision = d;
+    return /*#__PURE__*/jsxs("div", {
+      style: {
+        userSelect: 'text'
+      },
+      children: [/*#__PURE__*/jsx("h2", {
+        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.DecisionNumber, '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']
+    });
+  } else {
+    var _decision = d;
+    return /*#__PURE__*/jsxs("div", {
+      className: idmContainer,
+      children: [/*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsxs("h2", {
+          className: idmTitle,
+          children: ["Decision #", _decision.decisionNo]
+        }), renderIfDefined(_decision.comment, 'Comment'), renderIfDefined(_decision.createdBy, 'Created By'), renderIfDefined(_decision.createdByDisplayText, 'Created By Display Name'), renderIfDefined(_decision.createdDate, 'Created On'), renderIfDefined(_decision.lastUpdatedByDisplayText, 'Last Updated By'), renderIfDefined(_decision.lastUpdatedDate, 'Last Updated On'), renderIfDefined(_decision.validFromDate, 'Valid From Date'), renderIfDefined(_decision.validUntilDate, 'Valid Until Date'), 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.optionCombinations.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);
+          })
+        })]
+      })]
+    });
+  }
+};
+
+var DecisionVizualizer = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': DecisionVisualization
+});
+
+export { DecisionVisualization as D, DecisionVizualizer as a, column as c, decision as d, header as h, scrollable as s, table as t };

package/build/esm/{IconHandler-4109eb2f.js → IconHandler-e99c45fe.js}

@@ -1,4 +1,4 @@
-import './index-727cbdc5.js';
+import './index-89493e6d.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-65efdf20.js → OptionProperties-345ace70.js}

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

package/build/esm/{OptionValueProperties-fd3ed5c9.js → OptionValueProperties-497de86b.js}

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

package/build/esm/{Planner2DGrid-4ab1dd91.js → Planner2DGrid-20bdfb80.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-727cbdc5.js';
+import './index-89493e6d.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-fb173788.js → Planner3DImage-6414329e.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-727cbdc5.js';
+import './index-89493e6d.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-26dfccc7.js → index-00bc873c.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import 'react';
-import Toggle from './index-b87bbe98.js';
+import Toggle from './index-ed4d3f6d.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-9bdff6a4.js → index-0136ac70.js}

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

package/build/esm/{index-eece49ba.js → index-02f7184f.js}

@@ -2,17 +2,17 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-387d8795.js';
-import GenericToolTip from './index-3ffea94e.js';
-import SubTabGroup from './index-c7c85e06.js';
-import InfoIcon from './index-3cfb4e0e.js';
-import PricePreview from './index-3f8d6fb4.js';
+import MetaData from './index-34a329f9.js';
+import GenericToolTip from './index-3ae55f77.js';
+import SubTabGroup from './index-bed0ad54.js';
+import InfoIcon from './index-f5215053.js';
+import PricePreview from './index-cf0030d5.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,66 +24,66 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-cc5d9ab8.js';
-import './index-9930170c.js';
+import './index-6c1eb24f.js';
+import './index-9d35dd5c.js';
 import 'sift';
-import './index-d808b67c.js';
-import './index-a1f6933e.js';
-import './index-4c26eb26.js';
-import './index-36d7da32.js';
-import './index-bb3758bc.js';
-import './index.module-ccbbdf05.js';
-import './index-b87bbe98.js';
+import './index-4735d869.js';
+import './index-1188d2b7.js';
+import './index-f9c227c5.js';
+import './index-bb837ea7.js';
+import './index-7245926c.js';
+import './index.module-50772269.js';
+import './index-ed4d3f6d.js';
 import 'react-switch';
-import './index-52059a87.js';
+import './index-7413072f.js';
 import 'react-dropdown';
-import './index-880ff5c4.js';
+import './index-ff7920d3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d23cd6f8.js';
-import './index-bf9b2c51.js';
-import './index-ce75a3b2.js';
+import './index-cc1197a8.js';
+import './index-7ac42329.js';
+import './index-2b07eea7.js';
 import '@crystaldesign/content-box';
-import './index-5bbb2f4e.js';
-import './index-e345e6bf.js';
-import './index-f224df2f.js';
-import './index-26cc75eb.js';
-import './index-70e26687.js';
-import './index-2ad3c0ae.js';
-import './index-c4d7b55f.js';
-import './index-312fb402.js';
-import './index-189d2feb.js';
-import './index-7d02c945.js';
-import './index-4a9f5c75.js';
-import './index-55a90e70.js';
-import './index-cf8ca960.js';
-import './index-ee72c5d5.js';
-import './index.module-15842230.js';
-import './index-06d8f200.js';
-import './index-b123480f.js';
-import './index-13e44a5a.js';
-import './index-e9d7d483.js';
-import './index-dbddca3e.js';
-import './index-de3585ab.js';
-import './index-b051dee9.js';
-import './index.module-c5f721e0.js';
-import './index-7986a7a8.js';
-import './index-d6bb45d7.js';
-import './index-c663dd66.js';
-import './index-4389fba2.js';
-import './index.module-df7204d1.js';
+import './index-c5698855.js';
+import './index-bef686c2.js';
+import './index-347b961a.js';
+import './index-151ffa90.js';
+import './index-21cfdde6.js';
+import './index-b9a1e7fd.js';
+import './index-bbb0548e.js';
+import './index-cc043a4b.js';
+import './index-30b29828.js';
+import './index-caffe0d3.js';
+import './index-daf907b1.js';
+import './index-4511b06f.js';
+import './index-e6bb542f.js';
+import './index-377f75ee.js';
+import './index.module-577d6ff2.js';
+import './index-870de4c4.js';
+import './index-0e6b554b.js';
+import './index-b9523caa.js';
+import './index-ad1728e4.js';
+import './index-86c6037f.js';
+import './index-a96c7492.js';
+import './index-ca2b5298.js';
+import './index.module-42a162a6.js';
+import './index-360e9808.js';
+import './index-dd743b0c.js';
+import './index-e1b23f8f.js';
+import './index-5cf50b21.js';
+import './index.module-9a14a5e3.js';
 import 'react-select';
-import './index-710341f3.js';
-import './index-830fffb3.js';
-import './index.module-13ec9ec1.js';
-import './index-2f0c9157.js';
+import './index-e8095a67.js';
+import './index-bcd94365.js';
+import './index.module-d71b170f.js';
+import './index-91599ffa.js';
 import 'qrcode.react';
-import './index-02919ee9.js';
-import './index-39891db6.js';
-import './index-da0f142d.js';
+import './index-12176880.js';
+import './index-55073ac0.js';
+import './index-82dd4e72.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-352e9190.js';
-import './index-d917f727.js';
+import './index-8f7864d2.js';
+import './index-3a063a51.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-7baf9b52.js → index-055d8178.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-3ffea94e.js';
+import GenericToolTip from './index-3ae55f77.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-387d8795.js';
+import MetaData from './index-34a329f9.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,7 +20,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-3f8d6fb4.js';
+import './index-cf0030d5.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-b26015b7.js → index-05737b73.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-317787e0.js';
-import ProductRoomList from './index-306ce1c1.js';
+import ArQrCodeIcon from './index-d0505726.js';
+import ProductRoomList from './index-3014d54b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,10 +19,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-e3bc5084.js';
+import './index-57193206.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-69db16e6.js';
+import './index-96d1f909.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-79985a6d.js → index-05c91fed.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-727cbdc5.js';
-import ProductHeader from './index-51069743.js';
+import { s as styleInject } from './index-89493e6d.js';
+import ProductHeader from './index-9df454be.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-12bdb78f.js';
+import './index-607f3f38.js';
 import '@crystaldesign/content-box';
-import './index-bd1a1663.js';
+import './index-126d0493.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-4a70f621.js → index-05cf8095.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-727cbdc5.js';
+import { u as useViewHandler } from './index-89493e6d.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-cc8d14c9.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-c4f038dc.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b0997c7d.js → index-0603137b.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-387d8795.js';
-import GenericToolTip from './index-3ffea94e.js';
-import PricePreview from './index-3f8d6fb4.js';
+import MetaData from './index-34a329f9.js';
+import GenericToolTip from './index-3ae55f77.js';
+import PricePreview from './index-cf0030d5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-4f62c270.js → index-077a8e40.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-727cbdc5.js';
+import { s as styleInject, u as useViewHandler } from './index-89493e6d.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-9930170c.js';
+import { S as SettingsItem } from './index-9d35dd5c.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -19,68 +19,68 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-d808b67c.js';
-import './index-a1f6933e.js';
-import './index-4c26eb26.js';
-import './index-36d7da32.js';
-import './index-bb3758bc.js';
-import './index.module-ccbbdf05.js';
-import './index-b87bbe98.js';
+import './index-4735d869.js';
+import './index-1188d2b7.js';
+import './index-f9c227c5.js';
+import './index-bb837ea7.js';
+import './index-7245926c.js';
+import './index.module-50772269.js';
+import './index-ed4d3f6d.js';
 import 'react-switch';
-import './index-3cfb4e0e.js';
-import './index-3f8d6fb4.js';
-import './index-52059a87.js';
+import './index-f5215053.js';
+import './index-cf0030d5.js';
+import './index-7413072f.js';
 import 'react-dropdown';
-import './index-880ff5c4.js';
+import './index-ff7920d3.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d23cd6f8.js';
-import './index-bf9b2c51.js';
-import './index-ce75a3b2.js';
+import './index-cc1197a8.js';
+import './index-7ac42329.js';
+import './index-2b07eea7.js';
 import '@crystaldesign/content-box';
-import './index-5bbb2f4e.js';
-import './index-e345e6bf.js';
-import './index-f224df2f.js';
-import './index-26cc75eb.js';
-import './index-70e26687.js';
-import './index-2ad3c0ae.js';
+import './index-c5698855.js';
+import './index-bef686c2.js';
+import './index-347b961a.js';
+import './index-151ffa90.js';
+import './index-21cfdde6.js';
+import './index-b9a1e7fd.js';
 import 'react-laag';
-import './index-387d8795.js';
-import './index-3ffea94e.js';
-import './index-c4d7b55f.js';
-import './index-312fb402.js';
-import './index-189d2feb.js';
-import './index-7d02c945.js';
-import './index-4a9f5c75.js';
-import './index-55a90e70.js';
-import './index-cf8ca960.js';
-import './index-ee72c5d5.js';
-import './index.module-15842230.js';
-import './index-06d8f200.js';
-import './index-b123480f.js';
-import './index-13e44a5a.js';
-import './index-e9d7d483.js';
-import './index-dbddca3e.js';
-import './index-de3585ab.js';
-import './index-b051dee9.js';
-import './index.module-c5f721e0.js';
-import './index-7986a7a8.js';
-import './index-d6bb45d7.js';
-import './index-c663dd66.js';
-import './index-4389fba2.js';
-import './index.module-df7204d1.js';
+import './index-34a329f9.js';
+import './index-3ae55f77.js';
+import './index-bbb0548e.js';
+import './index-cc043a4b.js';
+import './index-30b29828.js';
+import './index-caffe0d3.js';
+import './index-daf907b1.js';
+import './index-4511b06f.js';
+import './index-e6bb542f.js';
+import './index-377f75ee.js';
+import './index.module-577d6ff2.js';
+import './index-870de4c4.js';
+import './index-0e6b554b.js';
+import './index-b9523caa.js';
+import './index-ad1728e4.js';
+import './index-86c6037f.js';
+import './index-a96c7492.js';
+import './index-ca2b5298.js';
+import './index.module-42a162a6.js';
+import './index-360e9808.js';
+import './index-dd743b0c.js';
+import './index-e1b23f8f.js';
+import './index-5cf50b21.js';
+import './index.module-9a14a5e3.js';
 import 'react-select';
-import './index-710341f3.js';
-import './index-830fffb3.js';
-import './index.module-13ec9ec1.js';
-import './index-2f0c9157.js';
+import './index-e8095a67.js';
+import './index-bcd94365.js';
+import './index.module-d71b170f.js';
+import './index-91599ffa.js';
 import 'qrcode.react';
-import './index-02919ee9.js';
-import './index-39891db6.js';
-import './index-da0f142d.js';
+import './index-12176880.js';
+import './index-55073ac0.js';
+import './index-82dd4e72.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-352e9190.js';
-import './index-d917f727.js';
+import './index-8f7864d2.js';
+import './index-3a063a51.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-c64e4031.js → index-07b6918e.js}

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

package/build/esm/{index-b36aa851.js → index-086746fd.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-727cbdc5.js';
+import { u as useViewHandler } from './index-89493e6d.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-420a3078.js';
-import Arrow from './index-bf9b2c51.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-0ef38f9d.js';
+import Arrow from './index-7ac42329.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c6703b90.js → index-0a7e2cbc.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-727cbdc5.js';
+import { a as usePlannerUIHandler } from './index-89493e6d.js';
 import { useState } from 'react';
-import DPACC from './index-4e78a032.js';
+import DPACC from './index-1884398f.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';