@crystaldesign/diva-web-planner-react 26.10.0-beta.3 → 26.10.0-beta.31

package/build/esm/index-7a0070cf.js

@@ -1,304 +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-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } 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 sceneHistory, a as sceneHistoryTitle, b as sceneHistorySwiper, d as sceneThumbPlaceholder, f as sceneThumbPlaceholderSelected, g as sceneThumbPlaceholderImage, i as sceneThumbLabel, j as sceneThumbPlaceholderIcon, k as sceneThumbSpinnerOverlay, l as sceneThumbSpinner, m as sceneThumb, n as sceneThumbSelected, o as subheadline, p as mainImageCard, q as mainImage, r as mainImageOverlay, t as mainImageTitle, u as mainImageDescription, v as styleSelection, w as styleButtonsSwiper, x as styleButton, y as styleButtonSelected, z as styleButtonImage, A as styleButtonLabel, B as generateSection, C as generateButton, D as generateButtonSubtext, E as errorMessage, F as remainingText, U as UnlockCard, G as customInputSection, H as styleDescriptionText, I as customInput, J as promptExamplesSwiper, K as promptExampleChip, L as tryVariantLink } from './UnlockCard-a3186e35.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, _roomItems$find, _budget$remaining, _viewHandler$settings, _viewHandler$settings2, _viewHandler$getViewC2, _viewHandler$getViewC3, _aiState$aiGeneration, _selectedItem$key, _budget$isLimitReache, _budget$total, _budget$leadKeyActive, _aiState$customPrompt;
-  _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];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    styleSwiperRef = _useState4[0],
-    setStyleSwiperRef = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    placeholderSelected = _useState6[0],
-    setPlaceholderSelected = _useState6[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 = roomItems.find(function (r) {
-    return r.key === aiState.selectedRoom;
-  })) !== null && _roomItems$find !== void 0 ? _roomItems$find : roomItems[0];
-  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 : 0;
-  var promptExamples = ((_viewHandler$getViewC2 = (_viewHandler$getViewC3 = viewHandler.getViewConfig()) === null || _viewHandler$getViewC3 === void 0 ? void 0 : _viewHandler$getViewC3.aiPromptExamples) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : []).map(function (key) {
-    return t(key);
-  });
-  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 || '');
-  });
-  useEffect(function () {
-    setPlaceholderSelected(false);
-  }, [generatedImages.length]);
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsx("h1", {
-      className: headline,
-      children: t('configurator.inspiration.headline')
-    }), 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__*/jsxs(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: [/*#__PURE__*/jsx(SwiperSlide, {
-            onClick: function onClick() {
-              if (aiState.isAnyGenerationInProgress) aiState.focusLoadingSlide();
-            },
-            children: /*#__PURE__*/jsxs("div", {
-              className: "".concat(sceneThumbPlaceholder, " ").concat(placeholderSelected || aiState.isLoadingSlideActive ? sceneThumbPlaceholderSelected : ''),
-              children: [placeholderSelected && selectedItem !== null && selectedItem !== void 0 && selectedItem.image ? /*#__PURE__*/jsxs(Fragment, {
-                children: [/*#__PURE__*/jsx("img", {
-                  src: selectedItem.image,
-                  alt: selectedItem.name,
-                  className: sceneThumbPlaceholderImage
-                }), selectedItem.name && /*#__PURE__*/jsx("span", {
-                  className: sceneThumbLabel,
-                  children: selectedItem.name
-                })]
-              }) : /*#__PURE__*/jsx("span", {
-                className: sceneThumbPlaceholderIcon,
-                children: "\u2728"
-              }), aiState.isAnyGenerationInProgress && /*#__PURE__*/jsx("div", {
-                className: sceneThumbSpinnerOverlay,
-                children: /*#__PURE__*/jsx("span", {
-                  className: sceneThumbSpinner
-                })
-              })]
-            })
-          }, "placeholder"), generatedImages.map(function (entry, idx) {
-            var _roomItems$find2, _aiState$currentlyVis;
-            var styleName = (_roomItems$find2 = roomItems.find(function (r) {
-              return r.key === entry.key;
-            })) === null || _roomItems$find2 === void 0 ? void 0 : _roomItems$find2.name;
-            var isActive = !placeholderSelected && !aiState.isLoadingSlideActive && ((_aiState$currentlyVis = aiState.currentlyVisibleRoom) === null || _aiState$currentlyVis === void 0 ? void 0 : _aiState$currentlyVis.src) === entry.src;
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick() {
-                setPlaceholderSelected(false);
-                aiState.useAiGeneratedRoom(entry.key, entry.hash, false, entry.src);
-              },
-              children: /*#__PURE__*/jsxs("div", {
-                className: "".concat(sceneThumb, " ").concat(isActive ? sceneThumbSelected : ''),
-                children: [/*#__PURE__*/jsx("img", {
-                  src: entry.src
-                }), styleName && /*#__PURE__*/jsx("span", {
-                  className: sceneThumbLabel,
-                  children: styleName
-                })]
-              })
-            }, "".concat(entry.key, "-").concat(entry.hash, "-").concat(idx));
-          })]
-        })
-      })]
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("p", {
-        className: subheadline,
-        children: t('configurator.inspiration.subheadline')
-      }), /*#__PURE__*/jsxs("div", {
-        className: mainImageCard,
-        children: [/*#__PURE__*/jsx("img", {
-          src: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.image,
-          alt: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
-          className: mainImage
-        }), selectedItem && /*#__PURE__*/jsxs("div", {
-          className: mainImageOverlay,
-          children: [/*#__PURE__*/jsx("h3", {
-            className: mainImageTitle,
-            children: selectedItem.name
-          }), !!selectedItem.description && /*#__PURE__*/jsx("p", {
-            className: mainImageDescription,
-            children: selectedItem.description
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/jsx("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,
-          onSwiper: setStyleSwiperRef,
-          children: roomItems.map(function (style, idx) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsxs("button", {
-                type: "button",
-                className: "".concat(styleButton, " ").concat(aiState.selectedRoom === style.key ? styleButtonSelected : ''),
-                onClick: function onClick() {
-                  aiState.setSelectedRoom(style.key);
-                  setPlaceholderSelected(true);
-                  styleSwiperRef === null || styleSwiperRef === void 0 || styleSwiperRef.slideTo(idx);
-                },
-                disabled: aiState.isAnyGenerationInProgress,
-                title: style.name,
-                children: [/*#__PURE__*/jsx("img", {
-                  src: style.image,
-                  alt: style.name,
-                  className: styleButtonImage
-                }), /*#__PURE__*/jsx("span", {
-                  className: styleButtonLabel,
-                  children: style.name
-                })]
-              })
-            }, style.key);
-          })
-        })
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: generateSection,
-      children: scenesRemaining > 0 && !keepUnlockVisible ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("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: [/*#__PURE__*/jsx("span", {
-            children: hasImageForCurrentPrompt ? t('configurator.inspiration.generated') : aiState.isAnyGenerationInProgress ? t('configurator.inspiration.generating') : generationErrorKey ? t('configurator.inspiration.retry') : t('configurator.inspiration.generate')
-          }), !hasImageForCurrentPrompt && !aiState.isAnyGenerationInProgress && /*#__PURE__*/jsx("span", {
-            className: generateButtonSubtext,
-            children: t('configurator.inspiration.generateTime', '(ca. 20 Sek.)')
-          })]
-        }), 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);
-        }
-      })
-    }), scenesRemaining > 0 && !keepUnlockVisible && /*#__PURE__*/jsxs("div", {
-      className: customInputSection,
-      children: [/*#__PURE__*/jsx("p", {
-        className: styleDescriptionText,
-        children: t('configurator.inspiration.customPromptToggle', 'Optional: Bild personalisieren')
-      }), /*#__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')
-      }), promptExamples.length > 0 && /*#__PURE__*/jsx("div", {
-        className: promptExamplesSwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: promptExamples.map(function (example) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsx("button", {
-                type: "button",
-                className: promptExampleChip,
-                onClick: function onClick() {
-                  return aiState.setCustomPromptInput(example);
-                },
-                children: example
-              })
-            }, example);
-          })
-        })
-      })]
-    }), /*#__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-7a2b1d6c.js

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

package/build/esm/index-7b5a2379.js

@@ -1,194 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { useEffect } from 'react';
-import Inputbox from './index-4ba402ca.js';
-import Product from './index-307f14cc.js';
-import Settings from './index-f83adca5.js';
-import TabGroup from './index-6cfdc5f0.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-bd489484.js';
-import 'react-dropdown';
-import './index-d075e049.js';
-import './index-c3e3fbad.js';
-import './index-f0d75adc.js';
-import './index-78e001eb.js';
-import './index-09e78d18.js';
-import './index.module-6105565d.js';
-import './index-3d4f9377.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-e5354cf8.js';
-import './index-c8b67de2.js';
-import './index-6cb1ee7c.js';
-import './index-c77260eb.js';
-import './index-4d007181.js';
-import './index-13e1fa9a.js';
-import './index-1e15a742.js';
-import 'react-laag';
-import './index-bc22c4d2.js';
-import 'react-qr-code';
-import './index-bbf50d39.js';
-import './index-d122b150.js';
-import './index-0ef1a4e9.js';
-import './index-52deb222.js';
-import '@crystaldesign/content-item';
-import './index-fc6e111b.js';
-import './index-db2291c6.js';
-import './index-44ed5fac.js';
-import './index-e4000e28.js';
-import './index-ba32d247.js';
-import 'sift';
-import './index-e0fd5c7f.js';
-import './index-3447d778.js';
-import './index-b25ff5ec.js';
-import './index-f59d9266.js';
-import './index.module-9c77bce4.js';
-import './index-dea7c1f9.js';
-import './index-8e468bed.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-1b527938.js';
-import './index-7e1a9f09.js';
-import './index-686b5eb2.js';
-import './index-d0030489.js';
-import './index-cc566aac.js';
-import '@crystaldesign/content-box';
-import './index-f90d7d85.js';
-import './index-964e87de.js';
-import './index-0106b297.js';
-import './index-7a0070cf.js';
-import './UnlockCard-a3186e35.js';
-import './index-feb108b0.js';
-import './index-e5a99437.js';
-import './index-cf5d0a8c.js';
-import './index-7e3f39c1.js';
-import './index-135bcd92.js';
-import './index-735e2cb0.js';
-import './index.module-b825f617.js';
-import './index-c65475d9.js';
-import './index-a420eb0e.js';
-import './index-37f4b4c3.js';
-import './index-5dfe4845.js';
-import './index-04890c9e.js';
-import './index.module-9dce5a76.js';
-import './index-cf8bd5c0.js';
-import './index-b8244686.js';
-import './index-d88d6e9c.js';
-import './index-a9e450e8.js';
-import './index-5cfd1472.js';
-import './index-116bed5e.js';
-import './index-2febce90.js';
-import './index-59f3204b.js';
-import './index-e4bb7f5e.js';
-import './index-f5513761.js';
-import './index-9b48d580.js';
-import './index-fd5ccbd5.js';
-import './index-b6302c1e.js';
-import 'rc-slider';
-import './index-d6b9e246.js';
-import './index-90badb5f.js';
-import './index-e6769f3f.js';
-import './index-263bf224.js';
-import './index-c3f5ec8f.js';
-import 'react-confetti-explosion';
-import './index-ea98d64f.js';
-import './useCustomDimensions-198036bd.js';
-import './index-625fe0c8.js';
-import './ussIsSticky-9ba25bde.js';
-import './index-4e8a3899.js';
-import './index-7ca1efce.js';
-import './index-5f6ab0fc.js';
-import './index.module-237bec6d.js';
-import './index-dc4d9d68.js';
-import './index-402a11b3.js';
-import './index-51bbb400.js';
-import './index-60b5bc50.js';
-import './index-4e1e0451.js';
-import './index-123c404d.js';
-import './index.module-8d7e1692.js';
-import './index-c4b10fb0.js';
-import './index-37d177c3.js';
-import './index-62b91278.js';
-import './index-58a037ba.js';
-import '@mui/material';
-import './index-915c4a3a.js';
-import './index-c6ba2591.js';
-import './index-f1567809.js';
-import './index-89ee1702.js';
-import './index-d3200694.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-7ca1efce.js

@@ -1,96 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation, Grid } from 'swiper/modules';
-import RoomItem from './index-5f6ab0fc.js';
-import classnames from 'classnames';
-import InfoBanner from './index-dc4d9d68.js';
-import UploadItem from './index-402a11b3.js';
-import CustomInput from './index-51bbb400.js';
-import { jsxs, jsx, Fragment } 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/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 './index.module-237bec6d.js';
-import './index-dea7c1f9.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-
-var roomGallery = "room-gallery-6uX3f";
-var roomFilter = "room-filter--61x0";
-var roomFilterSwiper = "room-filter-swiper-sgtL0";
-var css_248z = ".room-gallery-6uX3f {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  background: var(--roomGalleryBackground, linear-gradient(to right, #b7cbdc, #e9eff3));\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url('data:application/font-woff;charset=utf-8;base64, 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');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-android .swiper-slide,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight,\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.room-filter--61x0.room-filter-swiper-sgtL0 .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n";
-styleInject(css_248z);
-
-var RoomGallery = function RoomGallery(_ref) {
-  var roomItems = _ref.roomItems,
-    selectedRoom = _ref.selectedRoom;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var viewHandler = useViewHandler();
-  var navigateToOnClick = function navigateToOnClick(index) {
-    swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(index);
-  };
-  var timeframeLimitReachedOverOneDay = viewHandler.aiState.isTimeframeLimitReached && viewHandler.aiState.isTimeframeLimitReached !== 'daily';
-  return /*#__PURE__*/jsxs("div", {
-    className: roomGallery,
-    children: [/*#__PURE__*/jsx(InfoBanner, {}), !timeframeLimitReachedOverOneDay && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(roomFilterSwiper, roomFilter),
-        children: /*#__PURE__*/jsx(Swiper, {
-          onSwiper: setSwiperRef,
-          resizeObserver: true,
-          modules: [Navigation, Grid],
-          spaceBetween: viewHandler.uiState.isInMobileView ? 4 : 8,
-          scrollbar: true,
-          slideToClickedSlide: true,
-          wrapperClass: "no-swiping",
-          slidesPerView: 3,
-          style: {
-            marginTop: '16px'
-          },
-          grid: {
-            rows: 2
-          },
-          children: roomItems.map(function (e, index) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick(e) {
-                var clickRow = (index - index % 2) / 2;
-                var rowToNavigateTo = clickRow - 1;
-                navigateToOnClick(rowToNavigateTo >= 0 ? rowToNavigateTo : 0);
-                e.stopPropagation();
-              },
-              children: e.uploadItem ? /*#__PURE__*/jsx(UploadItem, {
-                item: e
-              }, e.key) : /*#__PURE__*/jsx(RoomItem, {
-                item: e
-              }, e.key)
-            }, index);
-          })
-        })
-      }), /*#__PURE__*/jsx(CustomInput, {
-        selectedRoom: selectedRoom
-      })]
-    })]
-  });
-};
-var RoomGallery$1 = observer(RoomGallery);
-
-export { RoomGallery$1 as default };