@crystaldesign/diva-web-planner-react 25.4.0-beta.2 → 25.4.0-beta.21

package/build/esm/index-add46723.js

@@ -0,0 +1,312 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import './index-718a0a9b.js';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import CreateAppointment from './index-d8ace063.js';
+import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-861a20ff.js';
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import Share from './index-e1222eb6.js';
+import Save from './index-3894d9f0.js';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { flatten } from 'flat';
+import Header from './index-4d155cc9.js';
+import Icon from './index-05d883b8.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 '@crystaldesign/widget-contact-form';
+import 'mobx-react-lite';
+import 'react-select';
+import './index-3c118204.js';
+import './index.module-4669cee9.js';
+import './index-7f5f63e7.js';
+import 'qrcode.react';
+import './index-a18e2ba8.js';
+import './index-63b831b3.js';
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/**
+ *  Replaces the template strings in the content with the actual basket data
+ *
+ * @param content the content to parse
+
+ * @param language the language to use
+ */
+function replaceTemplateStrings (content, data, language) {
+  if (!data || !content) return content;
+  if (typeof content == 'string') return content;
+  var flatBasket = flatten(_objectSpread$1(_objectSpread$1({}, data.organization), data.basket));
+  return recursiveReplaceTemplates(content, flatBasket, language);
+}
+
+/**
+ * Replaces the template string in all fields of the content object with the actual basket data
+ *
+ * @param content the content to parse
+ * @param basket the flattend version of the basket data
+ */
+function recursiveReplaceTemplates(content, basket, language) {
+  for (var _i = 0, _Object$entries = Object.entries(content); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      value = _Object$entries$_i[1];
+    if (typeof content[key] === 'string' && key != 'link') {
+      content[key] = replaceTemplateString(value, basket, language);
+    } else if (_typeof(content[key]) === 'object') {
+      //check if the object is a language dictionary, if so replace it with the value for the current language
+      var keys = Object.keys(content[key]);
+      if (keys.includes(language) || keys.includes('de')) {
+        var _content$key$language;
+        content[key] = replaceTemplateString((_content$key$language = content[key][language]) !== null && _content$key$language !== void 0 ? _content$key$language : content[key].de, basket, language);
+      } else {
+        content[key] = recursiveReplaceTemplates(content[key], basket, language);
+      }
+    }
+  }
+  return content;
+}
+
+/**
+ * replaces the templates in on string with the actual basket data
+ *
+ * @param template the templatestring to parse
+ * @param basket the flattend version of the basket data
+ * @param locale the locale to use, if any
+ */
+function replaceTemplateString(template, basket, locale) {
+  var matches = checkForTemplateStrings(template);
+  for (var _i2 = 0, _matches = matches; _i2 < _matches.length; _i2++) {
+    var _basket$locale, _basket, _basket2;
+    var match = _matches[_i2];
+    //if a locale is provided, check if there is a locale version of the field (fallback is 'de'), if not use the default
+    var basketField = match.replace('basket.', '').replace('organization.', '');
+    var value = void 0;
+    if (locale) value = (_basket$locale = (_basket = basket[basketField + '_locales']) === null || _basket === void 0 ? void 0 : _basket[locale]) !== null && _basket$locale !== void 0 ? _basket$locale : (_basket2 = basket[basketField + '_locales']) === null || _basket2 === void 0 ? void 0 : _basket2.de;
+    if (!value) value = basket[basketField];
+    if (value != undefined) template = template.replace('${' + match + '}', value);
+  }
+  return template;
+}
+
+/**
+ *  Extracts all substrings that are inside ${...}
+ *
+ * @param input the template to parse
+ * @returns a list of values extracted form the template
+ */
+function checkForTemplateStrings(input) {
+  // Regular expression to match ${...}
+  var regex = /\$\{([^}]+)\}/g;
+  var matches = [];
+  var match;
+
+  // Find all matches
+  while ((match = regex.exec(input)) !== null) {
+    // Extract the content inside ${...}
+    matches.push(match[1]);
+  }
+  return matches;
+}
+
+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 Checkout = function Checkout(_ref) {
+  var inModal = _ref.inModal,
+    index = _ref.index,
+    viewHandler = _ref.viewHandler,
+    basket = _ref.basket;
+  var _useDivaCore = useDivaCore(),
+    organization = _useDivaCore.state.organization;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useState = useState(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+      basket: basket === null || basket === void 0 ? void 0 : basket.getAsJson(),
+      organization: organization
+    }, i18n.language)),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  useEffect(function () {
+    setConfig(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+      organization: organization,
+      basket: basket
+    }, i18n.language));
+  }, [basket]);
+  if (!config) return /*#__PURE__*/jsx(Fragment, {});
+  var url = config.url;
+  var currentConfig = config.buttons[index !== null && index !== void 0 ? index : -1];
+  if (currentConfig && basket) switch (currentConfig.type) {
+    case 'APPOINTMENT':
+      return /*#__PURE__*/jsx(CreateAppointment, {
+        config: currentConfig,
+        basket: basket,
+        url: url
+      });
+    case 'SHARE':
+      return /*#__PURE__*/jsx(Share, {
+        config: currentConfig,
+        basket: basket,
+        url: url
+      });
+    case 'SAVE':
+      return /*#__PURE__*/jsx(Save, {
+        config: currentConfig,
+        basket: basket,
+        url: url,
+        viewHandler: viewHandler
+      });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wrapper, inModal ? inModalClass : undefined),
+    children: config.buttons.map(function (c, index) {
+      if (c.visibleInOverview === false) return /*#__PURE__*/jsx(Fragment, {});
+      return /*#__PURE__*/jsxs("button", {
+        className: classnames(button, c.isPrimary ? inverted : undefined),
+        onClick: function onClick() {
+          return _onClickCheckout(c, viewHandler, index, basket);
+        },
+        children: [/*#__PURE__*/jsx(Icon, {
+          cheoutButton: c
+        }), c.label && /*#__PURE__*/jsx("div", {
+          children: t(c.label)
+        })]
+      }, index);
+    })
+  });
+};
+var _onClickCheckout = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, basket, dontCheckForModal) {
+    var _viewHandler$actions2, _viewHandler$actions5;
+    var returnTo, _viewHandler$actions, _viewHandler$getI18nI, _buttonConfig$openMod, _viewHandler$getI18nI2, _viewHandler$actions3, _buttonConfig$event, _viewHandler$divaWebP, _viewHandler$divaWebP2, result, savedBasket, _viewHandler$actions4, _viewHandler$getI18nI3, _viewHandler$getI18nI4;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          returnTo = buttonConfig.returnTo; //open modal first to ask if sure
+          if (!(buttonConfig.openModal && !dontCheckForModal)) {
+            _context.next = 4;
+            break;
+          }
+          (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal(_objectSpread(_objectSpread({}, buttonConfig.openModal), {}, {
+            text: (_viewHandler$getI18nI = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI === void 0 ? void 0 : _viewHandler$getI18nI.t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
+            title: (_viewHandler$getI18nI2 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI2 === void 0 ? void 0 : _viewHandler$getI18nI2.t(buttonConfig.openModal.title),
+            callback: function callback(accept) {
+              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, basket, true);
+            }
+          }));
+          return _context.abrupt("return");
+        case 4:
+          (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.closeModal();
+
+          //check if it is reset usecase
+          if (!(buttonConfig.event == 'RESET')) {
+            _context.next = 8;
+            break;
+          }
+          viewHandler.productState.onClickReset();
+          return _context.abrupt("return");
+        case 8:
+          if (!(buttonConfig.type == 'EVENT' && buttonConfig.onlyCallEvent)) {
+            _context.next = 11;
+            break;
+          }
+          (_viewHandler$actions3 = viewHandler.actions) === null || _viewHandler$actions3 === void 0 || _viewHandler$actions3.onEvent({
+            type: (_buttonConfig$event = buttonConfig.event) !== null && _buttonConfig$event !== void 0 ? _buttonConfig$event : ''
+          });
+          return _context.abrupt("return");
+        case 11:
+          if (!((!basket || returnTo && basket.ReturnTo !== returnTo) && buttonConfig.type !== 'SAVE')) {
+            _context.next = 17;
+            break;
+          }
+          _context.next = 14;
+          return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, buttonConfig.event, true, returnTo, true);
+        case 14:
+          result = _context.sent;
+          if (result) {
+            _context.next = 17;
+            break;
+          }
+          return _context.abrupt("return");
+        case 17:
+          savedBasket = viewHandler.divaWebPlanner.getBasket(); //open PDF
+          if (!(buttonConfig.returnTo == 'OPEN_PDF')) {
+            _context.next = 21;
+            break;
+          }
+          if (!basket) (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
+            text: (_viewHandler$getI18nI3 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI3 === void 0 ? void 0 : _viewHandler$getI18nI3.t('modal.open_leaflet_pdf_now'),
+            accept: (_viewHandler$getI18nI4 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI4 === void 0 ? void 0 : _viewHandler$getI18nI4.t('modals.open_now'),
+            callback: function callback() {
+              window.open(savedBasket.PDFDocumentURL, '_blank');
+            }
+          });
+          return _context.abrupt("return");
+        case 21:
+          if (!(buttonConfig.type == 'EVENT')) {
+            _context.next = 23;
+            break;
+          }
+          return _context.abrupt("return");
+        case 23:
+          (_viewHandler$actions5 = viewHandler.actions) === null || _viewHandler$actions5 === void 0 || _viewHandler$actions5.openModal({
+            accept: false,
+            rejectByIcon: true,
+            title: /*#__PURE__*/jsx(Header, {
+              config: viewHandler.uiState.config.viewConfig.checkout,
+              index: index,
+              goBack: function goBack() {
+                return _goBack2(viewHandler, savedBasket);
+              }
+            }),
+            content: /*#__PURE__*/jsx(Checkout, {
+              index: index,
+              basket: savedBasket,
+              viewHandler: viewHandler,
+              inModal: true
+            }),
+            dontRenderForm: true
+          });
+        case 24:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function onClickCheckout(_x, _x2, _x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var _goBack2 = function _goBack(viewHandler, basket) {
+  var _viewHandler$actions6;
+  (_viewHandler$actions6 = viewHandler.actions) === null || _viewHandler$actions6 === void 0 || _viewHandler$actions6.openModal({
+    accept: false,
+    rejectByIcon: true,
+    title: /*#__PURE__*/jsx(Header, {
+      config: viewHandler.uiState.config.viewConfig.checkout,
+      index: undefined,
+      goBack: function goBack() {
+        return _goBack2(viewHandler, basket);
+      }
+    }),
+    content: /*#__PURE__*/jsx(Checkout, {
+      inModal: true,
+      basket: basket,
+      viewHandler: viewHandler
+    }),
+    dontRenderForm: true
+  });
+};
+
+export { Checkout as default, _goBack2 as goBack, _onClickCheckout as onClickCheckout };

package/build/esm/{index-9c0658d5.js → index-ae7f3ef3.js}

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

package/build/esm/{index-92697aa3.js → index-af4118aa.js}

@@ -1,6 +1,6 @@
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import 'react';
-import Default from './index-b30719c2.js';
+import Default from './index-01dab445.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,12 +18,12 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index.module-7b791951.js';
+import './index.module-59c3f5ec.js';
 import 'react-laag';
-import './index-15d125cd.js';
-import './index-68589e7f.js';
-import './index-4a9bcacc.js';
-import './index-004c4904.js';
+import './index-3174721c.js';
+import './index-c941c452.js';
+import './index-cdf42cf2.js';
+import './index-11f5ebbd.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-c8f44f6d.js → index-b0861c74.js}

@@ -1,4 +1,4 @@
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-444e8c9c.js → index-b0a698a5.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-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-9ab94dc0.js → index-b46e4047.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-36d862a1.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-52b0dfc6.js';
-import Arrow from './index-39706bd4.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-c2698e3b.js';
+import Arrow from './index-0d1ff486.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-9fe880a1.js → index-b53221e4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-afa1b098.js → index-b5d7c8d8.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-36d862a1.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-fac4511e.js';
+import { k as wcPlanner3DGrid } from './index.module-cc864ca4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1e79b132.js → index-b5ee8985.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-883be9a5.js → index-b828f5a2.js}

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

package/build/esm/{index-acdb7b52.js → index-b84feccc.js}

@@ -1,4 +1,4 @@
-import './index-36d862a1.js';
+import './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2c0cd35f.js → index-b929b8a4.js}

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

package/build/esm/{index-506aae3e.js → index-bac7edde.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
-import 'react';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
+import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-8e0fae77.js';
+import ToolContainer from './index-bd2f9ac0.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,49 +18,49 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7b8a7fc1.js';
-import './index.module-1cef8653.js';
-import './index-44461ce0.js';
-import './index-0b1addff.js';
+import './index-54629875.js';
+import './index.module-838ab5d7.js';
+import './index-5a866da4.js';
+import './index-469c15e9.js';
 import 'classnames';
-import './index-2e873431.js';
+import './index-f68d4170.js';
 import 'react-collapsible';
-import './index-23adae03.js';
-import './index-4b842848.js';
-import './index.module-56fbd357.js';
+import './index-657ca87f.js';
+import './index-232a8820.js';
+import './index.module-1883090e.js';
 import 'react-json-view-lite';
-import './react-json-viewer-ff84abf7.js';
-import './index-998ae609.js';
-import './index.module-863426f2.js';
-import './index-edcfe1d3.js';
+import './react-json-viewer-2da1ec23.js';
+import './index-c3fc8f4b.js';
+import './index.module-8b626d7c.js';
+import './index-e5835af6.js';
 import 'jsoneditor';
-import './index-59f6165d.js';
-import './index-b58e9363.js';
-import './index-df51b97b.js';
-import './index-06540c3e.js';
-import './index-c1c1aad8.js';
-import './index.module-c4bd75c1.js';
-import './index-d85a13a6.js';
-import './index-45cb416c.js';
-import './index-38ab9547.js';
-import './index-e8de8ca0.js';
+import './index-03eb56f1.js';
+import './index-3c0643f0.js';
+import './index-3c7e429b.js';
+import './index-f90cb7f2.js';
+import './index-ab1a96e1.js';
+import './index.module-ceabc1ba.js';
+import './index-615fa022.js';
+import './index-d963eccd.js';
+import './index-a5c15772.js';
+import './index-1fdf9fc3.js';
 import 'react-dropdown';
-import './index.module-52b0dfc6.js';
-import './index-39706bd4.js';
-import './index-9ab94dc0.js';
-import './index-eec4a09f.js';
-import './DecisionVizualizer-61990580.js';
-import './index-9c0658d5.js';
-import './index-7cacde99.js';
-import './index-444e8c9c.js';
-import './index-f3a37404.js';
-import './index-395d9036.js';
-import './index-d5c7af95.js';
+import './index.module-c2698e3b.js';
+import './index-0d1ff486.js';
+import './index-b46e4047.js';
+import './index-e916a86e.js';
+import './DecisionVizualizer-fcdcf21f.js';
+import './index-ae7f3ef3.js';
+import './index-eda0c943.js';
+import './index-b0a698a5.js';
+import './index-abc7fb38.js';
+import './index-fc72a894.js';
+import './index-2c9c207f.js';
 import 'react-switch';
-import './CatalogProperties-4f2535c9.js';
-import './ArticleProperties-b0848926.js';
-import './OptionProperties-52ea7ba0.js';
-import './OptionValueProperties-01a05933.js';
+import './CatalogProperties-47f458a3.js';
+import './ArticleProperties-14a32ec6.js';
+import './OptionProperties-55bdaaae.js';
+import './OptionValueProperties-6654306c.js';
 import 'react-select';
 
 var container = "container-43rJg";
@@ -81,6 +81,12 @@ var Toolbar = function Toolbar(props) {
   var partlistsExist = !!Object.values((_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP2 === void 0 ? void 0 : _viewHandler$divaWebP2.CatalogData.allCatalogArticles) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {}).find(function (a) {
     return a.partlistArticlesRules;
   });
+  useEffect(function () {
+    //reset the view
+    if (wwsClient != 'Pfister' && viewHandler.uiState.activeCatalogSection == 'ekText' || !partlistsExist && viewHandler.uiState.activeCatalogSection == 'PartList' || viewHandler.uiState.activeCatalogSection !== '3D/2D') {
+      changeVal('3D/2D');
+    }
+  }, []);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [viewHandler.uiState.activeCatalogSection != '3D/2D' && /*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
       className: container,

package/build/esm/{index-f34227d9.js → index-bae20fd4.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-4e8bb112.js';
+import RoomRound from './index-53f3a232.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-6ce89c5d.js → index-bb1ffa28.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.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-98e38d6c.js';
+import ProductHeaderFunction from './index-e72d2f8a.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-31393dfa.js';
+import ContentItemWrapper from './index-ef407dac.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -92,7 +92,7 @@ var ProductHeader = function ProductHeader(_ref) {
           children: [/*#__PURE__*/jsxs("span", {
             className: wcPriceinfo,
             "data-test-id": "productHeaderPriceInfo",
-            children: [' ', t('configurator.PRICE_INFO')]
+            children: [' ', t('configurator.PRICE_INFO'), ':']
           }), /*#__PURE__*/jsxs("span", {
             className: wcFormattedprice,
             "data-test-id": "productHeaderFormattedPrice",
@@ -107,7 +107,7 @@ var ProductHeader = function ProductHeader(_ref) {
           return /*#__PURE__*/jsxs("div", {
             children: [/*#__PURE__*/jsxs("span", {
               className: wcPriceinfo,
-              children: [(_dimension$text = dimension.text) !== null && _dimension$text !== void 0 ? _dimension$text : t('configurator.headerdimension.' + dimension.dimensionId), ' ', !dimOnlyForOneArticle && '(' + dimension.posNrs.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, " ", dimension.unit]