@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.34

package/build/esm/index-327cca2a.js

@@ -0,0 +1,285 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { u as useViewHandler } from './index-3b485c37.js';
+import { useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useTranslation, getLogger } from '@crystaldesign/diva-core';
+import { u as useViewerButtons, R as RoundToggle, l as label, S as StrokeIcon } from './RoundToggle-df1d64a1.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+/** The props that make a focusable element a keyboard-accessible button. */
+
+/** Button semantics for an element labelled `label`: a click, Enter or Space runs `onActivate`, once per key press. */
+function buttonControlProps(label, onActivate) {
+  return {
+    role: 'button',
+    tabIndex: 0,
+    'aria-label': label,
+    title: label,
+    onClick: onActivate,
+    onKeyDown: function onKeyDown(event) {
+      // `event.repeat`: a held key fires keydown over and over.
+      if (event.repeat || event.key !== 'Enter' && event.key !== ' ') return;
+      event.preventDefault();
+      onActivate();
+    }
+  };
+}
+
+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; }
+
+/** The a11y-complete props every dim-line control spreads onto its own focusable element. */
+
+/** State, action and button semantics of every dimension-lines control - callers must be `observer`s. */
+function useDimensionLinesToggle() {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var active = viewHandler.productState.doShow3DDimensionLines;
+  var label = t('configurator.NAV3DDIMLINE_TT');
+  var toggle = function toggle() {
+    return viewHandler.productState.onNav3DMenuSelect('Nav3DDimLine');
+  };
+  return {
+    enabled: viewHandler.productState.doEnableToShow3DDimensionLines && !viewHandler.productState.poolPlanning,
+    active: active,
+    controlProps: _objectSpread(_objectSpread({}, buttonControlProps(label, toggle)), {}, {
+      'aria-pressed': active
+    })
+  };
+}
+
+/** The views the switch leads to. */
+
+/** The switch's title (`configurator.viewToggle.to<view>`) and short text (`…label<view>`) per view, German defaults. */
+var VIEW_SWITCH_TEXTS_DE = {
+  'viewToggle.to2D': 'Zur 2D-Ansicht',
+  'viewToggle.to3D': 'Zur 3D-Ansicht',
+  'viewToggle.toAI': 'Zur KI-Ansicht',
+  'viewToggle.label2D': '2D',
+  'viewToggle.label3D': '3D',
+  'viewToggle.labelAI': 'KI'
+};
+/** The 2D / 3D (/ AI room) switch of the mobile icons and the rtv-next desktop column — callers must be `observer`s. */
+function useViewSwitcher() {
+  var _viewHandler$aiState;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var productState = viewHandler.productState;
+  var doShowGrid = productState.doShowGrid,
+    doShowAIRoom = productState.doShowAIRoom,
+    allow3DComb = productState.allow3DComb,
+    allowRTV = productState.allowRTV,
+    allowGrid = productState.allowGrid,
+    footerVisible = productState.footerVisible;
+  var doAllowAI = !!((_viewHandler$aiState = viewHandler.aiState) !== null && _viewHandler$aiState !== void 0 && _viewHandler$aiState.doAllowAI);
+  var target3DView = allow3DComb ? '3DCOMB' : allowRTV ? 'RTV' : '3D';
+  var from3D = allowGrid ? '2D' : doAllowAI ? 'AI' : undefined;
+  var next = doShowAIRoom ? '3D' : doShowGrid ? doAllowAI ? 'AI' : '3D' : from3D;
+  var view = next !== null && next !== void 0 ? next : '2D';
+  var onClick = function onClick() {
+    if (view === 'AI') productState.showAIRoom();else productState.onChangePlannerView(view === '3D' ? target3DView : '2D');
+  };
+  return {
+    visible: footerVisible.length > 1 && next !== undefined,
+    view: view,
+    label: t("configurator.viewToggle.label".concat(view), VIEW_SWITCH_TEXTS_DE["viewToggle.label".concat(view)]),
+    title: t("configurator.viewToggle.to".concat(view), VIEW_SWITCH_TEXTS_DE["viewToggle.to".concat(view)]),
+    onClick: onClick
+  };
+}
+
+var RoofIcon = function RoofIcon() {
+  return /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M2.5 13 12 5l9.5 8"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M5 11v8.5h14V11"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M15.5 6.5V4h2v4.2"
+    })]
+  });
+};
+var DoorIcon = function DoorIcon() {
+  return /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M5 21V4.5A1.5 1.5 0 0 1 6.5 3h11A1.5 1.5 0 0 1 19 4.5V21"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3 21h18"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12 3v18"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M9.5 11.5v1.5M14.5 11.5v1.5"
+    })]
+  });
+};
+
+/**
+ * Doors (or what the catalog's `TOGGLE.<KIND>` names, e.g. a roof) on or off in the 3D view (`getDoorsToggle`); locked in
+ * the steps that decide themselves (the shelf planner hides them, the door swap shows them).
+ */
+var DoorsToggle = observer(function () {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var visible = useViewerButtons();
+  var doors = viewHandler.getDoorsToggle();
+  if (!visible || !viewHandler.productState.doShowRTV || !doors) return null;
+  return /*#__PURE__*/jsx(RoundToggle, {
+    label: doors.kind === 'roof' ? t('configurator.viewToggle.roof') : t('configurator.viewToggle.doors'),
+    pressed: doors.hidden,
+    locked: doors.forced,
+    onToggle: function onToggle() {
+      return viewHandler.setDoorsHidden(!doors.hidden);
+    },
+    children: doors.kind === 'roof' ? /*#__PURE__*/jsx(RoofIcon, {}) : /*#__PURE__*/jsx(DoorIcon, {})
+  });
+});
+var LOG = getLogger('Planner', 'ViewerToggles');
+
+/** The state buttons' icons by the catalog's keys (`VIEWER_TOGGLE` "icons"); `toggle` stands in for an unknown key. */
+var STATE_ICONS = {
+  'door-closed': /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M6 20V5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3 20h18"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M14.5 11.5v1.5"
+    })]
+  }),
+  'door-open': /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M6 20V4h12v16"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3 20h18"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M6 4l6 2.5v15L6 20"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M10 12.5V14"
+    })]
+  }),
+  'umbrella-closed': /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M12 3c-1.5 3-2 7-1.5 12h3c.5-5 0-9-1.5-12Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12 15v6M9 21h6"
+    })]
+  }),
+  'umbrella-open': /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M3 11a9 7 0 0 1 18 0Z"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12 2.5V4M12 11v10M9 21h6"
+    })]
+  }),
+  toggle: /*#__PURE__*/jsxs(StrokeIcon, {
+    children: [/*#__PURE__*/jsx("rect", {
+      x: "3",
+      y: "7",
+      width: "18",
+      height: "10",
+      rx: "5"
+    }), /*#__PURE__*/jsx("circle", {
+      cx: "8",
+      cy: "12",
+      r: "2.5"
+    })]
+  })
+};
+
+/** One state option's round button: a tap switches the option on every article of the planning carrying it. */
+var StateToggle = observer(function (_ref) {
+  var state = _ref.state;
+  var viewHandler = useViewHandler();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    busy = _useState2[0],
+    setBusy = _useState2[1];
+  var toggle = function toggle() {
+    if (busy) return;
+    setBusy(true);
+    viewHandler.setStateToggle(state.optionCodex, state.next)["catch"](function (error) {
+      return LOG.warn("State toggle ".concat(state.optionCodex, " failed: ").concat(String(error)));
+    })["finally"](function () {
+      return setBusy(false);
+    });
+  };
+  return /*#__PURE__*/jsx(RoundToggle, {
+    label: state.label,
+    pressed: state.pressed,
+    locked: state.locked,
+    busy: busy,
+    onToggle: toggle,
+    children: STATE_ICONS[state.icon]
+  });
+});
+
+/**
+ * The planning's state options (`getStateToggles`, catalog `VIEWER_TOGGLE`), e.g. a parasol open or closed, one round
+ * button each; locked in the steps that lock the door toggle.
+ */
+var StateToggles = observer(function () {
+  var viewHandler = useViewHandler();
+  var visible = useViewerButtons();
+  if (!visible || !viewHandler.productState.doShowRTV) return null;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: viewHandler.getStateToggles().map(function (state) {
+      return /*#__PURE__*/jsx(StateToggle, {
+        state: state
+      }, state.optionCodex);
+    })
+  });
+});
+var DimensionLinesIcon = function DimensionLinesIcon() {
+  return /*#__PURE__*/jsx("svg", {
+    viewBox: "4 4 24 24",
+    fill: "currentColor",
+    "aria-hidden": true,
+    children: /*#__PURE__*/jsx("path", {
+      d: "M8.31 21.5c-.5 0-.93-.18-1.28-.53-.35-.35-.53-.78-.53-1.28v-7.38c0-.5.18-.93.53-1.28.35-.35.78-.53 1.28-.53h15.38c.5 0 .93.18 1.28.53.35.35.53.78.53 1.28v7.38c0 .5-.18.93-.53 1.28-.35.35-.78.53-1.28.53H8.31Zm0-1.5h15.38c.08 0 .15-.03.21-.1.06-.06.1-.13.1-.21v-7.38c0-.08-.03-.15-.1-.21-.06-.06-.13-.1-.21-.1h-2.94v3.62h-1.5V12h-2.5v3.62h-1.5V12h-2.5v3.62h-1.5V12H8.31c-.08 0-.15.03-.21.1-.06.06-.1.13-.1.21v7.38c0 .08.03.15.1.21.06.06.13.1.21.1Z"
+    })
+  });
+};
+
+/** The dimension lines on or off in the 3D view (`useDimensionLinesToggle`), where the catalog allows them. */
+var DimensionLinesRoundToggle = observer(function () {
+  var _useViewHandler = useViewHandler(),
+    productState = _useViewHandler.productState;
+  var visible = useViewerButtons();
+  var dimensionLines = useDimensionLinesToggle();
+  if (!visible || !dimensionLines.enabled || productState.doShowGrid || !(productState.doShowRTV || productState.doShow3DComb)) return null;
+  return /*#__PURE__*/jsx(RoundToggle, {
+    label: dimensionLines.controlProps['aria-label'],
+    pressed: dimensionLines.active,
+    onToggle: dimensionLines.controlProps.onClick,
+    children: /*#__PURE__*/jsx(DimensionLinesIcon, {})
+  });
+});
+
+/** The 2D / 3D switch of the rtv-next desktop column, as on mobile (`useViewSwitcher`); it names the view it switches to. */
+var ViewModeToggle = observer(function () {
+  var visible = useViewerButtons();
+  var switcher = useViewSwitcher();
+  if (!visible || !switcher.visible) return null;
+  return /*#__PURE__*/jsx(RoundToggle, {
+    label: switcher.title,
+    onToggle: switcher.onClick,
+    children: /*#__PURE__*/jsx("span", {
+      className: label,
+      children: switcher.label
+    })
+  });
+});
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  DoorsToggle: DoorsToggle,
+  StateToggles: StateToggles,
+  DimensionLinesRoundToggle: DimensionLinesRoundToggle,
+  ViewModeToggle: ViewModeToggle
+});
+
+export { DoorsToggle as D, StateToggles as S, ViewModeToggle as V, useViewSwitcher as a, DimensionLinesRoundToggle as b, index as i, useDimensionLinesToggle as u };

package/build/esm/{index-fb9118cd.js → index-3453801b.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-9bc78e81.js';
-import ProductHeader from './index-35117017.js';
+import { s as styleInject } from './index-3b485c37.js';
+import ProductHeader from './index-7cb3b346.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -13,19 +13,19 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-cd479865.js';
-import './index-a43e8cd3.js';
+import './index-320781f9.js';
+import './index-9e936e0d.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-c30d3202.js';
+import './useCustomDimensions-b04e6464.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index-6a35b2b5.js → index-347a2782.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-3b485c37.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-74b8196f.js';
+import MobileDropdown from './index-579f3ab2.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-d72e2302.js';
-import ReverseCheck from './index-ed92f45d.js';
+import InfoIcon from './index-7a76bd25.js';
+import ReverseCheck from './index-b6d85849.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -16,16 +16,16 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-23ff8156.js';
+import './index-17d9e652.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
 

package/build/esm/{index-21c3f3d8.js → index-348a4897.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-f16e8f18.js';
+import PriceSumm from './index-85771a1c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -14,9 +14,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-32e16d31.js → index-35bcd664.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, T as Toggle } from './index-9bc78e81.js';
+import { u as useViewHandler, T as Toggle } from './index-3b485c37.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-583d7573.js → index-365dddcd.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.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-1268f97f.js';
+import RoomItem from './index-57d33669.js';
 import classnames from 'classnames';
-import InfoBanner from './index-cfc5b372.js';
-import UploadItem from './index-3c7af566.js';
-import CustomInput from './index-57528dba.js';
+import InfoBanner from './index-0b47bc99.js';
+import UploadItem from './index-bc992185.js';
+import CustomInput from './index-c8dbc46a.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,16 +19,16 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 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-d2581dbc.js';
-import './index-d72e2302.js';
+import './index.module-bac37b1e.js';
+import './index-7a76bd25.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var roomGallery = "room-gallery-6uX3f";

package/build/esm/{index-b31f75b3.js → index-36a27a09.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-9bc78e81.js';
+import { s as styleInject } from './index-3b485c37.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-26ec1fe2.js';
+import ActionNavigation from './index-51c82470.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -14,15 +14,15 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 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-10369712.js';
+import './index.module-467e6989.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-ba9cc19a.js → index-36b3c69a.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-9bc78e81.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-3b485c37.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-2e070af8.js';
+import MetaData from './index-1842d5d1.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -15,9 +15,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';

package/build/esm/{index-5da15353.js → index-373ecbf7.js}

@@ -1,5 +1,5 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
-import ProductHeader from './index-35117017.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
+import ProductHeader from './index-7cb3b346.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -13,19 +13,19 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-cd479865.js';
-import './index-a43e8cd3.js';
+import './index-320781f9.js';
+import './index-9e936e0d.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-c30d3202.js';
+import './useCustomDimensions-b04e6464.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-19YtG";

package/build/esm/{index-8a3a2346.js → index-374700af.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-183460c3.js → index-391984e3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-9bc78e81.js';
+import './index-3b485c37.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -12,9 +12,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{index-345a63da.js → index-39ab648c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9bc78e81.js';
+import { s as styleInject, u as useViewHandler } from './index-3b485c37.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
@@ -13,9 +13,9 @@ import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';