@crystaldesign/diva-web-planner-react 26.5.0-beta.4 → 26.5.0-beta.40

package/build/esm/{index-00a745dc.js → index-9d6efe78.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-4dc2ffe8.js';
+import { s as styleInject } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-745302ee.js';
+import InfoIcon from './index-acf35473.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-81bda524.js → index-9d75469c.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.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 classnames from 'classnames';
-import Search from './index-a90eca27.js';
+import Search from './index-c2d26c6c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7fb885d5.js → index-9f9a0c91.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-4dc2ffe8.js';
+import { s as styleInject } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-167c00d4.js';
+import Arrow from './index-ffbc155e.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-7a683a03.js → index-a020b2bf.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-3c7bdac2.js → index-a05764a4.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-4b7357d5.js';
+import ArQrCodeIcon from './index-d5908bc3.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-795c0fbe.js';
+import ProductRoomList from './index-ff383429.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-fabe67b6.js';
+import './index-cc0b0c44.js';
 import 'react-qr-code';
-import './index-d27a4968.js';
+import './index-0badf6bb.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-e69210d3.js → index-a2c4333a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
@@ -31,11 +31,11 @@ var title = "title-1Yq19";
 var mobile = "mobile-Oy5-9";
 var small = "small-2vDXh";
 var percentage = "percentage--8-xl";
-var css_248z = ".wrapper-1wXYE {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.priceWrapper-oLrQ1 {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-aaYz6 {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.rabattVisible-npE0I .price-aaYz6 {\n  color: rgb(220, 38, 38);\n}\n\n.brutto-T4loO {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.rabattVisible-npE0I .brutto-T4loO {\n  display: block;\n}\n\n.title-1Yq19 {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  text-align: center;\n}\n\n.mobile-Oy5-9 .title-1Yq19,\n.small-2vDXh .title-1Yq19 {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.percentage--8-xl {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n";
+var css_248z = ".wrapper-1wXYE {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.priceWrapper-oLrQ1 {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-aaYz6 {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.rabattVisible-npE0I .price-aaYz6 {\n  color: rgb(220, 38, 38);\n}\n\n.brutto-T4loO {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.rabattVisible-npE0I .brutto-T4loO {\n  display: block;\n}\n\n.title-1Yq19 {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile-Oy5-9 .title-1Yq19,\n.small-2vDXh .title-1Yq19 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.percentage--8-xl {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n";
 styleInject(css_248z);
 
 var SummaryHeader = function SummaryHeader(props) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$productS, _viewHandler$productS2;
+  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$getViewC, _viewHandler$productS, _viewHandler$productS2;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var viewHandler = useViewHandler();
@@ -54,7 +54,7 @@ var SummaryHeader = function SummaryHeader(props) {
     className: classnames(wrapper, viewHandler.getIsInMobileView() ? mobile : undefined, showRabatt ? rabattVisible : undefined, ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().width) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 400) < 400 ? small : undefined),
     children: [/*#__PURE__*/jsx("div", {
       className: title,
-      children: t('configurator.summary.header.title')
+      children: t((_viewHandler$getViewC = viewHandler.getViewConfig().summaryHeaderTitle) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : 'configurator.summary.header.title')
     }), !hidePrices && /*#__PURE__*/jsxs("div", {
       className: priceWrapper,
       children: [/*#__PURE__*/jsx("div", {

package/build/esm/{index-3e626fdf.js → index-a31364af.js}

@@ -2,7 +2,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d1cf9442.js → index-a3b172a2.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-4dc2ffe8.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-e06c7810.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-350fcab0.js → index-a408c596.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-4e85ce0f.js';
+import RoomSerious from './index-64671ad6.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7ee0ef14.js → index-a47d8213.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4dc2ffe8.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-98a8c79e.js → index-a7d130e1.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4fb0315e.js → index-a97038fc.js}

@@ -1,4 +1,4 @@
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-745302ee.js → index-acf35473.js}

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

package/build/esm/{index-3237a8de.js → index-ad254504.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-4dc2ffe8.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-4a80ef83.js → index-adaf4f6f.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, S as SettingsHeader } from './index-4dc2ffe8.js';
+import { u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -29,7 +29,7 @@ var SettingsHeaderContainer = function SettingsHeaderContainer(_ref) {
   var viewHandler = useViewHandler();
   var headerPalette = viewHandler.settingsState.itemPalettes.get(1);
   if (!headerPalette) return /*#__PURE__*/jsx(Fragment, {});
-  var showHeader = headerPalette.configStepKey !== 'CHECKOUT' && viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || ['PLANNER_2.0', 'SUMMARY', 'ACCESSOIRES', 'DoorPlanner'].includes(headerPalette.configStepKey) || headerPalette.configStepKey.startsWith('SHELFARTICLE') || !viewHandler.settingsState.allArticlesStayedActive);
+  var showHeader = headerPalette.configStepKey !== 'CHECKOUT' && viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || ['PLANNER_2.0', 'SUMMARY', 'ACCESSOIRES', 'DoorPlanner'].includes(headerPalette.configStepKey) || headerPalette.configStepKey.startsWith('SHELFARTICLE')) || !viewHandler.settingsState.posNrAreHidden;
   return /*#__PURE__*/jsx(Fragment, {
     children: showHeader && /*#__PURE__*/jsx(SettingsHeader, {
       isInScroller: isScroller,

package/build/esm/{index-23e05462.js → index-af73caac.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-1f5d7d2b.js';
+import FilterItem from './index-c6364abe.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-9b0fab26.js → index-afe8eb8d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-4dc2ffe8.js';
+import { s as styleInject } from './index-e06c7810.js';
 import 'react';
-import SettingsItemHeader from './index-5a863528.js';
+import SettingsItemHeader from './index-34c6bdaa.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,30 +23,30 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-8a31e08f.js';
-import './index-5386b456.js';
-import './index-3284d8b1.js';
+import './index-8578c954.js';
+import './index-0f11e170.js';
+import './index-24762a2d.js';
 import 'react-dropdown';
-import './index-167c00d4.js';
-import './index-23e05462.js';
+import './index-ffbc155e.js';
+import './index-af73caac.js';
 import '@crystaldesign/content-box';
-import './index-1f5d7d2b.js';
-import './index-7b941005.js';
-import './index-b40bacfe.js';
-import './index-53b21178.js';
-import './index-7bef288c.js';
-import './index-3237a8de.js';
-import './index-a92bab60.js';
-import './index-f158b758.js';
-import './index-37e1c5fd.js';
+import './index-c6364abe.js';
+import './index-d5c6f833.js';
+import './index-e3e5f751.js';
+import './index-7bb29d90.js';
+import './index-cf136eaa.js';
+import './index-ad254504.js';
+import './index-e2689021.js';
+import './index-78ac5baf.js';
+import './index-b74562a8.js';
 import 'react-laag';
-import './index-de4f2487.js';
-import './index-745302ee.js';
-import './index-0ee09835.js';
-import './index-185feb74.js';
+import './index-ba57147a.js';
+import './index-acf35473.js';
+import './index-e6ad8f91.js';
+import './index-30c40b49.js';
 import 'swiper/react';
-import './index-4ba644a2.js';
-import './ussIsSticky-c40d1d3b.js';
+import './index-4b3019da.js';
+import './ussIsSticky-2ef48633.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-1a1144c1.js → index-b0f50d41.js}

@@ -1,4 +1,4 @@
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-529c67c3.js → index-b148499f.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-1198bdc0.js → index-b1e0d5b2.js}

@@ -1,4 +1,4 @@
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9eee8b12.js → index-b242987d.js}

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

package/build/esm/{index-ffa0132c.js → index-b32e5866.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-a55aef7c.js → index-b4686191.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';

package/build/esm/{index-0f1fcea0.js → index-b62b9a27.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4dc2ffe8.js';
+import { u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-b66d7429.js

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

package/build/esm/{index-64cce079.js → index-b6afe7f4.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-37e1c5fd.js → index-b74562a8.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-de4f2487.js';
+import MetaData from './index-ba57147a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-de4f2487.js → index-ba57147a.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-a81cae1f.js → index-bc0bb702.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2f662326.js → index-bc164b29.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-74fa8b6c.js → index-be8796e7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler } from './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-ddaf035f.js → index-bfedf676.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-e06c7810.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6743da68.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-4de2730d.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-de4f2487.js';
+import MetaData from './index-ba57147a.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-745302ee.js';
-import ReverseCheck from './index-2fe552b2.js';
+import InfoIcon from './index-acf35473.js';
+import ReverseCheck from './index-90a54d7e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-ed6de348.js → index-c0415065.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-4dc2ffe8.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-e06c7810.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6743da68.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-4de2730d.js';
 import classnames from 'classnames';
-import IsActive from './index-f14387bb.js';
+import IsActive from './index-7f43c60f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-745302ee.js';
-import ReverseCheck from './index-2fe552b2.js';
+import InfoIcon from './index-acf35473.js';
+import ReverseCheck from './index-90a54d7e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-f3d112e1.js → index-c0ebb2b2.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-4dc2ffe8.js';
+import './index-e06c7810.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';