@crystaldesign/diva-web-planner-react 24.14.0-beta.9 → 24.14.0-rc.0

package/build/esm/{index-fd7b60d3.js → index-4635d1ae.js}

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

package/build/esm/{index-cdfa9e28.js → index-47587365.js}

@@ -1,4 +1,4 @@
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2290bd6c.js → index-4890dffc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -30,7 +30,7 @@ var RotateInfo = function RotateInfo(props) {
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  if (viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen || !viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
+  if (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.ViewConfig.disableLandscape) return /*#__PURE__*/jsx(Fragment, {});
   return /*#__PURE__*/jsxs("div", {
     className: classnames(container, !viewHandler.productState.orbitHidden ? hidden : notHidden),
     children: [/*#__PURE__*/jsx("img", {

package/build/esm/index-493d63c3.js

@@ -0,0 +1,119 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+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 { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-b61eb773.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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';
+
+var table = "table-jksgC";
+var column = "column-g-8AC";
+var scrollable = "scrollable-thuFz";
+var header = "header-hKjpS";
+var css_248z = ".table-jksgC {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.table-jksgC thead {\n  font-weight: bold !important;\n}\n.table-jksgC thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: black;\n}\n.column-g-8AC {\n  text-align: left;\n  height: 20px;\n}\n.column-g-8AC th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-g-8AC th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-g-8AC th:last-child {\n  font-size: 12px;\n}\n.scrollable-thuFz {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.header-hKjpS {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["onMouseDown"];
+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 ArticleOverview = function ArticleOverview(_ref) {
+  var _viewHandler$divaWebP;
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var articles = Object.values((_viewHandler$divaWebP = viewHandler.divaWebPlanner.getDivaArticles()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {});
+  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.settingsState.configChanged]);
+  viewHandler.productState.formatedTotalPrice;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      onMouseDown: onMouseDown,
+      children: "Artikel \xDCbersicht"
+    }), /*#__PURE__*/jsxs("table", {
+      className: table,
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsxs("tr", {
+          className: column,
+          children: [/*#__PURE__*/jsx("th", {
+            children: "Name"
+          }), /*#__PURE__*/jsx("th", {
+            children: "ArticleCodex"
+          }), /*#__PURE__*/jsx("th", {
+            children: "CatalogCodex"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Preis"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Bruttopreis"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Discount Prozent"
+          }), /*#__PURE__*/jsx("th", {
+            children: "Menge"
+          })]
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: Object.values(articles).map(function (article, index) {
+          var _article$price, _article$bruttoCalcPr, _article$discountPerc;
+          return /*#__PURE__*/jsxs("tr", {
+            className: column,
+            children: [/*#__PURE__*/jsxs("th", {
+              children: [" ", article.name]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [article.articleCodex, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [article.catalogCodex, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [" ", (_article$price = article.price) !== null && _article$price !== void 0 ? _article$price : 0, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [" ", (_article$bruttoCalcPr = article.bruttoCalcPrice) !== null && _article$bruttoCalcPr !== void 0 ? _article$bruttoCalcPr : 0, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [" ", (_article$discountPerc = article.discountPercentage) !== null && _article$discountPerc !== void 0 ? _article$discountPerc : 0, " "]
+            }), /*#__PURE__*/jsxs("th", {
+              children: [article.quantity, " "]
+            })]
+          }, article.basketId);
+        })
+      })]
+    })]
+  }));
+};
+var ArticleOverview$1 = observer(ArticleOverview);
+
+export { ArticleOverview$1 as default };

package/build/esm/{index-ccf0ef5a.js → index-4cc189b6.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-b5d1f76a.js';
+import PriceSumm from './index-50b7e8a9.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5b0361c3.js → index-4cd164f6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-021497ba.js → index-4f413231.js}

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

package/build/esm/{index-6775077f.js → index-4f704943.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-f37069da.js';
+import './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-62060d2e.js';
+import Group from './index-e41f602f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-collapsible';
-import './index-05e5de5b.js';
+import './index-007fc7e3.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; }

package/build/esm/{index-4d4cf791.js → index-4fec04c5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-7323277f.js → index-4ff6104b.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-82b57313.js';
-import Toggle from './index-6a4e568e.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-4d7bf583.js';
+import Toggle from './index-da03ac83.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-05e5de5b.js';
+import InfoIcon from './index-007fc7e3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,8 @@ var LOG = getLogger('Planner', 'ToggleName');
 var ToggleName = function ToggleName(_ref) {
   var _item$selectedElement;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var items = item.groups[0].items;
   var yesItem;
@@ -63,8 +64,9 @@ var ToggleName = function ToggleName(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, !checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, !checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
@@ -74,7 +76,7 @@ var ToggleName = function ToggleName(_ref) {
         }
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
+      className: classnames(columToggleName),
       children: /*#__PURE__*/jsx("div", {
         className: toggleWrapper,
         children: /*#__PURE__*/jsx(Toggle, {
@@ -87,7 +89,7 @@ var ToggleName = function ToggleName(_ref) {
         })
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
@@ -99,8 +101,10 @@ var ToggleName = function ToggleName(_ref) {
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
       item: contentItem,
       style: {
-        bottom: 'calc(50% - 10px)',
-        right: '-5%'
+        top: 'unset',
+        bottom: 'unset',
+        right: 'unset',
+        position: 'relative'
       }
     })]
   });

package/build/esm/{index-b5d1f76a.js → index-50b7e8a9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-282b2fdb.js → index-51149c8a.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-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.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-d7fc2242.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-e168886a.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c7db46f5.js → index-511c4366.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-6a4e568e.js';
+import Toggle from './index-da03ac83.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cdaf58fc.js → index-517c163f.js}

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

package/build/esm/{index-e6480baf.js → index-5291e7fb.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-fa1614df.js';
-import { S as SettingsItem } from './index-f7b42992.js';
+import SubTabGroupHeader from './index-7883c77a.js';
+import { S as SettingsItem } from './index-44e5cfbe.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,54 +20,54 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-31815467.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-e59e8329.js';
+import './index-3aa9b5d6.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-da03ac83.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
+import './index-7998c732.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
 import 'react-laag';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-b1ebee21.js → index-5314f4d7.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-f37069da.js';
+import { a as usePlannerUIHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-96992296.js';
-import ItemsContainer from './index-53f5c5c8.js';
+import Outline3D from './index-d88ae19b.js';
+import ItemsContainer from './index-e32c6b03.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-c653356d.js';
-import './index-9f2e607e.js';
-import './index-38a9ad48.js';
-import './index-965d855c.js';
-import './index-8c3a9e2c.js';
-import './index-3f70040b.js';
-import './index-90cbc60f.js';
-import './index-51ac9599.js';
-import './index-6fd7f393.js';
-import './index-56d8cda7.js';
-import './index-38215619.js';
+import './index-55ba96a6.js';
+import './index-a0abdb7f.js';
+import './index-630686ea.js';
+import './index-dafa5f25.js';
+import './index-3c9930ed.js';
+import './index-78781ebd.js';
+import './index-e2c3b613.js';
+import './index-1c5eacf2.js';
+import './index-7b38889d.js';
+import './index-d70d2f75.js';
+import './index-2781eb94.js';
 import 'react-draggable';
-import './index-7d5c27f6.js';
-import './index-cdfa9e28.js';
-import './index-1b18a545.js';
+import './index-37d467ee.js';
+import './index-47587365.js';
+import './index-1b84adec.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-2e8e957d.js → index-53db5f72.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-c653356d.js → index-55ba96a6.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-f37069da.js';
+import { a as usePlannerUIHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-5e50464b.js → index-56037e7e.js}

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

package/build/esm/{index-f2b3095b.js → index-56e1c6bd.js}

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

package/build/esm/{index-46e6e40f.js → index-59d02025.js}

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

package/build/esm/{index-558cfae0.js → index-5b34203b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2104f9f5.js → index-5bac44b5.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-c9acfe44.js → index-5bb16558.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
-import Toggle from './index-6a4e568e.js';
+import Toggle from './index-da03ac83.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-480fb872.js → index-5bca4dfb.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-8e9338b2.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-9df424dd.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-c958d8c4.js';
-import properties$1 from './ArticleProperties-6a2b6fe9.js';
-import properties$2 from './OptionProperties-e5dfcf43.js';
-import properties$3 from './OptionValueProperties-bb5917a7.js';
+import properties from './CatalogProperties-e31e600d.js';
+import properties$1 from './ArticleProperties-f53c384b.js';
+import properties$2 from './OptionProperties-643a7c11.js';
+import properties$3 from './OptionValueProperties-4ea0f365.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-6a4e568e.js';
+import './index-da03ac83.js';
 import 'react-switch';
 
 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; }

package/build/esm/{index-b694b189.js → index-5ea3d566.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-aa96446b.js → index-5fedc70f.js}

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

package/build/esm/{index-960911b7.js → index-60cd097e.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';
@@ -31,7 +31,7 @@ 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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
-  var _viewHandler$getViewC, _theme$typography;
+  var _theme$typography;
   var layerProps = _ref.layerProps,
     arrowProps = _ref.arrowProps,
     autoClose = _ref.autoClose,
@@ -39,8 +39,8 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
     fadeout = _ref.fadeout,
     url = _ref.url;
   var viewHandler = useViewHandler();
-  var arQrCodeConfig = (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.enableAR;
-  var AUTOHIDE_SEC = typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.timeUnitAutohide ? arQrCodeConfig.timeUnitAutohide : 6;
+  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
+  var AUTOHIDE_SEC = arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.timeUnitAutohide ? arQrCodeConfig.timeUnitAutohide : 6;
   var _useDivaCore = useDivaCore(),
     theme = _useDivaCore.state.theme;
   var _useTranslation = useTranslation(),