@crystaldesign/diva-web-planner-react 26.8.0-beta.1 → 26.8.0-beta.11

package/build/esm/index-720bc2cb.js

@@ -0,0 +1,202 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { u as useViewHandler } from './index-b6c3b206.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useRef, useEffect } from 'react';
+import { useLayer } from 'react-laag';
+import Tooltip from './index-adafd0d6.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import FullscreenAr, { FullscreenArHeader } from './index-7aa75f35.js';
+import QRCode from 'react-qr-code';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+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-switch';
+import 'react-countup';
+
+var _excluded = ["Button", "dontOpenModal"];
+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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
+  var Button = _ref.Button,
+    dontOpenModal = _ref.dontOpenModal,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    openDrawerMenu = _useDivaCore.actions.openDrawerMenu,
+    _useDivaCore$state = _useDivaCore.state,
+    isMobile = _useDivaCore$state.isMobile,
+    isTablet = _useDivaCore$state.dimensions.isTablet;
+  //tooltip is going to close itself by timer
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    autoClose = _useState2[0],
+    setAutoClose = _useState2[1];
+  var autoCloseTimeout = useRef();
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openDrawer = _useState4[0],
+    setOpenDrawer = _useState4[1];
+  var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
+  var openAr = isMobile || isTablet;
+  //if the viewer is in an iframe (pfister) we dont want to open the modal for the arcombi
+  var shouldOpenModal = openAr && !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV;
+
+  //for fade animation
+  var _useState5 = useState(viewHandler.productState.arCodeWasVisibleOnce),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tooltipVisible = _useState6[0],
+    setTooltipVisible = _useState6[1];
+  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible && !dontOpenModal;
+  var _useLayer = useLayer({
+      isOpen: showTooltip,
+      auto: true,
+      placement: 'right-end',
+      triggerOffset: 16
+    }),
+    triggerProps = _useLayer.triggerProps,
+    layerProps = _useLayer.layerProps,
+    renderLayer = _useLayer.renderLayer,
+    arrowProps = _useLayer.arrowProps;
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    url = _useState8[0],
+    setUrl = _useState8[1];
+  useEffect(function () {
+    var _viewHandler$uiState$;
+    if (viewHandler.uiState.AllConfig.arViewerIframe) return;
+    openDrawerMenu({
+      id: 'ar-qr-code',
+      mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
+      handleInternScroll: true,
+      showOverlay: true,
+      direction: 'bottom',
+      onClose: function onClose() {
+        setOpenDrawer(false);
+        viewHandler.productState.loadRTVForAr = false;
+        viewHandler.productState.setDoShowARQRCode(false);
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
+      },
+      title: /*#__PURE__*/jsx(FullscreenArHeader, {}),
+      content: /*#__PURE__*/jsx(FullscreenAr, {
+        url: url,
+        isArCompatible: viewHandler.productState.isArCompatible,
+        broswerSupportAR: viewHandler.productState.browserSupportAR,
+        activateAR: viewHandler.productState.activateAR,
+        hqRenderScript: viewHandler.hqRenderScript,
+        isTablet: isTablet
+      }),
+      open: openDrawer
+    });
+  }, [openDrawer, viewHandler.productState.activateAR]);
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode == true) {
+      viewHandler.openARObserverConnection(function () {
+        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
+      } // request hqr onreceivehqr triggers update
+      ).then(function (url) {
+        return setUrl(url);
+      });
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  useEffect(function () {
+    if (viewHandler.productState.doShowARQRCode && shouldOpenModal) {
+      setOpenDrawer(true);
+    }
+  }, [viewHandler.productState.activateAR, url]);
+  useEffect(function () {
+    //start timeout for auto open the tooltip
+    if (dontOpenModal) return;
+    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
+      var _arQrCodeConfig$timeU;
+      autoCloseTimeout.current = setTimeout(function () {
+        viewHandler.productState.setArCodeWasVisibleOnce();
+        setAutoClose(true);
+        viewHandler.productState.setDoShowARQRCode(true);
+      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
+    }
+    if (!viewHandler.productState.doShowARQRCode && autoClose) {
+      setAutoClose(false);
+    }
+    //delay the state of visible so we animate the fade out
+    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
+      setTimeout(function () {
+        setTooltipVisible(viewHandler.productState.doShowARQRCode);
+      }, 200);
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
+  var onClick = function onClick() {
+    viewHandler.productState.setDoShowARQRCode(true);
+    var curPlannerMode = viewHandler.viewPlannerHandler.getCurPlannerViewMode();
+    if (shouldOpenModal) {
+      if (!viewHandler.productState.doShowRTV && !(curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
+        viewHandler.setHQRenderScript(undefined);
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
+      }
+      setOpenDrawer(true);
+      viewHandler.productState.loadRTVForAr = true;
+    } else if (openAr && (curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
+      viewHandler.productState.loadRTVForAr = true;
+      setOpenDrawer(true);
+    }
+  };
+  if (url && !openAr && dontOpenModal) {
+    return /*#__PURE__*/jsxs("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%'
+      },
+      children: [/*#__PURE__*/jsx(QRCode, {
+        value: url,
+        size: 96,
+        onClick: function onClick() {
+          return url && window.open(url, '_blank');
+        }
+      }), ";"]
+    });
+  }
+  if (Button) {
+    return /*#__PURE__*/jsx(Button, {
+      onClick: onClick
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
+      id: "ar-icon"
+    }, props), {}, {
+      className: classnames(props.className),
+      onClick: onClick,
+      title: t('configurator.ar_qr_title')
+    }, triggerProps), {}, {
+      style: {
+        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV || viewHandler.productState.doShowAIRoom ? 'visible' : 'hidden'
+      }
+    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
+      arrowProps: arrowProps,
+      layerProps: layerProps,
+      autoClose: autoClose,
+      fadeIn: tooltipVisible,
+      fadeout: !viewHandler.productState.doShowARQRCode,
+      url: url
+    }))]
+  });
+};
+var ArQrCodeIcon = observer(ArQrCodeTooltip);
+
+export { ArQrCodeIcon as default };

package/build/esm/index-739a92cd.js

@@ -0,0 +1,91 @@
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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-switch';
+import 'react-countup';
+
+var wcConfiguratorProductFooter = "wcConfigurator-product-footer-BQAEt";
+var portrait = "portrait-dDB1V";
+var expanded = "expanded-ENaC6";
+var wcButton = "wcButton-ejK-0";
+var landscape = "landscape-U5rkX";
+var wcFoto = "wcFoto-w00Jj";
+var sel = "sel-BDwTn";
+var wcGrid = "wcGrid-W7T4M";
+var wcAccessorie = "wcAccessorie-pXi-s";
+var wcRtv = "wcRtv-AT3Rr";
+var wcStyleConsultant = "wcStyleConsultant-h-l-E";
+var wcViewAs = "wc_ViewAs-pTwrO";
+var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-BQAEt {\n  text-align: center;\n  z-index: 350;\n}\n\n.wcConfigurator-product-footer-BQAEt {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.portrait-dDB1V.wcConfigurator-product-footer-BQAEt {\n  display: none;\n}\n\n.expanded-ENaC6.wcConfigurator-product-footer-BQAEt {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0 {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  min-width: 0;\n  min-width: initial;\n  margin: 0 0.5rem;\n  background-size: contain;\n  background-position: center center;\n  cursor: pointer;\n  transition: background-color 0.4s;\n  background-color: #fff;\n  background-size: 80%;\n}\n\n.landscape-U5rkX .wcButton-ejK-0 {\n  width: 40px;\n  height: 40px;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2236%22 viewBox%3D%220 0 37 36%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 22.7265C8.1201 22.474 8.10558 22.2201 8.10557 21.966V14.034C8.09599 12.3106 8.77144 10.654 9.9833 9.42865C11.1952 8.20328 12.8442 7.50952 14.5676 7.5H22.6436C24.367 7.50952 26.016 8.20328 27.2278 9.42865C28.4397 10.654 29.1151 12.3106 29.1056 14.034V21.966C29.1151 23.6894 28.4397 25.346 27.2278 26.5714C26.016 27.7967 24.367 28.4905 22.6436 28.5H14.5676C11.2725 28.4843 8.51236 26.0015 8.14907 22.7265ZM8.14907 22.7265C8.95396 22.005 9.7017 21.2222 10.3856 20.3851C11.3976 19.0159 13.191 18.4778 14.7896 19.0636C18.5756 20.2636 21.9551 24.6721 25.1966 22.3801C26.387 21.4717 27.3084 20.2569 27.8621 18.8656C28.1879 18.1013 28.6054 17.3795 29.1056 16.7161M14.1851 12.8189C14.1851 13.2389 13.8446 13.5794 13.4246 13.5794C13.0046 13.5794 12.6641 13.2389 12.6641 12.8189C12.6641 12.3989 13.0046 12.0584 13.4246 12.0584C13.8446 12.0584 14.1851 12.3989 14.1851 12.8189Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2237%22 viewBox%3D%220 0 37 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 23.0289C8.1201 22.7764 8.10558 22.5225 8.10557 22.2684V14.3364C8.09599 12.613 8.77144 10.9564 9.9833 9.73101C11.1952 8.50565 12.8442 7.81189 14.5676 7.80237H22.6436C24.367 7.81189 26.016 8.50565 27.2278 9.73101C28.4397 10.9564 29.1151 12.613 29.1056 14.3364V22.2684C29.1151 23.9918 28.4397 25.6484 27.2278 26.8737C26.016 28.0991 24.367 28.7928 22.6436 28.8024H14.5676C11.2725 28.7867 8.51236 26.3039 8.14907 23.0289ZM8.14907 23.0289C8.95396 22.3073 9.7017 21.5246 10.3856 20.6874C11.3976 19.3183 13.191 18.7802 14.7896 19.3659C18.5756 20.5659 21.9551 24.9744 25.1966 22.6824C26.387 21.774 27.3084 20.5593 27.8621 19.1679C28.1879 18.4037 28.6054 17.6819 29.1056 17.0184M14.1851 13.1213C14.1851 13.5413 13.8446 13.8818 13.4246 13.8818C13.0046 13.8818 12.6641 13.5413 12.6641 13.1213C12.6641 12.7013 13.0046 12.3608 13.4246 12.3608C13.8446 12.3608 14.1851 12.7013 14.1851 13.1213Z%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-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcFoto-w00Jj.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2237%22 height%3D%2237%22 viewBox%3D%220 0 37 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M8.14907 23.0289C8.1201 22.7764 8.10558 22.5225 8.10557 22.2684V14.3364C8.09599 12.613 8.77144 10.9564 9.9833 9.73101C11.1952 8.50565 12.8442 7.81189 14.5676 7.80237H22.6436C24.367 7.81189 26.016 8.50565 27.2278 9.73101C28.4397 10.9564 29.1151 12.613 29.1056 14.3364V22.2684C29.1151 23.9918 28.4397 25.6484 27.2278 26.8737C26.016 28.0991 24.367 28.7928 22.6436 28.8024H14.5676C11.2725 28.7867 8.51236 26.3039 8.14907 23.0289ZM8.14907 23.0289C8.95396 22.3073 9.7017 21.5246 10.3856 20.6874C11.3976 19.3183 13.191 18.7802 14.7896 19.3659C18.5756 20.5659 21.9551 24.9744 25.1966 22.6824C26.387 21.774 27.3084 20.5593 27.8621 19.1679C28.1879 18.4037 28.6054 17.6819 29.1056 17.0184M14.1851 13.1213C14.1851 13.5413 13.8446 13.8818 13.4246 13.8818C13.0046 13.8818 12.6641 13.5413 12.6641 13.1213C12.6641 12.7013 13.0046 12.3608 13.4246 12.3608C13.8446 12.3608 14.1851 12.7013 14.1851 13.1213Z%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  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2218%22 viewBox%3D%220 0 35 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13L17.3008 17L9.30078 13M25.3008 13L17.3008 9M25.3008 13L33.3008 9L25.3008 5M9.30078 13L17.3008 9M9.30078 13L1.30078 9L9.30078 5M17.3008 9L25.3008 5M17.3008 9L9.30078 5M25.3008 5L17.3008 1L9.30078 5%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2219%22 viewBox%3D%220 0 35 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13.3024L17.3008 17.3024L9.30078 13.3024M25.3008 13.3024L17.3008 9.30237M25.3008 13.3024L33.3008 9.30237L25.3008 5.30237M9.30078 13.3024L17.3008 9.30237M9.30078 13.3024L1.30078 9.30237L9.30078 5.30237M17.3008 9.30237L25.3008 5.30237M17.3008 9.30237L9.30078 5.30237M25.3008 5.30237L17.3008 1.30237L9.30078 5.30237%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-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcGrid-W7T4M.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2235%22 height%3D%2219%22 viewBox%3D%220 0 35 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M25.3008 13.3024L17.3008 17.3024L9.30078 13.3024M25.3008 13.3024L17.3008 9.30237M25.3008 13.3024L33.3008 9.30237L25.3008 5.30237M9.30078 13.3024L17.3008 9.30237M9.30078 13.3024L1.30078 9.30237L9.30078 5.30237M17.3008 9.30237L25.3008 5.30237M17.3008 9.30237L9.30078 5.30237M25.3008 5.30237L17.3008 1.30237L9.30078 5.30237%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  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcAccessorie-pXi-s.wcButton-ejK-0 {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23F5F5F5%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.8%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%234B4B4B%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.9%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcAccessorie-pXi-s.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 55 55%22 style%3D%22enable-background%3Anew 0 0 55 55%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%234B4B4B%3B%7D%09.st1%7Bfill%3Anone%3B%7D%09.st2%7Benable-background%3Anew    %3B%7D%09.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2227.5%22 cy%3D%2227.5%22 r%3D%2227.5%22%2F%3E%3Crect x%3D%2211.9%22 y%3D%224%22 class%3D%22st1%22 width%3D%2243.5%22 height%3D%2251.5%22%2F%3E%3Cg class%3D%22st2%22%3E%09%3Cpath class%3D%22st3%22 d%3D%22M25.3%2C40V29.6H15v-4.3h10.3V15h4.4v10.3H40v4.3H29.7V40H25.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  border: 1px solid white;\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcRtv-AT3Rr.wcButton-ejK-0 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2236%22 viewBox%3D%220 0 36 36%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.3039V20.413M17.5 15.3039L13.8478 13.9348M17.5 15.3039L21.1522 13.9348M7 11.6526V16.3039M7 11.6526L10.6522 13.0217M7 11.6526L9.39674 10.7395M28 16.3039V11.6526M28 11.6526L24.3478 13.0217M28 11.6526L25.0326 10.5221M17.5 8V11.6522M17.5 8L13.8478 9.39148M17.5 8L21.1522 9.39148M28 24.4789V20M28 24.4789L24.3478 22.7994M28 24.4789L25.6033 25.599M7 20V24.4789M7 24.4789L10.6522 22.7994M7 24.4789L9.96739 25.8657M17.5 28.9594V24.4794M17.5 28.9594L21.1522 27.2525M17.5 28.9594L13.8478 27.2525%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2237%22 viewBox%3D%220 0 36 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.6063V20.7154M17.5 15.6063L13.8478 14.2372M17.5 15.6063L21.1522 14.2372M7 11.955V16.6063M7 11.955L10.6522 13.3241M7 11.955L9.39674 11.0418M28 16.6063V11.955M28 11.955L24.3478 13.3241M28 11.955L25.0326 10.8244M17.5 8.30237V11.9545M17.5 8.30237L13.8478 9.69385M17.5 8.30237L21.1522 9.69385M28 24.7812V20.3023M28 24.7812L24.3478 23.1018M28 24.7812L25.6033 25.9014M7 20.3023V24.7812M7 24.7812L10.6522 23.1018M7 24.7812L9.96739 26.1681M17.5 29.2618V24.7818M17.5 29.2618L21.1522 27.5549M17.5 29.2618L13.8478 27.5549%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-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcRtv-AT3Rr.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2236%22 height%3D%2237%22 viewBox%3D%220 0 36 37%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17.5 15.6063V20.7154M17.5 15.6063L13.8478 14.2372M17.5 15.6063L21.1522 14.2372M7 11.955V16.6063M7 11.955L10.6522 13.3241M7 11.955L9.39674 11.0418M28 16.6063V11.955M28 11.955L24.3478 13.3241M28 11.955L25.0326 10.8244M17.5 8.30237V11.9545M17.5 8.30237L13.8478 9.69385M17.5 8.30237L21.1522 9.69385M28 24.7812V20.3023M28 24.7812L24.3478 23.1018M28 24.7812L25.6033 25.9014M7 20.3023V24.7812M7 24.7812L10.6522 23.1018M7 24.7812L9.96739 26.1681M17.5 29.2618V24.7818M17.5 29.2618L21.1522 27.5549M17.5 29.2618L13.8478 27.5549%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  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcStyleConsultant-h-l-E {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%234F4F4F%22%3E%3Cpath d%3D%22M481.27-126.15 165.38-436.5l172.97-209.04h285.07L796-436.5 481.27-126.15Zm-258.58-542.5-76.38-75.62 26.57-26.46 75.89 75.61-26.08 26.47Zm239.93-58v-107.2h36.92v107.2h-36.92Zm274.84 57.88-25.31-26.08 75.62-75.61 26.08 26.19-76.39 75.5ZM481.27-177.69l246.42-242.62H233.58l247.69 242.62ZM355.38-608.62 230.23-457.23h500.92L606-608.62H355.38Z%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #c0c0c0;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcStyleConsultant-h-l-E:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23fff%22%3E%3Cpath d%3D%22M481.27-126.15 165.38-436.5l172.97-209.04h285.07L796-436.5 481.27-126.15Zm-258.58-542.5-76.38-75.62 26.57-26.46 75.89 75.61-26.08 26.47Zm239.93-58v-107.2h36.92v107.2h-36.92Zm274.84 57.88-25.31-26.08 75.62-75.61 26.08 26.19-76.39 75.5ZM481.27-177.69l246.42-242.62H233.58l247.69 242.62ZM355.38-608.62 230.23-457.23h500.92L606-608.62H355.38Z%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: #7b7b7b;\n  border: 1px solid #7b7b7b;\n}\n\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcStyleConsultant-h-l-E:active,\n.wcConfigurator-product-footer-BQAEt .wcButton-ejK-0.wcStyleConsultant-h-l-E.sel-BDwTn {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23fff%22%3E%3Cpath d%3D%22M481.27-126.15 165.38-436.5l172.97-209.04h285.07L796-436.5 481.27-126.15Zm-258.58-542.5-76.38-75.62 26.57-26.46 75.89 75.61-26.08 26.47Zm239.93-58v-107.2h36.92v107.2h-36.92Zm274.84 57.88-25.31-26.08 75.62-75.61 26.08 26.19-76.39 75.5ZM481.27-177.69l246.42-242.62H233.58l247.69 242.62ZM355.38-608.62 230.23-457.23h500.92L606-608.62H355.38Z%22%2F%3E%3C%2Fsvg%3E\");\n  border: 1px solid #4f4f4f;\n  background-color: #4f4f4f;\n}\n/* ViewAs  */\n.wc_ViewAs-pTwrO {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  margin-bottom: 16px;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.wc_ViewAs-pTwrO li {\n  display: block;\n  float: left;\n}\n";
+styleInject(css_248z);
+
+var ProductFooter = function ProductFooter(props) {
+  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2, _viewHandler$tabGroup3, _viewHandler$tabGroup4, _viewHandler$aiState;
+  var viewHandler = useViewHandler();
+  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.configSettingsIsExpanded ? expanded : undefined),
+    children: /*#__PURE__*/jsxs("ul", {
+      className: wcViewAs,
+      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcFoto, viewHandler.productState.doShow3DComb ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('3DCOMB');
+        }
+      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("li", {
+          className: classnames(wcButton, wcFoto, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
+          onClick: function onClick() {
+            return viewHandler.productState.onChangePlannerView('3D');
+          }
+        }), ((_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, wcAccessorie, 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);
+            }
+          });
+        })]
+      }), ['SUMMARY', 'STYLE_CONSULTANT'].includes((_viewHandler$tabGroup3 = (_viewHandler$tabGroup4 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup4 === void 0 ? void 0 : _viewHandler$tabGroup4.type) !== null && _viewHandler$tabGroup3 !== void 0 ? _viewHandler$tabGroup3 : '') && ((_viewHandler$aiState = viewHandler.aiState) === null || _viewHandler$aiState === void 0 || (_viewHandler$aiState = _viewHandler$aiState.generatedImageHistory) === null || _viewHandler$aiState === void 0 ? void 0 : _viewHandler$aiState.length) > 0 && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcStyleConsultant, viewHandler.productState.doShowAIRoom ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.showAIRoom();
+        }
+      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcGrid, viewHandler.productState.doShowGrid ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('2D');
+        }
+      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcRtv, viewHandler.productState.doShowRTV ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('RTV');
+        }
+      })]
+    })
+  });
+};
+var index = observer(ProductFooter);
+
+export { index as default };

package/build/esm/index-73e6ba7d.js

@@ -0,0 +1,77 @@
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+var teaserContainer = "teaserContainer--DnKQ";
+var emoji = "emoji-R0ay8";
+var title = "title-PeINh";
+var description = "description-dcuP6";
+var button = "button-0gvSY";
+var buttonText = "buttonText-HqWTX";
+var arrow = "arrow-9YFFk";
+var css_248z = ".teaserContainer--DnKQ {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.emoji-R0ay8 {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.title-PeINh {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.description-dcuP6 {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .description-dcuP6 {\n  font-size: 13px;\n}\n\n.button-0gvSY {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.button-0gvSY:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.buttonText-HqWTX {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.arrow-9YFFk {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.arrow-9YFFk svg {\n  width: 100%;\n  height: 100%;\n}\n";
+styleInject(css_248z);
+
+var ContentItemTeaser = function ContentItemTeaser(_ref) {
+  var item = _ref.item;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    className: teaserContainer,
+    children: [item.emoji && /*#__PURE__*/jsx("div", {
+      className: emoji,
+      children: item.emoji
+    }), /*#__PURE__*/jsx("div", {
+      className: title,
+      children: item.title
+    }), /*#__PURE__*/jsx("div", {
+      className: description,
+      children: item.description
+    }), /*#__PURE__*/jsxs("button", {
+      className: button,
+      onClick: function onClick() {
+        return viewHandler.settingsState.onClickContentItemId(item.id);
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: buttonText,
+        children: item.buttonText
+      }), /*#__PURE__*/jsx("div", {
+        className: arrow,
+        children: /*#__PURE__*/jsx("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/jsx("path", {
+            d: "M5 12H19M19 12L13 6M19 12L13 18",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          })
+        })
+      })]
+    })]
+  });
+};
+var ContentItemTeaser$1 = observer(ContentItemTeaser);
+
+export { ContentItemTeaser$1 as default };

package/build/esm/index-7444d3d9.js

@@ -0,0 +1,33 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-b6c3b206.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+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 NavigationButtons = function NavigationButtons(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Action/Navigation"
+  }));
+};
+
+export { NavigationButtons as default };

package/build/esm/index-752a1019.js

@@ -0,0 +1,81 @@
+import { s as styleInject, u as useViewHandler, c as usePlannerUIHandler } from './index-b6c3b206.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+var wcConfiguratorGrid = "wcConfigurator-grid-DANlC";
+var wcConfiguratorGrid2DCanvas = "wcConfigurator-grid-2D-canvas-kC0d5";
+var grid2DBg = "Grid2D_BG-qKtq3";
+var css_248z = ".wcConfigurator-grid-DANlC {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.wcConfigurator-grid-2D-canvas-kC0d5 {\n  z-index: 5;\n}\n\n.Grid2D_BG-qKtq3 {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg==');\n  /*background-image: url(\"images/Standard/grid_standard.png\");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n";
+styleInject(css_248z);
+
+var touchMoveDetected = false;
+var Planner2DGrid = function Planner2DGrid(props) {
+  var viewHandler = useViewHandler();
+  var uiHandler = usePlannerUIHandler();
+  var gridRef = useRef(null);
+  useEffect(function () {
+    if (!gridRef) return;
+    viewHandler.productState.setPlanner2DGridElement(gridRef.current);
+  }, [gridRef]);
+  var on2DPlannerBGClick = function on2DPlannerBGClick(e) {
+    viewHandler.viewPlannerHandler.onClearElementSelection();
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsxs("div", {
+    ref: gridRef,
+    className: wcConfiguratorGrid,
+    id: "wcConfigurator-grid-container",
+    style: {
+      width: '100%',
+      height: '100%',
+      zIndex: 2,
+      visibility: viewHandler.productState.doShowGrid ? 'visible' : 'hidden'
+    },
+    onClick: on2DPlannerBGClick,
+    onTouchStart: function onTouchStart() {
+      touchMoveDetected = false;
+    },
+    onTouchMove: function onTouchMove() {
+      touchMoveDetected = true;
+    },
+    onTouchEnd: function onTouchEnd(e) {
+      if (!touchMoveDetected) {
+        on2DPlannerBGClick(e);
+      }
+      touchMoveDetected = false;
+    },
+    children: [/*#__PURE__*/jsx("canvas", {
+      className: wcConfiguratorGrid2DCanvas,
+      id: "wcConfigurator-grid-2D-canvas"
+    }), /*#__PURE__*/jsx("div", {
+      className: grid2DBg,
+      style: {
+        zoom: uiHandler.get2DGridBackgroundState().zoom,
+        backgroundPosition: uiHandler.get2DGridBackgroundState().position.x + 'px ' + uiHandler.get2DGridBackgroundState().position.y + 'px'
+      }
+    })]
+  });
+};
+var Planner2DGrid$1 = observer(Planner2DGrid);
+
+export { Planner2DGrid$1 as default };

package/build/esm/index-7575d116.js

@@ -0,0 +1,85 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { u as useViewHandler } from './index-b6c3b206.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+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-switch';
+import 'react-countup';
+
+var _excluded = ["className"];
+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 buttonBase = {
+  padding: '4px 15px',
+  borderRadius: 6,
+  border: '1px solid #d9d9d9',
+  cursor: 'pointer',
+  fontSize: 14,
+  lineHeight: '22px',
+  background: '#fff',
+  color: 'rgba(0,0,0,0.88)'
+};
+var primaryButton = _objectSpread(_objectSpread({}, buttonBase), {}, {
+  background: 'var(--primaryColor, #1677ff)',
+  borderColor: 'var(--primaryColor, #1677ff)',
+  color: '#fff'
+});
+var ActionNavigation = function ActionNavigation(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _viewHandler$actionBu = viewHandler.actionButtonState,
+    isOnFirstStep = _viewHandler$actionBu.isOnFirstStep,
+    isOnFirstStepDisabled = _viewHandler$actionBu.isOnFirstStepDisabled,
+    isOnLastStep = _viewHandler$actionBu.isOnLastStep;
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(className),
+    children: /*#__PURE__*/jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: 8,
+        flexWrap: 'wrap'
+      },
+      children: [!isOnFirstStep && /*#__PURE__*/jsx("button", {
+        style: buttonBase,
+        onClick: function onClick() {
+          window.lastNavigationType = 'NAVIGATION_STANDARD_BACK_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
+        },
+        children: t('configurator.Back')
+      }), !isOnLastStep && /*#__PURE__*/jsx("button", {
+        id: "wcConfigurator-action-next",
+        style: _objectSpread(_objectSpread({}, primaryButton), {}, {
+          opacity: isOnFirstStepDisabled ? 0.5 : 1
+        }),
+        disabled: isOnFirstStepDisabled,
+        onClick: function onClick() {
+          window.lastNavigationType = 'NAVIGATION_STANDARD_FORWARD_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
+        },
+        children: t('configurator.Next')
+      })]
+    })
+  }));
+};
+var index = observer(ActionNavigation);
+
+export { index as default };

package/build/esm/index-7586676b.js

@@ -0,0 +1,33 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-b6c3b206.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+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 SettingsItemRoomTemplate = function SettingsItemRoomTemplate(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem"
+  }));
+};
+
+export { SettingsItemRoomTemplate as default };