@crystaldesign/diva-web-planner-react 24.15.0-beta.42 → 24.15.0-beta.43

package/build/esm/{index-879df5cf.js → index-d839baf0.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-c735c726.js';
+import ProductHeaderFunction from './index-e05a71cd.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-fda22f13.js';
+import ContentItemWrapper from './index-d7ced5db.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -52,32 +52,26 @@ var ProductHeader = function ProductHeader(_ref) {
     isMobile = _useDivaCore$state$di.isMobile,
     isTablet = _useDivaCore$state$di.isTablet;
   var headerContentBoxProps = viewHandler.getViewConfig().productHeaderContentBox;
-  var _useState = useState([]),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     dimensions = _useState2[0],
     setDimensions = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dimOnlyForOneArticle = _useState4[0],
+    setDimOnlyForOneArticle = _useState4[1];
   var hideWebConfiguratorTitle = viewHandler.getViewConfig().hideWebConfiguratorTitle || viewHandler.getViewConfig().hideWebConfiguratorTitleInMobile && viewHandler.getIsInMobileView();
   useEffect(function () {
+    var _viewHandler$productS;
     if (isMobile && !isTablet || !viewHandler.divaWebPlanner.actSet()) return;
-    viewHandler.divaWebPlanner.getDimension().then(function (res) {
-      if ((!res || res.length == 0) && dimensions.length > 0) setDimensions([]);
-      if (!res || res.every(function (r, idx) {
-        var _dimensions$idx, _dimensions$idx2;
-        return (dimensions === null || dimensions === void 0 || (_dimensions$idx = dimensions[idx]) === null || _dimensions$idx === void 0 ? void 0 : _dimensions$idx.elementIds.includes(r === null || r === void 0 ? void 0 : r.elementId)) && (r === null || r === void 0 ? void 0 : r.dimension) == (dimensions === null || dimensions === void 0 || (_dimensions$idx2 = dimensions[idx]) === null || _dimensions$idx2 === void 0 ? void 0 : _dimensions$idx2.dimension);
-      })) return;
-      var cleanedDimensions = [];
-      res.forEach(function (r) {
-        if (r.dimension == 0) return;
-        var foundDimensionIdx = cleanedDimensions.findIndex(function (cd) {
-          return cd.dimension == r.dimension && cd.dimensionId == r.dimensionId;
+    (_viewHandler$productS = viewHandler.productState.customDimensions) === null || _viewHandler$productS === void 0 || _viewHandler$productS.then(function (res) {
+      setDimensions(res);
+      setDimOnlyForOneArticle(res.reduce(function (basketIds, d) {
+        d.basketIds.map(function (b) {
+          return !basketIds.includes(b) ? basketIds.push(b) : undefined;
         });
-        if (foundDimensionIdx != -1) cleanedDimensions[foundDimensionIdx].elementIds.push(r.elementId);else cleanedDimensions.push({
-          dimensionId: r.dimensionId,
-          elementIds: [r.elementId],
-          dimension: r.dimension
-        });
-      });
-      setDimensions(cleanedDimensions);
+        return basketIds;
+      }, []).length <= 1);
     });
   }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
   return /*#__PURE__*/jsxs("div", {
@@ -104,15 +98,15 @@ var ProductHeader = function ProductHeader(_ref) {
             "data-test-id": "productHeaderFormattedBruttoPrice",
             children: [' ', viewHandler.productState.formatedBruttoPrice]
           })]
-        }), dimensions.map(function (dimension) {
-          var _dimension$dimension;
+        }), !!(dimensions !== null && dimensions !== void 0 && dimensions.length) && dimensions.map(function (dimension) {
+          var _dimension$text, _dimension$dimension;
           return /*#__PURE__*/jsxs("div", {
             children: [/*#__PURE__*/jsxs("span", {
               className: wcPriceinfo,
-              children: [t('configurator.headerdimension.' + dimension.dimensionId), " ", dimensions.length > 1 && '(' + dimension.elementIds.join(',') + ')', ":", ' ']
+              children: [(_dimension$text = dimension.text) !== null && _dimension$text !== void 0 ? _dimension$text : t('configurator.headerdimension.' + dimension.dimensionId), ' ', !dimOnlyForOneArticle && '(' + dimension.posNrs.join(',') + ')', ":", ' ']
             }), /*#__PURE__*/jsxs("span", {
               className: wcFormattedprice,
-              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " cm"]
+              children: [(_dimension$dimension = dimension.dimension) !== null && _dimension$dimension !== void 0 ? _dimension$dimension : 0, " ", dimension.unit]
             })]
           });
         })]

package/build/esm/{index-28353d59.js → index-dc37f13e.js}

@@ -1,11 +1,11 @@
-import { u as useViewHandler } from './index-d8e8ee50.js';
+import { u as useViewHandler } from './index-688b6020.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-bea52e81.js';
-import Toggle from './index-ded4606e.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-f1575e03.js';
+import Toggle from './index-0ad6a730.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-80d54a05.js';
-import PricePreview from './index-ca20d0d2.js';
+import InfoIcon from './index-7d0f549c.js';
+import PricePreview from './index-139eb978.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7c6843b4.js → index-dde56c75.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-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import { 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-0d8b39b3.js';
-import GenericToolTip from './index-7fe777c7.js';
+import MetaData from './index-fd409c92.js';
+import GenericToolTip from './index-d12b9f52.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-ca20d0d2.js';
+import './index-139eb978.js';
 
 var container = "container-08OcY";
 var sel = "sel-hd522";

package/build/esm/{index-62fb031c.js → index-de245b7e.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import { useState, useEffect } from 'react';
-import OptionTree from './index-000cc10b.js';
-import PartListTable from './index-680043c9.js';
-import MaskEditor from './index-5298794a.js';
-import ArticleOverview from './index-9bdb33fd.js';
-import SVGAnalyzer from './index-fcfe486d.js';
-import EkTextViewer from './index-543fb586.js';
-import CatalogMakeup from './index-a944e351.js';
-import PartListAnalyzer from './index-512c3fe1.js';
-import RTVAnalyzer from './index-54c5ad9a.js';
-import J3DEditor from './index-8df1de22.js';
-import PropertiesEditor from './index-7eaea67c.js';
+import OptionTree from './index-b7176fec.js';
+import PartListTable from './index-5fec9126.js';
+import MaskEditor from './index-6be1fc2a.js';
+import ArticleOverview from './index-8e18e6d4.js';
+import SVGAnalyzer from './index-78bbddbb.js';
+import EkTextViewer from './index-3f4b4c3f.js';
+import CatalogMakeup from './index-29b87239.js';
+import PartListAnalyzer from './index-9b3a960e.js';
+import RTVAnalyzer from './index-ff2346f9.js';
+import J3DEditor from './index-afc10f71.js';
+import PropertiesEditor from './index-b00fc8e0.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -27,37 +27,37 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index.module-176b137a.js';
-import './index-bb616940.js';
-import './index-8dd5906b.js';
+import './index.module-d680eb25.js';
+import './index-cacbc7d8.js';
+import './index-4a4987a0.js';
 import 'classnames';
-import './index-4195142f.js';
+import './index-97902888.js';
 import 'react-collapsible';
-import './index-52379a53.js';
-import './index-51db4327.js';
-import './index.module-75cc30a8.js';
+import './index-bfc75c5a.js';
+import './index-d4831a2c.js';
+import './index.module-08c61c47.js';
 import 'react-json-view-lite';
-import './react-json-viewer-277c1b1f.js';
-import './index.module-284d6f49.js';
+import './react-json-viewer-f68e64af.js';
+import './index.module-06d035fa.js';
 import 'jsoneditor';
-import './index-105f8b81.js';
-import './index-79b434d8.js';
-import './index-2a52b7d2.js';
-import './index.module-44e95dd3.js';
-import './index-fe9502a0.js';
-import './index-5bd74e67.js';
+import './index-03ec879a.js';
+import './index-d2ae9d7e.js';
+import './index-9d28d822.js';
+import './index.module-b9981b37.js';
+import './index-f44fdbfe.js';
+import './index-793170bc.js';
 import 'react-dropdown';
-import './index.module-afbdf992.js';
-import './index-90e15e90.js';
-import './index-ff3c9f2f.js';
-import './index-a8ced61b.js';
-import './index-7d11241c.js';
-import './index-ded4606e.js';
+import './index.module-1a40283c.js';
+import './index-84efdd4e.js';
+import './index-84aeb3e3.js';
+import './index-ba3e4f4a.js';
+import './index-0de21e98.js';
+import './index-0ad6a730.js';
 import 'react-switch';
-import './CatalogProperties-cb0cf229.js';
-import './ArticleProperties-aeb1fcbb.js';
-import './OptionProperties-d17fe95d.js';
-import './OptionValueProperties-19ec19bf.js';
+import './CatalogProperties-64439d05.js';
+import './ArticleProperties-2213b08d.js';
+import './OptionProperties-d6da9f4b.js';
+import './OptionValueProperties-c7188c08.js';
 import 'react-select';
 
 var wrapper = "wrapper-eIL6V";

package/build/esm/{index-c735c726.js → index-e05a71cd.js}

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

package/build/esm/{index-c22185d1.js → index-e187e0dc.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-08bb7525.js → index-e18f83a7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-da24d270.js → index-e22480a6.js}

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

package/build/esm/{index-5aff895b.js → index-e230f18c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-46e4d730.js';
-import ProductRoomList from './index-e5e84e5d.js';
+import ArQrCodeIcon from './index-12d22d4e.js';
+import ProductRoomList from './index-a601f66a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-9a0bf35a.js';
+import './index-190b689d.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-08509826.js';
+import './index-306444d9.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-343e12f5.js → index-e8c71131.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-5694dc65.js → index-ea7d360a.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-46e4d730.js';
+import ArQrCodeIcon from './index-12d22d4e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-9a0bf35a.js';
+import './index-190b689d.js';
 import 'react-qr-code';
-import './index-08509826.js';
+import './index-306444d9.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-78e44882.js → index-ebc31b43.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-d8e8ee50.js';
+import { a as usePlannerUIHandler } from './index-688b6020.js';
 import { useState } from 'react';
-import DPACC from './index-6c0c9638.js';
+import DPACC from './index-936e1bfd.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-ec3bbe90.js → index-ef39ed08.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-d4fa95c0.js → index-f0685a66.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import classnames from 'classnames';
-import Toggle from './index-ded4606e.js';
+import Toggle from './index-0ad6a730.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-317c32c6.js';
+import BasketActionSerious from './index-46e0b124.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-58042d56.js → index-f0a43301.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-d8e8ee50.js';
-import ProductHeader from './index-879df5cf.js';
+import { s as styleInject } from './index-688b6020.js';
+import ProductHeader from './index-d839baf0.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-c735c726.js';
+import './index-e05a71cd.js';
 import '@crystaldesign/content-box';
-import './index-fda22f13.js';
+import './index-d7ced5db.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-67040a5e.js → index-f0c63b23.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fe9502a0.js → index-f44fdbfe.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-d8e8ee50.js';
+import { u as useViewHandler } from './index-688b6020.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-44e95dd3.js';
+import { s as svgWrapper } from './index.module-b9981b37.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d9e30834.js → index-f591b6cb.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-8f364ee2.js';
+import FilterItem from './index-89a6946d.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-dd752528.js → index-f64fc264.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-d8e8ee50.js';
+import { u as useViewHandler } from './index-688b6020.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-00aa2d87.js';
+import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-05671889.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-55a7b1b6.js → index-f9838b5a.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import 'react';
-import BasketActionStandard from './index-2f383b42.js';
+import BasketActionStandard from './index-d14031f2.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2fbbcf46.js → index-fbd94312.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-3423be91.js';
-import Searchbar from './index-8f24c231.js';
-import Arrow from './index-90e15e90.js';
-import InfoIcon from './index-80d54a05.js';
-import PricePreview from './index-ca20d0d2.js';
+import RALFilter from './index-67230a40.js';
+import Searchbar from './index-6d8d113f.js';
+import Arrow from './index-84efdd4e.js';
+import InfoIcon from './index-7d0f549c.js';
+import PricePreview from './index-139eb978.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,10 +23,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ead11b44.js';
-import './index-d9e30834.js';
+import './index-358ea1d8.js';
+import './index-f591b6cb.js';
 import '@crystaldesign/content-box';
-import './index-8f364ee2.js';
+import './index-89a6946d.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-a4b3dc0b.js → index-fc274b6f.js}

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

package/build/esm/{index-ef3659fc.js → index-fc3ab8ab.js}

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

package/build/esm/{index-0d8b39b3.js → index-fd409c92.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-54c5ad9a.js → index-ff2346f9.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-688b6020.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-d8e8ee50.js';
+export { W as WebPlannerReact, c as default } from './index-688b6020.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-00aa2d87.js → index.module-05671889.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-284d6f49.js → index.module-06d035fa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-75cc30a8.js → index.module-08c61c47.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-afbdf992.js → index.module-1a40283c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-2164676c.js → index.module-4955f375.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-da9a0a11.js → index.module-714be2d6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-b3fef8c8.js → index.module-8e7efcb9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-44e95dd3.js → index.module-b9981b37.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-07ad8142.js → index.module-d3d93484.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-176b137a.js → index.module-d680eb25.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-ccf5efb2.js → index.module-d95eac77.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-bea52e81.js → index.module-f1575e03.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{react-json-viewer-277c1b1f.js → react-json-viewer-f68e64af.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-d8e8ee50.js';
+import { s as styleInject } from './index-688b6020.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,EA+IA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"OptionProperties.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx"],"names":[],"mappings":"AACA,QAAA,MAAM,UAAU,EAAE;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;CACjE,EAsJA,CAAC;AAEF,eAAe,UAAU,CAAC"}