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

package/build/esm/{index-3088bdd0.js → index-cf20ccd7.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-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-baf80c6d.js';
-import { S as SettingsItem } from './index-7b58db54.js';
+import SubTabGroupHeader from './index-7719c346.js';
+import { S as SettingsItem } from './index-a6eeeaf0.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,56 +20,56 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-bbf33b7c.js';
-import './index-cd43d4ec.js';
-import './index-694f6532.js';
-import './index-1cd88fc8.js';
-import './index-4878d633.js';
-import './index.module-bea52e81.js';
-import './index-ded4606e.js';
+import './index-90fe8c63.js';
+import './index-af558172.js';
+import './index-c224a9af.js';
+import './index-9cc2c8a1.js';
+import './index-85398793.js';
+import './index.module-54a3737c.js';
+import './index-4f7cb624.js';
 import 'react-switch';
-import './index-80d54a05.js';
-import './index-ca20d0d2.js';
-import './index-2fbbcf46.js';
+import './index-0a3f6c1a.js';
+import './index-231e1fd4.js';
+import './index-b25f0bd7.js';
 import 'react-dropdown';
-import './index-3423be91.js';
+import './index-6afa96a2.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ead11b44.js';
-import './index-90e15e90.js';
-import './index-d9e30834.js';
+import './index-37072079.js';
+import './index-77c4ba32.js';
+import './index-5c750cfe.js';
 import '@crystaldesign/content-box';
-import './index-8f364ee2.js';
-import './index-8f24c231.js';
-import './index-13458dc2.js';
-import './index-28353d59.js';
-import './index-9032f7b2.js';
+import './index-9d8d1c44.js';
+import './index-e779d2cf.js';
+import './index-e525b0ab.js';
+import './index-27120e5b.js';
+import './index-6a80ef50.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-04c9174d.js';
-import './index-172a60a4.js';
-import './index-f5977571.js';
+import './index-869811a4.js';
+import './index-c0eb101d.js';
+import './index-d5c3aff3.js';
 import 'react-laag';
-import './index-0d8b39b3.js';
-import './index-7fe777c7.js';
-import './index-a5ae090b.js';
-import './index-e6d8cd67.js';
-import './index-6a603dde.js';
-import './index-8d8986ab.js';
-import './index-827d903b.js';
-import './index-146f5b93.js';
-import './index-ce5da56c.js';
-import './index-f292e6b9.js';
-import './index.module-b3fef8c8.js';
-import './index-ae42c308.js';
-import './index-d186b7e3.js';
-import './index-618033de.js';
-import './index-93ceb129.js';
-import './index-16417618.js';
-import './index-8997f573.js';
-import './index-812e31d3.js';
-import './index.module-07ad8142.js';
-import './index-ccc700ce.js';
-import './index-969d8459.js';
+import './index-ef710908.js';
+import './index-abe0901e.js';
+import './index-2ec202ad.js';
+import './index-a905e813.js';
+import './index-d0eb4b28.js';
+import './index-e4a27b2c.js';
+import './index-1b70e9e1.js';
+import './index-7ed93221.js';
+import './index-ddfa46c2.js';
+import './index-6bbcdf43.js';
+import './index.module-381a4057.js';
+import './index-ba80eb9f.js';
+import './index-d668a5f9.js';
+import './index-7cb9610c.js';
+import './index-b7606aa6.js';
+import './index-932f6b74.js';
+import './index-8a7e6f60.js';
+import './index-e1d4eaaa.js';
+import './index.module-58527a5c.js';
+import './index-8b230ad7.js';
+import './index-46630465.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-9c80aac0.js → index-cfdacc29.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-da2848b2.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-000cc10b.js → index-d0d294ba.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-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-176b137a.js';
-import TabGroups from './index-bb616940.js';
-import TabGroupOptions from './index-8dd5906b.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-8e8696a3.js';
+import TabGroups from './index-dbebe612.js';
+import TabGroupOptions from './index-b51ddfaf.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-4195142f.js';
+import ProduktDetails from './index-7a9d780c.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-52379a53.js';
+import Price from './index-c82da66a.js';
 import classnames from 'classnames';
-import JsonViewer from './index-51db4327.js';
+import JsonViewer from './index-cb7c69ca.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,9 +24,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-75cc30a8.js';
+import './index.module-266bd22b.js';
 import 'react-json-view-lite';
-import './react-json-viewer-277c1b1f.js';
+import './react-json-viewer-7afabd53.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-6a603dde.js → index-d0eb4b28.js}

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

package/build/esm/{index-b1b49b25.js → index-d4151195.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-da2848b2.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-f7586909.js → index-d497ae00.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-da2848b2.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-54de9f7f.js → index-d5600c5d.js}

@@ -1,11 +1,11 @@
 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-da2848b2.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as wcFunctionsContainer, c as wcIcon } from './index.module-00aa2d87.js';
+import { a as wcFunctionsContainer, c as wcIcon } from './index.module-7af6ec5d.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-ec3bbe90.js';
+import Share from './index-2feb12c1.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f5977571.js → index-d5c3aff3.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-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-0d8b39b3.js';
-import GenericToolTip from './index-7fe777c7.js';
-import InfoIcon from './index-80d54a05.js';
+import MetaData from './index-ef710908.js';
+import GenericToolTip from './index-abe0901e.js';
+import InfoIcon from './index-0a3f6c1a.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,7 +20,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-ca20d0d2.js';
+import './index-231e1fd4.js';
 
 var articleItem = "ArticleItem-2xa9z";
 var sel = "sel-3vhEw";

package/build/esm/{index-6f5694d0.js → index-d61c8505.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-da2848b2.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-d186b7e3.js → index-d668a5f9.js}

@@ -1,10 +1,10 @@
 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-d8e8ee50.js';
+import { s as styleInject, u as useViewHandler } from './index-da2848b2.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-618033de.js';
+import StepInfo from './index-7cb9610c.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-03dc7f47.js → index-d66b640b.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-d8e8ee50.js';
+import { u as useViewHandler } from './index-da2848b2.js';
 import 'react';
-import Toggle from './index-ded4606e.js';
+import Toggle from './index-4f7cb624.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1816581d.js → index-d8a2d252.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-d8e8ee50.js';
+import { u as useViewHandler } from './index-da2848b2.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-53bc793f.js';
+import ItemVariant from './index-5bf35d82.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-879df5cf.js → index-d93e3544.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-da2848b2.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-13ffd354.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-fda22f13.js';
+import ContentItemWrapper from './index-b5876151.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-d91b911a.js → index-d9fa898a.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-da2848b2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';