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

package/build/esm/{index-7b8c777d.js → index-bfe02f9c.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-11bad262.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-0ed99d35.js';
-import { g as getKey } from './index-0f6cceb3.js';
+import InfoIcon from './index-96170cf5.js';
+import { g as getKey } from './index-22f2f326.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,79 +25,79 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-16a37f46.js';
-import './index-06c59166.js';
-import './index-88d11978.js';
-import './index-fe290717.js';
-import './index.module-7b291e89.js';
-import './index-59cbc346.js';
+import './index-dec699fe.js';
+import './index-f5ee930f.js';
+import './index-6d7e4686.js';
+import './index-f1849519.js';
+import './index.module-dfc07ba2.js';
+import './index-7d46e98a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-62b39262.js';
+import './index-7109cf2e.js';
 import 'react-dropdown';
-import './index-1d35494e.js';
+import './index-32a4f9a4.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f0bbd2c9.js';
-import './index-cea6d91c.js';
-import './index-17d547fd.js';
+import './index-285281ce.js';
+import './index-95118271.js';
+import './index-544603ce.js';
 import '@crystaldesign/content-box';
-import './index-28353223.js';
-import './index-51bf5876.js';
-import './index-3d0904ce.js';
-import './index-77551284.js';
+import './index-00c08522.js';
+import './index-8daa059d.js';
+import './index-c29c9227.js';
+import './index-5033f453.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-862f50ee.js';
-import './index-6a0caf34.js';
-import './index-802fd3a4.js';
-import './index-baee0dae.js';
-import './index-825312f0.js';
-import './index-d3d769df.js';
-import './index-ed37e544.js';
+import './UnlockCard-a9dd7380.js';
+import './index-9e3ede63.js';
+import './index-c6aa85e5.js';
+import './index-f1218540.js';
+import './index-927aed6f.js';
+import './index-20c025f1.js';
+import './index-b0a7a12e.js';
 import 'react-laag';
-import './index.module-9a652bd1.js';
-import './index-17afd559.js';
-import './index-7dd13787.js';
-import './index-dc4193e5.js';
-import './index-bbd0ae21.js';
-import './index-b98a45e0.js';
-import './index.module-bd12f399.js';
-import './index-810b4b55.js';
-import './index-1d573bd0.js';
-import './index-8d2f61c9.js';
-import './index-bb388f84.js';
-import './index-023b8cbe.js';
-import './index-5d41072f.js';
-import './index-b6d808a8.js';
-import './index-f3c08f88.js';
-import './index-d69c2792.js';
-import './index-dc97a338.js';
-import './index-680e714e.js';
-import './index-cb0d63af.js';
-import './index-7bcf76f3.js';
+import './index.module-d9ca58f2.js';
+import './index-bbc4e22c.js';
+import './index-59bea228.js';
+import './index-a9bbd87a.js';
+import './index-04c5b3f7.js';
+import './index-d27735f0.js';
+import './index.module-2557e396.js';
+import './index-3000c95e.js';
+import './index-c590081e.js';
+import './index-16458ac8.js';
+import './index-ab2c5ee4.js';
+import './index-d089e1b0.js';
+import './index-c6ed81a9.js';
+import './index-f09e6e98.js';
+import './index-c52c03f4.js';
+import './index-ec518151.js';
+import './index-1ca5145e.js';
+import './index-235411ef.js';
+import './index-d38ebfe2.js';
+import './index-a5d48054.js';
 import 'rc-slider';
-import './index-ba0aa018.js';
-import './index-691476fd.js';
-import './index-262a7ab2.js';
-import './index-a8663ad6.js';
-import './index-54c43d08.js';
+import './index-f56ea95d.js';
+import './index-9f3a8847.js';
+import './index-e0af803b.js';
+import './index-7b5b0525.js';
+import './index-12a45464.js';
 import 'react-confetti-explosion';
-import './index-c87a5a49.js';
-import './index-a0f7a36f.js';
-import './index-34c26bf3.js';
+import './index-de28b997.js';
+import './index-98394fdc.js';
+import './index-b144439e.js';
 import 'react-qr-code';
-import './index-b3c287f1.js';
-import './useCustomDimensions-812a6a0d.js';
-import './index-f917ece2.js';
-import './ussIsSticky-f77998f7.js';
-import './index-e2ec7989.js';
-import './index-da2ab448.js';
-import './index-f0227c18.js';
-import './index.module-b8f1b59d.js';
-import './index-b1cced61.js';
-import './index-53196102.js';
-import './index-a427ba3c.js';
-import './index-5493165d.js';
+import './index-5a97d992.js';
+import './useCustomDimensions-485f0228.js';
+import './index-1709db5a.js';
+import './ussIsSticky-e2251f27.js';
+import './index-3be3da51.js';
+import './index-6ceed2a1.js';
+import './index-29a2e83e.js';
+import './index.module-db86089d.js';
+import './index-fda68dba.js';
+import './index-6cbbaea2.js';
+import './index-21d8925c.js';
+import './index-deec17ff.js';
 
 var wrapper = "wrapper-QG-9Z";
 var wcGroupedContainer = "wcGroupedContainer-jhNWc";

package/build/esm/{index-4cb1e7e0.js → index-c14a01ee.js}

@@ -1,11 +1,11 @@
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-11bad262.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-c59fd600.js';
+import Functions from './index-87a9a61f.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-812a6a0d.js';
+import { u as useCustomDimensions } from './useCustomDimensions-485f0228.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -25,7 +25,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-fb6db664.js';
+import './index-08bc5496.js';
 
 var wrapper = "wrapper-y4VmL";
 var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";

package/build/esm/{index-3d0904ce.js → index-c29c9227.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-11bad262.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-bd478811.js → index-c3398e96.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler } from './index-11bad262.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-62e3f96d.js';
-import TabGroupVertical from './index-e2e36418.js';
-import TabSearch from './index-5d185ebc.js';
+import TabGroupHorizontal from './index-48c0cc5d.js';
+import TabGroupVertical from './index-153963bc.js';
+import TabSearch from './index-181fcb5a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -24,8 +24,8 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-6621a711.js';
-import './index-220720e1.js';
+import './index-4c927064.js';
+import './index-38171421.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-c065b7db.js → index-c354eac5.js}

@@ -1,4 +1,4 @@
-import './index-2d57a345.js';
+import './index-11bad262.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f3c08f88.js → index-c52c03f4.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-11bad262.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import MetaData from './index-5d41072f.js';
-import InfoIcon from './index-0ed99d35.js';
+import MetaData from './index-c6ed81a9.js';
+import InfoIcon from './index-96170cf5.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-1d573bd0.js → index-c590081e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-2d57a345.js';
+import { s as styleInject } from './index-11bad262.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-802fd3a4.js → index-c6aa85e5.js}

@@ -1,22 +1,22 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-2d57a345.js';
-import SummaryOptionTree from './index-baee0dae.js';
-import SummaryArticles from './index-825312f0.js';
-import SettingsItemAccessoireTemplate from './index-d3d769df.js';
-import Gallery from './index-ed37e544.js';
-import SettingsItemDefaultTemplate from './index-7dd13787.js';
-import Range from './index-dc4193e5.js';
-import SettingsItemRoomTemplate from './index-bbd0ae21.js';
-import ViewPoint from './index-b98a45e0.js';
-import NumberBox from './index-810b4b55.js';
-import PlannerSwitch from './index-8d2f61c9.js';
-import Varaint from './index-bb388f84.js';
-import GalleryText from './index-023b8cbe.js';
+import './index-11bad262.js';
+import SummaryOptionTree from './index-f1218540.js';
+import SummaryArticles from './index-927aed6f.js';
+import SettingsItemAccessoireTemplate from './index-20c025f1.js';
+import Gallery from './index-b0a7a12e.js';
+import SettingsItemDefaultTemplate from './index-59bea228.js';
+import Range from './index-a9bbd87a.js';
+import SettingsItemRoomTemplate from './index-04c5b3f7.js';
+import ViewPoint from './index-d27735f0.js';
+import NumberBox from './index-3000c95e.js';
+import PlannerSwitch from './index-16458ac8.js';
+import Varaint from './index-ab2c5ee4.js';
+import GalleryText from './index-d089e1b0.js';
 import 'react';
-import GalleryText2 from './index-b6d808a8.js';
-import FaceLift from './index-f3c08f88.js';
-import PlannerOverviewItem from './index-d69c2792.js';
-import Article from './index-680e714e.js';
+import GalleryText2 from './index-f09e6e98.js';
+import FaceLift from './index-c52c03f4.js';
+import PlannerOverviewItem from './index-ec518151.js';
+import Article from './index-235411ef.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -38,16 +38,16 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index.module-9a652bd1.js';
-import './index-17afd559.js';
-import './index-0ed99d35.js';
-import './index-59cbc346.js';
+import './index.module-d9ca58f2.js';
+import './index-bbc4e22c.js';
+import './index-96170cf5.js';
+import './index-7d46e98a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index.module-bd12f399.js';
-import './index-1d573bd0.js';
-import './index-5d41072f.js';
-import './index-dc97a338.js';
+import './index.module-2557e396.js';
+import './index-c590081e.js';
+import './index-c6ed81a9.js';
+import './index-1ca5145e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-5d41072f.js → index-c6ed81a9.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-11bad262.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-44d2e366.js → index-ca7c1b65.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-2d57a345.js';
+import { s as styleInject, u as useViewHandler } from './index-11bad262.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-535f1743.js';
+import Group from './index-3325116b.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-688b602b.js';
+import StandradGroup from './index-6a252271.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,83 +23,83 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-0f6cceb3.js';
+import './index-22f2f326.js';
 import 'sift';
-import './index-16a37f46.js';
-import './index-06c59166.js';
-import './index-88d11978.js';
-import './index-fe290717.js';
-import './index.module-7b291e89.js';
-import './index-0ed99d35.js';
-import './index-59cbc346.js';
+import './index-dec699fe.js';
+import './index-f5ee930f.js';
+import './index-6d7e4686.js';
+import './index-f1849519.js';
+import './index.module-dfc07ba2.js';
+import './index-96170cf5.js';
+import './index-7d46e98a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-62b39262.js';
+import './index-7109cf2e.js';
 import 'react-dropdown';
-import './index-1d35494e.js';
+import './index-32a4f9a4.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f0bbd2c9.js';
-import './index-cea6d91c.js';
-import './index-17d547fd.js';
+import './index-285281ce.js';
+import './index-95118271.js';
+import './index-544603ce.js';
 import '@crystaldesign/content-box';
-import './index-28353223.js';
-import './index-51bf5876.js';
-import './index-3d0904ce.js';
-import './index-77551284.js';
+import './index-00c08522.js';
+import './index-8daa059d.js';
+import './index-c29c9227.js';
+import './index-5033f453.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-862f50ee.js';
-import './index-6a0caf34.js';
-import './index-802fd3a4.js';
-import './index-baee0dae.js';
-import './index-825312f0.js';
-import './index-d3d769df.js';
-import './index-ed37e544.js';
+import './UnlockCard-a9dd7380.js';
+import './index-9e3ede63.js';
+import './index-c6aa85e5.js';
+import './index-f1218540.js';
+import './index-927aed6f.js';
+import './index-20c025f1.js';
+import './index-b0a7a12e.js';
 import 'react-laag';
-import './index.module-9a652bd1.js';
-import './index-17afd559.js';
-import './index-7dd13787.js';
-import './index-dc4193e5.js';
-import './index-bbd0ae21.js';
-import './index-b98a45e0.js';
-import './index.module-bd12f399.js';
-import './index-810b4b55.js';
-import './index-1d573bd0.js';
-import './index-8d2f61c9.js';
-import './index-bb388f84.js';
-import './index-023b8cbe.js';
-import './index-5d41072f.js';
-import './index-b6d808a8.js';
-import './index-f3c08f88.js';
-import './index-d69c2792.js';
-import './index-dc97a338.js';
-import './index-680e714e.js';
-import './index-cb0d63af.js';
-import './index-7bcf76f3.js';
+import './index.module-d9ca58f2.js';
+import './index-bbc4e22c.js';
+import './index-59bea228.js';
+import './index-a9bbd87a.js';
+import './index-04c5b3f7.js';
+import './index-d27735f0.js';
+import './index.module-2557e396.js';
+import './index-3000c95e.js';
+import './index-c590081e.js';
+import './index-16458ac8.js';
+import './index-ab2c5ee4.js';
+import './index-d089e1b0.js';
+import './index-c6ed81a9.js';
+import './index-f09e6e98.js';
+import './index-c52c03f4.js';
+import './index-ec518151.js';
+import './index-1ca5145e.js';
+import './index-235411ef.js';
+import './index-d38ebfe2.js';
+import './index-a5d48054.js';
 import 'rc-slider';
-import './index-ba0aa018.js';
-import './index-691476fd.js';
-import './index-262a7ab2.js';
-import './index-a8663ad6.js';
-import './index-54c43d08.js';
+import './index-f56ea95d.js';
+import './index-9f3a8847.js';
+import './index-e0af803b.js';
+import './index-7b5b0525.js';
+import './index-12a45464.js';
 import 'react-confetti-explosion';
-import './index-c87a5a49.js';
-import './index-a0f7a36f.js';
-import './index-34c26bf3.js';
+import './index-de28b997.js';
+import './index-98394fdc.js';
+import './index-b144439e.js';
 import 'react-qr-code';
-import './index-b3c287f1.js';
-import './useCustomDimensions-812a6a0d.js';
-import './index-f917ece2.js';
-import './ussIsSticky-f77998f7.js';
-import './index-e2ec7989.js';
-import './index-da2ab448.js';
-import './index-f0227c18.js';
-import './index.module-b8f1b59d.js';
-import './index-b1cced61.js';
-import './index-53196102.js';
-import './index-a427ba3c.js';
-import './index-5493165d.js';
-import './index-7b8c777d.js';
+import './index-5a97d992.js';
+import './useCustomDimensions-485f0228.js';
+import './index-1709db5a.js';
+import './ussIsSticky-e2251f27.js';
+import './index-3be3da51.js';
+import './index-6ceed2a1.js';
+import './index-29a2e83e.js';
+import './index.module-db86089d.js';
+import './index-fda68dba.js';
+import './index-6cbbaea2.js';
+import './index-21d8925c.js';
+import './index-deec17ff.js';
+import './index-bfe02f9c.js';
 import 'react-collapsible';
 
 var container = "container-UypgK";

package/build/esm/{index-8fecb1d9.js → index-cd7bfc80.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-2d57a345.js';
+import './index-11bad262.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-f6da2235.js → index-ce9eb5fb.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-11bad262.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-023b8cbe.js → index-d089e1b0.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-2d57a345.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-11bad262.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-9a652bd1.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-d9ca58f2.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-5d41072f.js';
+import MetaData from './index-c6ed81a9.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-0ed99d35.js';
-import ReverseCheck from './index-59cbc346.js';
+import InfoIcon from './index-96170cf5.js';
+import ReverseCheck from './index-7d46e98a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-b98a45e0.js → index-d27735f0.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-2d57a345.js';
+import { u as useViewHandler } from './index-11bad262.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-bd12f399.js';
-import IsActive from './index-17afd559.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-2557e396.js';
+import IsActive from './index-bbc4e22c.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';