@crystaldesign/diva-web-planner-react 26.13.0-beta.3 → 26.13.0-beta.30

package/build/esm/index-52645a94.js

@@ -0,0 +1,192 @@
+import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { useEffect } from 'react';
+import Inputbox from './index-d821d22e.js';
+import Product from './index-798071a0.js';
+import Settings from './index-8641aeab.js';
+import TabGroup from './index-752670c7.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsxs, Fragment, 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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-5d99df86.js';
+import 'react-dropdown';
+import './index-b636fb93.js';
+import './index-d66004b3.js';
+import './index-06675274.js';
+import './index-6b291fcd.js';
+import './index-7febd15f.js';
+import './index-92595150.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-3fbdea2e.js';
+import './index-bbad6235.js';
+import './index-61ddd670.js';
+import './index-d72f50e3.js';
+import './index-f299a845.js';
+import './index-7e28e9e4.js';
+import 'react-laag';
+import './index-c9e218d7.js';
+import 'react-qr-code';
+import './index-2eea7937.js';
+import './index-2755cd16.js';
+import './index-56427db4.js';
+import './index-05452f91.js';
+import '@crystaldesign/content-item';
+import './index-691e9af9.js';
+import './index-27876384.js';
+import './index-2aa2b66e.js';
+import './index-f9402231.js';
+import './index-1c5fa5c5.js';
+import 'sift';
+import './index-fb72d936.js';
+import './index-ab4c1e6f.js';
+import './index-8e4596e3.js';
+import './index-563fdc3f.js';
+import './index.module-6adda0b3.js';
+import './index-d72e2302.js';
+import './index-ed92f45d.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-71c079b6.js';
+import './index-473f0e1f.js';
+import './index-cdf3148d.js';
+import './index-23ff8156.js';
+import './index-a2f11e80.js';
+import '@crystaldesign/content-box';
+import './index-0d1d96de.js';
+import './index-5ecc9ce8.js';
+import './index-ef985539.js';
+import './index-a4467fa2.js';
+import './UnlockCard-14c4eddd.js';
+import './index-5caf9693.js';
+import './index-f5cd22cf.js';
+import './index-9ba090b1.js';
+import './index-4fb5f532.js';
+import './index-183460c3.js';
+import './index-c6aeb2b7.js';
+import './index.module-f8039cb8.js';
+import './index-37012998.js';
+import './index-5b02211c.js';
+import './index-3baf9628.js';
+import './index-8a3a2346.js';
+import './index-d445c2ca.js';
+import './index.module-943c3c89.js';
+import './index-1c3d719f.js';
+import './index-7ae01951.js';
+import './index-ba665341.js';
+import './index-32e16d31.js';
+import './index-85cdc43a.js';
+import './index-2e070af8.js';
+import './index-8a298ca1.js';
+import './index-b61d98b3.js';
+import './index-b3b2fa56.js';
+import './index-42d1035d.js';
+import './index-11279735.js';
+import './index-2beca59c.js';
+import './index-8a2c0f61.js';
+import 'rc-slider';
+import './index-908c80b7.js';
+import './index-bca1d026.js';
+import './index-2684abca.js';
+import './index-c2d32a33.js';
+import './index-6b0d0288.js';
+import 'react-confetti-explosion';
+import './index-64547950.js';
+import './useCustomDimensions-c30d3202.js';
+import './index-9c25d2ce.js';
+import './ussIsSticky-7316ebaf.js';
+import './index-ce9e1736.js';
+import './index-583d7573.js';
+import './index-1268f97f.js';
+import './index.module-d2581dbc.js';
+import './index-cfc5b372.js';
+import './index-3c7af566.js';
+import './index-57528dba.js';
+import './index-f4b1b4ca.js';
+import './index-8d5d6463.js';
+import './index-7133ee9a.js';
+import './index.module-f69e57fe.js';
+import './index-79c75ab0.js';
+import './index-aadc900e.js';
+import './index-e00499bf.js';
+import './index-60639f7a.js';
+import '@mui/material';
+import './index-2d6f9949.js';
+import './index-3753e285.js';
+import './index-ac79b4bd.js';
+import './index-5424b98c.js';
+import './index-8656d4f0.js';
+
+var wcConfigurator = "wcConfigurator-in-ZO";
+var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
+var wcConfiguratorProduct = "wc-configurator-product-wB64R";
+var productList = "product-list-Xdmjb";
+var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
+var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  overflow: auto !important;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+styleInject(css_248z);
+
+var Serious = function Serious(props) {
+  var _viewHandler$tabGroup;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: wcConfigurator,
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
+      }), /*#__PURE__*/jsx(Product, {
+        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
+        contentItemStartPos: "left"
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '30px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'var(--primaryColor)',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
+};
+var index = observer(Serious);
+
+export { cssVariables, index as default };

package/build/esm/index-532e9d9f.js

@@ -0,0 +1,196 @@
+import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { useEffect } from 'react';
+import Inputbox from './index-d821d22e.js';
+import Settings from './index-8641aeab.js';
+import TabGroup from './index-752670c7.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import Toolbar from './index-3a00677e.js';
+import NavigationButtons from './index-e4d09f0f.js';
+import ContentItemWrapper from './index-05452f91.js';
+import { jsxs, Fragment, 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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-691e9af9.js';
+import './index-27876384.js';
+import './index-2aa2b66e.js';
+import './index-f9402231.js';
+import './index-1c5fa5c5.js';
+import 'sift';
+import './index-fb72d936.js';
+import './index-ab4c1e6f.js';
+import './index-8e4596e3.js';
+import './index-563fdc3f.js';
+import './index.module-6adda0b3.js';
+import './index-d72e2302.js';
+import './index-ed92f45d.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+import './index-71c079b6.js';
+import 'react-dropdown';
+import './index-473f0e1f.js';
+import './index-cdf3148d.js';
+import './index-23ff8156.js';
+import './index-a2f11e80.js';
+import '@crystaldesign/content-box';
+import './index-0d1d96de.js';
+import './index-5ecc9ce8.js';
+import './index-ef985539.js';
+import './index-a4467fa2.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './UnlockCard-14c4eddd.js';
+import './index-5caf9693.js';
+import './index-f5cd22cf.js';
+import './index-9ba090b1.js';
+import './index-4fb5f532.js';
+import './index-183460c3.js';
+import './index-c6aeb2b7.js';
+import 'react-laag';
+import './index.module-f8039cb8.js';
+import './index-37012998.js';
+import './index-5b02211c.js';
+import './index-3baf9628.js';
+import './index-8a3a2346.js';
+import './index-d445c2ca.js';
+import './index.module-943c3c89.js';
+import './index-1c3d719f.js';
+import './index-7ae01951.js';
+import './index-ba665341.js';
+import './index-32e16d31.js';
+import './index-85cdc43a.js';
+import './index-2e070af8.js';
+import './index-8a298ca1.js';
+import './index-b61d98b3.js';
+import './index-b3b2fa56.js';
+import './index-42d1035d.js';
+import './index-11279735.js';
+import './index-2beca59c.js';
+import './index-8a2c0f61.js';
+import 'rc-slider';
+import './index-908c80b7.js';
+import './index-bca1d026.js';
+import './index-2684abca.js';
+import './index-c2d32a33.js';
+import './index-6b0d0288.js';
+import 'react-confetti-explosion';
+import './index-64547950.js';
+import './index-7e28e9e4.js';
+import './index-c9e218d7.js';
+import 'react-qr-code';
+import './index-2eea7937.js';
+import './useCustomDimensions-c30d3202.js';
+import './index-9c25d2ce.js';
+import './ussIsSticky-7316ebaf.js';
+import './index-ce9e1736.js';
+import './index-583d7573.js';
+import './index-1268f97f.js';
+import './index.module-d2581dbc.js';
+import './index-cfc5b372.js';
+import './index-3c7af566.js';
+import './index-57528dba.js';
+import './index-f4b1b4ca.js';
+import './index-8d5d6463.js';
+import './index-7133ee9a.js';
+import './index.module-f69e57fe.js';
+import './index-79c75ab0.js';
+import './index-aadc900e.js';
+import './index-e00499bf.js';
+import './index-60639f7a.js';
+import '@mui/material';
+import './index-2d6f9949.js';
+import './index-3753e285.js';
+import './index-ac79b4bd.js';
+import './index-5424b98c.js';
+import './index-8656d4f0.js';
+import './index-749b4235.js';
+import 'react-dom';
+import './index-707c3b25.js';
+import 'react-rnd';
+import '@crystaldesign/content-item';
+
+var wcConfigurator = "wcConfigurator-XqlAg";
+var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
+var mobile = "mobile-PPTgR";
+var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
+var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n\n/* antd Tabs – wysiwyg tab group, navigation only (hide content pane) */\n.wysiwyg-tab-group-tabs.ant-tabs {\n  height: 100%;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-content {\n  display: none;\n}\n\n.wysiwyg-tab-group-tabs.ant-tabs .ant-tabs-nav {\n  margin-bottom: 0;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .wcConfigurator-XqlAg,\nbody.darkmode .wcConfigurator-XqlAg {\n  --settingsBackgroundColor: transparent;\n}\n\n.darkmode .wc-configurator-Settings-dVmBR {\n  border-right-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .wysiwyg-tab-group-tabs,\nbody.darkmode .wysiwyg-tab-group-tabs {\n  --wysiwygTabBorderColor: rgba(255, 255, 255, 0.12);\n  --wysiwygTabTextColor: rgba(255, 255, 255, 0.6);\n  --wysiwygTabActiveColor: #fff;\n}\n";
+styleInject(css_248z);
+
+var Wysiwyg = function Wysiwyg(props) {
+  var _viewHandler$uiState$;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
+      children: [/*#__PURE__*/jsx(Toolbar, {}), /*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions,
+        showBackButtonText: true,
+        showCheckoutButtons: false
+      }), /*#__PURE__*/jsx(ContentItemWrapper, {
+        direction: "right",
+        mountElement: (_viewHandler$uiState$ = viewHandler.uiState.configuratorRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
+        drawerStyle: {
+          zIndex: 3000,
+          boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
+        }
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#df2927',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'unset',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionForthWidth': 'calc(50% - 3px)',
+  '--configuratorActionBackWidth': 'calc(50% - 3px)',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
+};
+var index = observer(Wysiwyg);
+
+export { cssVariables, index as default };

package/build/esm/index-5424b98c.js

@@ -0,0 +1,33 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-9bc78e81.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 ItemVariant = function ItemVariant(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "TabGroup/TabGroupVertical/ItemVariants"
+  }));
+};
+
+export { ItemVariant as default };

package/build/esm/index-563fdc3f.js

@@ -0,0 +1,111 @@
+import { u as useViewHandler, P as PricePreview, T as Toggle } from './index-9bc78e81.js';
+import 'react';
+import classnames from 'classnames';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-6adda0b3.js';
+import { observer } from 'mobx-react-lite';
+import { getLogger } from '@crystaldesign/diva-core';
+import { DivaError } from '@crystaldesign/diva-utils';
+import InfoIcon from './index-d72e2302.js';
+import ReverseCheck from './index-ed92f45d.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+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 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import 'react-switch';
+import 'react-countup';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+
+var LOG = getLogger('Planner', 'ToggleOption');
+var ToggleOption = function ToggleOption(_ref) {
+  var _item$selectedElement;
+  var item = _ref.item,
+    paletteId = _ref.paletteId,
+    style = _ref.style;
+  var viewHandler = useViewHandler();
+  var items = item.groups[0].items;
+  var yesItem;
+  var noItem;
+  if (!items) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  for (var i = 0; i < items.length; i++) {
+    var _items$i$codex, _items$i$codex2;
+    if ((_items$i$codex = items[i].codex) !== null && _items$i$codex !== void 0 && _items$i$codex.startsWith('OPVNEIN')) {
+      noItem = items[i];
+    }
+    if ((_items$i$codex2 = items[i].codex) !== null && _items$i$codex2 !== void 0 && _items$i$codex2.startsWith('OPVJA')) {
+      yesItem = items[i];
+    }
+  }
+  if (!noItem || !yesItem) {
+    if (items.length == 2) {
+      noItem = items[0];
+      yesItem = items[1];
+    }
+    if (!noItem || !yesItem) {
+      LOG.error(new DivaError('Achtung! Bei der Option: ' + items[0].op + ' gibt es keine eindeutige werte für JA und NEIN', {
+        code: 'WC_0011'
+      }));
+      item.isVisited = true;
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+  }
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
+  return /*#__PURE__*/jsxs("div", {
+    className: row,
+    ref: function ref(_ref2) {
+      return item.htmlRef = _ref2;
+    },
+    style: style,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classnames(colum, title),
+      children: item.name
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames(colum, toggle),
+      children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: noItem.pricePreviewPromise,
+        sel: noItem.sel,
+        pos: "left"
+      }), /*#__PURE__*/jsx(Toggle, {
+        onChange: function onChange() {
+          viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem.sel ? yesItem : noItem, undefined, paletteId);
+        },
+        val: item,
+        state: noItem.sel == false,
+        off: noItem.text,
+        on: yesItem.text
+      }), yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        sel: yesItem.sel,
+        pos: "right"
+      }), yesItem.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
+        item: yesItem,
+        paletteId: paletteId
+      })]
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        bottom: 'calc(50% - 10px)',
+        right: '20px'
+      }
+    }, item.configStepKey)]
+  });
+};
+var ToggleOption$1 = observer(ToggleOption);
+
+export { ToggleOption$1 as default };

package/build/esm/index-56427db4.js

@@ -0,0 +1,44 @@
+import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+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 logo = "logo-h99KB";
+var hidden = "hidden-uMA1f";
+var notHidden = "not-hidden-88ft-";
+var mobile = "mobile-W86xf";
+var css_248z = ".logo-h99KB {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.hidden-uMA1f {\n  opacity: 0;\n}\n\n.not-hidden-88ft- {\n  transition: opacity 0.5s;\n}\n\n.mobile-W86xf.logo-h99KB {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n";
+styleInject(css_248z);
+
+var Logo = function Logo(props) {
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    logoUrl = _useDivaCore.state.organization.logoUrl;
+  if (!viewHandler.uiState.isInMobileView && !viewHandler.uiState.ViewConfig.showLogoInProductDesktop || !viewHandler.uiState.ViewConfig.showLogoInProduct || !logoUrl) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("img", {
+    className: classnames(logo, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.productState.orbitHidden || viewHandler.uiState.isMobilePortrait || viewHandler.uiState.isMobileLandscape ? notHidden : hidden),
+    src: logoUrl
+  });
+};
+var Logo$1 = observer(Logo);
+
+export { Logo$1 as default };

package/build/esm/index-57528dba.js

@@ -0,0 +1,88 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 title = "title-60AHO";
+var input = "input-jhc29";
+var css_248z = ".title-60AHO {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.input-jhc29 {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n";
+styleInject(css_248z);
+
+var CustomInput = function CustomInput(_ref) {
+  var selectedRoom = _ref.selectedRoom;
+  var _useDivaCore = useDivaCore(),
+    user = _useDivaCore.state.user;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorMessage = _useState4[0],
+    setErrorMessage = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.aiState.setCustomPromptInput(value);
+  }, [value]);
+  useEffect(function () {
+    if (viewHandler.aiState.customPromptInput == value) return;
+    setValue(viewHandler.aiState.customPromptInput || '');
+  }, [viewHandler.aiState.customPromptInput]);
+  useEffect(function () {
+    var _viewHandler$aiState$;
+    if (!selectedRoom) return;
+    var hash = viewHandler.aiState.setHash;
+    var error = (_viewHandler$aiState$ = viewHandler.aiState.aiGenerationErrors[selectedRoom]) === null || _viewHandler$aiState$ === void 0 ? void 0 : _viewHandler$aiState$[hash];
+    setErrorMessage(error);
+  }, [selectedRoom, viewHandler.aiState.setHash, viewHandler.aiState.aiGenerationErrors]);
+  return /*#__PURE__*/jsxs("div", {
+    children: [!!user && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: title,
+        children: t('configurator.roomRendering.customPrompt')
+      }), /*#__PURE__*/jsx("input", {
+        className: input,
+        type: "text",
+        value: value,
+        onChange: function onChange(e) {
+          return setValue(e.target.value);
+        }
+      })]
+    }), errorMessage && /*#__PURE__*/jsx("div", {
+      style: {
+        marginTop: '8px',
+        padding: '8px',
+        background: 'rgba(255, 59, 48, 0.9)',
+        color: 'white',
+        borderRadius: '4px',
+        fontSize: '12px',
+        textAlign: 'center'
+      },
+      children: t(errorMessage)
+    })]
+  });
+};
+var CustomInput$1 = observer(CustomInput);
+
+export { CustomInput$1 as default };