@crystaldesign/diva-web-planner-react 26.3.0-beta.43 → 26.3.0-beta.44

package/build/esm/UnlockCard-08d50785.js

@@ -1,160 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-e7467256.js';
-import { useState } from 'react';
-import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var container = "container-uvLa8";
-var emptyText = "emptyText-k7-1y";
-var headline = "headline-VRP8M";
-var subheadline = "subheadline-aM8S8";
-var styleSelection = "styleSelection-iOIY2";
-var styleDescriptionText = "styleDescriptionText-XEUG7";
-var styleButtonsSwiper = "styleButtonsSwiper-zhnww";
-var styleButton = "styleButton-dyuqQ";
-var styleButtonSelected = "styleButtonSelected-uZne1";
-var styleButtonImage = "styleButtonImage-by1s3";
-var styleDescription = "styleDescription-GH09Y";
-var styleName = "styleName-HH3qh";
-var customInputSection = "customInputSection-zwl9g";
-var customInput = "customInput-5jLl3";
-var generateSection = "generateSection-3wiMe";
-var generateButton = "generateButton-TP6yS";
-var remainingText = "remainingText-P3Ibl";
-var errorMessage = "errorMessage-6Dfp4";
-var unlockCard = "unlockCard-zmqvI";
-var unlockTitle = "unlockTitle-ZdltE";
-var unlockText = "unlockText-Jixn2";
-var unlockEmailInput = "unlockEmailInput-z5SXf";
-var unlockSubmitButton = "unlockSubmitButton-XuvH2";
-var unlockSubmitArrow = "unlockSubmitArrow-fCYvp";
-var unlockSuccessCard = "unlockSuccessCard-2ICYg";
-var unlockSuccessIcon = "unlockSuccessIcon-pOmcL";
-var unlockSuccessText = "unlockSuccessText-rtcHE";
-var tryVariantLink = "tryVariantLink-ZX0JF";
-var sceneHistory = "sceneHistory-i3VQY";
-var sceneHistoryTitle = "sceneHistoryTitle-fJPXT";
-var sceneHistorySwiper = "sceneHistorySwiper-oOVFf";
-var sceneThumb = "sceneThumb-mVxuB";
-var sceneThumbSelected = "sceneThumbSelected-MfJxR";
-var css_248z = ".container-uvLa8 {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.emptyText-k7-1y {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.headline-VRP8M {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  letter-spacing: inherit;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.subheadline-aM8S8 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.mobile .subheadline-aM8S8 {\n  margin: 0 0 8px;\n}\n\n.styleSelection-iOIY2 {\n  margin-bottom: 16px;\n}\n\n.styleDescriptionText-XEUG7 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.mobile .styleDescriptionText-XEUG7 {\n  font-size: 12px;\n}\n\n.styleButtonsSwiper-zhnww {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.styleButtonsSwiper-zhnww .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.styleButtonsSwiper-zhnww .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  justify-content: center;\n  padding: 12px;\n}\n\n.styleSelection-iOIY2 .styleButtonsSwiper-zhnww .swiper-slide {\n  flex-shrink: 0;\n  width: 18%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev,\n.styleButtonsSwiper-zhnww .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n.styleButtonsSwiper-zhnww .swiper-button-prev svg,\n.styleButtonsSwiper-zhnww .swiper-button-next svg {\n  display: none;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev:focus,\n.styleButtonsSwiper-zhnww .swiper-button-prev:active,\n.styleButtonsSwiper-zhnww .swiper-button-next:focus,\n.styleButtonsSwiper-zhnww .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev::before,\n.styleButtonsSwiper-zhnww .swiper-button-next::before {\n  display: none !important;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev:after,\n.styleButtonsSwiper-zhnww .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev,\n.styleButtonsSwiper-zhnww .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-next,\n.styleButtonsSwiper-zhnww .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-disabled {\n  display: none;\n}\n\n.styleButton-dyuqQ {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    opacity 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.styleButton-dyuqQ:hover {\n  opacity: 0.8;\n}\n\n.styleButton-dyuqQ:focus,\n.styleButton-dyuqQ:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.styleButtonSelected-uZne1 {\n  box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n  outline-offset: 2px;\n}\n\n.styleButtonImage-by1s3 {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.styleDescription-GH09Y {\n  text-align: center;\n}\n\n.styleName-HH3qh {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.customInputSection-zwl9g {\n  margin-bottom: 16px;\n}\n\n.customInput-5jLl3 {\n  width: calc(100% - 28px);\n  padding: 10px 14px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n}\n\n.customInput-5jLl3:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.customInput-5jLl3::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.customInput-5jLl3::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.generateSection-3wiMe {\n  margin-bottom: 24px;\n}\n\n.generateButton-TP6yS {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 16px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.generateButton-TP6yS:focus,\n.generateButton-TP6yS:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.generateButton-TP6yS:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.generateButton-TP6yS:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.remainingText-P3Ibl {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n\n.errorMessage-6Dfp4 {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #d32f2f;\n  color: var(--diva-theme-palette-error-main, #d32f2f);\n  background: color-mix(in srgb, #d32f2f 8%, transparent);\n  background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n  border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n  border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  padding: 10px 14px;\n  margin: 12px 0 0;\n  text-align: center;\n}\n\n.unlockCard-zmqvI {\n  padding: 24px 20px;\n  border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  text-align: center;\n}\n\n.unlockTitle-ZdltE {\n  font-size: 18px;\n  font-weight: 300;\n\n  color: var(--diva-theme-palette-primary-main);\n  margin: 0 0 12px;\n}\n\n.unlockText-Jixn2 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.unlockEmailInput-z5SXf {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 12px;\n}\n\n.unlockEmailInput-z5SXf:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.unlockEmailInput-z5SXf::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.unlockEmailInput-z5SXf::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.unlockSubmitButton-XuvH2 {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.unlockSubmitButton-XuvH2:focus,\n.unlockSubmitButton-XuvH2:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.unlockSubmitButton-XuvH2:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.unlockSubmitButton-XuvH2:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.unlockSubmitArrow-fCYvp {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.unlockSuccessCard-2ICYg {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 120px;\n}\n\n.unlockSuccessIcon-pOmcL {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--diva-theme-palette-primary-main);\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  font-size: 20px;\n  line-height: 1;\n}\n\n.unlockSuccessText-rtcHE {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.tryVariantLink-ZX0JF {\n  display: block;\n  margin: 12px auto 24px;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-primary-main);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.tryVariantLink-ZX0JF:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.sceneHistory-i3VQY {\n  margin-top: 24px;\n}\n\n.sceneHistoryTitle-fJPXT {\n  font-size: 12px;\n  font-weight: 300;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.sceneHistorySwiper-oOVFf {\n  padding-bottom: 8px;\n}\n\n.sceneHistorySwiper-oOVFf .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px;\n}\n\n.sceneHistory-i3VQY .sceneHistorySwiper-oOVFf .swiper-slide {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev,\n.sceneHistorySwiper-oOVFf .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev svg,\n.sceneHistorySwiper-oOVFf .swiper-button-next svg {\n  display: none;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:focus,\n.sceneHistorySwiper-oOVFf .swiper-button-prev:active,\n.sceneHistorySwiper-oOVFf .swiper-button-next:focus,\n.sceneHistorySwiper-oOVFf .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev::before,\n.sceneHistorySwiper-oOVFf .swiper-button-next::before {\n  display: none !important;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:after,\n.sceneHistorySwiper-oOVFf .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev,\n.sceneHistorySwiper-oOVFf .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-next,\n.sceneHistorySwiper-oOVFf .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-next:after {\n  content: 'next';\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-disabled {\n  display: none;\n}\n\n.sceneThumb-mVxuB {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  border: 2px solid #e8e3da;\n  border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.sceneThumb-mVxuB:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.sceneThumbSelected-MfJxR {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.sceneThumb-mVxuB img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n";
-styleInject(css_248z);
-
-var UnlockCard = function UnlockCard(_ref) {
-  var budgetTotal = _ref.budgetTotal,
-    leadBonus = _ref.leadBonus,
-    leadKeyActive = _ref.leadKeyActive,
-    onSubmit = _ref.onSubmit,
-    onSuccess = _ref.onSuccess;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    email = _useState2[0],
-    setEmail = _useState2[1];
-  var _useState3 = useState(leadKeyActive ? 'exhausted' : 'form'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    phase = _useState4[0],
-    setPhase = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    errorMsg = _useState6[0],
-    setErrorMsg = _useState6[1];
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var result, _result$message;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setPhase('loading');
-            setErrorMsg('');
-            _context.next = 4;
-            return onSubmit(email);
-          case 4:
-            result = _context.sent;
-            if (result !== null && result !== void 0 && result.success && !result.wasExisting) {
-              setPhase('success');
-              setTimeout(function () {
-                return onSuccess();
-              }, 2500);
-            } else if (result !== null && result !== void 0 && result.wasExisting) {
-              setPhase('exhausted');
-            } else {
-              setErrorMsg((_result$message = result === null || result === void 0 ? void 0 : result.message) !== null && _result$message !== void 0 ? _result$message : '');
-              setPhase('error');
-            }
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleSubmit() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  if (phase === 'success') {
-    return /*#__PURE__*/jsxs("div", {
-      className: "".concat(unlockCard, " ").concat(unlockSuccessCard),
-      children: [/*#__PURE__*/jsx("span", {
-        className: unlockSuccessIcon,
-        children: "\u2713"
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockSuccessText,
-        children: t('configurator.inspiration.unlockSuccess', 'Erfolgreich freigeschaltet – jetzt weiter generieren!')
-      })]
-    });
-  }
-  if (phase === 'exhausted') {
-    return /*#__PURE__*/jsxs("div", {
-      className: unlockCard,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: unlockTitle,
-        children: t('configurator.inspiration.exhaustedTitle', 'Sie haben heute alle Raumbilder genutzt')
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockText,
-        children: t('configurator.inspiration.exhaustedText', 'Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.')
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: unlockCard,
-    children: [/*#__PURE__*/jsx("h4", {
-      className: unlockTitle,
-      children: t('configurator.inspiration.unlockTitle', 'Gefällt Ihnen, was Sie sehen?')
-    }), /*#__PURE__*/jsx("p", {
-      className: unlockText,
-      children: t('configurator.inspiration.unlockTextLead', "Sie haben Ihre ".concat(budgetTotal, " inklusiven Raumbilder genutzt. Wir schenken Ihnen gerne ").concat(leadBonus, " weitere \u2013 damit Sie Ihren Tjala in noch mehr Stilwelten erleben k\xF6nnen."))
-    }), /*#__PURE__*/jsx("input", {
-      type: "email",
-      className: unlockEmailInput,
-      value: email,
-      onChange: function onChange(e) {
-        return setEmail(e.target.value);
-      },
-      placeholder: t('configurator.inspiration.emailPlaceholder', 'ihre.email@beispiel.de'),
-      disabled: phase === 'loading'
-    }), phase === 'error' && errorMsg && /*#__PURE__*/jsx("p", {
-      className: unlockText,
-      children: errorMsg
-    }), /*#__PURE__*/jsxs("button", {
-      type: "button",
-      className: unlockSubmitButton,
-      disabled: phase === 'loading' || !DivaUtils.validateEmail(email),
-      onClick: handleSubmit,
-      children: [phase === 'loading' ? t('configurator.inspiration.unlocking', 'Wird freigeschaltet…') : t('configurator.inspiration.unlockButton', "".concat(leadBonus, " weitere Raumbilder freischalten")), phase !== 'loading' && /*#__PURE__*/jsx("span", {
-        className: unlockSubmitArrow,
-        children: "\u2192"
-      })]
-    })]
-  });
-};
-
-var UnlockCard$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': UnlockCard
-});
-
-export { UnlockCard as U, styleSelection as a, styleButtonsSwiper as b, container as c, styleButton as d, emptyText as e, styleButtonSelected as f, styleButtonImage as g, headline as h, styleDescription as i, styleName as j, styleDescriptionText as k, generateSection as l, customInputSection as m, customInput as n, generateButton as o, errorMessage as p, sceneHistory as q, remainingText as r, subheadline as s, sceneHistoryTitle as t, sceneHistorySwiper as u, sceneThumb as v, sceneThumbSelected as w, tryVariantLink as x, UnlockCard$1 as y };

package/build/esm/agGridLoader-3b7ebab3.js

@@ -1,42 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-e7467256.js';
-import { useState, useEffect } from 'react';
-
-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 agGridPromise = Promise.all([import('ag-grid-react'), import('ag-grid-community')]).then(function (_ref) {
-  var _ref2 = _slicedToArray(_ref, 2),
-    agGridReact = _ref2[0],
-    community = _ref2[1];
-  community.ModuleRegistry.registerModules([community.AllCommunityModule]);
-  return {
-    AgGridReact: agGridReact.AgGridReact,
-    themeQuartz: community.themeQuartz,
-    colorSchemeDarkBlue: community.colorSchemeDarkBlue
-  };
-})["catch"](function () {
-  return null;
-});
-var NOT_LOADED = {
-  AgGridReact: null,
-  themeQuartz: undefined,
-  colorSchemeDarkBlue: undefined,
-  loaded: false
-};
-function useAgGrid() {
-  var _useState = useState(NOT_LOADED),
-    _useState2 = _slicedToArray(_useState, 2),
-    result = _useState2[0],
-    setResult = _useState2[1];
-  useEffect(function () {
-    agGridPromise.then(function (res) {
-      if (res) setResult(_objectSpread(_objectSpread({}, res), {}, {
-        loaded: true
-      }));
-    });
-  }, []);
-  return result;
-}
-
-export { useAgGrid as u };

package/build/esm/index-006df509.js

@@ -1,200 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import { useEffect } from 'react';
-import Inputbox from './index-368f2a94.js';
-import Product from './index-74281a77.js';
-import Settings from './index-6b4d4534.js';
-import TabGroup from './index-f2f734c9.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 '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4a0248a8.js';
-import './index-1bbd5710.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-6a875811.js';
-import './index-d60db54a.js';
-import './index-5d38c56d.js';
-import './index-ec4a11b9.js';
-import './index-b4785e06.js';
-import './index.module-81128230.js';
-import './index-0522b0ff.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-a29e1f54.js';
-import './index-eb622f08.js';
-import './index-347d0778.js';
-import './index-904366fc.js';
-import './index-d9bd816b.js';
-import './index-d4248e03.js';
-import './index-968b317a.js';
-import './index-366a987e.js';
-import 'react-laag';
-import './index-980068d0.js';
-import 'react-qr-code';
-import './index-5f90b5a4.js';
-import './index-8b926016.js';
-import './index-bbdf1fd6.js';
-import './index-5b8ce68d.js';
-import '@crystaldesign/content-item';
-import './index-cb817ebc.js';
-import './index-d346eb32.js';
-import './index-c45f0cdd.js';
-import './index-49a1f4ee.js';
-import './index-e329ea52.js';
-import './index-02e6c441.js';
-import 'sift';
-import './index-85a098ec.js';
-import './index-55afb218.js';
-import './index-044823ff.js';
-import './index-71fa641c.js';
-import './index.module-e74e341d.js';
-import './index-bcadb7ee.js';
-import './index-c33ec4a5.js';
-import './index-9898d9fe.js';
-import 'react-countup';
-import './index-aab829e7.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-26fac26a.js';
-import './index-d1a045b8.js';
-import './index-d99801b6.js';
-import './index-cb4e0078.js';
-import './index-986baa0f.js';
-import '@crystaldesign/content-box';
-import './index-66f9cfa6.js';
-import './index-e7825da7.js';
-import './index-175b5d7f.js';
-import './index-a357ca19.js';
-import './UnlockCard-08d50785.js';
-import './index-f01884af.js';
-import './index-d45d3bf9.js';
-import './index-a8c86aaf.js';
-import './index-65777fcd.js';
-import './index-2cd3243e.js';
-import './index-a852659d.js';
-import './index.module-bc87fe70.js';
-import './index-1dec1bae.js';
-import './index-3af9573a.js';
-import './index-5c360852.js';
-import './index-76695515.js';
-import './index-3d81ab21.js';
-import './index-e6391c81.js';
-import './index.module-fc377069.js';
-import './index-2bc90510.js';
-import './index-da471667.js';
-import './index-e82bcad0.js';
-import './index-9fedad92.js';
-import './index-36285d7e.js';
-import './index-8ac4be70.js';
-import './index-f1b1c128.js';
-import './index-aee29065.js';
-import './index-a32964db.js';
-import './index-df88a3c2.js';
-import './index-0eac4236.js';
-import './index-f52f6b9b.js';
-import './index-be936995.js';
-import 'rc-slider';
-import './index-49118131.js';
-import './index-1605748e.js';
-import './index-f9be6790.js';
-import './index-194f7e6a.js';
-import './index-fc8e5a08.js';
-import 'react-confetti-explosion';
-import './index-b4d48e9b.js';
-import './useCustomDimensions-dec4619b.js';
-import './index-08b15a20.js';
-import './ussIsSticky-bc086dab.js';
-import './index-63f643c1.js';
-import './index-855185f9.js';
-import './index-fc3ceda0.js';
-import './index.module-7055bea5.js';
-import './index-ac3874d7.js';
-import './index-d4abe3f0.js';
-import './index-868d7ce4.js';
-import './index-87fc5140.js';
-import './index-8aaeb688.js';
-import './index-f813b0fc.js';
-import './index.module-705fcc93.js';
-import './index-c7cb5d62.js';
-import './index-869afe15.js';
-import './index-5e394446.js';
-import './index-5ded2693.js';
-import '@mui/material';
-import './index-a8922bda.js';
-import './index-6c7a18b7.js';
-import './index-51b8b540.js';
-import './index-3e225b93.js';
-import './index-beeed352.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-029e19e7.js

@@ -1,102 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useState, useCallback } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
-import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-d346eb32.js';
-import classnames from 'classnames';
-import Search from './index-2c8cfd75.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var pdpOverlay = "pdp-overlay-2gWQq";
-var navigationVisible = "navigation-visible-goqGH";
-var pdpBackground = "pdp-background-1tl-9";
-var pdpContainer = "pdp-container-EljBO";
-var isMobileClass = "is-mobile-class-eOYXj";
-var closeButton = "close-button-tHReC";
-var css_248z = ".pdp-overlay-2gWQq {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 500;\n}\n.navigation-visible-goqGH.pdp-overlay-2gWQq {\n  position: absolute;\n}\n\n.pdp-background-1tl-9 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: rgba(244, 244, 244, 0.8);\n\n  z-index: 540;\n}\n\n.pdp-container-EljBO {\n  z-index: 580;\n  position: relative;\n  background-color: #fff;\n  height: 100%;\n  width: 100%;\n  max-width: 1650px;\n  max-height: 1000px;\n}\n\n.is-mobile-class-eOYXj .pdp-container-EljBO {\n  max-width: none;\n  max-width: initial;\n  max-height: none;\n  max-height: initial;\n}\n\n.close-button-tHReC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n  z-index: 100;\n}\n.close-button-tHReC:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n";
-styleInject(css_248z);
-
-var ProductList = function ProductList(_ref) {
-  var _viewHandler$settings, _viewHandler$getViewC;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore();
-    _useDivaCore.actions.openComponent;
-    var _useDivaCore$state = _useDivaCore.state,
-    HeaderElement = _useDivaCore$state.headerInfos.HeaderElement,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
-  var _useTranslation = useTranslation();
-    _useTranslation.t;
-  var portalHeaderHeight = HeaderElement === null || HeaderElement === void 0 ? void 0 : HeaderElement.getBoundingClientRect().height;
-  var currentlyMobile = isMobile && isPortrait || height < 500;
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentProductId = _useState2[0],
-    setCurrentProductId = _useState2[1];
-  var productState = useProductState({
-    parameters: {
-      'customFlags.variantsList.organizations': organization._id
-    },
-    sort: '{-created}',
-    scroller: (_viewHandler$settings = viewHandler.settingsState.settingsScrollerElement) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : undefined
-  });
-  var closePDP = useCallback(function () {
-    setCurrentProductId(undefined);
-  }, []);
-  var openPDP = useCallback(function (_ref2) {
-    var _id = _ref2._id;
-    setCurrentProductId(_id);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item,
-      specialElement1: /*#__PURE__*/jsx(Search, {
-        searchState: productState.search
-      })
-    }), viewHandler.settingsState.settingsScrollerElement && /*#__PURE__*/jsx(ProductsComponent, {
-      productState: productState,
-      onClickFunction: openPDP
-    }), currentProductId && /*#__PURE__*/jsxs("div", {
-      className: classnames(pdpOverlay, currentlyMobile ? isMobileClass : undefined, !!portalHeaderHeight ? navigationVisible : undefined),
-      children: [!currentlyMobile && /*#__PURE__*/jsx("div", {
-        onClick: closePDP,
-        className: pdpBackground
-      }), /*#__PURE__*/jsxs("div", {
-        className: pdpContainer,
-        children: [/*#__PURE__*/jsx("div", {
-          onClick: closePDP,
-          className: closeButton
-        }), /*#__PURE__*/jsx(ProductDetailPageComponent, {
-          settings: (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.productDetailPageConfig,
-          productId: currentProductId
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ProductList);
-
-export { index as default };