@crystaldesign/diva-web-planner-react 25.11.0-rc.20 → 25.11.0-rc.23

package/build/esm/{index-c6dd85b4.js → index-be162bb6.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-45f2e5e0.js';
+import { u as useViewHandler } from './index-b62b318a.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-536d465e.js';
+import ItemVariant from './index-c8d72411.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-11d0e44a.js → index-be439c00.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-45f2e5e0.js';
-import ProductHeader from './index-b55b93a5.js';
+import { s as styleInject } from './index-b62b318a.js';
+import ProductHeader from './index-4f57e5e7.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,11 +20,11 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-8d757ef0.js';
+import './index-765aac02.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-4ebf5c95.js';
+import './useCustomDimensions-e70e2ac6.js';
 import '@crystaldesign/content-item';
-import './index-28b2cbad.js';
+import './index-159a29a2.js';
 import 'react-countup';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index-391911b1.js → index-be9e0a0a.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-45f2e5e0.js';
+import { u as useViewHandler } from './index-b62b318a.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-8424d6ce.js';
+import ShelfDeleteButton from './index-0750dd4c.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-eae16ce9.js → index-c0706a3e.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-45f2e5e0.js';
+import { s as styleInject } from './index-b62b318a.js';
 import 'react';
-import PlannerUI from './index-b16d08e6.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-04826764.js';
+import PlannerUI from './index-4edfef73.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-70930104.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,23 +21,23 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3bfa2251.js';
-import './index-63f77057.js';
-import './index-6438f7d6.js';
-import './index-76da4c75.js';
-import './index-dd736cf0.js';
-import './index-17f74d5f.js';
-import './index-7749f2fd.js';
-import './index-74bf8102.js';
-import './index-048a9bb4.js';
-import './index-fa6a6c54.js';
-import './index-b437c8a7.js';
-import './index-bc79fd96.js';
-import './index-8e0f496e.js';
+import './index-d2d92800.js';
+import './index-a665098d.js';
+import './index-a9ccc6f1.js';
+import './index-8bc7e943.js';
+import './index-bd6699bf.js';
+import './index-8ac4856d.js';
+import './index-0facc661.js';
+import './index-84868260.js';
+import './index-2f4096ee.js';
+import './index-4fd8cad3.js';
+import './index-54ac6bf3.js';
+import './index-5f996fae.js';
+import './index-cb9aa529.js';
 import 'react-draggable';
-import './index-024ad084.js';
-import './index-9a6540df.js';
-import './index-e072193f.js';
+import './index-31a64e2d.js';
+import './index-93cde9cf.js';
+import './index-5f270b30.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-e19a02ed.js → index-c2ada589.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-36e6ed46.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-04826764.js';
-import PlannerUI from './index-b16d08e6.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-8084fb60.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-70930104.js';
+import PlannerUI from './index-4edfef73.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,23 +22,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3bfa2251.js';
-import './index-63f77057.js';
-import './index-6438f7d6.js';
-import './index-76da4c75.js';
-import './index-dd736cf0.js';
-import './index-17f74d5f.js';
-import './index-7749f2fd.js';
-import './index-74bf8102.js';
-import './index-048a9bb4.js';
-import './index-fa6a6c54.js';
-import './index-b437c8a7.js';
-import './index-bc79fd96.js';
-import './index-8e0f496e.js';
+import './index-d2d92800.js';
+import './index-a665098d.js';
+import './index-a9ccc6f1.js';
+import './index-8bc7e943.js';
+import './index-bd6699bf.js';
+import './index-8ac4856d.js';
+import './index-0facc661.js';
+import './index-84868260.js';
+import './index-2f4096ee.js';
+import './index-4fd8cad3.js';
+import './index-54ac6bf3.js';
+import './index-5f996fae.js';
+import './index-cb9aa529.js';
 import 'react-draggable';
-import './index-024ad084.js';
-import './index-9a6540df.js';
-import './index-e072193f.js';
+import './index-31a64e2d.js';
+import './index-93cde9cf.js';
+import './index-5f270b30.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var tablet = "tablet-4JSOS";

package/build/esm/{index-32745e0e.js → index-c3f30aaf.js}

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

package/build/esm/{index-8a95ec94.js → index-c4654b2f.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-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-97fac0bb.js';
+import GenericToolTip from './index-59930fd5.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-bbb18a3a.js';
+import MetaData from './index-35fdcb70.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -22,8 +22,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-56944cb1.js';
-import './index-28b2cbad.js';
+import './index-968ed4c3.js';
+import './index-159a29a2.js';
 import 'react-countup';
 
 var wrapper = "wrapper-q2VFw";

package/build/esm/{index-874a983b.js → index-c551126a.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-45f2e5e0.js';
+import { u as useViewHandler } from './index-b62b318a.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-d07bf79a.js';
+import Tooltip from './index-d47b8a16.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-92a99c0b.js';
+import FullscreenAr, { FullscreenArHeader } from './index-1cd0b023.js';
 import QRCode from 'react-qr-code';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
@@ -35,7 +35,9 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useDivaCore = useDivaCore(),
-    openDrawerMenu = _useDivaCore.actions.openDrawerMenu,
+    _useDivaCore$actions = _useDivaCore.actions,
+    openDrawerMenu = _useDivaCore$actions.openDrawerMenu,
+    openModal = _useDivaCore$actions.openModal,
     _useDivaCore$state = _useDivaCore.state,
     isMobile = _useDivaCore$state.isMobile,
     isTablet = _useDivaCore$state.dimensions.isTablet;
@@ -52,7 +54,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
   var arQrCodeConfig = viewHandler.getViewConfig().arQrCodeConfig;
   var openAr = isMobile || isTablet;
   //if the viewer is in an iframe (pfister) we dont want to open the modal for the arcombi
-  var shouldOpenModal = openAr && (!viewHandler.uiState.AllConfig.arViewerIframe || !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV);
+  var shouldOpenModal = openAr && !viewHandler.productState.allow3DComb && !viewHandler.productState.allowRTV;
 
   //for fade animation
   var _useState5 = useState(viewHandler.productState.arCodeWasVisibleOnce),
@@ -75,10 +77,34 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
     url = _useState8[0],
     setUrl = _useState8[1];
   useEffect(function () {
-    if (viewHandler.uiState.AllConfig.arViewerIframe) return;
-    openDrawerMenu({
+    if (viewHandler.uiState.AllConfig.arViewerIframe) {
+      if (openDrawer) openModal({
+        rejectByIcon: true,
+        fullscreen: true,
+        dontRenderForm: true,
+        callback: function callback(value) {
+          viewHandler.productState.loadRTVForAr = false;
+          viewHandler.productState.setDoShowARQRCode(false);
+          setOpenDrawer(false);
+          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
+        },
+        content: /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(FullscreenArHeader, {}), /*#__PURE__*/jsx(FullscreenAr, {
+            url: url,
+            isArCompatible: viewHandler.productState.isArCompatible,
+            broswerSupportAR: viewHandler.productState.browserSupportAR,
+            activateAR: viewHandler.productState.activateAR,
+            hqRenderScript: viewHandler.hqRenderScript,
+            isTablet: isTablet
+          })]
+        })
+      });
+    } else openDrawerMenu({
       id: 'ar-qr-code',
       mountElementId: 'wcConfigurator-wrapper',
+      handleInternScroll: true,
+      showOverlay: true,
+      snapPoints: [1],
       onClose: function onClose() {
         setOpenDrawer(false);
         viewHandler.productState.loadRTVForAr = false;
@@ -91,11 +117,15 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
         isArCompatible: viewHandler.productState.isArCompatible,
         broswerSupportAR: viewHandler.productState.browserSupportAR,
         activateAR: viewHandler.productState.activateAR,
-        hqRenderScript: viewHandler.hqRenderScript
+        hqRenderScript: viewHandler.hqRenderScript,
+        isTablet: isTablet
       }),
       open: openDrawer
     });
-  }, [openDrawer]);
+  }, [openDrawer, viewHandler.productState.activateAR]);
+  useEffect(function () {
+    if (viewHandler.productState.isARIframeVisible === false) setOpenDrawer(false);
+  }, [viewHandler.productState.isARIframeVisible]);
   useEffect(function () {
     if (viewHandler.productState.doShowARQRCode == true) {
       viewHandler.openARObserverConnection(function () {

package/build/esm/{index-300d2246.js → index-c62f53b0.js}

@@ -1,27 +1,27 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import React, { useState, useRef, useEffect, useMemo, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-a9db0821.js';
-import ItemVariant from './index-804af7c5.js';
-import SettingsPaletteGroup from './index-9f3630fe.js';
-import ToggleOption from './index-332fc505.js';
-import GroupDropdown from './index-823f5a7d.js';
-import PromotedProducts from './index-b52b96ea.js';
-import ToggleName from './index-b012c5d5.js';
-import itemPaletteTypeComponentMap from './index-844c62db.js';
+import TextBox from './index-1332020f.js';
+import ItemVariant from './index-d86d5ac2.js';
+import SettingsPaletteGroup from './index-37894b60.js';
+import ToggleOption from './index-df768ecb.js';
+import GroupDropdown from './index-495e2137.js';
+import PromotedProducts from './index-b81f53e4.js';
+import ToggleName from './index-4be1194a.js';
+import itemPaletteTypeComponentMap from './index-5cfb4925.js';
 import classnames from 'classnames';
-import StepInfo from './index-2380c030.js';
-import SettingsHeader from './index-70ecd44e.js';
-import ReplaceSwitch from './index-409fc3a1.js';
+import StepInfo from './index-380417bf.js';
+import SettingsHeader from './index-d5959023.js';
+import ReplaceSwitch from './index-0d54ac56.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-f5b77a9f.js';
-import MultiToggle from './index-a5413c0e.js';
+import Slider from './index-6b97945a.js';
+import MultiToggle from './index-c968c812.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-0cd11b6a.js';
+import SummaryOverview from './index-4e9c7e6a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -254,13 +254,13 @@ var useGridVariables = function useGridVariables(item) {
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0ed1f644.js');
+  return import('./index-a05a7520.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f5516f40.js');
+  return import('./index-539710a3.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0c3221f7.js');
+  return import('./index-e95e836f.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _item$groups$;

package/build/esm/{index-536d465e.js → index-c8d72411.js}

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

package/build/esm/{index-5c327ae3.js → index-c8da1512.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import classnames from 'classnames';
 import { toJS } from 'mobx';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-a5413c0e.js → index-c968c812.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import MultiToggleSwitch from './index-9a4264a3.js';
+import MultiToggleSwitch from './index-6c0b5c16.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-2acc02bd.js → index-ca22c19f.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-8e0f496e.js → index-cb9aa529.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-45f2e5e0.js';
+import { u as useViewHandler } from './index-b62b318a.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-6eefbed5.js → index-cc5d802b.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-45f2e5e0.js';
+import { u as useViewHandler } from './index-b62b318a.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-05894a50.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-d6f71caf.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-e54b949e.js';
+import './react-json-viewer-14603754.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-8f748648.js → index-cf0eaef5.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-45f2e5e0.js';
+import { s as styleInject, u as useViewHandler } from './index-b62b318a.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';