@crystaldesign/diva-web-planner-react 26.3.0-beta.51 → 26.3.0-beta.52

package/build/esm/index-1db7c1e3.js

@@ -1,150 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-27c2a5a2.js';
-import { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import BlockIcon from '@mui/icons-material/Block';
-import WarningIcon from '@mui/icons-material/Warning';
-import { getLogger, useTranslation } from '@crystaldesign/diva-core';
-import { DivaError } from '@crystaldesign/diva-utils';
-import { jsx, Fragment } from 'react/jsx-runtime';
-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 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var reverseCheck = "reverse-check-mDnz6";
-var blocked = "blocked-bCo2n";
-var blockedClickable = "blocked-clickable-ffLmm";
-var loading = "loading-eIRqF";
-var spinner = "spinner-ibEoI";
-var blockedIcon = "blocked-icon-uGIFB";
-var warningIcon = "warning-icon-EEpQ2";
-var warningContainer = "warning-container-ELvdO";
-var css_248z = ".reverse-check-mDnz6 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.blocked-bCo2n {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.blocked-clickable-ffLmm {\n  pointer-events: auto;\n}\n\n.loading-eIRqF {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.spinner-ibEoI {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: spinner-ibEoI 1s linear infinite;\n}\n\n.blocked-icon-uGIFB {\n  font-size: 32px !important;\n}\n\n.blocked-icon-uGIFB {\n  color: #d32f2f;\n}\n\n.warning-icon-EEpQ2 {\n  font-size: 20px !important;\n}\n\n.warning-icon-EEpQ2 {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.warning-container-ELvdO {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes spinner-ibEoI {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'ReverseCheck');
-var ReverseCheck = function ReverseCheck(_ref) {
-  var item = _ref.item,
-    paletteId = _ref.paletteId;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var reversingCheckPromise = item.pricePreviewPromise !== undefined ? item.pricePreviewPromise : undefined;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading$1 = _useState4[0],
-    setLoading = _useState4[1];
-  useEffect(function () {
-    var isMounted = true;
-    if (reversingCheckPromise) {
-      setLoading(true);
-      reversingCheckPromise.promise.then(function (result) {
-        if (isMounted) {
-          setData(result.reversingCheck);
-        }
-      })["catch"](function (error) {
-        LOG.error(new DivaError('Error loading reversing check:', {
-          cause: error
-        }));
-      })["finally"](function () {
-        if (isMounted) {
-          setLoading(false);
-        }
-      });
-    } else {
-      setData(null);
-    }
-    return function () {
-      isMounted = false;
-    };
-  }, [reversingCheckPromise]);
-  var handleBlockedClick = function handleBlockedClick(e) {
-    var _viewHandler$actions;
-    e.stopPropagation();
-    var variantValuesText = Object.values((data === null || data === void 0 ? void 0 : data.reversingVariantValues) || {}).map(function (v) {
-      return v.label;
-    }).join(', ');
-    (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal({
-      title: t('configurator.reverseCheck.blocked.title'),
-      text: t('configurator.reverseCheck.blocked.text', {
-        options: variantValuesText
-      }),
-      accept: false,
-      reject: true,
-      rejectByIcon: true
-    });
-  };
-  var handleWarningClick = function handleWarningClick(e) {
-    var _viewHandler$actions2;
-    e.stopPropagation();
-    var variantValuesText = Object.values((data === null || data === void 0 ? void 0 : data.reversingVariantValues) || {}).map(function (v) {
-      return v.label;
-    }).join(', ');
-    (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.openModal({
-      title: t('configurator.reverseCheck.warning.title'),
-      text: t('configurator.reverseCheck.warning.text', {
-        options: variantValuesText
-      }),
-      accept: true,
-      reject: true,
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
-        }
-      }
-    });
-  };
-  if (!reversingCheckPromise) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (loading$1) {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, loading),
-      children: /*#__PURE__*/jsx("div", {
-        className: spinner
-      })
-    });
-  }
-  if (!data || !data.hasReversingChanges) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (data.checkingForReversingChanges === 'BLOCK') {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, blocked, blockedClickable),
-      onClick: handleBlockedClick,
-      children: /*#__PURE__*/jsx(BlockIcon, {
-        className: blockedIcon,
-        id: "blocked-icon"
-      })
-    });
-  }
-  if (data.checkingForReversingChanges === 'WARN') {
-    return /*#__PURE__*/jsx("div", {
-      className: classnames(reverseCheck, warningContainer),
-      onClick: handleWarningClick,
-      children: /*#__PURE__*/jsx(WarningIcon, {
-        className: warningIcon
-      })
-    });
-  }
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-
-export { ReverseCheck as default };

package/build/esm/index-1f336f48.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-27c2a5a2.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-508fe61c.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 'react-switch';
-import 'react-countup';
-
-var conceptItem = "concept-item-2p8re";
-var sel = "sel-smMlG";
-var wrapper = "wrapper-W6n19";
-var textWrapper = "text-wrapper-UeHd9";
-var title = "title-cP9re";
-var css_248z = ".concept-item-2p8re {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.concept-item-2p8re:not(.sel-smMlG):hover {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-W6n19 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  display: flex;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n}\n\n.sel-smMlG .wrapper-W6n19 {\n  border: 3px solid var(--primaryColor);\n}\n\n.concept-item-2p8re img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n}\n\n.text-wrapper-UeHd9 {\n  position: absolute;\n  bottom: 3px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: calc(100% - 6px);\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 42px;\n}\n\n.title-cP9re {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 5px;\n}\n";
-styleInject(css_248z);
-
-var ConceptItem = function ConceptItem(_ref) {
-  var item = _ref.item;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(conceptItem, item.selected ? sel : undefined),
-    onClick: item.onClick,
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: item.image
-      }), item.name && /*#__PURE__*/jsx("div", {
-        className: textWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: title,
-          children: item.name
-        })
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          top: 0,
-          bottom: 'unset'
-        }
-      })]
-    })
-  });
-};
-var ConceptItem$1 = observer(ConceptItem);
-
-export { ConceptItem$1 as default };

package/build/esm/index-1f429140.js

@@ -1,216 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-27c2a5a2.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation } from 'swiper/modules';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { c as container, e as emptyText, h as headline, s as subheadline, a as styleSelection, b as styleButtonsSwiper, d as styleButton, f as styleButtonSelected, g as styleButtonImage, i as styleDescription, j as styleName, k as styleDescriptionText, l as generateSection, m as customInputSection, n as customInput, o as generateButton, p as errorMessage, r as remainingText, U as UnlockCard, q as sceneHistory, t as sceneHistoryTitle, u as sceneHistorySwiper, v as sceneThumb, w as sceneThumbSelected, x as tryVariantLink } from './UnlockCard-37d6fe9a.js';
-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/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 StyleConsultant = function StyleConsultant(_ref) {
-  var _viewHandler$getViewC, _aiState$enrichedAiRo, _budget$remaining, _viewHandler$settings, _viewHandler$settings2, _aiState$aiGeneration, _selectedItem$key, _aiState$customPrompt, _budget$isLimitReache, _budget$total, _budget$leadKeyActive;
-  _ref.item;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    keepUnlockVisible = _useState2[0],
-    setKeepUnlockVisible = _useState2[1];
-  if (!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showStyleConsultant) || !((_aiState$enrichedAiRo = aiState.enrichedAiRoomRenderings) !== null && _aiState$enrichedAiRo !== void 0 && _aiState$enrichedAiRo.length)) {
-    return /*#__PURE__*/jsx("div", {
-      className: container,
-      children: /*#__PURE__*/jsx("p", {
-        className: emptyText,
-        children: t('configurator.roomRendering.noStylesAvailable', 'Keine Stilwelten verfügbar.')
-      })
-    });
-  }
-  var roomItems = aiState.enrichedAiRoomRenderings;
-  var selectedItem = roomItems.find(function (r) {
-    return r.key === aiState.selectedRoom;
-  });
-  var budget = aiState.usageBudget;
-  var scenesRemaining = (_budget$remaining = budget === null || budget === void 0 ? void 0 : budget.remaining) !== null && _budget$remaining !== void 0 ? _budget$remaining : 0;
-  var leadBonus = (_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.organizationAISettings) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.leadRewardBonus) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 5;
-  var generatedImages = aiState.generatedImageHistory;
-  var generationErrorKey = (_aiState$aiGeneration = aiState.aiGenerationErrors[(_selectedItem$key = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) !== null && _selectedItem$key !== void 0 ? _selectedItem$key : '']) === null || _aiState$aiGeneration === void 0 ? void 0 : _aiState$aiGeneration[aiState.setHash];
-  var hasImageForCurrentPrompt = generatedImages.some(function (e) {
-    return e.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) && e.hash === aiState.setHash && (e.customPrompt || '') === (aiState.customPromptInput || '');
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsx("h1", {
-      className: headline,
-      children: t('configurator.inspiration.headline')
-    }), /*#__PURE__*/jsx("p", {
-      className: subheadline,
-      children: t('configurator.inspiration.subheadline')
-    }), /*#__PURE__*/jsxs("div", {
-      className: styleSelection,
-      children: [/*#__PURE__*/jsx("div", {
-        className: styleButtonsSwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 10,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: roomItems.map(function (style) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsx("button", {
-                type: "button",
-                className: "".concat(styleButton, " ").concat(aiState.selectedRoom === style.key ? styleButtonSelected : ''),
-                onClick: function onClick() {
-                  return aiState.setSelectedRoom(style.key);
-                },
-                title: style.name,
-                children: /*#__PURE__*/jsx("img", {
-                  src: style.image,
-                  alt: style.name,
-                  className: styleButtonImage
-                })
-              })
-            }, style.key);
-          })
-        })
-      }), selectedItem && /*#__PURE__*/jsxs("div", {
-        className: styleDescription,
-        children: [/*#__PURE__*/jsx("h3", {
-          className: styleName,
-          children: selectedItem.name
-        }), !!selectedItem.description && /*#__PURE__*/jsx("p", {
-          className: styleDescriptionText,
-          children: selectedItem.description
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: generateSection,
-      children: scenesRemaining > 0 && !keepUnlockVisible ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: customInputSection,
-          children: [/*#__PURE__*/jsx("p", {
-            className: styleDescriptionText,
-            children: t('configurator.inspiration.customPromptDescription')
-          }), /*#__PURE__*/jsx("input", {
-            type: "text",
-            className: customInput,
-            value: (_aiState$customPrompt = aiState.customPromptInput) !== null && _aiState$customPrompt !== void 0 ? _aiState$customPrompt : '',
-            onChange: function onChange(e) {
-              return aiState.setCustomPromptInput(e.target.value);
-            },
-            placeholder: t('configurator.inspiration.customPlaceholder')
-          })]
-        }), /*#__PURE__*/jsx("button", {
-          type: "button",
-          className: generateButton,
-          onClick: function onClick() {
-            return selectedItem && aiState.handleGenerate(selectedItem.key, true);
-          },
-          disabled: !selectedItem || aiState.isAnyGenerationInProgress || ((_budget$isLimitReache = budget === null || budget === void 0 ? void 0 : budget.isLimitReached) !== null && _budget$isLimitReache !== void 0 ? _budget$isLimitReache : false) || hasImageForCurrentPrompt,
-          children: hasImageForCurrentPrompt ? t('configurator.inspiration.generated') : aiState.isAnyGenerationInProgress ? t('configurator.inspiration.generating') : generationErrorKey ? t('configurator.inspiration.retry') : t('configurator.inspiration.generate')
-        }), generationErrorKey && /*#__PURE__*/jsx("p", {
-          className: errorMessage,
-          children: t(generationErrorKey, generationErrorKey === 'configurator.roomRendering.aiGenerationError.imageSafety' ? t('configurator.inspiration.imageSafetyError') : generationErrorKey === 'configurator.roomRendering.aiGenerationError.resourceExhausted' ? t('configurator.inspiration.resourceExhaustedError') : t('configurator.inspiration.unknownError'))
-        }), /*#__PURE__*/jsx("p", {
-          className: remainingText,
-          children: scenesRemaining === 1 ? t('configurator.inspiration.remainingOne') : t('configurator.inspiration.remaining', {
-            scenesRemaining: scenesRemaining
-          })
-        })]
-      }) : /*#__PURE__*/jsx(UnlockCard, {
-        budgetTotal: (_budget$total = budget === null || budget === void 0 ? void 0 : budget.total) !== null && _budget$total !== void 0 ? _budget$total : 3,
-        leadBonus: leadBonus,
-        leadKeyActive: (_budget$leadKeyActive = budget === null || budget === void 0 ? void 0 : budget.leadKeyActive) !== null && _budget$leadKeyActive !== void 0 ? _budget$leadKeyActive : false,
-        onSubmit: (/*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(email) {
-            var result;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  setKeepUnlockVisible(true);
-                  _context.next = 3;
-                  return aiState.createLeadKey(email);
-                case 3:
-                  result = _context.sent;
-                  return _context.abrupt("return", result !== null && result !== void 0 ? result : {
-                    success: false
-                  });
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref2.apply(this, arguments);
-          };
-        }()),
-        onSuccess: function onSuccess() {
-          return setKeepUnlockVisible(false);
-        }
-      })
-    }), generatedImages.length > 0 && /*#__PURE__*/jsxs("div", {
-      className: sceneHistory,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: sceneHistoryTitle,
-        children: t('configurator.inspiration.sceneHistory')
-      }), /*#__PURE__*/jsx("div", {
-        className: sceneHistorySwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: generatedImages.map(function (entry, idx) {
-            var _aiState$currentlyVis;
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick() {
-                return aiState.useAiGeneratedRoom(entry.key, entry.hash, false, entry.src);
-              },
-              children: /*#__PURE__*/jsx("div", {
-                className: "".concat(sceneThumb, " ").concat(((_aiState$currentlyVis = aiState.currentlyVisibleRoom) === null || _aiState$currentlyVis === void 0 ? void 0 : _aiState$currentlyVis.src) === entry.src ? sceneThumbSelected : ''),
-                children: /*#__PURE__*/jsx("img", {
-                  src: entry.src
-                })
-              })
-            }, "".concat(entry.key, "-").concat(entry.hash, "-").concat(idx));
-          })
-        })
-      })]
-    }), /*#__PURE__*/jsx("button", {
-      type: "button",
-      className: tryVariantLink,
-      onClick: function onClick() {
-        var firstStep = viewHandler.tabGroupState.firstVisibleConfigStep;
-        if (firstStep) viewHandler.navigateToConfigStep(firstStep.key);
-      },
-      children: t('configurator.inspiration.tryVariant')
-    })]
-  });
-};
-var StyleConsultant$1 = observer(StyleConsultant);
-
-export { StyleConsultant$1 as default };

package/build/esm/index-210f60da.js

@@ -1,194 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-27c2a5a2.js';
-import { useEffect } from 'react';
-import Inputbox from './index-2de9f2dc.js';
-import Product from './index-b6cc6c43.js';
-import Settings from './index-d4dd44ae.js';
-import TabGroup from './index-ecd65982.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-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 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c151e9ca.js';
-import 'react-dropdown';
-import './index-07acc22e.js';
-import './index-43aa78ac.js';
-import './index-d59f2c9c.js';
-import './index-ad566566.js';
-import './index-125d1f6a.js';
-import './index.module-3897a0b0.js';
-import './index-acaa80a5.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-712c24c6.js';
-import './index-0c94d0e1.js';
-import './index-47680614.js';
-import './index-ef02ce27.js';
-import './index-5262962d.js';
-import './index-43d874cb.js';
-import './index-ef3266f6.js';
-import 'react-laag';
-import './index-b2338016.js';
-import 'react-qr-code';
-import './index-bc3840b9.js';
-import './index-d64d8574.js';
-import './index-fdf94266.js';
-import './index-87840962.js';
-import '@crystaldesign/content-item';
-import './index-093f32e4.js';
-import './index-883812b7.js';
-import './index-2c3fbb98.js';
-import './index-c5440d89.js';
-import './index-176007f0.js';
-import 'sift';
-import './index-4b9fb535.js';
-import './index-f5107af7.js';
-import './index-bf90baf2.js';
-import './index-035a3061.js';
-import './index.module-1ae711b9.js';
-import './index-508fe61c.js';
-import './index-1db7c1e3.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-5a905c88.js';
-import './index-076a86a1.js';
-import './index-3defced5.js';
-import './index-672aa0da.js';
-import './index-47a478ef.js';
-import '@crystaldesign/content-box';
-import './index-e1b1dd89.js';
-import './index-a9577f62.js';
-import './index-0c0d21f0.js';
-import './index-1f429140.js';
-import './UnlockCard-37d6fe9a.js';
-import './index-842034e2.js';
-import './index-910d4fa0.js';
-import './index-b3cbe15f.js';
-import './index-48aed6fd.js';
-import './index-15635ce5.js';
-import './index-a431bc68.js';
-import './index.module-8c244ec6.js';
-import './index-ee5378f1.js';
-import './index-32ace380.js';
-import './index-dcfd446d.js';
-import './index-cd817345.js';
-import './index-650da417.js';
-import './index.module-9a196a62.js';
-import './index-b2bbea86.js';
-import './index-a60d07ef.js';
-import './index-ee9ef21b.js';
-import './index-6ea9bca7.js';
-import './index-179911c8.js';
-import './index-e41859f0.js';
-import './index-03f77196.js';
-import './index-17f657d3.js';
-import './index-a72790d8.js';
-import './index-25aaf69d.js';
-import './index-e522a094.js';
-import './index-4ae2abe7.js';
-import './index-e525b7e2.js';
-import 'rc-slider';
-import './index-fef66ebe.js';
-import './index-531b7c6b.js';
-import './index-6e5202b1.js';
-import './index-fb1fd5ea.js';
-import './index-ddb3b7d0.js';
-import 'react-confetti-explosion';
-import './index-fd282f47.js';
-import './useCustomDimensions-707b4f3a.js';
-import './index-14d2b44d.js';
-import './ussIsSticky-1af0d71d.js';
-import './index-9af20dae.js';
-import './index-841097a4.js';
-import './index-be63324b.js';
-import './index.module-675e62c5.js';
-import './index-d3c10709.js';
-import './index-13f8df1f.js';
-import './index-6701c63b.js';
-import './index-b8a1d1ed.js';
-import './index-b542459f.js';
-import './index-aecee0f1.js';
-import './index.module-100b6d14.js';
-import './index-d2a5f819.js';
-import './index-f560f8e5.js';
-import './index-8399dcc6.js';
-import './index-7cce3b79.js';
-import '@mui/material';
-import './index-c5bb687c.js';
-import './index-571820cd.js';
-import './index-ec9c2c2a.js';
-import './index-a06478bc.js';
-import './index-59cc5d49.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 };