@crystaldesign/diva-web-planner-react 26.4.5-rc.0 → 26.4.5-rc.2

package/build/esm/{index-3d0904ce.js → index-fc050de0.js}

@@ -1,8 +1,9 @@
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-d8de11c5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import { useCallback, useEffect } from 'react';
+import { useRef, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
+import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -16,7 +17,6 @@ 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';
@@ -24,12 +24,13 @@ import 'react-switch';
 import 'react-countup';
 
 var productsGrid = "products-grid-b9XWQ";
+var productsGridDisabled = "products-grid-disabled-1BegM";
 var skeleton = "skeleton-XdjqR";
-var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.mobile .products-grid-b9XWQ {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
+var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.products-grid-disabled-1BegM {\n  pointer-events: none;\n}\n\n.mobile .products-grid-b9XWQ {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
 styleInject(css_248z);
 
 var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt, _viewHandler$divaWebP;
+  var _viewHandler$configSt, _settingsState$promot, _viewHandler$divaWebP;
   var item = _ref.item;
   var _useDivaCore = useDivaCore(),
     openComponent = _useDivaCore.actions.openComponent,
@@ -38,8 +39,13 @@ var PromotedProducts = function PromotedProducts(_ref) {
   var viewHandler = useViewHandler();
   var settingsState = viewHandler.settingsState;
   var productsConfig = viewHandler.getViewConfig().productsConfig;
+  var isOpeningProductRef = useRef(false);
+  var didStartLoadingRef = useRef(false);
   var onAddProduct = useCallback(function (productId) {
-    if (viewHandler.uiState.isLogicLoading) return;
+    if (viewHandler.uiState.isLogicLoading || settingsState.promotedOptimisticProductId != null || isOpeningProductRef.current) return;
+    isOpeningProductRef.current = true;
+    didStartLoadingRef.current = false;
+    settingsState.setPromotedOptimisticProductId(productId);
     openComponent({
       type: 'DIVA_WEBPLANNER',
       parameters: {
@@ -50,8 +56,24 @@ var PromotedProducts = function PromotedProducts(_ref) {
         keepCache: '1'
       }
     });
-  }, [openComponent, viewHandler.uiState]);
+  }, [openComponent, settingsState, viewHandler.uiState]);
   var configProductId = (_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId();
+  var selectedProduct = (_settingsState$promot = settingsState.promotedOptimisticProductId) !== null && _settingsState$promot !== void 0 ? _settingsState$promot : configProductId;
+  useEffect(function () {
+    if (!isOpeningProductRef.current) return;
+    if (viewHandler.uiState.isLogicLoading) {
+      didStartLoadingRef.current = true;
+      return;
+    }
+    if (didStartLoadingRef.current) {
+      isOpeningProductRef.current = false;
+      didStartLoadingRef.current = false;
+      settingsState.setPromotedOptimisticProductId(null);
+    }
+  }, [settingsState, viewHandler.uiState.isLogicLoading]);
+  useEffect(function () {
+    settingsState.setPromotedOptimisticProductId(null);
+  }, [organization._id, settingsState]);
   var catalogCodex = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogCodex;
   useEffect(function () {
     var _viewHandler$divaWebP2;
@@ -60,13 +82,15 @@ var PromotedProducts = function PromotedProducts(_ref) {
   }, [organization._id, viewHandler.uiState.isLogicLoading, catalogCodex]);
   var groups = settingsState.promotedGroups;
   var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
+  var areProductsDisabled = viewHandler.uiState.isLogicLoading || settingsState.promotedOptimisticProductId != null || isOpeningProductRef.current;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(SettingsHeader, {
       isInScroller: false,
       isSettingsHeader: true,
       item: item
     }), /*#__PURE__*/jsxs("div", {
-      className: productsGrid,
+      className: classnames(productsGrid, areProductsDisabled ? productsGridDisabled : undefined),
+      "aria-disabled": areProductsDisabled,
       children: [groups.map(function (group, i) {
         return /*#__PURE__*/jsx(ContentBoxComponent, {
           settings: {
@@ -79,7 +103,7 @@ var PromotedProducts = function PromotedProducts(_ref) {
                 aspectRatio: 'unset'
               },
               wrapperStyle: group.items.find(function (i) {
-                return i._id == configProductId;
+                return i._id == selectedProduct;
               }) ? {
                 border: '1px solid var(--diva-theme-palette-primary-main)',
                 borderRadius: '5px'

package/build/esm/{index-8e1962e3.js → index-fdee6c8a.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-cea6d91c.js';
+import Arrow from './index-057b0c96.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-7ac9464e.js → index-fe22b0d4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler } from './index-d8de11c5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-1ca0ff8e.js → index-fe694171.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler } from './index-d8de11c5.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-2d57a345.js';
+export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-d8de11c5.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-bd12f399.js → index.module-394db5c5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-b8f1b59d.js → index.module-49b14153.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-0d161a63.js → index.module-7fcb874a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-5b3a703e.js → index.module-81e71201.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-c6527b47.js → index.module-8ba22ca6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-7512b5df.js → index.module-a5fce0c8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-7b291e89.js → index.module-f2290841.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-d70e9269.js → index.module-f753be08.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-9a652bd1.js → index.module-fa2de821.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-d8de11c5.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{useCustomDimensions-812a6a0d.js → useCustomDimensions-d991d21a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-2d57a345.js';
+import { u as useViewHandler } from './index-d8de11c5.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-f77998f7.js → ussIsSticky-025571ae.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-2d57a345.js';
+import './index-d8de11c5.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAM5D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;oCAEkC,KAAK;;;AAuFzC,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;oCAEkC,KAAK;;;AAiHzC,wBAA0C"}

package/build/umd/2591.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 2591.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2591],{32591:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(88683),a=t(25709),o=t(87363),r=t(9420),d=t(7197),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),g=t(3565),x=t.n(g),f=t(19216),v=t.n(f),P=t(44589),b=t.n(P),h=t(77113),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();s()(h.ZP,y);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(74133),S=t(47514),w=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var a=t-1;a>=0;a--)i.push(e-a);return i};const j=(0,r.Pi)((function PromotedProducts(e){var n,t,r=e.item,l=(0,i.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,a.NP)(),m=p.settingsState,g=p.getViewConfig().productsConfig,x=(0,o.useCallback)((function(e){p.uiState.isLogicLoading||s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}})}),[s,p.uiState]),f=null!==(n=p.configState.productId)&&void 0!==n?n:!p.configState.divaNr&&p.divaWebPlanner.getStartProductId(),v=null===(t=p.divaWebPlanner.getCatalogData())||void 0===t?void 0:t.catalogCodex;(0,o.useEffect)((function(){var e;p.uiState.isLogicLoading||m.loadPromotedProducts(c,u._id,v,null===(e=p.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),g)}),[u._id,p.uiState.isLogicLoading,v]);var P=m.promotedGroups,b=null!=g&&g.maxCount&&g.showSkeletions?w(g.maxCount,P.length):[];return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(C.default,{isInScroller:!1,isSettingsHeader:!0,item:r}),(0,S.jsxs)("div",{className:h.Ry,children:[P.map((function(e,n){return(0,S.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:x,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==f}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),b.map((function(e){return(0,S.jsx)("div",{className:h.F1,children:(0,S.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,n,t)=>{t.d(n,{F1:()=>l,Ry:()=>d,ZP:()=>s});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",l="index-module--tgKwN";const s=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2591],{32591:(t,e,n)=>{n.r(e),n.d(e,{default:()=>R});var i=n(88683),o=n(25709),r=n(87363),a=n(9420),d=n(7197),s=n(65515),l=n.n(s),u=n(93379),c=n.n(u),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),S=n.n(P),b=n(44589),h=n.n(b),y=n(77113),C={};C.styleTagTransform=h(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=S();c()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(t,e){var n=0;t>e&&(n=t-e);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(t-o);return i};const R=(0,a.Pi)((function PromotedProducts(t){var e,n,a,s=t.item,u=(0,i.useDivaCore)(),c=u.actions.openComponent,p=u.handler.productHandler,m=u.state.organization,g=(0,o.NP)(),f=g.settingsState,x=g.getViewConfig().productsConfig,v=(0,r.useRef)(!1),P=(0,r.useRef)(!1),S=(0,r.useCallback)((function(t){g.uiState.isLogicLoading||null!=f.promotedOptimisticProductId||v.current||(v.current=!0,P.current=!1,f.setPromotedOptimisticProductId(t),c({type:"DIVA_WEBPLANNER",parameters:{productId:t},internal:{forceReload:"1",keepCache:"1"}}))}),[c,f,g.uiState]),b=null!==(e=g.configState.productId)&&void 0!==e?e:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId(),h=null!==(n=f.promotedOptimisticProductId)&&void 0!==n?n:b;(0,r.useEffect)((function(){v.current&&(g.uiState.isLogicLoading?P.current=!0:P.current&&(v.current=!1,P.current=!1,f.setPromotedOptimisticProductId(null)))}),[f,g.uiState.isLogicLoading]),(0,r.useEffect)((function(){f.setPromotedOptimisticProductId(null)}),[m._id,f]);var C=null===(a=g.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var t;g.uiState.isLogicLoading||f.loadPromotedProducts(p,m._id,C,null===(t=g.divaWebPlanner)||void 0===t?void 0:t.getCurPlannerType(),x)}),[m._id,g.uiState.isLogicLoading,C]);var R=f.promotedGroups,_=null!=x&&x.maxCount&&x.showSkeletions?I(x.maxCount,R.length):[],j=g.uiState.isLogicLoading||null!=f.promotedOptimisticProductId||v.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,j?y.Z_:void 0),"aria-disabled":j,children:[R.map((function(t,e){return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:t.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:S,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:t.items.find((function(t){return t._id==h}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},t._id)})),_.map((function(t){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:t})},t)}))]})]})}))},77113:(t,e,n)=>{n.d(e,{F1:()=>l,Ry:()=>d,ZP:()=>u,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([t.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const u=a}}]);

package/build/umd/4874.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4874.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,m=n.onSuccess,u=(0,l.useTranslation)().t,c=(0,a.useState)((function(){var n=l.DivaUtils.getCookie("user_key");return n&&l.DivaUtils.validateEmail(n)?n:""})),h=(0,o.Z)(c,2),g=h[0],b=h[1],f=(0,a.useState)((function(){var n=!!localStorage.getItem("diva_lead_key");return r||n||i<=0?"exhausted":"form"})),v=(0,o.Z)(f,2),w=v[0],y=v[1],k=(0,a.useState)(""),z=(0,o.Z)(k,2),M=z[0],S=z[1];(0,a.useEffect)((function(){r&&"form"===w&&y("exhausted")}),[r]);var j=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),S(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return m()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(S(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(S(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(S(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:u("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.unlockTitle","Gefällt dir, was du siehst?")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:u("configurator.inspiration.emailPlaceholder"),disabled:"loading"===w}),"error"===w&&M&&(0,p.jsx)("p",{className:s._x,children:M}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:j,children:["loading"===w?u("configurator.inspiration.unlocking","Wird freigeschaltet…"):u("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{HM:()=>j,J2:()=>T,JK:()=>N,JZ:()=>G,L_:()=>B,MZ:()=>q,Mt:()=>g,N1:()=>Z,N3:()=>K,Nz:()=>w,RF:()=>F,Se:()=>s,Sm:()=>E,Te:()=>y,X4:()=>L,Xf:()=>x,YO:()=>I,Yh:()=>U,ZP:()=>nn,_g:()=>D,_x:()=>C,a9:()=>z,aH:()=>b,bx:()=>H,by:()=>V,cM:()=>J,cU:()=>v,ch:()=>c,eZ:()=>P,fF:()=>$,fQ:()=>m,fU:()=>Y,fZ:()=>S,fh:()=>A,is:()=>u,lH:()=>O,lr:()=>k,mY:()=>p,nC:()=>a,nP:()=>R,p5:()=>W,pl:()=>M,sG:()=>f,tS:()=>l,tg:()=>Q,tj:()=>X,w:()=>h,zP:()=>_});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n  padding-left: 0px;\n}\n\n.index-module--HfhVm {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.index-module--vyBko {\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.index-module--gveXM {\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 .index-module--gveXM {\n  margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n  margin-bottom: 16px;\n}\n\n.index-module--bdezP {\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 .index-module--bdezP {\n  font-size: 12px;\n}\n\n.index-module--aZSKq {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.index-module--aZSKq .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  padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n  flex-shrink: 0;\n  width: 28%;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .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.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--pFM1x {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  aspect-ratio: 4 / 3;\n}\n\n.index-module--pFM1x:hover:not(:disabled) {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--pFM1x:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.index-module--xmg3Q {\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.index-module--zTGew {\n  position: relative;\n  width: calc(100% - 24px);\n  margin-left: 12px;\n  margin-right: 12px;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 4px;\n  aspect-ratio: 5 / 3;\n}\n\n.index-module--mMYtn {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.index-module--grjwv {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 24px 20px 20px;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  color: #fff;\n}\n\n.index-module--XFwBR {\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.3;\n  margin: 0 0 4px;\n  color: #fff;\n}\n\n.index-module--IQC5h {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.index-module--lU5QC {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 8px;\n}\n\n.index-module--IBhOk {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 6px 6px;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.3;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.index-module--Mm_Ad {\n  margin-bottom: 16px;\n}\n\n.mobile .index-module--Mm_Ad {\n  margin-bottom: 8px;\n}\n\n.index-module--Imnn0 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  margin-bottom: 10px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--Imnn0:hover {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--n5d05 {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--fP54b {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\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: 24px;\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 10px;\n}\n\n.index-module--fP54b: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.index-module--fP54b::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--mjBGC {\n  margin-bottom: 4px;\n}\n\n.index-module--mjBGC .swiper {\n  position: relative;\n  overflow: hidden;\n  padding: 2px 0;\n}\n\n.index-module--mjBGC .swiper-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.index-module--mjBGC .swiper-slide {\n  width: auto !important;\n}\n\n.index-module--mjBGC .swiper-slide {\n  flex-shrink: 0;\n}\n\n.index-module--mjBGC .swiper-button-prev,\n.index-module--mjBGC .swiper-button-next {\n  display: none;\n}\n\n.index-module--_FEnM {\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  background: var(--settingsBackgroundColor);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 20px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    border-color 0.2s,\n    background 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--_FEnM:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, #fff);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, var(--settingsBackgroundColor, #fff));\n}\n\n.index-module--NybYq {\n  margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n  width: calc(100% - 48px);\n  padding: 16px 24px;\n  font-size: 16px;\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: 16px;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition:\n    background 0.2s,\n    box-shadow 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  transform: translateY(-1px);\n}\n\n.index-module--aFhln:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--nu_Ms {\n  font-size: 12px;\n  font-weight: 300;\n  opacity: 0.75;\n}\n\n.index-module--kSA5W {\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.index-module--YivLn {\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.index-module--P1E7G {\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.index-module--gbyhE {\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.index-module--T4neK {\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.index-module--SVhBo {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\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.index-module--SVhBo: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.index-module--SVhBo::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\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.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR: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.index-module--jsuNR:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--DBkmW {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.index-module--ZuwzE {\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.index-module--cFEvx {\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.index-module--mT13P {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.index-module--Q2H7T {\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.index-module--Q2H7T:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n}\n\n.index-module--keDwN {\n  font-size: 15px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 0 2px;\n}\n\n.index-module--MFAVd {\n  padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.index-module--MFAVd .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 3px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n  flex-shrink: 0;\n  width: 108px;\n  height: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .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.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--ZSu4D {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\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.index-module--ZSu4D img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--GGzws {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 12px 6px 5px;\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.2;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.index-module--H4FiG {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: #f5efe8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--x3KHo {\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.index-module--hkfnv {\n  font-size: 24px;\n  opacity: 0.5;\n  color: #c9a96e;\n}\n\n.index-module--JBQI_ {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  opacity: 0.6;\n}\n\n.index-module--BZg2m {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.55);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n}\n\n.index-module--KtjLB {\n  width: 22px;\n  height: 22px;\n  border: 2px solid rgba(0, 0, 0, 0.15);\n  border-top-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  animation: index-module--M9Lc_ 0.8s linear infinite;\n}\n\n@keyframes index-module--M9Lc_ {\n  to {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",m="index-module--bdezP",u="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--zTGew",b="index-module--mMYtn",f="index-module--grjwv",v="index-module--XFwBR",w="index-module--IQC5h",y="index-module--lU5QC",k="index-module--IBhOk",z="index-module--Mm_Ad",M="index-module--fP54b",S="index-module--mjBGC",j="index-module--_FEnM",F="index-module--NybYq",Z="index-module--aFhln",B="index-module--nu_Ms",A="index-module--kSA5W",K="index-module--YivLn",N="index-module--P1E7G",_="index-module--gbyhE",C="index-module--T4neK",P="index-module--SVhBo",V="index-module--jsuNR",E="index-module--DBkmW",T="index-module--ZuwzE",G="index-module--cFEvx",R="index-module--mT13P",q="index-module--Q2H7T",I="index-module--mwN_Y",Y="index-module--keDwN",D="index-module--MFAVd",H="index-module--ZSu4D",U="index-module--IIB9r",J="index-module--GGzws",L="index-module--H4FiG",X="index-module--x3KHo",Q="index-module--hkfnv",W="index-module--JBQI_",O="index-module--BZg2m",$="index-module--KtjLB";const nn=d},44353:(n,e,i)=>{i.d(e,{HM:()=>h.HM,J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,L_:()=>h.L_,MZ:()=>h.MZ,Mt:()=>h.Mt,N1:()=>h.N1,N3:()=>h.N3,Nz:()=>h.Nz,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,X4:()=>h.X4,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,aH:()=>h.aH,bx:()=>h.bx,by:()=>h.by,cM:()=>h.cM,cU:()=>h.cU,ch:()=>h.ch,eZ:()=>h.eZ,fF:()=>h.fF,fQ:()=>h.fQ,fU:()=>h.fU,fZ:()=>h.fZ,fh:()=>h.fh,is:()=>h.is,lH:()=>h.lH,lr:()=>h.lr,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,p5:()=>h.p5,pl:()=>h.pl,sG:()=>h.sG,tS:()=>h.tS,tg:()=>h.tg,tj:()=>h.tj,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),m=i.n(x),u=i(44589),c=i.n(u),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=m();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,m=n.onSuccess,u=(0,l.useTranslation)().t,c=(0,a.useState)((function(){var n=l.DivaUtils.getCookie("user_key");return n&&l.DivaUtils.validateEmail(n)?n:""})),h=(0,o.Z)(c,2),g=h[0],b=h[1],f=(0,a.useState)((function(){var n=!!localStorage.getItem("diva_lead_key");return r||n||i<=0?"exhausted":"form"})),v=(0,o.Z)(f,2),w=v[0],y=v[1],k=(0,a.useState)(""),z=(0,o.Z)(k,2),M=z[0],S=z[1];(0,a.useEffect)((function(){r&&"form"===w&&y("exhausted")}),[r]);var j=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),S(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return m()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(S(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(S(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(S(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:u("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.unlockTitle","Gefällt dir, was du siehst?")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:u("configurator.inspiration.emailPlaceholder"),disabled:"loading"===w}),"error"===w&&M&&(0,p.jsx)("p",{className:s._x,children:M}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:j,children:["loading"===w?u("configurator.inspiration.unlocking","Wird freigeschaltet…"):u("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{HM:()=>j,J2:()=>T,JK:()=>N,JZ:()=>q,L_:()=>B,MZ:()=>R,Mt:()=>g,N1:()=>F,N3:()=>K,Nz:()=>w,RF:()=>Z,Se:()=>s,Sm:()=>E,Te:()=>y,X4:()=>L,Xf:()=>x,YO:()=>I,Yh:()=>U,ZP:()=>nn,_g:()=>D,_x:()=>C,a9:()=>z,aH:()=>b,bx:()=>H,by:()=>V,cM:()=>J,cU:()=>v,ch:()=>c,eZ:()=>P,fF:()=>$,fQ:()=>m,fU:()=>Y,fZ:()=>S,fh:()=>A,is:()=>u,lH:()=>O,lr:()=>k,mY:()=>p,nC:()=>a,nP:()=>G,p5:()=>W,pl:()=>M,sG:()=>f,tS:()=>l,tg:()=>Q,tj:()=>X,w:()=>h,zP:()=>_});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n  padding-left: 0px;\n}\n\n.index-module--HfhVm {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.index-module--vyBko {\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.index-module--gveXM {\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 .index-module--gveXM {\n  margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n  margin-bottom: 16px;\n}\n\n.index-module--bdezP {\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 .index-module--bdezP {\n  font-size: 12px;\n}\n\n.index-module--aZSKq {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n  height: auto !important;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n  flex-shrink: 0;\n  width: 28%;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .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.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--pFM1x {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  aspect-ratio: 4 / 3;\n}\n\n.index-module--pFM1x:hover:not(:disabled) {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--pFM1x:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.index-module--xmg3Q {\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.index-module--zTGew {\n  position: relative;\n  width: calc(100% - 24px);\n  margin-left: 12px;\n  margin-right: 12px;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 4px;\n  aspect-ratio: 5 / 3;\n}\n\n.index-module--mMYtn {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.index-module--grjwv {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 24px 20px 20px;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  color: #fff;\n}\n\n.index-module--XFwBR {\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.3;\n  margin: 0 0 4px;\n  color: #fff;\n}\n\n.index-module--IQC5h {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.index-module--lU5QC {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 8px;\n}\n\n.index-module--IBhOk {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 6px 6px;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.3;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.index-module--Mm_Ad {\n  margin-bottom: 16px;\n}\n\n.mobile .index-module--Mm_Ad {\n  margin-bottom: 8px;\n}\n\n.index-module--Imnn0 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  margin-bottom: 10px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--Imnn0:hover {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--n5d05 {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--fP54b {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\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: 24px;\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 10px;\n}\n\n.index-module--fP54b: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.index-module--fP54b::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--mjBGC {\n  margin-bottom: 4px;\n}\n\n.index-module--mjBGC .swiper {\n  position: relative;\n  overflow: hidden;\n  padding: 2px 0;\n}\n\n.index-module--mjBGC .swiper-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.index-module--mjBGC .swiper-slide {\n  width: auto !important;\n}\n\n.index-module--mjBGC .swiper-slide {\n  flex-shrink: 0;\n}\n\n.index-module--mjBGC .swiper-button-prev,\n.index-module--mjBGC .swiper-button-next {\n  display: none;\n}\n\n.index-module--_FEnM {\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  background: var(--settingsBackgroundColor);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 20px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    border-color 0.2s,\n    background 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--_FEnM:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, #fff);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, var(--settingsBackgroundColor, #fff));\n}\n\n.index-module--NybYq {\n  margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n  width: calc(100% - 48px);\n  padding: 16px 24px;\n  font-size: 16px;\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: 16px;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition:\n    background 0.2s,\n    box-shadow 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  transform: translateY(-1px);\n}\n\n.index-module--aFhln:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--nu_Ms {\n  font-size: 12px;\n  font-weight: 300;\n  opacity: 0.75;\n}\n\n.index-module--kSA5W {\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.index-module--YivLn {\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.index-module--P1E7G {\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.index-module--gbyhE {\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.index-module--T4neK {\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.index-module--SVhBo {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\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.index-module--SVhBo: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.index-module--SVhBo::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\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.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR: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.index-module--jsuNR:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--DBkmW {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.index-module--ZuwzE {\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.index-module--cFEvx {\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.index-module--mT13P {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.index-module--Q2H7T {\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.index-module--Q2H7T:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n}\n\n.index-module--keDwN {\n  font-size: 15px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 0 2px;\n}\n\n.index-module--MFAVd {\n  padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.index-module--MFAVd .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 3px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n  flex-shrink: 0;\n  width: 108px;\n  height: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .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.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--ZSu4D {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\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.index-module--ZSu4D img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--GGzws {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 12px 6px 5px;\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.2;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.index-module--H4FiG {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: #f5efe8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--x3KHo {\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.index-module--hkfnv {\n  font-size: 24px;\n  opacity: 0.5;\n  color: #c9a96e;\n}\n\n.index-module--JBQI_ {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  opacity: 0.6;\n}\n\n.index-module--BZg2m {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.55);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n}\n\n.index-module--KtjLB {\n  width: 22px;\n  height: 22px;\n  border: 2px solid rgba(0, 0, 0, 0.15);\n  border-top-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  animation: index-module--M9Lc_ 0.8s linear infinite;\n}\n\n@keyframes index-module--M9Lc_ {\n  to {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",m="index-module--bdezP",u="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--zTGew",b="index-module--mMYtn",f="index-module--grjwv",v="index-module--XFwBR",w="index-module--IQC5h",y="index-module--lU5QC",k="index-module--IBhOk",z="index-module--Mm_Ad",M="index-module--fP54b",S="index-module--mjBGC",j="index-module--_FEnM",Z="index-module--NybYq",F="index-module--aFhln",B="index-module--nu_Ms",A="index-module--kSA5W",K="index-module--YivLn",N="index-module--P1E7G",_="index-module--gbyhE",C="index-module--T4neK",P="index-module--SVhBo",V="index-module--jsuNR",E="index-module--DBkmW",T="index-module--ZuwzE",q="index-module--cFEvx",G="index-module--mT13P",R="index-module--Q2H7T",I="index-module--mwN_Y",Y="index-module--keDwN",D="index-module--MFAVd",H="index-module--ZSu4D",U="index-module--IIB9r",J="index-module--GGzws",L="index-module--H4FiG",X="index-module--x3KHo",Q="index-module--hkfnv",W="index-module--JBQI_",O="index-module--BZg2m",$="index-module--KtjLB";const nn=d},44353:(n,e,i)=>{i.d(e,{HM:()=>h.HM,J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,L_:()=>h.L_,MZ:()=>h.MZ,Mt:()=>h.Mt,N1:()=>h.N1,N3:()=>h.N3,Nz:()=>h.Nz,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,X4:()=>h.X4,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,aH:()=>h.aH,bx:()=>h.bx,by:()=>h.by,cM:()=>h.cM,cU:()=>h.cU,ch:()=>h.ch,eZ:()=>h.eZ,fF:()=>h.fF,fQ:()=>h.fQ,fU:()=>h.fU,fZ:()=>h.fZ,fh:()=>h.fh,is:()=>h.is,lH:()=>h.lH,lr:()=>h.lr,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,p5:()=>h.p5,pl:()=>h.pl,sG:()=>h.sG,tS:()=>h.tS,tg:()=>h.tg,tj:()=>h.tj,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),m=i.n(x),u=i(44589),c=i.n(u),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=m();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);