@crystaldesign/diva-web-planner-react 25.5.0-rc.2 → 25.5.0-rc.21

package/build/esm/{index-9d5d9f3b.js → index-92873cd0.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 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-53c9ac13.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -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 hand = "data:image/png;base64,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";
@@ -38,6 +42,7 @@ var PlannerRTV = function PlannerRTV() {
     elementsInfo = _useState4[0],
     setElementsInfo = _useState4[1];
   var rerender = useRef(true);
+  var currentBlob = useRef();
   var plannerViewConfig = viewHandler.viewPlannerHandler.getPlannerViewConfig();
   var onElementSelected = function onElementSelected(setId, elementId) {
     viewHandler.viewPlannerHandler.onElementSelected(setId, elementId);
@@ -52,9 +57,6 @@ var PlannerRTV = function PlannerRTV() {
     jwt = _useDivaCore$state.jwt,
     isTablet = _useDivaCore$state.dimensions.isTablet;
   var openAr = isMobile || isTablet;
-  useEffect(function () {
-    actions.loadModelViewer();
-  }, []);
   useEffect(function () {
     if (!viewHandler.hqRenderScript && viewHandler.productState.doShowRTV) {
       actions.toggleLoading('HQRenderScript', false, true);
@@ -91,17 +93,22 @@ var PlannerRTV = function PlannerRTV() {
   var arViewerIframe = openAr && viewHandler.uiState.AllConfig.arViewerIframe;
   var arViewerUrl = viewHandler.uiState.AllConfig.arViewerUrl + '?arObject=1';
   useEffect(function () {
+    actions.loadModelViewer();
     var messageListener = function messageListener(event) {
       if (!iframeRef.current) return;
       if (event.data.type === 'AR_READY') {
-        // the iframe tells us that the are is ready and the iframe can be brought to the front
         iframeRef.current.style.zIndex = '10000';
+        iframeRef.current.style.position = 'fixed';
         actions.closeModal();
-      } else if (event.data.type === 'AR_CLOSE') {
+      }
+      if (event.data.type === 'AR_CLOSE') {
         // the iframe tells us that the modal can be closed
         viewHandler.productState.setDoShowARQRCode(false);
-        viewHandler.productState.loadRTVForAr = false;
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
+        iframeRef.current.style.zIndex = '0';
+        iframeRef.current.style.position = 'absolute';
+        iframeRef.current.src = arViewerUrl;
+        setIsInModelViewer(false);
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
       }
     };
     window.addEventListener('message', messageListener);
@@ -109,6 +116,23 @@ var PlannerRTV = function PlannerRTV() {
       window.removeEventListener('message', messageListener);
     };
   }, []);
+  useEffect(function () {
+    //instead of the modal, we need to bring the iframe to the front
+    if (arViewerIframe && viewHandler.productState.doShowARQRCode && currentBlob.current) {
+      iframeRef.current.style.zIndex = '10000';
+      iframeRef.current.style.position = 'fixed';
+      var reader = new FileReader();
+      reader.readAsDataURL(currentBlob.current);
+      reader.onloadend = function () {
+        var _iframeRef$current;
+        var base64data = reader.result;
+        (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 || (_iframeRef$current = _iframeRef$current.contentWindow) === null || _iframeRef$current === void 0 || _iframeRef$current.postMessage({
+          type: 'SET_AR_OBJECT',
+          payload: base64data
+        }, '*');
+      };
+    }
+  }, [viewHandler.productState.doShowARQRCode]);
   if (!viewHandler.productState.doShowRTV && rerender.current === true || !viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
   rerender.current = true;
   if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
@@ -145,10 +169,11 @@ var PlannerRTV = function PlannerRTV() {
                     // we serialize the glb to base64 and send it to the iframe
                     reader = new FileReader();
                     reader.readAsDataURL(newGlbBlob);
+                    currentBlob.current = newGlbBlob;
                     reader.onloadend = function () {
-                      var _iframeRef$current;
+                      var _iframeRef$current2;
                       var base64data = reader.result;
-                      (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 || (_iframeRef$current = _iframeRef$current.contentWindow) === null || _iframeRef$current === void 0 || _iframeRef$current.postMessage({
+                      (_iframeRef$current2 = iframeRef.current) === null || _iframeRef$current2 === void 0 || (_iframeRef$current2 = _iframeRef$current2.contentWindow) === null || _iframeRef$current2 === void 0 || _iframeRef$current2.postMessage({
                         type: 'SET_AR_OBJECT',
                         payload: base64data
                       }, '*');
@@ -179,7 +204,6 @@ var PlannerRTV = function PlannerRTV() {
       allow: "xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",
       allowFullScreen: true,
       style: {
-        position: 'fixed',
         width: '100%',
         height: '100%'
       }

package/build/esm/{index-bb487248.js → index-93001e09.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-50519ff7.js';
+import './index-53c9ac13.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-62429b33.js';
+import ActionNavigation from './index-d85f1d29.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -16,8 +16,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';
 
 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-d2023537.js → index-9719442c.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-53c9ac13.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { b as wcFunctionsContainer, d as wcIcon } from './index.module-e79186ad.js';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-e1b1ea36.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-2b84e05b.js';
+import Share from './index-379f9cca.js';
 import { toJS } from 'mobx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,8 +18,10 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
+import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";
 var wcSaveIcon = "wcSaveIcon-epW6E";

package/build/esm/{index-b121b3f8.js → index-98349fbe.js}

@@ -1,23 +1,23 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-50519ff7.js';
+import { u as useViewHandler } from './index-53c9ac13.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect, createElement } from 'react';
-import Product from './index-7e3b51d2.js';
-import Sidebar from './index-a4622fcb.js';
-import OptionTree from './index-bb33766f.js';
-import PartListTable from './index-44c1548c.js';
-import MaskEditor from './index-f25e298d.js';
-import SVGAnalyzer from './index-3b5ea066.js';
-import { l as list } from './index.module-23727625.js';
-import EkTextViewer from './index-075afc3e.js';
-import CatalogMakeup from './index-b2f10143.js';
-import DecisionAnalyzer from './index-47473817.js';
-import RTVAnalyzer from './index-527e435d.js';
-import J3DEditor from './index-6f42e347.js';
-import PropertiesEditor from './index-6cb9c067.js';
-import ArticleOverview from './index-98692593.js';
-import PriceAnalyzer from './index-9dee4014.js';
+import Product from './index-69013db0.js';
+import Sidebar from './index-85d48782.js';
+import OptionTree from './index-f696bf0f.js';
+import PartListTable from './index-3a4cda17.js';
+import MaskEditor from './index-1598103a.js';
+import SVGAnalyzer from './index-6f17e2b0.js';
+import { l as list } from './index.module-904bd9a1.js';
+import EkTextViewer from './index-fa434d25.js';
+import CatalogMakeup from './index-482c1b5a.js';
+import DecisionAnalyzer from './index-8e0ffc6a.js';
+import RTVAnalyzer from './index-e1331a3a.js';
+import J3DEditor from './index-d46a1506.js';
+import PropertiesEditor from './index-07a8aaf7.js';
+import ArticleOverview from './index-99258d95.js';
+import PriceAnalyzer from './index-ab56644c.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -31,125 +31,112 @@ 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';
-import './index-59df10f7.js';
-import './index-1ad3e828.js';
+import './index-1e6a3bab.js';
+import './index-eca4a53f.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import 'classnames';
-import './index-a6ed2fb6.js';
-import './index-e9c8ddd7.js';
+import './index-41183b37.js';
+import './index-dd20ddba.js';
 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-c032abe0.js';
+import './index-55d2aaad.js';
+import './index-fb2c8d92.js';
+import './index-0d815f2e.js';
+import './index-e114cb2c.js';
+import './index.module-b760cd69.js';
+import './index-1c679dd1.js';
 import 'react-switch';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
+import './index-e9a2d670.js';
+import './index-9e3dc9c9.js';
+import './index-7518c668.js';
 import 'react-dropdown';
-import './index-ca47d38b.js';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-5dd319f1.js';
+import './index-1d9777f3.js';
+import './index-5718ff6b.js';
+import './index-adcd8003.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-bd921104.js';
+import './index-b22a2069.js';
+import './index-d4de1c1a.js';
+import './index-426b992b.js';
+import './index-6f74fd25.js';
+import './index-8e355095.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-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-1ecdc6b0.js';
-import './index-196f6dbd.js';
-import './index-b3c74569.js';
-import './index-e41377fb.js';
+import './index-c58367c1.js';
+import './index-9b2ec3b8.js';
+import './index-af6821f4.js';
+import './index-2e0cf457.js';
+import './index-b7a3a739.js';
+import './index-675e72cf.js';
+import './index-1044d576.js';
+import './index-5a0ae029.js';
+import './index-ad043cdc.js';
+import './index-a8066d40.js';
+import './index.module-5d7bea35.js';
+import './index-79bed0c1.js';
+import './index-cd244b8b.js';
+import './index-33c5968a.js';
+import './index-39c5279e.js';
+import './index-8be96da5.js';
+import './index-81a4eb94.js';
+import './index-875d7fb9.js';
+import './index.module-80a72300.js';
+import './index-e381e8d7.js';
+import './index-f280147e.js';
+import './index-78fd7c43.js';
+import './index-a929dfff.js';
+import './index-dc698d51.js';
+import './index-c11bc972.js';
+import './index.module-fd364a7c.js';
+import './index-cca9e568.js';
+import './index-f7f79278.js';
+import './index-4f072971.js';
+import './index-28d3a66a.js';
+import './index-38696d12.js';
+import './index-0c75c9e8.js';
+import './index-caf38d96.js';
+import './index-f64c7f09.js';
+import './index-fd625580.js';
+import './index-78ba5071.js';
 import 'react-qr-code';
-import './index-735a4500.js';
-import './index-f6a81173.js';
-import './index-ce83508f.js';
-import './index-21e0787b.js';
-import './index-79452937.js';
-import './index-3b3ba781.js';
+import './index-a6daa9bc.js';
+import './index-89d28c40.js';
+import './index-1b793089.js';
+import './index-7a02a4ca.js';
+import './index-bde24e52.js';
+import './index-cb198633.js';
 import 'react-collapsible';
-import './index-0327fe37.js';
-import './index-09c6808a.js';
-import './index.module-46b33864.js';
+import './index-160a2799.js';
+import './index-ca7bbba0.js';
+import './index.module-7691249a.js';
 import 'react-json-view-lite';
-import './react-json-viewer-9c1314bb.js';
-import './index.module-1cc10f8b.js';
-import './DecisionVizualizer-8291e1de.js';
-import './index-aedf71e6.js';
-import './index-26a9e835.js';
+import './react-json-viewer-9c6ad464.js';
+import './index.module-bb4b2f8f.js';
+import './DecisionVizualizer-c9c49c49.js';
+import './index-b655d810.js';
+import './index-7f486a2c.js';
 import 'jsoneditor';
-import './index-1f9e0058.js';
-import './index-e0b4ba7f.js';
-import './index-a7d78743.js';
-import './index.module-5f99254e.js';
-import './index-7fc61825.js';
-import './index-00dcc891.js';
-import './index.module-4bf8da58.js';
-import './index-d2fe052b.js';
-import './index-8f5117f3.js';
+import './index-de634915.js';
+import './index-feedc915.js';
+import './index-e3435bf9.js';
+import './index.module-d4a3a733.js';
+import './index-5c02f843.js';
+import './index-91f3bf00.js';
+import './index.module-ed701639.js';
+import './index-5c0f1903.js';
+import './index-d0aea59d.js';
 import 'react-select';
-import './index-5d1714a4.js';
-import './index-39c1b490.js';
-import './CatalogProperties-9a62b049.js';
-import './ArticleProperties-2fc0ad65.js';
-import './OptionProperties-06fdc54c.js';
-import './OptionValueProperties-1aca4c51.js';
+import './index-aba278a9.js';
+import './index-669e8538.js';
+import './CatalogProperties-b080d7be.js';
+import './ArticleProperties-27380b32.js';
+import './OptionProperties-fba7e81f.js';
+import './OptionValueProperties-8a6400e3.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-98692593.js → index-99258d95.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 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-53c9ac13.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-23727625.js';
+import { n as notExpanded } from './index.module-904bd9a1.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
@@ -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 table = "table-jksgC";

package/build/esm/{index-7d1295a4.js → index-99d81838.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-53c9ac13.js';
 import 'react';
-import PlannerUI from './index-f844d229.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-0a46b361.js';
+import PlannerUI from './index-4fcebcf1.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-79484d38.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,25 +17,28 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import './index-e8539fd5.js';
 import 'classnames';
-import './index-3ea73c65.js';
-import './index-ee78add7.js';
-import './index-f7aa43dd.js';
-import './index-bd27e4a1.js';
-import './index-23315097.js';
-import './index-d118717f.js';
-import './index-54020676.js';
-import './index-b6045933.js';
-import './index-782e8d4a.js';
-import './index-9d044d98.js';
-import './index-2253599e.js';
-import './index-1d11df15.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-b3c7e91c.js';
+import './index-d383ff86.js';
+import './index-febb8dee.js';
+import './index-45970f66.js';
+import './index-c72cf713.js';
+import './index-cbf2b1a0.js';
+import './index-f29894e5.js';
+import './index-d57e1268.js';
+import './index-f8bc502d.js';
+import './index-6baa734e.js';
+import './index-5c991d50.js';
+import './index-03a23ba7.js';
+import './index-f9a54308.js';
 import 'react-draggable';
-import './index-b1e5c97b.js';
-import './index-ef66be8a.js';
-import './index-84670b72.js';
+import './index-05f6395f.js';
+import './index-a91a6982.js';
+import './index-e5342fdd.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-c6deb220.js → index-9b2ec3b8.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-53c9ac13.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-4abf7fc4.js';
+import PricePreview from './index-9e3dc9c9.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import 'mobx-react-lite';
@@ -16,8 +16,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 wcGalleryTooltip = "wcGalleryTooltip-eM-oy";
 var hexColor = "hexColor-XaOK4";

package/build/esm/{index-d18c496e.js → index-9b6ebf45.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-53c9ac13.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 doneBar = "doneBar-xosJY";