@crystaldesign/diva-web-planner-react 25.6.0-beta.2 → 25.6.0-beta.21

package/build/esm/{index-d2bb782d.js → index-53771561.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { useEffect } from 'react';
-import Inputbox from './index-f8819cc8.js';
-import { cssVariables } from './index-b9881a88.js';
-import Product from './index-62780184.js';
-import Settings from './index-bf49e568.js';
-import TabGroup from './index-c169c787.js';
+import Inputbox from './index-0a18bc30.js';
+import { cssVariables } from './index-f423391e.js';
+import Product from './index-c492357e.js';
+import Settings from './index-ce4cc0d7.js';
+import TabGroup from './index-b03cbbc9.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -21,105 +21,92 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c0ad1b99.js';
-import './index-513c5edd.js';
+import './index-19b3a7a4.js';
+import './index-5faa5186.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-194f8cf2.js';
-import './index-de88a144.js';
-import './index-8f30da33.js';
-import './index-9f84791d.js';
-import './index-db505f2e.js';
-import './index.module-42376582.js';
-import './index-f1b146f2.js';
-import './index-00beece7.js';
-import './index-b73979b0.js';
-import './index-95570c71.js';
-import './index-7cb7722b.js';
-import './index-c4189168.js';
+import './index-beb057d3.js';
+import './index-f2b3492c.js';
+import './index-1072c89a.js';
+import './index-555ee2ce.js';
+import './index-62582ca2.js';
+import './index.module-3d5e20a8.js';
+import './index-15473ff7.js';
+import './index-3a9c6436.js';
+import './index-eb044f14.js';
+import './index-6188c318.js';
+import './index-a5569f4f.js';
+import './index-708f4e98.js';
 import '@crystaldesign/content-box';
-import './index-1ecdc6b0.js';
-import './index-196f6dbd.js';
-import './index-b3c74569.js';
+import './index-4ea0d2a5.js';
+import './index-13be83c3.js';
+import './index-acdef756.js';
 import 'react-laag';
-import './index-e41377fb.js';
+import './index-8c2eac2a.js';
 import 'react-qr-code';
-import './index-735a4500.js';
-import './index-1ad3e828.js';
+import './index-10b27b9a.js';
+import './index-d01ad73f.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-11e9d805.js';
-import './index-51a087b6.js';
-import './index-159951d1.js';
-import './index-cf39bd26.js';
-import './index-a8e7de72.js';
-import './index-e5e8d118.js';
-import './index-36270e72.js';
-import './index-e9c8ddd7.js';
+import './index-a758d079.js';
+import './index-169f9e5c.js';
+import './index-4803f16b.js';
+import './index-9c7c5fef.js';
+import './index-6fc9a0ad.js';
+import './index-8e9b6970.js';
+import './index-5e28ec42.js';
+import './index-3a596f95.js';
 import 'sift';
-import './index-ad96883f.js';
-import './index-6e1290aa.js';
-import './index-364d44c9.js';
-import './index-75659dd5.js';
-import './index.module-31eb7410.js';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
-import './index-ca47d38b.js';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
-import './index-7bc2042d.js';
-import './index-6cc77119.js';
-import './index-e10a7013.js';
-import './index-a4080e17.js';
-import './index-d2756e5a.js';
-import './index-88371711.js';
-import './index-cb47848b.js';
-import './index-c6deb220.js';
-import './index-539de5c7.js';
-import './index-553729fc.js';
-import './index-9225db98.js';
-import './index-946265c0.js';
-import './index-f497c077.js';
-import './index-a4445438.js';
-import './index-a711db5e.js';
-import './index-996cf193.js';
-import './index.module-58d09a14.js';
-import './index-7d2f6715.js';
-import './index-05dd85ac.js';
-import './index-375dc72b.js';
-import './index-43a2b11d.js';
-import './index-f1837c8d.js';
-import './index-77454faa.js';
-import './index-c17f666b.js';
-import './index.module-579a152e.js';
-import './index-0182e59e.js';
-import './index-697fb652.js';
-import './index-09e9051e.js';
-import './index-0cb85e84.js';
-import './index.module-49f5aab7.js';
-import './index-5f1cd827.js';
-import './index-aa7b234a.js';
-import './index-3eb8ba9e.js';
-import './index.module-f9f27b59.js';
-import './index-7cf6bc96.js';
-import 'qrcode.react';
-import './index-ee84d904.js';
-import './index-465f2c36.js';
-import './index-68195666.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-70a2d7ea.js';
-import './index-05866f04.js';
-import './index-3ccb8cf1.js';
-import './index-a58b9032.js';
-import './index-3adb616a.js';
-import './index-847b7e61.js';
-import './index-dc89c265.js';
-import './index-4035476b.js';
+import './index-81106453.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
+import './index-25dd003d.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
+import './index-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
+import './index-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
+import './index-02175f89.js';
+import './index-a4e7f38d.js';
+import './index-1f48d671.js';
+import './index-d6509d1f.js';
+import './index-ef488ee9.js';
+import './index-d425459c.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-9f84791d.js → index-555ee2ce.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-50519ff7.js';
+import { u as useViewHandler } from './index-c05b0bee.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-db505f2e.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-42376582.js';
-import Logo from './index-f1b146f2.js';
+import NavBar from './index-62582ca2.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-3d5e20a8.js';
+import Logo from './index-15473ff7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,8 +18,11 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
 
 var Planner3DImage = function Planner3DImage(props) {
   var viewHandler = useViewHandler();

package/build/esm/index-579857f6.js

@@ -0,0 +1,68 @@
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var paletteItem = "PaletteItem-jutHc";
+var imageWrapper = "imageWrapper--38qX";
+var sel = "sel-wpwWJ";
+var imageBackground = "imageBackground-qOQQh";
+var wcImage = "wcImage-e8f7s";
+var title = "title-63pJt";
+var textHover = "textHover-nhN12";
+var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
+styleInject(css_248z);
+
+var Room = function Room(_ref) {
+  var itemP = _ref.item,
+    from = _ref.from;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: paletteItem,
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames(item.sel ? sel : undefined),
+      children: /*#__PURE__*/jsxs("div", {
+        className: classnames(imageWrapper),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(imageBackground),
+          children: /*#__PURE__*/jsx("div", {
+            className: wcImage,
+            style: {
+              backgroundImage: "url(".concat(item.url, ")")
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(title, !item.url ? textHover : undefined),
+          children: t('configurator.' + item.N)
+        })]
+      })
+    })
+  });
+};
+var RoomSerious = observer(Room);
+
+export { RoomSerious as default };

package/build/esm/{index-ca4eb712.js → index-58337268.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-50519ff7.js';
+import { u as useViewHandler } from './index-c05b0bee.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-28a93a9b.js';
-import { S as SettingsItem, c as collapsableInner } from './index-e9c8ddd7.js';
-import ShelfAccessoires from './index-db781221.js';
-import ShelfAccessoiresOld from './index-9cb7b761.js';
-import GridList from './index-a54e1ff6.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-090dd64c.js';
+import { S as SettingsItem, c as collapsableInner } from './index-3a596f95.js';
+import ShelfAccessoires from './index-eb3e03c0.js';
+import ShelfAccessoiresOld from './index-cf32dfe3.js';
+import GridList from './index-5ef811f3.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -21,72 +21,59 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-ad96883f.js';
-import './index-51a087b6.js';
-import './index-6e1290aa.js';
-import './index-364d44c9.js';
-import './index-75659dd5.js';
-import './index.module-31eb7410.js';
-import './index-513c5edd.js';
+import './index-81106453.js';
+import './index-169f9e5c.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
 import 'react-dropdown';
-import './index-ca47d38b.js';
+import './index-25dd003d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
 import '@crystaldesign/content-box';
-import './index-7bc2042d.js';
-import './index-6cc77119.js';
-import './index-e10a7013.js';
-import './index-a4080e17.js';
-import './index-d2756e5a.js';
-import './index-88371711.js';
+import './index-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
 import 'react-laag';
-import './index-cb47848b.js';
-import './index-c6deb220.js';
-import './index-539de5c7.js';
-import './index-553729fc.js';
-import './index-9225db98.js';
-import './index-946265c0.js';
-import './index-f497c077.js';
-import './index-a4445438.js';
-import './index-a711db5e.js';
-import './index-996cf193.js';
-import './index.module-58d09a14.js';
-import './index-7d2f6715.js';
-import './index-05dd85ac.js';
-import './index-375dc72b.js';
-import './index-43a2b11d.js';
-import './index-f1837c8d.js';
-import './index-77454faa.js';
-import './index-c17f666b.js';
-import './index.module-579a152e.js';
-import './index-0182e59e.js';
-import './index-697fb652.js';
-import './index-09e9051e.js';
-import './index-0cb85e84.js';
-import './index.module-49f5aab7.js';
-import './index-5f1cd827.js';
-import './index-aa7b234a.js';
-import './index-3eb8ba9e.js';
-import './index.module-f9f27b59.js';
-import './index-7cf6bc96.js';
-import 'qrcode.react';
-import './index-ee84d904.js';
-import './index-465f2c36.js';
-import './index-68195666.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-70a2d7ea.js';
-import './index-05866f04.js';
+import './index-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
 import 'react-beautiful-dnd';
-import './index-7e8d25c0.js';
+import './index-3594034e.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-9dee4014.js → index-5a6e3c01.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-23727625.js';
+import { n as notExpanded } from './index.module-5a09dea6.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-9c1314bb.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-8291e1de.js';
+import './react-json-viewer-ea3341db.js';
+import { D as DecisionVisualization } from './DecisionVizualizer-b314c7ed.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,6 +20,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
 import 'react-draggable';

package/build/esm/{index-446227f0.js → index-5ac11cb1.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-5650984f.js';
+import { g as getIconOfTabGroup } from './IconHandler-08ae37e7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,6 +17,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var verticalItem = "verticalItem-NmQDx";

package/build/esm/{index-3b3ba781.js → index-5b3138c5.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -16,6 +16,10 @@ 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';
 import '@crystaldesign/widget-contact-form';
 
 var productDetailWrapper = "product-detail-wrapper-sb1Re";