@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

package/build/esm/{index-52026077.js → index-cb817ebc.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-9c685201.js';
+import SettingsHeader from './index-d346eb32.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-256c0759.js → index-cca89aad.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-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-67d82f78.js → index-ce1c2c57.js}

@@ -1,6 +1,6 @@
-import './index-1f4ff73d.js';
+import './index-e7467256.js';
 import 'react';
-import PartListTable from './index-0618d63c.js';
+import PartListTable from './index-b4d7d3ef.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-9cd3b458.js';
+import './index.module-cebb8a93.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-d4ea312a.js → index-cf1eda50.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';
@@ -25,7 +25,7 @@ var scrollable = "scrollable-5pDmY";
 var header = "header-2oApV";
 var container = "container-vPqn9";
 var rtvtable = "rtvtable-6rpxJ";
-var css_248z = ".wrapper-e-9oi {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.scrollable-5pDmY {\n  overflow: auto;\n  left: 50px;\n}\n.header-2oApV {\n  height: 8%;\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}\n.container-vPqn9 {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.rtvtable-6rpxJ td,\n.rtvtable-6rpxJ th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.rtvtable-6rpxJ tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n";
+var css_248z = ".wrapper-e-9oi {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.scrollable-5pDmY {\n  overflow: auto;\n}\n.header-2oApV {\n  height: 8%;\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}\n.container-vPqn9 {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.rtvtable-6rpxJ td,\n.rtvtable-6rpxJ th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.rtvtable-6rpxJ tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n";
 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; }

package/build/esm/{index-9499c362.js → index-d126b43d.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-1f4ff73d.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-4d365129.js';
-import AVR from './index-49d5fc9a.js';
-import Outline from './index-24eae12a.js';
-import RotationClockwise from './index-2a156f60.js';
-import RotationCounterClockwise from './index-5af1f76c.js';
-import Trash from './index-992c3d9c.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-85f1cbc3.js';
+import AVL from './index-5dcff751.js';
+import AVR from './index-94b7afe6.js';
+import Outline from './index-03bfaebc.js';
+import RotationClockwise from './index-c417c86e.js';
+import RotationCounterClockwise from './index-636761df.js';
+import Trash from './index-c2a13c55.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-7ef8f0b5.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-df7f4329.js';
-import BoxCopy from './index-86fca2c3.js';
-import Move3DGrid from './index-3ec11511.js';
-import Rotation3DGrid from './index-2510d869.js';
+import PosNr from './index-d1e074dc.js';
+import BoxCopy from './index-b59dd9a4.js';
+import Move3DGrid from './index-9d80cdab.js';
+import Rotation3DGrid from './index-e97380bb.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-95aa04b9.js';
-import DistanceToGround from './index-4b0ccafe.js';
+import ElementCopy from './index-5d989140.js';
+import DistanceToGround from './index-a24201d7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -32,7 +32,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-d2306a3c.js';
+import './index-adc30a72.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-cb3b20ec.js → index-d1a045b8.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-050c8cc5.js';
-import SlideFilter from './index-722897dc.js';
+import RalDropdownFilter from './index-d99801b6.js';
+import SlideFilter from './index-986baa0f.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-dropdown';
-import './index-e9aed872.js';
+import './index-cb4e0078.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
+import './index-66f9cfa6.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-df7f4329.js → index-d1e074dc.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9c685201.js → index-d346eb32.js}

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

package/build/esm/{index-232f568d.js → index-d4248e03.js}

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

package/build/esm/{index-cb2a0cd1.js → index-d45d3bf9.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
-import SummaryOptionTree from './index-aef93a42.js';
-import SummaryArticles from './index-f458d7d4.js';
-import SettingsItemAccessoireTemplate from './index-b3e6adc8.js';
-import Gallery from './index-95c9a953.js';
-import SettingsItemDefaultTemplate from './index-8693b392.js';
-import Range from './index-3b1f2166.js';
-import SettingsItemRoomTemplate from './index-073cdde6.js';
-import ViewPoint from './index-7c745ab9.js';
-import NumberBox from './index-e51fd956.js';
-import PlannerSwitch from './index-2f67c7a6.js';
-import Varaint from './index-cd4baa3c.js';
-import GalleryText from './index-9e15296d.js';
+import './index-e7467256.js';
+import SummaryOptionTree from './index-a8c86aaf.js';
+import SummaryArticles from './index-65777fcd.js';
+import SettingsItemAccessoireTemplate from './index-2cd3243e.js';
+import Gallery from './index-a852659d.js';
+import SettingsItemDefaultTemplate from './index-5c360852.js';
+import Range from './index-76695515.js';
+import SettingsItemRoomTemplate from './index-3d81ab21.js';
+import ViewPoint from './index-e6391c81.js';
+import NumberBox from './index-2bc90510.js';
+import PlannerSwitch from './index-e82bcad0.js';
+import Varaint from './index-9fedad92.js';
+import GalleryText from './index-36285d7e.js';
 import 'react';
-import GalleryText2 from './index-deb2581e.js';
-import FaceLift from './index-b77ac4d2.js';
-import PlannerOverviewItem from './index-f51f4729.js';
-import Article from './index-3f9fd8b6.js';
+import GalleryText2 from './index-f1b1c128.js';
+import FaceLift from './index-aee29065.js';
+import PlannerOverviewItem from './index-a32964db.js';
+import Article from './index-0eac4236.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -36,22 +36,22 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index.module-fbb4f840.js';
-import './index-e985b067.js';
-import './index-c5e642eb.js';
-import './index-c4c0bdbd.js';
-import './index-f43408be.js';
+import './index.module-bc87fe70.js';
+import './index-1dec1bae.js';
+import './index-3af9573a.js';
+import './index-c33ec4a5.js';
+import './index-9898d9fe.js';
 import 'react-countup';
-import './index-2b4ea28b.js';
-import './index-a3f95cb6.js';
+import './index-bcadb7ee.js';
+import './index-aab829e7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index.module-07c4c66a.js';
-import './index-2052475c.js';
-import './index-d7b9d494.js';
+import './index.module-fc377069.js';
+import './index-da471667.js';
+import './index-1bbd5710.js';
 import 'react-switch';
-import './index-08a98cbb.js';
-import './index-99a52150.js';
+import './index-8ac4be70.js';
+import './index-df88a3c2.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 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; }
@@ -133,6 +133,9 @@ var itemPaletteTypeComponentMap = {
   CHECKOUT: function CHECKOUT() {
     return /*#__PURE__*/jsx(Fragment, {});
   },
+  STYLE_CONSULTANT: function STYLE_CONSULTANT() {
+    return /*#__PURE__*/jsx(Fragment, {});
+  },
   GAL_TEXT_2: function GAL_TEXT_2(props) {
     return /*#__PURE__*/jsx(GalleryText2, _objectSpread({}, props));
   },

package/build/esm/{index-27c409ec.js → index-d4abe3f0.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { i as loadingIcon, j as generateIcon } from './index.module-4eaf3b2f.js';
+import { i as loadingIcon, j as generateIcon } from './index.module-7055bea5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -172,8 +172,9 @@ var UploadItem = function UploadItem(_ref) {
     setGeneratingPromise = _useState2[1];
   var onButtonClick = function onButtonClick(e) {
     e.stopPropagation();
-    if (!item.onButtonClick) return;
-    setGeneratingPromise(item.onButtonClick(viewHandler.aiState.setHash, imageBase64));
+    if (!imageBase64) return;
+    var hash = viewHandler.aiState.setHash;
+    setGeneratingPromise(viewHandler.aiState.generateAiImageWithReferenceImages(item.key, hash, imageBase64));
   };
   var generated$1 = viewHandler.aiState.aiGeneratedRooms[item.key] !== undefined;
   var loading$1 = generatingPromise;

package/build/esm/{index-39b9b75c.js → index-d5036918.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-65fb7c55.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-c9a109a8.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,8 +20,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-2b4ea28b.js';
-import './index-aef93a42.js';
+import './index-bcadb7ee.js';
+import './index-a8c86aaf.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/index-d54d2a0b.js

@@ -0,0 +1,109 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-e7467256.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import { c as checkoutButton } from './index.module-f3f2d6df.js';
+import PriceCounter from './index-9898d9fe.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+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';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-countup';
+
+var wcConfiguratorAction = "wcConfigurator-action-1kRvz";
+var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
+var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
+var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
+var bruttoPrice = "brutto-price-yaDwF";
+var canceled = "canceled-J6Faa";
+var hidden = "hidden-sa4Pc";
+var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.brutto-price-yaDwF {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.brutto-price-yaDwF.canceled-J6Faa.hidden-sa4Pc {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-Zx3zd .brutto-price-yaDwF.canceled-J6Faa:before {\n  top: 45%;\n}\n";
+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 BasketActionStandard = function BasketActionStandard(_ref) {
+  var _viewHandler$uiState$, _viewHandler$uiState$2, _viewHandler$productS, _viewHandler$productS2;
+  var _ref$buttonTextClassN = _ref.buttonTextClassName,
+    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
+    _ref$buttonPriceClass = _ref.buttonPriceClassName,
+    buttonPriceClassName = _ref$buttonPriceClass === void 0 ? wcCheckoutButtonPrice : _ref$buttonPriceClass,
+    containerClassName = _ref.containerClassName,
+    price = _ref.price,
+    showCheckoutButtons = _ref.showCheckoutButtons;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var addToBasketButton = (_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.find(function (b) {
+    return b.type === 'ADD_TO_BASKET';
+  });
+  var onClick = function onClick() {
+    if (addToBasketButton) {
+      _onClickCheckout(addToBasketButton, viewHandler, addToBasketButton.index, t);
+    } else {
+      viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
+    }
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wcConfiguratorAction, containerClassName),
+    children: [showCheckoutButtons && ((_viewHandler$uiState$2 = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.buttons.filter(function (b) {
+      return evalVisible(b, viewHandler, 'navigator');
+    }).map(function (b) {
+      return /*#__PURE__*/jsx("div", {
+        className: checkoutButton,
+        onClick: function onClick() {
+          return _onClickCheckout(b, viewHandler, b.index, t);
+        },
+        children: /*#__PURE__*/jsx(Icon, {
+          checkoutButton: _objectSpread(_objectSpread({}, b), {}, {
+            isPrimary: false
+          }),
+          size: 32
+        })
+      }, b.index);
+    })), /*#__PURE__*/jsxs("div", {
+      className: wcConfiguratorActionButton,
+      onClick: onClick,
+      id: "wcConfigurator-action-tobasket",
+      children: [addToBasketButton ? /*#__PURE__*/jsx(Icon, {
+        checkoutButton: _objectSpread({
+          isPrimary: true
+        }, addToBasketButton),
+        size: 40
+      }) : /*#__PURE__*/jsx("div", {
+        className: buttonTextClassName,
+        children: t('configurator.ADD_TO_BASKET')
+      }), !hidePrices && price !== undefined && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(bruttoPrice, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
+          children: /*#__PURE__*/jsx(PriceCounter, {
+            price: (_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: buttonPriceClassName,
+          children: /*#__PURE__*/jsx(PriceCounter, {
+            price: (_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
+          })
+        })]
+      })]
+    })]
+  });
+};
+var BasketAction = observer(BasketActionStandard);
+
+export { BasketAction as default };

package/build/esm/{index-86da227d.js → index-d60db54a.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-e7467256.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-b74be3c7.js';
-import Planner3DImage from './index-e8709145.js';
-import PlannerAIRoom from './index-13fa5e78.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-eba4ad03.js';
+import Planner2DGrid from './index-5d38c56d.js';
+import Planner3DImage from './index-ec4a11b9.js';
+import PlannerAIRoom from './index-0522b0ff.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-81128230.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-5c24ba3a.js';
-import PlannerMsgContainer from './index-5c7907dc.js';
-import PlannerUIVariant from './index-9632c1ae.js';
-import RotateInfo from './index-558aaeef.js';
-import OrbitInteraction from './index-232f568d.js';
-import MobileNavIcons from './index-65543e5b.js';
-import Logo from './index-3f1129d8.js';
+import Planner3DGrid from './index-a29e1f54.js';
+import PlannerMsgContainer from './index-eb622f08.js';
+import PlannerUIVariant from './index-904366fc.js';
+import RotateInfo from './index-d9bd816b.js';
+import OrbitInteraction from './index-d4248e03.js';
+import MobileNavIcons from './index-968b317a.js';
+import Logo from './index-bbdf1fd6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -30,23 +30,25 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-d9255280.js';
+import './index-b4785e06.js';
+import 'swiper/react';
+import 'swiper/modules';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-37f6891f.js';
-import './index-4fef9047.js';
+import './index-347d0778.js';
+import './index-366a987e.js';
 import 'react-laag';
-import './index-f4e4bf34.js';
+import './index-980068d0.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './index-9883349b.js';
+import './index-5f90b5a4.js';
+import './index-8b926016.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; }
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-59aadf76.js');
+  return import('./index-917e3663.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0d64723e.js');
+  return import('./index-dc071769.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;