@crystaldesign/diva-web-planner-react 24.11.0-beta.8 → 24.11.0-rc.0

package/build/esm/{index-e88eb313.js → index-893f765a.js}

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

package/build/esm/{index-a13e5886.js → index-8ab6e293.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-40b49259.js → index-8b31fe83.js}

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

package/build/esm/{index-6bf891e1.js → index-8b76b4e3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-c856efdf.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-71c55501.js';
+import ShelfDeleteButton from './index-1e9cf117.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8f8c8d0b.js → index-8c022ce0.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-77e10fb9.js';
+import { s as styleInject } from './index-c856efdf.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-b96f203f.js → index-8d60cc34.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-c13aee51.js';
-import GenericToolTip from './index-bc41564d.js';
+import MetaData from './index-697e8519.js';
+import GenericToolTip from './index-fe19be84.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -96,7 +96,7 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
         className: classnames(subTitle),
         children: DivaUtils.formatPrice(item.price)
       })]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer( /*#__PURE__*/jsx(GenericToolTip, {
+    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: item.name,
       desciption: metaDataVisible,
       price: item.price,

package/build/esm/{index-0584a8a9.js → index-8d843567.js}

@@ -1,10 +1,10 @@
-import './index-77e10fb9.js';
+import './index-c856efdf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-fa7a9c23.js';
-import Arrow from './index-8f8c8d0b.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-a0c0fc60.js';
+import Arrow from './index-8c022ce0.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-02c04c29.js → index-909e2efb.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-47eae5dc.js';
+import ProductRoomList from './index-d0e525ca.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-165aeed4.js → index-915ad52c.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import { A as ArQrCodeIcon } from './index-93c63b97.js';
+import { A as ArQrCodeIcon } from './index-4347a8dc.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-321acc3c.js';
+import './index-8679e71e.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-70396ac1.js';
+import './index-14887e9c.js';
 
 var qrWrapper = "qr-wrapper-HRio6";
 var css_248z$1 = ".qr-wrapper-HRio6 {\n  z-index: 500;\n  margin: 0;\n  position: absolute;\n  bottom: 60px;\n  left: 14px;\n}\n";
@@ -133,13 +133,22 @@ var PlannerRTV = function PlannerRTV() {
       children: /*#__PURE__*/jsxs("model-viewer", {
         id: "model-viewer",
         ref: function ref(_ref2) {
-          var _modelViewer$current;
+          var _modelViewer$current, _modelViewer$current4;
           modelViewer.current = _ref2;
-          (_modelViewer$current = modelViewer.current) === null || _modelViewer$current === void 0 || _modelViewer$current.addEventListener('ar-status', function (event) {
-            if (event.detail.status === 'failed' || event.detail.status == 'not-presenting') setIsInModelViewer(false);else setIsInModelViewer(true);
+          (_modelViewer$current = modelViewer.current) === null || _modelViewer$current === void 0 || _modelViewer$current.addEventListener('model-visibility', function (event) {
+            var _modelViewer$current2;
+            if (event.detail.visible) viewHandler.productState.setRTVActivateAR((_modelViewer$current2 = modelViewer.current) === null || _modelViewer$current2 === void 0 ? void 0 : _modelViewer$current2.canActivateAR, function () {
+              var _modelViewer$current3;
+              return (_modelViewer$current3 = modelViewer.current) === null || _modelViewer$current3 === void 0 ? void 0 : _modelViewer$current3.activateAR();
+            });
           });
-          viewHandler.productState.setRTVActivateAR(function () {
-            return modelViewer.current.activateAR();
+          (_modelViewer$current4 = modelViewer.current) === null || _modelViewer$current4 === void 0 || _modelViewer$current4.addEventListener('ar-status', function (event) {
+            var _modelViewer$current5;
+            viewHandler.productState.setRTVActivateAR((_modelViewer$current5 = modelViewer.current) === null || _modelViewer$current5 === void 0 ? void 0 : _modelViewer$current5.canActivateAR, function () {
+              var _modelViewer$current6;
+              return (_modelViewer$current6 = modelViewer.current) === null || _modelViewer$current6 === void 0 ? void 0 : _modelViewer$current6.activateAR();
+            });
+            if (event.detail.status === 'failed' || event.detail.status == 'not-presenting') setIsInModelViewer(false);else setIsInModelViewer(true);
           });
         },
         src: glb,
@@ -153,7 +162,6 @@ var PlannerRTV = function PlannerRTV() {
           position: 'absolute',
           height: '100%',
           width: '100%',
-          zIndex: 1,
           top: '0px',
           background: 'white'
         },

package/build/esm/{index-38cadf74.js → index-957c520b.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-6d56e5a5.js';
-import SlideFilter from './index-17f8d841.js';
+import RalDropdownFilter from './index-412601fa.js';
+import SlideFilter from './index-c769b5d0.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-8f8c8d0b.js';
+import './index-8c022ce0.js';
 import '@crystaldesign/content-box';
-import './index-df3fd1e7.js';
+import './index-64fab963.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-16f2ce4e.js → index-96011b71.js}

@@ -1,7 +1,7 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { useEffect } from 'react';
-import RequestProductForm from './requestProductForm-f1929d99.js';
+import RequestProductForm from './requestProductForm-ac4f7768.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-58817133.js → index-96699db8.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-296e3622.js → index-96e590f8.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-f92eaac0.js';
-import SettingsConfigSingle from './index-7a84f8b3.js';
-import SettingsPosNr from './index-c4bb1e72.js';
+import SettingsHeader from './index-d6d65d0d.js';
+import SettingsConfigSingle from './index-bc4620ea.js';
+import SettingsPosNr from './index-2be26288.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1dbe8bc3.js';
+import './index-810b8566.js';
 import 'react-laag';
-import './index-e43623bf.js';
+import './index-2f4f91c9.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-69902d26.js → index-973e8947.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-c856efdf.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-fa7a9c23.js';
-import Arrow from './index-8f8c8d0b.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-a0c0fc60.js';
+import Arrow from './index-8c022ce0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e885100e.js → index-99e33208.js}

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

package/build/esm/{index-7425d3fb.js → index-9aceec96.js}

@@ -1,10 +1,10 @@
-import './index-77e10fb9.js';
+import './index-c856efdf.js';
 import 'react';
-import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-ea20db49.js';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-4fb3e9a6.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-b0aa594c.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-6c56c5b3.js';
-import PlannerUI from './index-d4282d6e.js';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-a00644d4.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-4a64f4a2.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-4eabe805.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-412353c2.js';
+import PlannerUI from './index-2741ee48.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -21,23 +21,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-3971fdbf.js';
-import './index-d83cb318.js';
-import './index-3bccaa6d.js';
-import './index-74695f8d.js';
-import './index-bf446ed7.js';
-import './index-8f7a3a82.js';
-import './index-f6fc9fae.js';
-import './index-faae2953.js';
-import './index-fe67fcdf.js';
-import './index-ce29b8c9.js';
-import './index-c0c7833c.js';
-import './index-69be2201.js';
-import './index-d1347197.js';
+import './index-594d7d8b.js';
+import './index-cd9aeebe.js';
+import './index-d2217068.js';
+import './index-6f21630c.js';
+import './index-c700259c.js';
+import './index-45ad2420.js';
+import './index-607d7938.js';
+import './index-c0d610df.js';
+import './index-6a421fa4.js';
+import './index-d60609c0.js';
+import './index-0f6cf32e.js';
+import './index-fb8783f8.js';
+import './index-42cab33c.js';
 import 'react-draggable';
-import './index-36d8d782.js';
-import './index-59e86ac6.js';
-import './index-78bfd015.js';
+import './index-ac0224a1.js';
+import './index-f7952154.js';
+import './index-47e979e6.js';
 
 var StandardPlannerUI = function StandardPlannerUI() {
   var _useDivaCore = useDivaCore(),

package/build/esm/{index-c71b0506.js → index-9bad4f89.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
@@ -64,7 +64,7 @@ var BasketActionSerious = function BasketActionSerious(_ref) {
     });
   };
   var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
       var _viewHandler$getViewC, _viewHandler$divaWebP, url, _viewHandler$getViewC2;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -148,7 +148,7 @@ var BasketActionSerious = function BasketActionSerious(_ref) {
       reject: true,
       text: t('modals.are_you_sure_favorite'),
       callback: function () {
-        var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(accepted) {
+        var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(accepted) {
           var _viewHandler$actions3;
           return _regeneratorRuntime.wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {

package/build/esm/{index-3b6cd40a.js → index-9d3a9879.js}

@@ -1,11 +1,10 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-c856efdf.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-dd54bcab.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-eefb2c54.js';
+import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import { A as ArQrCodeIcon } from './index-93c63b97.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,17 +17,11 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import 'react-laag';
-import './index-321acc3c.js';
-import 'react-qr-code';
-import './index-70396ac1.js';
 
 var NewPlanning = function NewPlanning(props) {
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useDivaCore = useDivaCore();
-    _useDivaCore.state.isMobile;
   var onReset = function onReset() {
     var _viewHandler$actions;
     return (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 ? void 0 : _viewHandler$actions.openModal({
@@ -43,16 +36,16 @@ var NewPlanning = function NewPlanning(props) {
       }
     });
   };
-  return /*#__PURE__*/jsxs("ul", {
+  return /*#__PURE__*/jsx("ul", {
     className: wcFunctionsToolbar,
-    children: [/*#__PURE__*/jsx("li", {
+    children: /*#__PURE__*/jsx("li", {
       className: wcFunctionsContainer,
       onClick: onReset,
       children: /*#__PURE__*/jsx("div", {
         className: classnames(wcIcon, wcResetIcon),
         title: t('configurator.start_new_planning')
       })
-    }), viewHandler.productState.allowQRCodeAR && viewHandler.productState.plannerMode && viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(ArQrCodeIcon, {})]
+    })
   });
 };
 var index = observer(NewPlanning);

package/build/esm/{index-1b5a7f34.js → index-9d53dda2.js}

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

package/build/esm/{index-a15af45b.js → index-9e2db353.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
 import { useEffect } from 'react';
-import Inputbox from './index-bf6f3cc1.js';
-import Product from './index-5c3f9abb.js';
-import Settings from './index-5005aa22.js';
-import TabGroup from './index-b737c3cf.js';
+import Inputbox from './index-e949eca4.js';
+import Product from './index-6ce8de04.js';
+import Settings from './index-1b378907.js';
+import TabGroup from './index-21c9309e.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -21,84 +21,84 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d7d7d3fa.js';
-import './index-6baf55c5.js';
+import './index-84120750.js';
+import './index-cdad7a8e.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-c71b0506.js';
-import './index-828bbafd.js';
-import './index-3ed63f75.js';
-import './index-bf2e13d1.js';
-import './index-0202c4f3.js';
-import './index.module-ff33e74b.js';
-import './index-f5b4600a.js';
-import './index-6ab1f21b.js';
-import './index-6032f55e.js';
-import './index-5a64b290.js';
-import './index-12919e4e.js';
-import './index-408d3c84.js';
+import './index-9bad4f89.js';
+import './index-a3e7c1c4.js';
+import './index-f6274ec6.js';
+import './index-666244d2.js';
+import './index-6c209724.js';
+import './index.module-b0216d61.js';
+import './index-7c52b35a.js';
+import './index-c58a59f6.js';
+import './index-c410e973.js';
+import './index-24684da2.js';
+import './index-42136cad.js';
+import './index-e95c9cde.js';
 import '@crystaldesign/content-box';
-import './index-ca097f9e.js';
-import './index-9daf70f9.js';
+import './index-2711947c.js';
+import './index-c8490046.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-296e3622.js';
-import './index-f92eaac0.js';
-import './index-7a84f8b3.js';
-import './index-c4bb1e72.js';
-import './index-1dbe8bc3.js';
+import './index-96e590f8.js';
+import './index-d6d65d0d.js';
+import './index-bc4620ea.js';
+import './index-2be26288.js';
+import './index-810b8566.js';
 import 'react-laag';
-import './index-e43623bf.js';
-import './index-c8cdb22f.js';
-import './index-1e74a2a5.js';
+import './index-2f4f91c9.js';
+import './index-560337a9.js';
+import './index-aadc5340.js';
 import 'sift';
-import './index-28b3a85c.js';
-import './index-884095fa.js';
-import './index-01e30bce.js';
-import './index-c48e0af4.js';
-import './index.module-76c5874c.js';
-import './index-58817133.js';
-import './index-dff479bd.js';
-import './index-38cadf74.js';
-import './index-6d56e5a5.js';
-import './index-8f8c8d0b.js';
-import './index-17f8d841.js';
-import './index-df3fd1e7.js';
-import './index-a69178b8.js';
-import './index-85fc390a.js';
-import './index-bda652ec.js';
-import './index-9c0e4539.js';
+import './index-7560b124.js';
+import './index-e9bcd6b6.js';
+import './index-1fe0a4ad.js';
+import './index-65e32900.js';
+import './index.module-8dca00fe.js';
+import './index-96699db8.js';
+import './index-7a88f7dd.js';
+import './index-957c520b.js';
+import './index-412601fa.js';
+import './index-8c022ce0.js';
+import './index-c769b5d0.js';
+import './index-64fab963.js';
+import './index-674201c9.js';
+import './index-2998d14e.js';
+import './index-d5b3db05.js';
+import './index-ad517e8f.js';
 import '@crystaldesign/products-component';
-import './index-9bbc7329.js';
-import './index-1137783e.js';
-import './index-27bdda3c.js';
-import './index-c13aee51.js';
-import './index-bc41564d.js';
-import './index-ebd084fc.js';
-import './index-e532232f.js';
-import './index-cc15e296.js';
-import './index-dbae8eb6.js';
-import './index-bda24741.js';
-import './index-c5a096bb.js';
-import './index-5b973d5a.js';
-import './index-464cfc43.js';
-import './index.module-5944cc90.js';
-import './index-c7d1583a.js';
-import './index-2d1b3d86.js';
-import './index-e6d4b550.js';
-import './index-dcabb032.js';
-import './index-47264fe0.js';
-import './index-6eacebfa.js';
-import './index-9cbf0465.js';
-import './index.module-ec8647fe.js';
-import './index-d18e5dc8.js';
-import './index-d0f60635.js';
-import './index-bb7ef4f6.js';
-import './index-03dedf75.js';
-import './index-4b683495.js';
-import './index-a98d9870.js';
-import './index-bdb1151c.js';
-import './index-f2edbb09.js';
+import './index-7ae75cd6.js';
+import './index-795b0ecd.js';
+import './index-14592ae0.js';
+import './index-697e8519.js';
+import './index-fe19be84.js';
+import './index-7467e052.js';
+import './index-21add204.js';
+import './index-0e561059.js';
+import './index-f9c9bd2d.js';
+import './index-b391d1df.js';
+import './index-b74978c9.js';
+import './index-03f5b39e.js';
+import './index-fedcb4d0.js';
+import './index.module-9ac0bbda.js';
+import './index-d0d798c8.js';
+import './index-6c6a61ba.js';
+import './index-658f19c7.js';
+import './index-d1147d5f.js';
+import './index-af1185c5.js';
+import './index-2ef36158.js';
+import './index-3a6f89b8.js';
+import './index.module-b979acde.js';
+import './index-4f2e2c9a.js';
+import './index-c2ba17d7.js';
+import './index-4e1e2638.js';
+import './index-0a2e7852.js';
+import './index-584be025.js';
+import './index-db9b03fb.js';
+import './index-21e822c4.js';
+import './index-4d4549b6.js';
 
 var wcConfigurator = "wcConfigurator-in-ZO";
 var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";

package/build/esm/{index-828bbafd.js → index-a3e7c1c4.js}

@@ -1,16 +1,16 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-3ed63f75.js';
-import Planner3DImage from './index-bf2e13d1.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-ff33e74b.js';
+import Planner2DGrid from './index-f6274ec6.js';
+import Planner3DImage from './index-666244d2.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-b0216d61.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-6ab1f21b.js';
-import PlannerMsgContainer from './index-6032f55e.js';
-import PlannerUIVariant from './index-5a64b290.js';
-import RotateInfo from './index-12919e4e.js';
-import PromotedOpvs from './index-408d3c84.js';
-import OrbitInteraction from './index-ca097f9e.js';
+import Planner3DGrid from './index-c58a59f6.js';
+import PlannerMsgContainer from './index-c410e973.js';
+import PlannerUIVariant from './index-24684da2.js';
+import RotateInfo from './index-42136cad.js';
+import PromotedOpvs from './index-e95c9cde.js';
+import OrbitInteraction from './index-2711947c.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,12 +25,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-0202c4f3.js';
-import './index-f5b4600a.js';
+import './index-6c209724.js';
+import './index-7c52b35a.js';
 import '@crystaldesign/content-box';
 
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-165aeed4.js');
+  return import('./index-915ad52c.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,