@crystaldesign/diva-web-planner-react 25.11.0-rc.25 → 25.11.0-rc.27

package/build/esm/{index-9d30511a.js → index-6a743494.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-a1374b0f.js → index-6a7a20dd.js}

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

package/build/esm/{index-7ab09107.js → index-6c190ef8.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-ba60a88c.js';
+import { a as usePlannerUIHandler } from './index-0a450543.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7683bbf2.js → index-6d4dd7c1.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-45f80da7.js';
-import Toggle from './index-9d30511a.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-95794f9a.js';
+import Toggle from './index-6a743494.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-7bd15064.js';
-import PricePreview from './index-748a5fb9.js';
+import InfoIcon from './index-0994c1fc.js';
+import PricePreview from './index-ca9995b9.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,7 +24,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
-import './index-4c4661f9.js';
+import './index-bd009ff8.js';
 import 'react-countup';
 
 var LOG = getLogger('Planner', 'ToggleOption');

package/build/esm/{index-6ad4e2ee.js → index-6e0a29a8.js}

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

package/build/esm/{index-a7324682.js → index-71e88078.js}

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

package/build/esm/{index-075b5935.js → index-729ca47d.js}

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

package/build/esm/{index-201f67bb.js → index-744abaa6.js}

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

package/build/esm/{index-36944a1b.js → index-75bfef53.js}

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

package/build/esm/{index-ecd6f095.js → index-772c1da3.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Article from './index-43959be6.js';
+import Article from './index-13975661.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-c73d25d1.js → index-77884516.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-ba60a88c.js';
+import { s as styleInject, u as useViewHandler } from './index-0a450543.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-018889f0.js';
-import ProductCenter from './index-e1925a88.js';
-import ContentItemWrapper from './index-44b7adc2.js';
+import CheckoutFormNew from './index-69e0ae26.js';
+import ProductCenter from './index-c96037b8.js';
+import ContentItemWrapper from './index-7f001d44.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,29 +22,29 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-9d30511a.js';
+import './index-6a743494.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-1010b3b1.js';
-import './index-db3dd78c.js';
-import './index-96acb385.js';
-import './index-ca7e09ec.js';
-import './index.module-301d5529.js';
-import './index-f25dc193.js';
-import './index-17799498.js';
+import './index-b09be9ba.js';
+import './index-2a9453af.js';
+import './index-adb09a13.js';
+import './index-a1153493.js';
+import './index.module-1da260e0.js';
+import './index-388838f3.js';
+import './index-53008eae.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1484ac98.js';
-import './index-0c20ca2e.js';
-import './index-249c549f.js';
-import './index-acb4cc60.js';
-import './index-f868bc7d.js';
-import './index-10cd40a3.js';
+import './index-f865f5ff.js';
+import './index-4ef2cd77.js';
+import './index-e6cdc091.js';
+import './index-f856af10.js';
+import './index-8cd3bf33.js';
+import './index-7f2b951b.js';
 import 'react-laag';
-import './index-91d81344.js';
+import './index-21cca4e6.js';
 import 'react-qr-code';
-import './index-282b904d.js';
-import './index-65ab847b.js';
-import './index-e584d213.js';
+import './index-aa9b6e6a.js';
+import './index-11a830ba.js';
+import './index-54e030ff.js';
 import '@crystaldesign/content-item';
 
 var arrow = "arrow-GTKSC";

package/build/esm/{index-c7b20fbb.js → index-79c5c86c.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-a2c89413.js';
+import VerticalTabGroupItemStandard from './index-99beb0ce.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-adfb1524.js → index-7a4cdc51.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ba60a88c.js';
+import './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-93e2ce3a.js';
+import Group from './index-206aa78f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,75 +21,75 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-collapsible';
-import './index-7bd15064.js';
-import './index-748a5fb9.js';
-import './index-4c4661f9.js';
+import './index-0994c1fc.js';
+import './index-ca9995b9.js';
+import './index-bd009ff8.js';
 import 'react-countup';
-import './index-b86f3818.js';
+import './index-526343f2.js';
 import 'sift';
-import './index-bb2d8232.js';
-import './index-63e1195e.js';
-import './index-d2f95b7a.js';
-import './index-194a0edb.js';
-import './index-7683bbf2.js';
-import './index.module-45f80da7.js';
-import './index-9d30511a.js';
+import './index-8c915d85.js';
+import './index-36211d6a.js';
+import './index-c4908101.js';
+import './index-629ad212.js';
+import './index-6d4dd7c1.js';
+import './index.module-95794f9a.js';
+import './index-6a743494.js';
 import 'react-switch';
-import './index-b11730d8.js';
+import './index-8999bd7c.js';
 import 'react-dropdown';
-import './index-8bca2144.js';
+import './index-a9463488.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8762551e.js';
-import './index-ab37d6dc.js';
-import './index-b0374c0c.js';
+import './index-d9f7997e.js';
+import './index-311d3da7.js';
+import './index-1de3b637.js';
 import '@crystaldesign/content-box';
-import './index-ecb88b7c.js';
-import './index-fdef8f84.js';
-import './index-538389d6.js';
-import './index-34841b8b.js';
-import './index-f8ddc6c4.js';
-import './index-3d4851c2.js';
-import './index-c9bc4808.js';
-import './index-075b5935.js';
-import './index-8f7d0eb1.js';
+import './index-b2ab1de0.js';
+import './index-1618773f.js';
+import './index-1fca2690.js';
+import './index-9f9135e9.js';
+import './index-2409c398.js';
+import './index-edf9db63.js';
+import './index-15dec142.js';
+import './index-729ca47d.js';
+import './index-53edb5c7.js';
 import 'react-laag';
-import './index.module-3670d556.js';
-import './index-472bc7fe.js';
-import './index-d403c2a5.js';
-import './index-6ad4e2ee.js';
-import './index-dd4f28a3.js';
-import './index-1d2488fe.js';
-import './index-d5377484.js';
-import './index.module-f1f1e7fe.js';
-import './index-13fa215c.js';
-import './index-97ba4d65.js';
-import './index-8498efbb.js';
-import './index-b2c292d4.js';
-import './index-dce3e3f3.js';
-import './index-6d58fe50.js';
-import './index-2bcd9d19.js';
-import './index-14d8ed50.js';
-import './index-f4744977.js';
-import './index-8ee7c4ef.js';
-import './index-9b769fec.js';
-import './index-d0b8e110.js';
+import './index.module-f194471e.js';
+import './index-2ec27482.js';
+import './index-81cb3910.js';
+import './index-6e0a29a8.js';
+import './index-0e89a584.js';
+import './index-905e6ab7.js';
+import './index-e67d22da.js';
+import './index.module-a7f79a79.js';
+import './index-54ffb639.js';
+import './index-14948a38.js';
+import './index-8d55005c.js';
+import './index-5233acb2.js';
+import './index-2bd69ced.js';
+import './index-ac441e55.js';
+import './index-f31399e6.js';
+import './index-eb8ae52a.js';
+import './index-2f8fc897.js';
+import './index-25a376d2.js';
+import './index-9a558fd0.js';
+import './index-1109bb5c.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-79f2c69d.js';
+import './index-e8172fb9.js';
 import 'rc-slider';
-import './index-9106897d.js';
-import './index-437856ce.js';
-import './index-316d57c1.js';
-import './index-986dfc09.js';
+import './index-2cac9d3e.js';
+import './index-9fd9a2c0.js';
+import './index-07fe0c76.js';
+import './index-85605602.js';
 import 'react-confetti-explosion';
-import './index-cbb5dee2.js';
-import './index-10cd40a3.js';
-import './index-91d81344.js';
+import './index-d34d7ee5.js';
+import './index-7f2b951b.js';
+import './index-21cca4e6.js';
 import 'react-qr-code';
-import './index-282b904d.js';
-import './useCustomDimensions-0c35d5bd.js';
-import './index-6f2916f9.js';
-import './ussIsSticky-b13adb29.js';
+import './index-aa9b6e6a.js';
+import './useCustomDimensions-a7855d5e.js';
+import './index-d45218d7.js';
+import './ussIsSticky-dd93ab45.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-44b7adc2.js → index-7f001d44.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';

package/build/esm/{index-dfdd16c3.js → index-7f044a83.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-9d30511a.js';
+import Toggle from './index-6a743494.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-10cd40a3.js → index-7f2b951b.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-91d81344.js';
+import Tooltip from './index-21cca4e6.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-282b904d.js';
+import FullscreenAr, { FullscreenArHeader } from './index-aa9b6e6a.js';
 import QRCode from 'react-qr-code';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-922f9622.js → index-804f17bb.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-8fc1df2f.js';
+import ActionNavigation from './index-5ddeaf35.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-0cb57727.js';
+import './index.module-c88c7b42.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";

package/build/esm/{index-71318fe1.js → index-813a4eec.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d403c2a5.js → index-81cb3910.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import { useState, useEffect } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-748a5fb9.js';
+import PricePreview from './index-ca9995b9.js';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-4c4661f9.js';
+import './index-bd009ff8.js';
 import 'react-countup';
 
 var wcGalleryTooltip = "wcGalleryTooltip-eM-oy";
@@ -41,7 +41,8 @@ var GenericToolTip = function GenericToolTip(_ref) {
     codex = _ref.codex,
     hexColor$1 = _ref.hexColor,
     layerProps = _ref.layerProps,
-    pricePreviewPromise = _ref.pricePreviewPromise;
+    pricePreviewPromise = _ref.pricePreviewPromise,
+    price = _ref.price;
   var imageSrc = image === null || image === void 0 ? void 0 : image.replace('_gal', '').replace('_low', '');
   var _useDivaCore = useDivaCore(),
     theme = _useDivaCore.state.theme;
@@ -80,6 +81,9 @@ var GenericToolTip = function GenericToolTip(_ref) {
     }), pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
       asyncPricePreview: pricePreviewPromise,
       dontAnimatePrice: true
+    }), !!price && /*#__PURE__*/jsx(PricePreview, {
+      price: price,
+      dontAnimatePrice: true
     })]
   }));
 };

package/build/esm/{index-986dfc09.js → index-85605602.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-a22d410e.js → index-87324b16.js}

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

package/build/esm/{index-b3fec21e.js → index-88f53e7c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-b11730d8.js → index-8999bd7c.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-ba60a88c.js';
+import { s as styleInject } from './index-0a450543.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-8bca2144.js';
-import Searchbar from './index-fdef8f84.js';
-import Arrow from './index-ab37d6dc.js';
-import InfoIcon from './index-7bd15064.js';
-import PricePreview from './index-748a5fb9.js';
+import RALFilter from './index-a9463488.js';
+import Searchbar from './index-1618773f.js';
+import Arrow from './index-311d3da7.js';
+import InfoIcon from './index-0994c1fc.js';
+import PricePreview from './index-ca9995b9.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,11 +26,11 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8762551e.js';
-import './index-b0374c0c.js';
+import './index-d9f7997e.js';
+import './index-1de3b637.js';
 import '@crystaldesign/content-box';
-import './index-ecb88b7c.js';
-import './index-4c4661f9.js';
+import './index-b2ab1de0.js';
+import './index-bd009ff8.js';
 import 'react-countup';
 
 var container = "container-3iO9b";

package/build/esm/{index-8f563655.js → index-8a650e87.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-ba60a88c.js';
+import { u as useViewHandler } from './index-0a450543.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';