@crystaldesign/diva-web-planner-react 24.15.0-beta.26 → 24.15.0-beta.27

package/build/esm/{index-f7862442.js → index-28c52bb6.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-8790e360.js';
+import { a as usePlannerUIHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-c447bacb.js';
-import ItemsContainer from './index-55312d9d.js';
+import Outline3D from './index-c5ec6a3c.js';
+import ItemsContainer from './index-2657b480.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-18f8233b.js';
-import './index-ee2983dc.js';
-import './index-15486ce0.js';
-import './index-a251d452.js';
-import './index-5595b967.js';
-import './index-6bc25ae0.js';
-import './index-99a27348.js';
-import './index-c341ab63.js';
-import './index-83e256cd.js';
-import './index-a72b0782.js';
-import './index-0f2001c4.js';
+import './index-7d4439ed.js';
+import './index-73c7c738.js';
+import './index-b8631493.js';
+import './index-ae0302ce.js';
+import './index-ab5be988.js';
+import './index-5b6022f1.js';
+import './index-a35976d0.js';
+import './index-14bba05b.js';
+import './index-3d05f696.js';
+import './index-3738378c.js';
+import './index-1a936693.js';
 import 'react-draggable';
-import './index-ce545c10.js';
-import './index-8bb1fd39.js';
-import './index-fd35415b.js';
+import './index-9db7e889.js';
+import './index-d4bf61b5.js';
+import './index-a4ffefa6.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-97f9a601.js → index-2b45be3f.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-8790e360.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-2c41eb35.js → index-2c18450d.js}

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

package/build/esm/{index-47f218f6.js → index-2d2c0a71.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-8790e360.js';
+import './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-dbc047d1.js';
-import JsonEditor from './index-798c4f55.js';
+import ArticleOverview from './index-f93486a0.js';
+import JsonEditor from './index-48776737.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e1cc9cb8.js';
-import './index.module-d5b0dd35.js';
+import './index.module-ffd75389.js';
+import './index.module-ab609e8b.js';
 import 'classnames';
-import './index.module-61d02ab3.js';
+import './index.module-601a4b3f.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-45ed6395.js → index-2db4b504.js}

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

package/build/esm/{index-e6e6aece.js → index-2dedf740.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-8790e360.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-15234e11.js';
-import { S as SettingsItem } from './index-e7b98bce.js';
+import SubTabGroupHeader from './index-f206063e.js';
+import { S as SettingsItem } from './index-e847bbdf.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,55 +20,56 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-5350c4b5.js';
-import './index-ced3aa33.js';
-import './index-4339ebf4.js';
-import './index-45ed6395.js';
-import './index-ce4e115c.js';
-import './index.module-6e827841.js';
-import './index-730107fb.js';
+import './index-4a8e1cc6.js';
+import './index-f9f730d5.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-f33ce62a.js';
-import './index-f61bcbf8.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-8e842577.js';
+import './index-4dbf2cfa.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7ccb0839.js';
-import './index-4a2a4047.js';
-import './index-30051da8.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-4e259f1e.js';
-import './index-a42054d3.js';
-import './index-4c4def58.js';
-import './index-1a0c00db.js';
-import './index-32c0cb0b.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-ce5cbcdc.js';
-import './index-570cacf4.js';
-import './index-e6447a0c.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
 import 'react-laag';
-import './index-1fa77883.js';
-import './index-e335f174.js';
-import './index-6c3f2d64.js';
-import './index-49a53af0.js';
-import './index-8934494b.js';
-import './index-667cacb4.js';
-import './index-e08d11dc.js';
-import './index-443351fe.js';
-import './index-ae74481b.js';
-import './index-55f87a4b.js';
-import './index.module-459414e5.js';
-import './index-445ff596.js';
-import './index-5b61b070.js';
-import './index-fe53ef2f.js';
-import './index-1c05d392.js';
-import './index-39619253.js';
-import './index-1f064d7d.js';
-import './index-892b02b0.js';
-import './index.module-718f2af1.js';
-import './index-9ec1c5aa.js';
-import './index-31df5e39.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.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-445ff596.js → index-30b25a59.js}

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

package/build/esm/{index-1afa2cd8.js → index-31b1d370.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-8790e360.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-37e9af0f.js';
-import Header from './index-7898c1c6.js';
+import ConfigStep from './index-93d3c020.js';
+import Header from './index-45aa2264.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ce5cbcdc.js → index-33430d93.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-8790e360.js';
+import { s as styleInject } from './index-6df691c0.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-5b4d2506.js → index-3357c838.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-8790e360.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-459414e5.js';
-import IsActive from './index-445ff596.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-303f0086.js';
+import IsActive from './index-30b25a59.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ce4e115c.js → index-35ea8931.js}

@@ -1,12 +1,13 @@
-import { u as useViewHandler } from './index-8790e360.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-6e827841.js';
-import Toggle from './index-730107fb.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-f726e259.js';
+import Toggle from './index-99019637.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-f33ce62a.js';
+import InfoIcon from './index-9e025ea6.js';
+import PricePreview from './index-74f39aff.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -69,20 +70,23 @@ var ToggleOption = function ToggleOption(_ref) {
     children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title),
       children: item.name
-    }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
-      children: /*#__PURE__*/jsx("div", {
-        className: toggleWrapper,
-        children: /*#__PURE__*/jsx(Toggle, {
-          onChange: function onChange() {
-            viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
-          },
-          val: item,
-          state: noItem.sel == false,
-          off: noItem.text,
-          on: yesItem.text
-        })
-      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(colum, toggle),
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        pos: "left"
+      }), /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        state: noItem.sel == false,
+        off: noItem.text,
+        on: yesItem.text
+      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        pos: "right"
+      })]
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
       item: contentItem,
       style: {

package/build/esm/{index-78429d21.js → index-36252ee9.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-8790e360.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';

package/build/esm/{index-a72b0782.js → index-3738378c.js}

@@ -1,4 +1,4 @@
-import './index-8790e360.js';
+import './index-6df691c0.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-fc30dae0.js → index-3785f0df.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-8790e360.js';
+import './index-6df691c0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-b4090ff1.js';
+import ActionNavigation from './index-40b9758f.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-1aaadce9.js → index-37f7e175.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-8790e360.js';
+import { s as styleInject, u as useViewHandler } from './index-6df691c0.js';
 import { useEffect } from 'react';
-import Settings from './index-d6853b8f.js';
-import TabGroup from './index-0869c483.js';
+import Settings from './index-99588ff8.js';
+import TabGroup from './index-cc591e2b.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-97f9a601.js';
+import Inputbox from './index-2b45be3f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,70 +18,71 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-96258456.js';
-import './index-ced3aa33.js';
-import './index-5491a744.js';
-import './index-449c50c2.js';
+import './index-66997e23.js';
+import './index-f9f730d5.js';
+import './index-728d71d6.js';
+import './index-b0bb5bd0.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-92047d15.js';
+import './index-58d9085b.js';
 import 'react-laag';
-import './index-b2692853.js';
+import './index-1fa814f3.js';
 import 'classnames';
-import './index-d551a367.js';
-import './index-e7b98bce.js';
+import './index-a24f2645.js';
+import './index-e847bbdf.js';
 import 'sift';
-import './index-5350c4b5.js';
-import './index-4339ebf4.js';
-import './index-45ed6395.js';
-import './index-ce4e115c.js';
-import './index.module-6e827841.js';
-import './index-730107fb.js';
+import './index-4a8e1cc6.js';
+import './index-44dd2b44.js';
+import './index-2db4b504.js';
+import './index-35ea8931.js';
+import './index.module-f726e259.js';
+import './index-99019637.js';
 import 'react-switch';
-import './index-f33ce62a.js';
-import './index-f61bcbf8.js';
+import './index-9e025ea6.js';
+import './index-74f39aff.js';
+import './index-964aeced.js';
 import 'react-dropdown';
-import './index-8e842577.js';
-import './index-7ccb0839.js';
-import './index-4a2a4047.js';
-import './index-30051da8.js';
+import './index-4dbf2cfa.js';
+import './index-fe2a846e.js';
+import './index-d8824de9.js';
+import './index-b2efa7b3.js';
 import '@crystaldesign/content-box';
-import './index-4e259f1e.js';
-import './index-a42054d3.js';
-import './index-4c4def58.js';
-import './index-1a0c00db.js';
-import './index-32c0cb0b.js';
+import './index-c54474e6.js';
+import './index-625bc0b7.js';
+import './index-8fe9b473.js';
+import './index-4d5dd6e6.js';
+import './index-eb9e583e.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-ce5cbcdc.js';
-import './index-570cacf4.js';
-import './index-e6447a0c.js';
-import './index-1fa77883.js';
-import './index-e335f174.js';
-import './index-6c3f2d64.js';
-import './index-49a53af0.js';
-import './index-8934494b.js';
-import './index-667cacb4.js';
-import './index-e08d11dc.js';
-import './index-443351fe.js';
-import './index-ae74481b.js';
-import './index-55f87a4b.js';
-import './index.module-459414e5.js';
-import './index-445ff596.js';
-import './index-5b61b070.js';
-import './index-fe53ef2f.js';
-import './index-1c05d392.js';
-import './index-39619253.js';
-import './index-1f064d7d.js';
-import './index-892b02b0.js';
-import './index.module-718f2af1.js';
-import './index-9ec1c5aa.js';
-import './index-31df5e39.js';
-import './index-2bf32215.js';
-import './index-e1b4d94c.js';
-import './index-ab0f4c75.js';
-import './index-87b30a23.js';
-import './index-870fa3a8.js';
-import './index-14631ba1.js';
+import './index-33430d93.js';
+import './index-65f3d176.js';
+import './index-ede73d86.js';
+import './index-bfa9d7df.js';
+import './index-173167a2.js';
+import './index-76cdb47a.js';
+import './index-ce45f274.js';
+import './index-5e3fe9df.js';
+import './index-92cab141.js';
+import './index-be278929.js';
+import './index-f722056b.js';
+import './index-98d9c51a.js';
+import './index-eef5ffa8.js';
+import './index.module-303f0086.js';
+import './index-30b25a59.js';
+import './index-50cf2d8c.js';
+import './index-8cd9a28a.js';
+import './index-a553b790.js';
+import './index-afffb0a8.js';
+import './index-5e7b2cd3.js';
+import './index-f4512daf.js';
+import './index.module-b0ccd92b.js';
+import './index-f068d038.js';
+import './index-63f750fb.js';
+import './index-40ab84f0.js';
+import './index-a8c8686c.js';
+import './index-80f5f32c.js';
+import './index-f0bb936f.js';
+import './index-02658286.js';
+import './index-bd77c544.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";

package/build/esm/{index-f5b99f7d.js → index-39c68cc1.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-8790e360.js';
+import { u as useViewHandler } from './index-6df691c0.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-27fc901f.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-32a99807.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';