@crystaldesign/diva-web-planner-react 25.3.0-beta.37 → 25.3.0-beta.38

package/build/esm/{index-7240d2fc.js → index-98cb4930.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-0580a6a2.js';
+import { a as usePlannerUIHandler } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-828a86f1.js';
-import ItemsContainer from './index-f733491b.js';
+import Outline3D from './index-6cf92122.js';
+import ItemsContainer from './index-929d738a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,21 +19,21 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-036cc1a8.js';
-import './index-7fb01802.js';
-import './index-e644f7ae.js';
-import './index-921d1cc2.js';
-import './index-5d78844e.js';
-import './index-acc5eb15.js';
-import './index-a24a96e1.js';
-import './index-5b9a1cdb.js';
-import './index-18b4a5c9.js';
-import './index-6258c3a3.js';
-import './index-fb70d69e.js';
+import './index-b57f1933.js';
+import './index-b982b7ae.js';
+import './index-6c7ea049.js';
+import './index-faafdfdf.js';
+import './index-9927cc17.js';
+import './index-a70e9aec.js';
+import './index-1a252578.js';
+import './index-73b1ffff.js';
+import './index-eaa5f37d.js';
+import './index-5d3e98c9.js';
+import './index-5f0fd9bc.js';
 import 'react-draggable';
-import './index-cd5b328f.js';
-import './index-d9efde97.js';
-import './index-48962034.js';
+import './index-be643ecb.js';
+import './index-3f1df536.js';
+import './index-fd1acb85.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-20c303cb.js → index-98f719f3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-0580a6a2.js';
+import { s as styleInject } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-954a0757.js';
+import ActionNavigation from './index-feca90b1.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5d78844e.js → index-9927cc17.js}

@@ -1,4 +1,4 @@
-import './index-0580a6a2.js';
+import './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c3c802c8.js → index-9978e7ed.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-9ad87f8e.js → index-9c2a1f16.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-2036fd56.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6f3cceb3.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-b2a0fd81.js';
-import MetaData from './index-26393920.js';
+import GenericToolTip from './index-c2b8c69b.js';
+import MetaData from './index-270e3f10.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-9fba45df.js';
-import PricePreview from './index-3c82fbe8.js';
+import InfoIcon from './index-be8e99ba.js';
+import PricePreview from './index-f0d4c465.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7b28e46d.js → index-a2b6f34a.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0580a6a2.js';
+import './index-22bc52cc.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-f3c07e12.js → index-a476a5ba.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-0580a6a2.js';
+import { s as styleInject } from './index-22bc52cc.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-d0b4bfca.js → index-a6c730b1.js}

@@ -2,17 +2,17 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-26393920.js';
-import GenericToolTip from './index-b2a0fd81.js';
-import SubTabGroup from './index-2943c095.js';
-import InfoIcon from './index-9fba45df.js';
-import PricePreview from './index-3c82fbe8.js';
+import MetaData from './index-270e3f10.js';
+import GenericToolTip from './index-c2b8c69b.js';
+import SubTabGroup from './index-7e6348b4.js';
+import InfoIcon from './index-be8e99ba.js';
+import PricePreview from './index-f0d4c465.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,50 +24,50 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-85edc9f6.js';
-import './index-7763a374.js';
+import './index-bed47d1d.js';
+import './index-7d7379af.js';
 import 'sift';
-import './index-ce2205d3.js';
-import './index-1641e583.js';
-import './index-44b0c4b8.js';
-import './index-5932ba70.js';
-import './index-1259cf6a.js';
-import './index.module-8b5e12a4.js';
-import './index-9464f4de.js';
+import './index-56fc45a7.js';
+import './index-89afcb5f.js';
+import './index-5362af9c.js';
+import './index-48995011.js';
+import './index-77207bcb.js';
+import './index.module-cf51beb9.js';
+import './index-0afc4e14.js';
 import 'react-switch';
-import './index-404cd8d4.js';
+import './index-c7c485a4.js';
 import 'react-dropdown';
-import './index-937519e4.js';
+import './index-9776ff9f.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1b58ee07.js';
-import './index-0785e1b7.js';
-import './index-4f3d3b92.js';
+import './index-ec1feb6e.js';
+import './index-d83850f6.js';
+import './index-71baa7c6.js';
 import '@crystaldesign/content-box';
-import './index-57a5c2eb.js';
-import './index-fb1acc86.js';
-import './index-005a5411.js';
-import './index-2d9a58ad.js';
-import './index-c404e6ee.js';
-import './index-74b2e438.js';
-import './index-d124f72f.js';
-import './index-6c8a52e5.js';
-import './index-127b21fb.js';
-import './index-1a879516.js';
-import './index-64774f32.js';
-import './index-5674c653.js';
-import './index-11524043.js';
-import './index-0e8c616b.js';
-import './index.module-88cd904b.js';
-import './index-3d8e4709.js';
-import './index-d8a8966b.js';
-import './index-81996968.js';
-import './index-7fbf98e3.js';
-import './index-5ce234a4.js';
-import './index-99d7fdea.js';
-import './index-1c82e691.js';
-import './index.module-2036fd56.js';
-import './index-ffe89635.js';
-import './index-d17a6296.js';
+import './index-70b4f016.js';
+import './index-6b8c31d0.js';
+import './index-91a6bf34.js';
+import './index-cd62723f.js';
+import './index-5e4726f3.js';
+import './index-d0e33396.js';
+import './index-205247ad.js';
+import './index-65c4075d.js';
+import './index-852ea39a.js';
+import './index-19857af7.js';
+import './index-dc360187.js';
+import './index-727be0c4.js';
+import './index-51c5bb3e.js';
+import './index-4814a351.js';
+import './index.module-a2212266.js';
+import './index-fd7d7ff6.js';
+import './index-bf38f282.js';
+import './index-55bc4981.js';
+import './index-36a28bd6.js';
+import './index-b0392766.js';
+import './index-e95638a7.js';
+import './index-b49ecb16.js';
+import './index.module-6f3cceb3.js';
+import './index-e2902403.js';
+import './index-7657d66f.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-acc5eb15.js → index-a70e9aec.js}

@@ -1,4 +1,4 @@
-import './index-0580a6a2.js';
+import './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-efd667a2.js → index-a8f50b2a.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-0580a6a2.js';
-import ProductHeader from './index-c241764b.js';
+import { s as styleInject } from './index-22bc52cc.js';
+import ProductHeader from './index-2f270b2f.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-7b28e46d.js';
+import './index-a2b6f34a.js';
 import '@crystaldesign/content-box';
-import './index-e5b76163.js';
+import './index-b2798cc3.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-18c18ca5.js → index-a91eecdc.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-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-5749cf72.js → index-ac193afb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-e7c77f82.js → index-ac585f1d.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0580a6a2.js';
+import { u as useViewHandler } from './index-22bc52cc.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-cd6e8982.js';
+import ItemVariant from './index-97a25c6c.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-69f07cb3.js → index-ac636df4.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-0580a6a2.js';
+import { s as styleInject } from './index-22bc52cc.js';
 import 'react';
-import OrbitInteractionStandard from './index-18c18ca5.js';
+import OrbitInteractionStandard from './index-a91eecdc.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bece44cc.js → index-ac74a8b1.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-8cd00bdc.js';
+import Option from './index-07b8344e.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-9fba45df.js';
-import PricePreview from './index-3c82fbe8.js';
+import InfoIcon from './index-be8e99ba.js';
+import PricePreview from './index-f0d4c465.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,12 +20,12 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
-import './index.module-88cd904b.js';
-import './index.module-2036fd56.js';
-import './index-3d8e4709.js';
+import './index.module-a2212266.js';
+import './index.module-6f3cceb3.js';
+import './index-fd7d7ff6.js';
 import 'react-laag';
-import './index-26393920.js';
-import './index-b2a0fd81.js';
+import './index-270e3f10.js';
+import './index-c2b8c69b.js';
 
 var container = "container-GW-AX";
 var sel = "sel-jrQj2";

package/build/esm/{index-b5a8ac63.js → index-ad889cb2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-fadf25fb.js → index-ad9af0ac.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0580a6a2.js';
+import './index-22bc52cc.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-12c2c17b.js → index-af078aeb.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-1641e583.js';
-import SettingsConfigSingle from './index-7bb16419.js';
-import SettingsPosNr from './index-8a8b70ee.js';
+import SettingsHeader from './index-89afcb5f.js';
+import SettingsConfigSingle from './index-df79b2e0.js';
+import SettingsPosNr from './index-cd16edff.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,9 +21,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b2cd78ed.js';
+import './index-0bdd91f5.js';
 import 'react-laag';
-import './index-039cb0b0.js';
+import './index-5a991949.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-ae3ec97e.js → index-afe8b325.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0580a6a2.js';
+import { u as useViewHandler } from './index-22bc52cc.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-3c99168b.js';
+import ItemVariant from './index-7aeda983.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-5ce234a4.js → index-b0392766.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-0580a6a2.js';
+import { s as styleInject } from './index-22bc52cc.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b23d5a4c.js → index-b157c250.js}

@@ -1,16 +1,16 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.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 NavBar from './index-751ae909.js';
+import NavBar from './index-1ed82481.js';
 import { jsx, Fragment, 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/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -31,6 +31,7 @@ var Planner3D = function Planner3D() {
   var _ref, _viewHandler$uiState$;
   var viewHandler = useViewHandler();
   var modelViewer = useRef();
+  var iframeRef = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -52,11 +53,35 @@ var Planner3D = function Planner3D() {
   };
   var _useDivaCore = useDivaCore(),
     actions = _useDivaCore.actions,
-    _useDivaCore$state = _useDivaCore.state;
-    _useDivaCore$state.loading;
-    var apiConfig = _useDivaCore$state.apiConfig,
+    _useDivaCore$state = _useDivaCore.state,
+    apiConfig = _useDivaCore$state.apiConfig,
     isMobile = _useDivaCore$state.isMobile,
-    jwt = _useDivaCore$state.jwt;
+    jwt = _useDivaCore$state.jwt,
+    isFirefox = _useDivaCore$state.isFirefox,
+    isTablet = _useDivaCore$state.dimensions.isTablet;
+  var openAr = isMobile || isTablet;
+
+  //arViewerIframe is a workaround for when the model-viewer cannot load directly in a page and must be loaded in an iframe
+  var arViewerIframe = openAr && viewHandler.uiState.AllConfig.arViewerIframe;
+  var arViewerUrl = viewHandler.uiState.AllConfig.arViewerUrl + '?arObject=1';
+  useEffect(function () {
+    var messageListener = function messageListener(event) {
+      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';
+        actions.closeModal();
+      } else 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');
+      }
+    };
+    window.addEventListener('message', messageListener);
+    return function () {
+      window.removeEventListener('message', messageListener);
+    };
+  }, []);
   useEffect(function () {
     var newState = [];
     viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
@@ -87,7 +112,7 @@ var Planner3D = function Planner3D() {
   }, [viewHandler.productState.doShow3DComb, viewHandler.hqRenderScript]);
   if (!viewHandler.productState.doShow3DComb && rerender.current === true || !viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
   rerender.current = false;
-  if (viewHandler.hqRenderScript === undefined) {
+  if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
   return /*#__PURE__*/jsxs(Fragment, {
@@ -103,7 +128,7 @@ var Planner3D = function Planner3D() {
       plannedPlacesOnGrids: viewHandler.settingsState.plannedPlacesOnGrids,
       apiConfig: apiConfig,
       jwt: jwt,
-      renderInBackground: false,
+      renderInBackground: !!arViewerIframe && !isInModelViewer,
       overlayImage: viewHandler.divaWebPlanner.getEnableUnityRtvKombi() ? {
         base64: viewHandler.productState.diva3dImgSrc,
         isStaticBg: viewHandler.productState.plannerRenderingIsStaticBG,
@@ -115,7 +140,37 @@ var Planner3D = function Planner3D() {
         posTrashIcon: plannerViewConfig.posTrashRotIcon
       },
       callbacks: {
-        setGlb: isMobile ? setGLB : undefined,
+        setGlb: openAr ? (/*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(newGlb, newGlbBlob) {
+            var reader;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  if (arViewerIframe && iframeRef.current && newGlbBlob) {
+                    // we serialize the glb to base64 and send it to the iframe
+                    reader = new FileReader();
+                    reader.readAsDataURL(newGlbBlob);
+                    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
+                      }, '*');
+                    };
+                  } else {
+                    setGLB(newGlb);
+                  }
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x, _x2) {
+            return _ref2.apply(this, arguments);
+          };
+        }()) : undefined,
         onElementSelected: onElementSelected,
         onMissingGeo: function onMissingGeo() {
           viewHandler.productState.loadRTVForAr && actions.openModal({
@@ -135,13 +190,23 @@ var Planner3D = function Planner3D() {
           return viewHandler.divaWebPlanner.updateCameraInformation(cam);
         }
       }
-    }, "3dviewer"), glb && /*#__PURE__*/jsx("div", {
+    }, "3dviewer"), arViewerIframe && /*#__PURE__*/jsx("iframe", {
+      src: arViewerUrl,
+      ref: iframeRef,
+      allow: "xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",
+      allowFullScreen: true,
+      style: {
+        position: 'fixed',
+        width: '100%',
+        height: '100%'
+      }
+    }), glb && !arViewerIframe && /*#__PURE__*/jsx("div", {
       id: "ar-viewer",
       children: /*#__PURE__*/jsxs("model-viewer", {
         id: "model-viewer",
-        ref: function ref(_ref2) {
+        ref: function ref(_ref3) {
           var _modelViewer$current, _modelViewer$current4;
-          modelViewer.current = _ref2;
+          modelViewer.current = _ref3;
           (_modelViewer$current = modelViewer.current) === null || _modelViewer$current === void 0 || _modelViewer$current.addEventListener('ar-status', function (event) {
             var _modelViewer$current2;
             viewHandler.productState.setRTVActivateAR((_modelViewer$current2 = modelViewer.current) === null || _modelViewer$current2 === void 0 ? void 0 : _modelViewer$current2.canActivateAR, function () {
@@ -161,7 +226,7 @@ var Planner3D = function Planner3D() {
         src: glb,
         ar: true,
         "ar-scale": 'fixed',
-        "ar-modes": 'webxr quick-look',
+        "ar-modes": !isFirefox ? 'webxr quick-look' : '',
         "shadow-intensity": "1",
         "camera-controls": true,
         "touch-action": "pan-y",

package/build/esm/{index-8202b854.js → index-b206d2b0.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0580a6a2.js';
+import './index-22bc52cc.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-e5b76163.js → index-b2798cc3.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-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-5ef85075.js → index-b28532e7.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-0580a6a2.js';
+import { s as styleInject } from './index-22bc52cc.js';
 import 'react';
-import PlannerUI from './index-7240d2fc.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-e9cef4ef.js';
+import PlannerUI from './index-98cb4930.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-ff527f60.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,24 +18,24 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
-import './index-828a86f1.js';
+import './index-6cf92122.js';
 import 'classnames';
-import './index-f733491b.js';
-import './index-036cc1a8.js';
-import './index-7fb01802.js';
-import './index-e644f7ae.js';
-import './index-921d1cc2.js';
-import './index-5d78844e.js';
-import './index-acc5eb15.js';
-import './index-a24a96e1.js';
-import './index-5b9a1cdb.js';
-import './index-18b4a5c9.js';
-import './index-6258c3a3.js';
-import './index-fb70d69e.js';
+import './index-929d738a.js';
+import './index-b57f1933.js';
+import './index-b982b7ae.js';
+import './index-6c7ea049.js';
+import './index-faafdfdf.js';
+import './index-9927cc17.js';
+import './index-a70e9aec.js';
+import './index-1a252578.js';
+import './index-73b1ffff.js';
+import './index-eaa5f37d.js';
+import './index-5d3e98c9.js';
+import './index-5f0fd9bc.js';
 import 'react-draggable';
-import './index-cd5b328f.js';
-import './index-d9efde97.js';
-import './index-48962034.js';
+import './index-be643ecb.js';
+import './index-3f1df536.js';
+import './index-fd1acb85.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-7dbe7c26.js → index-b28c7aab.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0580a6a2.js';
+import { s as styleInject, u as useViewHandler } from './index-22bc52cc.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';