@crystaldesign/diva-web-planner-react 26.3.0-beta.40 → 26.3.0-beta.41

package/build/esm/{ArticleProperties-08a4d0ba.js → ArticleProperties-54b5be0c.js}

@@ -1,4 +1,4 @@
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-cb443675.js → CatalogProperties-66e4ac2d.js}

@@ -1,4 +1,4 @@
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-ffc6fbcf.js → DecisionVizualizer-b9d884da.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-3d6251d6.js';
+import { s as styleInject } from './index-e7467256.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-65ef9677.js → OptionProperties-acace2bf.js}

@@ -1,4 +1,4 @@
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{OptionValueProperties-1919f0d4.js → OptionValueProperties-9dac78ab.js}

@@ -1,4 +1,4 @@
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-9f534169.js → Planner2DGrid-6ccf4209.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-e934225a.js → Planner3DImage-8a0f895e.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{PriceListCockpit-a2cc2785.js → PriceListCockpit-47726a02.js}

@@ -1,7 +1,7 @@
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import classnames from 'classnames';
-import { c as cockpitSection, a as cockpitSectionTitle, P as PLANNABLE_ARTICLE_DIMENSION_ID, p as plannableDimensionBlock, d as dimensionRow, b as dimensionRowDisabled, e as dimensionRowHeader, f as cockpitBtnSmall, n as noEffectWarning, o as optionChip, i as optionChipSelected, j as plannableDimensionGroupTitle, k as plannableDimensionGroupValues, l as cockpitBtnPrimary } from './index.module-f75d13a9.js';
+import { c as cockpitSection, a as cockpitSectionTitle, P as PLANNABLE_ARTICLE_DIMENSION_ID, p as plannableDimensionBlock, d as dimensionRow, b as dimensionRowDisabled, e as dimensionRowHeader, f as cockpitBtnSmall, n as noEffectWarning, o as optionChip, i as optionChipSelected, j as plannableDimensionGroupTitle, k as plannableDimensionGroupValues, l as cockpitBtnPrimary } from './index.module-0de0b74f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{PriceListTable-c0d18f83.js → PriceListTable-477fe449.js}

@@ -2,10 +2,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toArray from '@babel/runtime/helpers/toArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import 'react';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { P as PLANNABLE_ARTICLE_DIMENSION_ID, m as buildDimensionComboKey, D as DEFAULT_PLANNABLE_ARTICLE_SELECT_COUNT, q as tableContainer, r as priceTable, u as cellInvalid, v as mergedCell } from './index.module-f75d13a9.js';
+import { P as PLANNABLE_ARTICLE_DIMENSION_ID, m as buildDimensionComboKey, D as DEFAULT_PLANNABLE_ARTICLE_SELECT_COUNT, q as tableContainer, r as priceTable, u as cellInvalid, v as mergedCell } from './index.module-0de0b74f.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var _marked = /*#__PURE__*/_regeneratorRuntime.mark(cartesianProduct);

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

@@ -0,0 +1,160 @@
+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-b1d4f14a.js → agGridLoader-3b7ebab3.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-3d6251d6.js';
+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; }

package/build/esm/{index-f19b4b8a.js → index-006df509.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-3d6251d6.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import { useEffect } from 'react';
-import Inputbox from './index-5aeefe54.js';
-import Product from './index-ad299c56.js';
-import Settings from './index-9b7673ae.js';
-import TabGroup from './index-8e1a74b8.js';
+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';
@@ -24,124 +24,124 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7d993f04.js';
-import './index-745045d6.js';
+import './index-4a0248a8.js';
+import './index-1bbd5710.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-b0f85439.js';
-import './index-6b1a6dbe.js';
-import './index-d78e583c.js';
-import './index-36338348.js';
-import './index-e6f5e042.js';
-import './index.module-eb933b03.js';
-import './index-37c75fa9.js';
+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-f94bad89.js';
-import './index-485aefdf.js';
-import './index-0c7a122e.js';
-import './index-b4cfa6c1.js';
-import './index-b228c3eb.js';
-import './index-c53a9303.js';
-import './index-c3af35c6.js';
-import './index-bc30b964.js';
+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-653b7969.js';
+import './index-980068d0.js';
 import 'react-qr-code';
-import './index-10447c01.js';
-import './index-dcb596e4.js';
-import './index-8404735d.js';
-import './index-6f7a1de5.js';
+import './index-5f90b5a4.js';
+import './index-8b926016.js';
+import './index-bbdf1fd6.js';
+import './index-5b8ce68d.js';
 import '@crystaldesign/content-item';
-import './index-0ea2ae0e.js';
-import './index-3d410951.js';
-import './index-0587ea85.js';
-import './index-a1edac37.js';
-import './index-bf4027aa.js';
-import './index-b9a08374.js';
+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-dda8786d.js';
-import './index-540d3ba6.js';
-import './index-c55d02a7.js';
-import './index-455fcb30.js';
-import './index.module-6dea17c8.js';
-import './index-a5b98d98.js';
-import './index-541d3fca.js';
-import './index-4fd9025b.js';
+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-8b5ed209.js';
+import './index-aab829e7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-004b447c.js';
-import './index-99a97421.js';
-import './index-83a5c373.js';
-import './index-a7bdb8f2.js';
-import './index-186d08df.js';
+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-fafbc3ef.js';
-import './index-164282a5.js';
-import './index-be1508a5.js';
-import './index-333e8017.js';
-import './UnlockCard-8e1c8aa5.js';
-import './index-29798f44.js';
-import './index-8a430faf.js';
-import './index-21fd5161.js';
-import './index-9d32da86.js';
-import './index-d20f36fe.js';
-import './index-3ba1ae5c.js';
-import './index.module-a2184200.js';
-import './index-64e1a1bd.js';
-import './index-aa0fc26b.js';
-import './index-402585db.js';
-import './index-d341421c.js';
-import './index-63a65067.js';
-import './index-24766b71.js';
-import './index.module-f2cc0585.js';
-import './index-e8e70d61.js';
-import './index-67b93891.js';
-import './index-d1836d05.js';
-import './index-b6ae2935.js';
-import './index-9b01075e.js';
-import './index-65257b21.js';
-import './index-d50c2b74.js';
-import './index-3e91823b.js';
-import './index-0fa1d49b.js';
-import './index-21ae3555.js';
-import './index-9a248875.js';
-import './index-a4fa889e.js';
-import './index-7850c4e3.js';
+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-2ce98b11.js';
-import './index-c6d3f9de.js';
-import './index-2b5e9ade.js';
-import './index-c6a8ae18.js';
-import './index-21c1fb93.js';
+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-f7e46130.js';
-import './useCustomDimensions-b1885ea7.js';
-import './index-3d3526cb.js';
-import './ussIsSticky-863c7e0d.js';
-import './index-8f8e1205.js';
-import './index-f2ae0148.js';
-import './index-c523a468.js';
-import './index.module-8df4c86e.js';
-import './index-c10453bb.js';
-import './index-220c34b6.js';
-import './index-e55ff884.js';
-import './index-f8607a4b.js';
-import './index-c1a3d264.js';
-import './index-b4b78a04.js';
-import './index.module-cb37470e.js';
-import './index-d3c6f914.js';
-import './index-063b694a.js';
-import './index-a64fce97.js';
-import './index-44efc3b7.js';
+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-d03477d6.js';
-import './index-ecef1f81.js';
-import './index-0fcbe494.js';
-import './index-fcb0c1cc.js';
-import './index-f84cc1f4.js';
+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";

package/build/esm/{index-83ccb175.js → index-029e19e7.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3d6251d6.js';
+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-3d410951.js';
+import SettingsHeader from './index-d346eb32.js';
 import classnames from 'classnames';
-import Search from './index-7de20e08.js';
+import Search from './index-2c8cfd75.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b9a08374.js → index-02e6c441.js}

@@ -1,29 +1,29 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3d6251d6.js';
+import { s as styleInject, u as useViewHandler } from './index-e7467256.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-dda8786d.js';
-import ItemVariant from './index-540d3ba6.js';
-import SettingsPaletteGroup from './index-c55d02a7.js';
-import ToggleOption from './index-455fcb30.js';
-import GroupDropdown from './index-004b447c.js';
-import PromotedProducts from './index-be1508a5.js';
-import StyleConsultant from './index-333e8017.js';
-import ToggleName from './index-29798f44.js';
-import itemPaletteTypeComponentMap from './index-8a430faf.js';
+import TextBox from './index-85a098ec.js';
+import ItemVariant from './index-55afb218.js';
+import SettingsPaletteGroup from './index-044823ff.js';
+import ToggleOption from './index-71fa641c.js';
+import GroupDropdown from './index-26fac26a.js';
+import PromotedProducts from './index-175b5d7f.js';
+import StyleConsultant from './index-a357ca19.js';
+import ToggleName from './index-f01884af.js';
+import itemPaletteTypeComponentMap from './index-d45d3bf9.js';
 import classnames from 'classnames';
-import StepInfo from './index-67b93891.js';
-import SettingsHeader from './index-3d410951.js';
-import ReplaceSwitch from './index-a4fa889e.js';
+import StepInfo from './index-da471667.js';
+import SettingsHeader from './index-d346eb32.js';
+import ReplaceSwitch from './index-f52f6b9b.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-7850c4e3.js';
-import MultiToggle from './index-2ce98b11.js';
-import Radio from './index-2b5e9ade.js';
+import Slider from './index-be936995.js';
+import MultiToggle from './index-49118131.js';
+import Radio from './index-f9be6790.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-c6a8ae18.js';
+import SummaryOverview from './index-194f7e6a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -146,7 +146,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-56b909bb.js');
+  return import('./index-de0c2bef.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -273,16 +273,16 @@ var useGridVariables = function useGridVariables(item) {
 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 ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-64017d08.js');
+  return import('./index-3e0df89f.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-1a77b67e.js');
+  return import('./index-cb429406.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-83ccb175.js');
+  return import('./index-029e19e7.js');
 });
 var InspectModeTables = /*#__PURE__*/React.lazy(function () {
-  return import('./index-43f4cdb7.js');
+  return import('./index-4ce0fdf8.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-31f80165.js → index-03bfaebc.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-3d6251d6.js';
+import './index-e7467256.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';