@crystaldesign/diva-web-planner-react 25.8.0-rc.8 → 25.8.0

package/build/esm/index-21269857.js

@@ -0,0 +1,54 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-42d6c87b.js';
+import { useEffect } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var checkoutButton = "checkout-button-obLRi";
+var checkoutButtonWhite = "checkout-button-white-twwsk";
+var checkoutText = "checkout-text-q48pZ";
+var css_248z = ".checkout-button-obLRi {\n  border-radius: 4px !important;\n}\n.checkout-button-obLRi {\n  background-color: #0f1531;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n}\n.checkout-button-white-twwsk {\n  background-color: initial;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  font-weight: 300;\n  border: solid 1px;\n  color: #0f1531;\n  border-color: #0f1531;\n  background-color: white;\n}\n.checkout-text-q48pZ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n";
+styleInject(css_248z);
+
+var index = function index(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.uiState.setBarrierActions([{
+      className: checkoutButton,
+      onClick: function onClick() {},
+      text: 'text'
+    }, {
+      className: checkoutButtonWhite,
+      onClick: function onClick() {},
+      text: 'text'
+    }, {
+      className: checkoutButtonWhite,
+      onClick: function onClick() {},
+      text: 'text'
+    }]);
+    viewHandler.uiState.barrierTextClass = checkoutText;
+    viewHandler.uiState.barrierCreateActionOrder = 1;
+  }, []);
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+
+export { index as default };

package/build/esm/index-216f9a43.js

@@ -0,0 +1,189 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-42d6c87b.js';
+import 'react';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-53522032.js';
+import { S as SettingsItem, c as collapsableInner } from './index-d2fae467.js';
+import ShelfAccessoires from './index-c5510d32.js';
+import ShelfAccessoiresOld from './index-f4331494.js';
+import GridList from './index-85b51511.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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 '@crystaldesign/widget-contact-form';
+import 'sift';
+import './index-958ccefe.js';
+import './index-dd90a983.js';
+import './index-7ab45a16.js';
+import './index-301ea0d8.js';
+import './index-b04b264a.js';
+import './index.module-818804d7.js';
+import './index-68fc9341.js';
+import 'react-switch';
+import './index-d2983d08.js';
+import './index-d6c8da3b.js';
+import './index-b5c24ad3.js';
+import 'react-dropdown';
+import './index-1410e4a2.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-c1e05986.js';
+import './index-081b6a3e.js';
+import './index-87e0a844.js';
+import '@crystaldesign/content-box';
+import './index-5b5122a6.js';
+import './index-8be3f6a9.js';
+import './index-eddbc858.js';
+import './index-dbb0d63c.js';
+import './index-59280600.js';
+import './index-6ba4e065.js';
+import 'react-laag';
+import './index-e2935023.js';
+import './index-ee1f9988.js';
+import './index-61c34e1e.js';
+import './index-82a21dc5.js';
+import './index-6324ef18.js';
+import './index-4c43ee05.js';
+import './index-26f08b41.js';
+import './index-07c6f48a.js';
+import './index-2e46c69a.js';
+import './index-64f7f3b5.js';
+import './index.module-d5bf456d.js';
+import './index-bf25a8ba.js';
+import './index-2b88a07a.js';
+import './index-b1b32e48.js';
+import './index-3e364cf1.js';
+import './index-8abd7b5d.js';
+import './index-d662e484.js';
+import './index-2b2381c4.js';
+import './index.module-05a53255.js';
+import './index-49435e8a.js';
+import './index-5603d4c9.js';
+import 'react-beautiful-dnd';
+import './index-d42dc4b7.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 ShelfPlanner = function ShelfPlanner(_ref) {
+  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
+  var item = _ref.item,
+    style = _ref.style,
+    filteredGroups = _ref.filteredGroups;
+  var viewHandler = useViewHandler();
+  var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
+  var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
+  var grid = (_item$shelfPlannerGri = item === null || item === void 0 || (_item$shelfPlannerGri2 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri2 === void 0 ? void 0 : _item$shelfPlannerGri2.find(function (g) {
+    return g.ActAccessoire;
+  })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
+  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
+  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
+  var selAcc = grid.ActAccessoire;
+  var selAccItem = undefined;
+  if (selAcc) {
+    selAccItem = items.find(function (item) {
+      return item.articleCodex == selAcc;
+    });
+  }
+  var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
+  var palettesOfSelectedAcc = [];
+  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
+    var _loop = function _loop() {
+      var stepKey = selAccItem.configStepKeys[i];
+      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2);
+          _ref3[0];
+          var itemPalette = _ref3[1];
+        return itemPalette.configStepKey == stepKey.key;
+      });
+      if (!itemPalette) return 1; // continue
+      if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
+    };
+    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
+      if (_loop()) continue;
+    }
+  }
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(_ref4) {
+      return item.htmlRef = _ref4;
+    },
+    className: classnames(viewHandler.productState.shelfPlannerRTV ? shelfPlannerContainerRtv : undefined, grid.Direction == 'horizontal' ? shelfPlannerContainerHorizontal : shelfPlannerContainerVertical, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
+    style: _objectSpread({
+      height: height
+    }, style),
+    children: [!viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx("div", {
+      className: shelfGrid,
+      children: /*#__PURE__*/jsx("div", {
+        className: shelfGridBorder,
+        children: /*#__PURE__*/jsx(GridList, {
+          item: item,
+          direction: grid.Direction,
+          width: width,
+          height: height - 16 - 16
+        })
+      })
+    }), requiredWarning && /*#__PURE__*/jsx("div", {
+      className: warning,
+      dangerouslySetInnerHTML: {
+        __html: requiredWarning
+      }
+    }), /*#__PURE__*/jsxs("div", {
+      className: accessoires,
+      children: [!!palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("div", {
+          className: configHeaderWrapper,
+          onClick: function onClick() {
+            return viewHandler.paletteViewHandler.setSelectedShelfAccessoire();
+          },
+          children: [/*#__PURE__*/jsx("div", {
+            className: closeButton
+          }), /*#__PURE__*/jsx("div", {
+            className: name,
+            children: (_selAccItem2 = selAccItem) === null || _selAccItem2 === void 0 ? void 0 : _selAccItem2.name
+          })]
+        }), palettesOfSelectedAcc.map(function (item) {
+          return /*#__PURE__*/jsx(SettingsItem, {
+            item: item,
+            id: item.id
+          }, item.configStepKey);
+        })]
+      }), !palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(SelectedAcc, {
+          selAccItem: selAccItem
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(accessoireContainer, collapsableInner),
+          style: {
+            height: grid.Direction == 'horizontal' ? height - 80 : ''
+          },
+          children: items.map(function (acc, key) {
+            return /*#__PURE__*/jsxs(Fragment, {
+              children: [viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoires, {
+                grids: item.shelfPlannerGrids,
+                item: acc,
+                sel: acc.articleCodex == selAcc
+              }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
+                grids: item.shelfPlannerGrids,
+                item: acc
+              }, key)]
+            });
+          })
+        })]
+      })]
+    })]
+  });
+};
+var index = observer(ShelfPlanner);
+
+export { index as default };

package/build/esm/index-22aa32af.js

@@ -0,0 +1,116 @@
+import { s as styleInject } from './index-42d6c87b.js';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { g as getKey } from './index-d2fae467.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+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 '@crystaldesign/widget-contact-form';
+import 'sift';
+import './index-958ccefe.js';
+import './index-dd90a983.js';
+import './index-7ab45a16.js';
+import './index-301ea0d8.js';
+import './index-b04b264a.js';
+import './index.module-818804d7.js';
+import './index-68fc9341.js';
+import 'react-switch';
+import './index-d2983d08.js';
+import './index-d6c8da3b.js';
+import './index-b5c24ad3.js';
+import 'react-dropdown';
+import './index-1410e4a2.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-c1e05986.js';
+import './index-081b6a3e.js';
+import './index-87e0a844.js';
+import '@crystaldesign/content-box';
+import './index-5b5122a6.js';
+import './index-8be3f6a9.js';
+import './index-eddbc858.js';
+import './index-dbb0d63c.js';
+import './index-59280600.js';
+import './index-6ba4e065.js';
+import 'react-laag';
+import './index-e2935023.js';
+import './index-ee1f9988.js';
+import './index-61c34e1e.js';
+import './index-82a21dc5.js';
+import './index-6324ef18.js';
+import './index-4c43ee05.js';
+import './index-26f08b41.js';
+import './index-07c6f48a.js';
+import './index-2e46c69a.js';
+import './index-64f7f3b5.js';
+import './index.module-d5bf456d.js';
+import './index-bf25a8ba.js';
+import './index-2b88a07a.js';
+import './index-b1b32e48.js';
+import './index-3e364cf1.js';
+import './index-8abd7b5d.js';
+import './index-d662e484.js';
+import './index-2b2381c4.js';
+import './index.module-05a53255.js';
+import './index-49435e8a.js';
+import './index-5603d4c9.js';
+
+var container = "container-ebOfa";
+var title = "title--2-cN";
+var css_248z = ".container-ebOfa {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n  margin-bottom: 3px !important;\n  background: rgba(242, 242, 242, 0.6) !important;\n  padding-top: 5px !important;\n}\n\n.title--2-cN {\n  padding-top: 3px;\n  text-align: center;\n  white-space: nowrap;\n  overflow: visible;\n  font-size: 12px;\n  color: #4b4b4b;\n  width: 100%;\n  overflow: visible;\n  height: 14px;\n  line-height: 14px;\n  font-weight: 600;\n  z-index: 100;\n}\n";
+styleInject(css_248z);
+
+var Group = function Group(_ref) {
+  var group = _ref.group,
+    PaletteComponent = _ref.PaletteComponent,
+    paletteId = _ref.paletteId,
+    rowCount = _ref.rowCount,
+    paletteType = _ref.paletteType,
+    contentInnerClassName = _ref.contentInnerClassName;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var items = group.items;
+  var name = group.name !== 'none' ? group.name : t('configurator.other');
+  return /*#__PURE__*/jsx(Fragment, {
+    children: items.map(function (item, i) {
+      return /*#__PURE__*/jsxs("div", {
+        className: classnames(container, contentInnerClassName),
+        style: {
+          width: 'calc(' + 100 / rowCount + '%' + (i === 0 ? ' - 3px' : '') + ' - 5px)',
+          borderRadius: i === items.length - 1 && i === 0 ? '8px' : i === 0 ? '8px 0px 0px 8px' : i === items.length - 1 ? '0px 8px 8px 0px' : undefined,
+          marginLeft: i === 0 ? 3 : undefined,
+          paddingRight: '5px'
+        },
+        children: [/*#__PURE__*/jsx(PaletteComponent, {
+          paletteId: paletteId,
+          item: item,
+          paletteType: paletteType,
+          style: {
+            '--galleryItemRowCount': '1',
+            '--galleryItemRowCountSmall': '1',
+            paddingTop: 'unset'
+          }
+        }, getKey(item)), /*#__PURE__*/jsx("span", {
+          className: title,
+          children: i === 0 ? name : ''
+        })]
+      });
+    })
+  });
+};
+
+export { Group as default };

package/build/esm/index-22e66b14.js

@@ -0,0 +1,88 @@
+import { s as styleInject, u as useViewHandler } from './index-42d6c87b.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+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 '@crystaldesign/widget-contact-form';
+
+var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
+var portrait = "portrait-begxM";
+var settingsHidden = "settings-hidden-9Ubgy";
+var landscape = "landscape-m3RkP";
+var expanded = "expanded-D5PIt";
+var wcButton = "wcButton-2kxBv";
+var sel = "sel-4wfuc";
+var wcViewAs = "wc_ViewAs-QJyAI";
+var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-SQUKh {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  height: 40px;\n}\n\n.portrait-begxM.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  bottom: 0px;\n}\n\n.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.landscape-m3RkP.settings-hidden-9Ubgy.wcConfigurator-product-footer-SQUKh {\n  position: absolute;\n  display: block;\n  bottom: 0;\n  height: 40px;\n}\n\n.expanded-D5PIt.wcConfigurator-product-footer-SQUKh {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:hover {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:active,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:active {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 260px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  min-width: 140px;\n}\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.wc_ViewAs-QJyAI {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.wc_ViewAs-QJyAI li {\n  display: block;\n}\n";
+styleInject(css_248z);
+
+var ProductFooter = function ProductFooter(props) {
+  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
+  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
+  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
+    children: /*#__PURE__*/jsxs("ul", {
+      className: wcViewAs,
+      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('3DCOMB');
+        },
+        children: t('configurator.Foto')
+      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('2D');
+        },
+        children: t('configurator.Grundriss')
+      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("li", {
+          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
+          onClick: function onClick() {
+            return viewHandler.productState.onChangePlannerView('3D');
+          },
+          children: t('configurator.Foto')
+        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
+          var _viewHandler$productS;
+          return /*#__PURE__*/jsx("li", {
+            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
+            onClick: function onClick() {
+              return viewHandler.productState.onChangePlannerView('3D', rendering);
+            },
+            children: rendering.title
+          });
+        })]
+      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('RTV');
+        },
+        children: t('configurator.RTV')
+      })]
+    })
+  });
+};
+var index = observer(ProductFooter);
+
+export { index as default };

package/build/esm/index-235ec01b.js

@@ -0,0 +1,108 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-42d6c87b.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-6bf3b5c7.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Share from './index-dc735665.js';
+import { toJS } from 'mobx';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+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 '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";
+var wcSaveIcon = "wcSaveIcon-epW6E";
+var wcConsulationIcon = "wcConsulationIcon-MpgkK";
+var wcBookmarkIcon = "wcBookmarkIcon-G2989";
+var wcShareIcon = "wcShareIcon-1G5IF";
+var css_248z = ".wcFunctionsToolbar-l5jaw {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n}\n.wcFunctionsToolbar-l5jaw li {\n  float: left;\n  padding: 4.8px;\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n}\n\n.wcSaveIcon-epW6E {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22  height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath  d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23black%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK {\n  background-position-y: -6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Zm-.519-623.077q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.346-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626t-16.932 39.798q0 23.456 16.743 40.388 16.744 16.932 40.09 16.932ZM234.679-425.128q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.347-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm490.718 285.949q23.347 0 40.129-16.744 16.782-16.743 16.782-40.09 0-23.346-16.626-40.128t-39.798-16.782q-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm.372-629.103ZM235.051-482.333Zm490.718 285.948Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcSaveIcon-epW6E:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23000%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+var Wishlist = function Wishlist(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useDivaCore = useDivaCore(),
+    openModal = _useDivaCore.actions.openModal;
+  useEffect(function () {
+    var _toJS;
+    if (!loading) openModal({
+      title: t('configurator.sharetitle'),
+      rejectByIcon: true,
+      content: /*#__PURE__*/jsx(Share, {
+        url: (_toJS = toJS(viewHandler.getViewConfig().shareUrl)) !== null && _toJS !== void 0 ? _toJS : '',
+        divaNr: viewHandler.divaWebPlanner.divaNr,
+        loading: loading
+      })
+    });
+  }, [loading]);
+  return /*#__PURE__*/jsxs("ul", {
+    className: wcFunctionsToolbar,
+    children: [viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcConsulationIcon),
+          title: t('configurator.consulation'),
+          onClick: viewHandler.productState.onRequestConsulation
+        })
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcBookmarkIcon),
+          title: t('configurator.bookmark'),
+          onClick: viewHandler.productState.onClickSave2
+        })
+      })]
+    }), /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcSaveIcon),
+        title: t('configurator.wishlist'),
+        onClick: viewHandler.productState.onClickSave
+      })
+    }), viewHandler.getViewConfig().shareUrl && /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcShareIcon),
+        title: t('configurator.share'),
+        onClick: function onClick() {
+          var _toJS2;
+          setLoading(true);
+          viewHandler.productState.syncOnClickShare().then(function () {
+            return setLoading(false);
+          });
+          openModal({
+            title: t('configurator.sharetitle'),
+            rejectByIcon: true,
+            content: /*#__PURE__*/jsx(Share, {
+              url: (_toJS2 = toJS(viewHandler.getViewConfig().shareUrl)) !== null && _toJS2 !== void 0 ? _toJS2 : '',
+              divaNr: viewHandler.divaWebPlanner.divaNr,
+              loading: true
+            })
+          });
+        }
+      })
+    })]
+  });
+};
+var index = observer(Wishlist);
+
+export { index as default };