@crystaldesign/diva-web-planner-react 25.11.0-rc.0 → 25.11.0-rc.10

package/build/esm/{index-1a895e15.js → index-2a1a407b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-f8e7506c.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-46afd1d7.js';
+import { g as getKey } from './index-ef8a45ca.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,72 +21,72 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-5dd906a1.js';
-import './index-860f7a45.js';
-import './index-35d28204.js';
-import './index-f53e2a5d.js';
-import './index-76c62221.js';
-import './index.module-09444f53.js';
-import './index-cfb1a242.js';
+import './index-7b295442.js';
+import './index-3155efb3.js';
+import './index-65ddd0e8.js';
+import './index-b131ce7c.js';
+import './index-bf293841.js';
+import './index.module-5a994da8.js';
+import './index-90117bb5.js';
 import 'react-switch';
-import './index-8701e57c.js';
-import './index-4cc3d4b8.js';
+import './index-c77d49be.js';
+import './index-166f913b.js';
 import 'react-countup';
-import './index-159ae569.js';
+import './index-3e624f86.js';
 import 'react-dropdown';
-import './index-8104c9a2.js';
+import './index-bd74e64e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-a0481bbe.js';
-import './index-9c57c5a3.js';
-import './index-12f0d4c7.js';
+import './index-9c896a5e.js';
+import './index-e3604809.js';
+import './index-4957b429.js';
 import '@crystaldesign/content-box';
-import './index-6ba0be86.js';
-import './index-fe868e0b.js';
-import './index-923e1df0.js';
-import './index-1c8a9a1c.js';
-import './index-9006f2d5.js';
-import './index-53b57469.js';
-import './index-9308c419.js';
-import './index-d9999f88.js';
-import './index-d9332172.js';
+import './index-08658390.js';
+import './index-9232ec36.js';
+import './index-f9a00666.js';
+import './index-ba6a3242.js';
+import './index-c00bcf2c.js';
+import './index-741bea61.js';
+import './index-c50fef1e.js';
+import './index-a95ee354.js';
+import './index-7fd72a0f.js';
 import 'react-laag';
-import './index.module-692506ac.js';
-import './index-d608b8e9.js';
-import './index-3a4bbe45.js';
-import './index-d72005c0.js';
-import './index-5d6d23c3.js';
-import './index-afafffbc.js';
-import './index-f20137ff.js';
-import './index.module-3773458a.js';
-import './index-c909c178.js';
-import './index-fea7d555.js';
-import './index-dff175dc.js';
-import './index-ec208ef4.js';
-import './index-f4f6f69c.js';
-import './index-be24b5d3.js';
-import './index-00e2693c.js';
-import './index-85175cbf.js';
-import './index-03cdb2a4.js';
-import './index-b06bb52a.js';
-import './index-4f446e79.js';
-import './index-37aed965.js';
+import './index.module-c50356da.js';
+import './index-ee169a07.js';
+import './index-9fa54830.js';
+import './index-9ed3a08c.js';
+import './index-a5f62283.js';
+import './index-2ed96cc4.js';
+import './index-3a041a9c.js';
+import './index.module-8c30d909.js';
+import './index-a59cea3e.js';
+import './index-326b5233.js';
+import './index-73c2d586.js';
+import './index-c2c20eee.js';
+import './index-1311e6ba.js';
+import './index-8d183900.js';
+import './index-e52bd668.js';
+import './index-c6ec92f9.js';
+import './index-d53f6bcf.js';
+import './index-db8dc973.js';
+import './index-939b3e4d.js';
+import './index-5ea1015a.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bb16e2dd.js';
+import './index-92bc4bb1.js';
 import 'rc-slider';
-import './index-8e79c0b6.js';
-import './index-775b3202.js';
-import './index-5765f999.js';
-import './index-ec9c0c37.js';
+import './index-0afe1da5.js';
+import './index-be60bbe9.js';
+import './index-e1be8915.js';
+import './index-d13e67da.js';
 import 'react-confetti-explosion';
-import './index-e8da0eaa.js';
-import './index-e26eda26.js';
-import './index-2abea2d1.js';
+import './index-2917ed6a.js';
+import './index-dfa71fd2.js';
+import './index-7d65bdac.js';
 import 'react-qr-code';
-import './index-56dedad0.js';
-import './useCustomDimensions-ad6958b9.js';
-import './index-b5f1069b.js';
-import './ussIsSticky-51f9410b.js';
+import './index-7cce9576.js';
+import './useCustomDimensions-50bba2e3.js';
+import './index-220b8bb8.js';
+import './ussIsSticky-eec07d22.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-14ab2d52.js → index-2ad33e47.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-860f7a45.js';
+import SettingsHeader from './index-3155efb3.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f32a3f5c.js → index-2b771a82.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-f8e7506c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-afafffbc.js → index-2ed96cc4.js}

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

package/build/esm/{index-1e413432.js → index-2fb65d89.js}

@@ -1,11 +1,12 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-27b81e8a.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-f8e7506c.js';
 import { observer } from 'mobx-react-lite';
-import 'react';
+import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-bd0d7fdb.js';
+import { c as checkoutButton } from './index.module-6e8df069.js';
+import CountUp from 'react-countup';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -25,11 +26,14 @@ var wcConfiguratorAction = "wcConfigurator-action-1kRvz";
 var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
 var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
 var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
-var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n";
+var bruttoPrice = "brutto-price-yaDwF";
+var canceled = "canceled-J6Faa";
+var hidden = "hidden-sa4Pc";
+var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.wcConfigurator-action-Button-uCk2M {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.brutto-price-yaDwF {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.brutto-price-yaDwF.canceled-J6Faa.hidden-sa4Pc {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-Zx3zd .brutto-price-yaDwF.canceled-J6Faa:before {\n  top: 45%;\n}\n";
 styleInject(css_248z);
 
 var BasketActionStandard = function BasketActionStandard(_ref) {
-  var _viewHandler$uiState$;
+  var _viewHandler$uiState$, _newBruttoPrice$toStr, _newBruttoPrice$toStr2, _newCurSetPrice$toStr, _newCurSetPrice$toStr2;
   var _ref$buttonTextClassN = _ref.buttonTextClassName,
     buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
     _ref$buttonPriceClass = _ref.buttonPriceClassName,
@@ -42,6 +46,27 @@ var BasketActionStandard = function BasketActionStandard(_ref) {
     hidePrices = _useDivaCore.state.hidePrices;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    oldBruttoPrice = _useState2[0],
+    setOldBruttoPrice = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    oldCurSetPrice = _useState4[0],
+    setOldCurSetPrice = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    newBruttoPrice = _useState6[0],
+    setNewBruttoPrice = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    newCurSetPrice = _useState8[0],
+    setNewCurSetPrice = _useState8[1];
+  useEffect(function () {
+    var _viewHandler$productS, _viewHandler$productS2;
+    setNewBruttoPrice((_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0);
+    setNewCurSetPrice((_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0);
+  }, [viewHandler.productState.formatedBruttoPrice, viewHandler.productState.formatedCurSetPrice]);
   return /*#__PURE__*/jsxs("div", {
     className: classnames(wcConfiguratorAction, containerClassName),
     children: [showCheckoutButtons && ((_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.map(function (b, index) {
@@ -65,13 +90,40 @@ var BasketActionStandard = function BasketActionStandard(_ref) {
       children: [/*#__PURE__*/jsx("div", {
         className: buttonTextClassName,
         children: t('configurator.ADD_TO_BASKET')
-      }), !hidePrices && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && price !== undefined && /*#__PURE__*/jsx("div", {
-        className: buttonPriceClassName,
-        children: DivaUtils.formatPrice(price)
+      }), !hidePrices && price !== undefined && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(bruttoPrice, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
+          children: /*#__PURE__*/jsx(CountUp, {
+            end: newBruttoPrice,
+            duration: 0.5,
+            start: oldBruttoPrice,
+            decimals: (_newBruttoPrice$toStr = (_newBruttoPrice$toStr2 = newBruttoPrice.toString().split('.')[1]) === null || _newBruttoPrice$toStr2 === void 0 ? void 0 : _newBruttoPrice$toStr2.length) !== null && _newBruttoPrice$toStr !== void 0 ? _newBruttoPrice$toStr : 0,
+            formattingFn: function formattingFn(n) {
+              return DivaUtils.formatPrice(n, viewHandler.productState.getPriceFormatForCounter(newBruttoPrice));
+            },
+            onEnd: function onEnd() {
+              setOldBruttoPrice(newBruttoPrice);
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: buttonPriceClassName,
+          children: /*#__PURE__*/jsx(CountUp, {
+            end: newCurSetPrice,
+            duration: 0.5,
+            start: oldCurSetPrice,
+            decimals: (_newCurSetPrice$toStr = (_newCurSetPrice$toStr2 = newCurSetPrice.toString().split('.')[1]) === null || _newCurSetPrice$toStr2 === void 0 ? void 0 : _newCurSetPrice$toStr2.length) !== null && _newCurSetPrice$toStr !== void 0 ? _newCurSetPrice$toStr : 0,
+            formattingFn: function formattingFn(n) {
+              return DivaUtils.formatPrice(n, viewHandler.productState.getPriceFormatForCounter(newCurSetPrice));
+            },
+            onEnd: function onEnd() {
+              setOldCurSetPrice(newCurSetPrice);
+            }
+          })
+        })]
       })]
     })]
   });
 };
-var BasketActionStandard$1 = observer(BasketActionStandard);
+var BasketAction = observer(BasketActionStandard);
 
-export { BasketActionStandard$1 as default };
+export { BasketAction as default };

package/build/esm/{index-860f7a45.js → index-3155efb3.js}

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

package/build/esm/{index-f64c9cde.js → index-31576aea.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 } from './index-27b81e8a.js';
+import { s as styleInject, u as useViewHandler } from './index-f8e7506c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-be24b5d3.js';
-import GenericToolTip from './index-3a4bbe45.js';
-import PricePreview from './index-4cc3d4b8.js';
-import InfoIcon from './index-8701e57c.js';
+import MetaData from './index-8d183900.js';
+import GenericToolTip from './index-9fa54830.js';
+import PricePreview from './index-166f913b.js';
+import InfoIcon from './index-c77d49be.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-415649ed.js → index-315d7fb0.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-27b81e8a.js';
-import ProductHeader from './index-3d118dbc.js';
+import { s as styleInject, u as useViewHandler } from './index-f8e7506c.js';
+import ProductHeader from './index-882a3480.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,10 +20,10 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-b3d9d29c.js';
+import './index-6f8436c0.js';
 import '@crystaldesign/content-box';
 import 'react-countup';
-import './useCustomDimensions-ad6958b9.js';
+import './useCustomDimensions-50bba2e3.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-19YtG";
@@ -31,8 +31,10 @@ var css_248z = ".productHeader-19YtG h1 {\n  font-weight: 700;\n}\n";
 styleInject(css_248z);
 
 var ProductHeaderRalph = function ProductHeaderRalph(props) {
+  var viewHandler = useViewHandler();
   return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
+    productClass: productHeader,
+    hidePrice: !viewHandler.getIsInMobileView()
   });
 };
 

package/build/esm/{index-fea7d555.js → index-326b5233.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-27b81e8a.js';
+import { s as styleInject } from './index-f8e7506c.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-01b78636.js → index-33c8e4ca.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-446f70e8.js';
-import Header from './index-654cf3fb.js';
+import ConfigStep from './index-8a0a086f.js';
+import Header from './index-d1992593.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-6461279f.js → index-33e4a2a3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-bcfbb316.js';
+import ShelfDeleteButton from './index-708d5df3.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-98ba7391.js → index-34354e8a.js}

@@ -1,16 +1,16 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-4ccc0d2c.js';
-import SettingsScroller from './index-37e77cc2.js';
-import SettingsHeader from './index-860f7a45.js';
+import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-2e1d8012.js';
+import SettingsScroller from './index-e643d4a6.js';
+import SettingsHeader from './index-3155efb3.js';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-036258c9.js';
+import NavForwardButton from './index-5488fa6a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,73 +25,73 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-14ab2d52.js';
-import './index-46afd1d7.js';
+import './index-2ad33e47.js';
+import './index-ef8a45ca.js';
 import 'sift';
-import './index-5dd906a1.js';
-import './index-35d28204.js';
-import './index-f53e2a5d.js';
-import './index-76c62221.js';
-import './index.module-09444f53.js';
-import './index-cfb1a242.js';
+import './index-7b295442.js';
+import './index-65ddd0e8.js';
+import './index-b131ce7c.js';
+import './index-bf293841.js';
+import './index.module-5a994da8.js';
+import './index-90117bb5.js';
 import 'react-switch';
-import './index-8701e57c.js';
-import './index-4cc3d4b8.js';
+import './index-c77d49be.js';
+import './index-166f913b.js';
 import 'react-countup';
-import './index-159ae569.js';
+import './index-3e624f86.js';
 import 'react-dropdown';
-import './index-8104c9a2.js';
-import './index-a0481bbe.js';
-import './index-9c57c5a3.js';
-import './index-12f0d4c7.js';
+import './index-bd74e64e.js';
+import './index-9c896a5e.js';
+import './index-e3604809.js';
+import './index-4957b429.js';
 import '@crystaldesign/content-box';
-import './index-6ba0be86.js';
-import './index-fe868e0b.js';
-import './index-923e1df0.js';
-import './index-1c8a9a1c.js';
-import './index-9006f2d5.js';
-import './index-53b57469.js';
-import './index-9308c419.js';
-import './index-d9999f88.js';
-import './index-d9332172.js';
+import './index-08658390.js';
+import './index-9232ec36.js';
+import './index-f9a00666.js';
+import './index-ba6a3242.js';
+import './index-c00bcf2c.js';
+import './index-741bea61.js';
+import './index-c50fef1e.js';
+import './index-a95ee354.js';
+import './index-7fd72a0f.js';
 import 'react-laag';
-import './index.module-692506ac.js';
-import './index-d608b8e9.js';
-import './index-3a4bbe45.js';
-import './index-d72005c0.js';
-import './index-5d6d23c3.js';
-import './index-afafffbc.js';
-import './index-f20137ff.js';
-import './index.module-3773458a.js';
-import './index-c909c178.js';
-import './index-fea7d555.js';
-import './index-dff175dc.js';
-import './index-ec208ef4.js';
-import './index-f4f6f69c.js';
-import './index-be24b5d3.js';
-import './index-00e2693c.js';
-import './index-85175cbf.js';
-import './index-03cdb2a4.js';
-import './index-b06bb52a.js';
-import './index-4f446e79.js';
-import './index-37aed965.js';
+import './index.module-c50356da.js';
+import './index-ee169a07.js';
+import './index-9fa54830.js';
+import './index-9ed3a08c.js';
+import './index-a5f62283.js';
+import './index-2ed96cc4.js';
+import './index-3a041a9c.js';
+import './index.module-8c30d909.js';
+import './index-a59cea3e.js';
+import './index-326b5233.js';
+import './index-73c2d586.js';
+import './index-c2c20eee.js';
+import './index-1311e6ba.js';
+import './index-8d183900.js';
+import './index-e52bd668.js';
+import './index-c6ec92f9.js';
+import './index-d53f6bcf.js';
+import './index-db8dc973.js';
+import './index-939b3e4d.js';
+import './index-5ea1015a.js';
 import 'swiper/modules';
-import './index-bb16e2dd.js';
+import './index-92bc4bb1.js';
 import 'rc-slider';
-import './index-8e79c0b6.js';
-import './index-775b3202.js';
-import './index-5765f999.js';
-import './index-ec9c0c37.js';
+import './index-0afe1da5.js';
+import './index-be60bbe9.js';
+import './index-e1be8915.js';
+import './index-d13e67da.js';
 import 'react-confetti-explosion';
-import './index-e8da0eaa.js';
-import './index-e26eda26.js';
-import './index-2abea2d1.js';
+import './index-2917ed6a.js';
+import './index-dfa71fd2.js';
+import './index-7d65bdac.js';
 import 'react-qr-code';
-import './index-56dedad0.js';
-import './useCustomDimensions-ad6958b9.js';
-import './index-b5f1069b.js';
-import './ussIsSticky-51f9410b.js';
-import './index-e0c16944.js';
+import './index-7cce9576.js';
+import './useCustomDimensions-50bba2e3.js';
+import './index-220b8bb8.js';
+import './ussIsSticky-eec07d22.js';
+import './index-d2cdcd6d.js';
 
 var useSwiperHook = function useSwiperHook(viewHandler) {
   var _useState = useState(null),
@@ -179,6 +179,7 @@ var useSwiperHook = function useSwiperHook(viewHandler) {
 
   var handleSlideChange = function handleSlideChange(e) {
     if (viewHandler.tabGroupState.curTabGroup === undefined) return;
+    window.lastNavigationType = 'SETTINGS_SWIPER_SWIPE';
     var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
     if (diff == 1) {
       viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true);

package/build/esm/{index-4ccb436f.js → index-35914829.js}

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

package/build/esm/{index-cff6196e.js → index-35e4f01e.js}

@@ -1,6 +1,6 @@
-import './index-27b81e8a.js';
+import './index-f8e7506c.js';
 import 'react';
-import PartListTable from './index-59ad1a24.js';
+import PartListTable from './index-5df9aa3e.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-07cdc951.js';
+import './index.module-a355dc45.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-a7f5b104.js → index-37f55bdd.js}

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

package/build/esm/{index-071dfef3.js → index-382bfeaa.js}

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

package/build/esm/{index-f20137ff.js → index-3a041a9c.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.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-3773458a.js';
-import IsActive from './index-d608b8e9.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-8c30d909.js';
+import IsActive from './index-ee169a07.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-209f2b54.js → index-3a1ff933.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-27b81e8a.js';
+import { u as useViewHandler } from './index-f8e7506c.js';
 import 'react';
-import Toggle from './index-cfb1a242.js';
+import Toggle from './index-90117bb5.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';