@crystaldesign/diva-web-planner-react 25.14.0-rc.9 → 25.14.0

package/build/esm/{index-72a3c304.js → index-4ed320ea.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useEffect } from 'react';
-import Inputbox from './index-fe003564.js';
-import { cssVariables } from './index-ae5f735d.js';
-import Product from './index-1f28bb35.js';
-import Settings from './index-fc104d1c.js';
-import TabGroup from './index-0c2e7b67.js';
+import Inputbox from './index-04de5218.js';
+import { cssVariables } from './index-3089a463.js';
+import Product from './index-2b2b3228.js';
+import Settings from './index-b1564aa3.js';
+import TabGroup from './index-00dabd2c.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -25,114 +25,114 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7ac7b5c7.js';
-import './index-07b59e16.js';
+import './index-1469fb60.js';
+import './index-cc767509.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-0c9a3f7d.js';
-import './index-004d94c2.js';
-import './index-5668c7fd.js';
-import './index-e3af372f.js';
-import './index-2589197a.js';
-import './index.module-f86841cb.js';
-import './index-9b35cb25.js';
-import './index-2eefadfc.js';
-import './index-9049b9aa.js';
-import './index-5f5b084b.js';
-import './index-eb3fe625.js';
-import './index-ebfb7ff1.js';
-import './index-ede04f7c.js';
-import './index-b4040f91.js';
-import './index-abf8f9ab.js';
+import './index-5fb1fd0e.js';
+import './index-296f74c7.js';
+import './index-3c01dbc9.js';
+import './index-303e3cc7.js';
+import './index-a3138be2.js';
+import './index.module-58ac7da5.js';
+import './index-b9a50c25.js';
+import './index-5e6101d3.js';
+import './index-20e6cd99.js';
+import './index-94b5f56b.js';
+import './index-db6c3934.js';
+import './index-60e7ddef.js';
+import './index-d52a2398.js';
+import './index-0afac889.js';
+import './index-308680cd.js';
 import 'react-laag';
-import './index-3fc416e7.js';
+import './index-c65c825c.js';
 import 'react-qr-code';
-import './index-cf12e657.js';
-import './index-cb08ce42.js';
-import './index-3b6a74a6.js';
-import './index-7c25b9ba.js';
+import './index-5e148067.js';
+import './index-471d003f.js';
+import './index-b1cb7476.js';
+import './index-9659482f.js';
 import '@crystaldesign/content-item';
-import './index-c4773936.js';
-import './index-012fea91.js';
-import './index-fb58fcb0.js';
-import './index-0922c81a.js';
+import './index-c46aee11.js';
+import './index-490b83ab.js';
+import './index-d29dc952.js';
+import './index-db60da35.js';
 import 'sift';
-import './index-48b3567a.js';
-import './index-60928461.js';
-import './index-eeef666c.js';
-import './index-9dc61ed7.js';
-import './index.module-91976f27.js';
-import './index-133f94b1.js';
-import './index-53ae6dff.js';
-import './index-90349d6e.js';
+import './index-bf2c52ce.js';
+import './index-1907f587.js';
+import './index-e3002a52.js';
+import './index-1be41740.js';
+import './index.module-f8091199.js';
+import './index-e7eab657.js';
+import './index-da182307.js';
+import './index-f67b79f5.js';
 import 'react-countup';
-import './index-9434bd7e.js';
-import './index-67c096bb.js';
-import './index-6a7d2368.js';
-import './index-48af7dcc.js';
-import './index-d3a3c52f.js';
+import './index-dc8c3166.js';
+import './index-005ea599.js';
+import './index-217ac457.js';
+import './index-55bb552c.js';
+import './index-a5d3cd44.js';
 import '@crystaldesign/content-box';
-import './index-428b4fd7.js';
-import './index-92e8c435.js';
-import './index-f8403e5f.js';
-import './index-c4ea57bf.js';
-import './index-29945b82.js';
-import './index-a271d1ee.js';
-import './index-44d3284a.js';
-import './index-68843660.js';
-import './index-b6509082.js';
-import './index.module-acaad1cd.js';
-import './index-20612a91.js';
-import './index-88c79fc9.js';
-import './index-cb3761a0.js';
-import './index-5cd6e6d9.js';
-import './index-56db7968.js';
-import './index-ece37763.js';
-import './index.module-11f862c2.js';
-import './index-1323662a.js';
-import './index-037588ff.js';
-import './index-49a45802.js';
-import './index-c7ff8111.js';
-import './index-bfe913e5.js';
-import './index-7e5066f2.js';
-import './index-4cb5aa56.js';
-import './index-260cecb0.js';
-import './index-884eb99a.js';
-import './index-c678af5b.js';
-import './index-1ff1d4e7.js';
-import './index-2a36d394.js';
+import './index-4bb4a6b7.js';
+import './index-169f6455.js';
+import './index-9039d9df.js';
+import './index-f5631db4.js';
+import './index-e7715111.js';
+import './index-758d1dfb.js';
+import './index-122366ad.js';
+import './index-af0cb90c.js';
+import './index-60d60d26.js';
+import './index.module-c4befa11.js';
+import './index-5cc4d978.js';
+import './index-590aecfd.js';
+import './index-22167f36.js';
+import './index-9f55042c.js';
+import './index-819c1f4e.js';
+import './index-6e2cba26.js';
+import './index.module-4513ea3f.js';
+import './index-82b32888.js';
+import './index-8b6ad55a.js';
+import './index-f08a9c13.js';
+import './index-f66366ac.js';
+import './index-81dcaaf6.js';
+import './index-4b760128.js';
+import './index-46974339.js';
+import './index-bcfc4486.js';
+import './index-c8236769.js';
+import './index-88111515.js';
+import './index-7cd63800.js';
+import './index-077ead69.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-466e80db.js';
+import './index-3a5882d8.js';
 import 'rc-slider';
-import './index-95e5a317.js';
-import './index-b6fc40a4.js';
-import './index-ebfb18b5.js';
-import './index-b1f0f156.js';
+import './index-12b9e3ac.js';
+import './index-add591d7.js';
+import './index-ba6f193a.js';
+import './index-1029b005.js';
 import 'react-confetti-explosion';
-import './index-698c73fb.js';
-import './useCustomDimensions-7c131574.js';
-import './index-41ed1349.js';
-import './ussIsSticky-a5a9b166.js';
-import './index-e3fc4a76.js';
-import './index-8baeb90f.js';
-import './index-1bc7a405.js';
-import './index.module-a3d6c2f9.js';
-import './index-0c96fb4b.js';
-import './index-82e43381.js';
-import './index-6b12cb4c.js';
-import './index-7fa7a269.js';
-import './index.module-24e3137a.js';
-import './index-22bd1ac3.js';
-import './index-d0a5f7f5.js';
-import './index-daf3f5d9.js';
-import './index-62a49d56.js';
+import './index-5ea8b97c.js';
+import './useCustomDimensions-61152a6e.js';
+import './index-b035c4ae.js';
+import './ussIsSticky-d2d1fbe4.js';
+import './index-d0a8f7db.js';
+import './index-6f594ef4.js';
+import './index-49a16803.js';
+import './index.module-c90e373a.js';
+import './index-e29be227.js';
+import './index-290a5b82.js';
+import './index-1f7dd4d3.js';
+import './index-9d379f59.js';
+import './index.module-6c4bd8e5.js';
+import './index-ef38853b.js';
+import './index-215969bf.js';
+import './index-6475f7e2.js';
+import './index-cb6c7ed0.js';
 import '@mui/material';
-import './index-d4ad01b9.js';
-import './index-3e1c0ccb.js';
-import './index-d16c3e81.js';
-import './index-22fc7c29.js';
-import './index-ecf82f31.js';
+import './index-3f0f3a1d.js';
+import './index-03f7fb4a.js';
+import './index-7bdd6f45.js';
+import './index-281625db.js';
+import './index-882ec527.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-1813a615.js → index-502a4406.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.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-7e5066f2.js';
-import GenericToolTip from './index-88c79fc9.js';
-import PricePreview from './index-53ae6dff.js';
-import InfoIcon from './index-133f94b1.js';
+import MetaData from './index-4b760128.js';
+import GenericToolTip from './index-590aecfd.js';
+import PricePreview from './index-da182307.js';
+import InfoIcon from './index-e7eab657.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,7 +24,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-90349d6e.js';
+import './index-f67b79f5.js';
 import 'react-countup';
 
 var container = "container-08OcY";

package/build/esm/{index-f3034330.js → index-532915b2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6629fd9c.js';
+import { s as styleInject } from './index-e6859ff0.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-8f3225ef.js → index-53415741.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6629fd9c.js';
+import { s as styleInject } from './index-e6859ff0.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-133f94b1.js';
+import InfoIcon from './index-e7eab657.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-224d8da6.js → index-54787dcb.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-e49dd1f5.js';
+import RoomSerious from './index-cc4671af.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-65a74050.js → index-5581cb22.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6629fd9c.js';
+import { s as styleInject } from './index-e6859ff0.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-71a39569.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-e25015ad.js';
-import PlannerUI from './index-b5f39905.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-2b49904d.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-de7c0206.js';
+import PlannerUI from './index-c1b7c2ed.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -22,23 +22,23 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-6444b7f2.js';
-import './index-08047358.js';
-import './index-e4d2d776.js';
-import './index-41a4ca53.js';
-import './index-24c1f9cb.js';
-import './index-6607bafa.js';
-import './index-48a93494.js';
-import './index-49684b02.js';
-import './index-35c2a13a.js';
-import './index-64d0047e.js';
-import './index-39774262.js';
-import './index-9fd97964.js';
-import './index-0a08559c.js';
+import './index-301b28f8.js';
+import './index-a9d7f4f2.js';
+import './index-d4a49b2c.js';
+import './index-e2517f92.js';
+import './index-260ee2cf.js';
+import './index-ddbaa5e4.js';
+import './index-6b2644a3.js';
+import './index-80b1b835.js';
+import './index-32940001.js';
+import './index-ba3ca504.js';
+import './index-2f65dba9.js';
+import './index-422ff6f6.js';
+import './index-de19c5dc.js';
 import 'react-draggable';
-import './index-6c57e805.js';
-import './index-a2dc856f.js';
-import './index-d08b805f.js';
+import './index-0cf98a9a.js';
+import './index-cc42bd8b.js';
+import './index-92ede4aa.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-48af7dcc.js → index-55bb552c.js}

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

package/build/esm/{index-ad4edcc8.js → index-58e62f70.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-6629fd9c.js';
-import ProductHeader from './index-c64153aa.js';
+import { s as styleInject } from './index-e6859ff0.js';
+import ProductHeader from './index-0665a5a5.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-af19d84c.js';
+import './index-6032f61e.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-7c131574.js';
+import './useCustomDimensions-61152a6e.js';
 import '@crystaldesign/content-item';
-import './index-90349d6e.js';
+import './index-f67b79f5.js';
 import 'react-countup';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index-88c79fc9.js → index-590aecfd.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-6629fd9c.js';
+import { s as styleInject } from './index-e6859ff0.js';
 import { useState, useEffect } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-53ae6dff.js';
+import PricePreview from './index-da182307.js';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -20,7 +20,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-90349d6e.js';
+import './index-f67b79f5.js';
 import 'react-countup';
 
 var wcGalleryTooltip = "wcGalleryTooltip-eM-oy";

package/build/esm/{index-be03e2a3.js → index-5a32293f.js}

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

package/build/esm/{index-e027b477.js → index-5a7ff183.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-88c79fc9.js';
+import GenericToolTip from './index-590aecfd.js';
 import classnames from 'classnames';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-feaac87b.js → index-5c27222b.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-012fea91.js';
+import SettingsHeader from './index-490b83ab.js';
 import classnames from 'classnames';
-import Search from './index-6ee9dd73.js';
+import Search from './index-ef602289.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7d621fc2.js → index-5c9ebb62.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-cb08ce42.js';
+import ProductRoomList from './index-471d003f.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-20612a91.js → index-5cc4d978.js}

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

package/build/esm/{index-cf12e657.js → index-5e148067.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6629fd9c.js';
+import { s as styleInject } from './index-e6859ff0.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';
@@ -36,17 +36,21 @@ var stepTextWrapper = "step-text-wrapper-S-m1m";
 var stepTitle = "step-title-M7iLu";
 var stepText = "step-text-LPg7J";
 var icon = "icon-K4UgE";
-var step1 = "step1-F9IIG";
-var step2 = "step2-ELycW";
-var step3 = "step3-plnlc";
+var svgIcon = "svg-icon-Ex5u5";
 var buttonWrapper = "button-wrapper-t88VM";
 var arButton = "ar-button-e122r";
 var disabled = "disabled-5mNQN";
 var qrCodeWrapper = "qr-code-wrapper-gox11";
 var loader = "loader-5y0Dw";
-var css_248z = ".fullscreen-dVNtA {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.error-wrapper-4Kfuq {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.error-text-aG0TS {\n  max-width: 400px;\n}\n.error-qr-code-wrapper-WRr2H {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wrapper-uzZ9r {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.tablet-CPL9b .wrapper-uzZ9r {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.text-wrapper-rIzGz {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.header-sWWoX {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.text-OkwbY {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.steps-wrapper-4x10n {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tablet-CPL9b .steps-wrapper-4x10n {\n  gap: 32px;\n}\n\n.step-wrapper-HY2sH {\n  display: flex;\n  gap: 12px;\n}\n\n.step-text-wrapper-S-m1m {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.step-title-M7iLu {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.step-text-LPg7J {\n  font-size: 14px;\n  color: #000000;\n}\n\n.icon-K4UgE {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.step1-F9IIG {\n  background: center / 50% no-repeat #f2f2f2 url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id%3D%22mask0_300_30100%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2224%22 height%3D%2224%22%3E%3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_300_30100)%22%3E%3Cpath d%3D%22M4.54815 19.5C4.04302 19.5 3.61545 19.325 3.26545 18.975C2.91547 18.625 2.74048 18.1974 2.74048 17.6923V6.30773C2.74048 5.8026 2.91547 5.37503 3.26545 5.02503C3.61545 4.67503 4.04302 4.50003 4.54815 4.50003H15.9327C16.4378 4.50003 16.8654 4.67503 17.2154 5.02503C17.5654 5.37503 17.7404 5.8026 17.7404 6.30773V10.8847L21.2596 7.36546V16.6346L17.7404 13.1154V17.6923C17.7404 18.1974 17.5654 18.625 17.2154 18.975C16.8654 19.325 16.4378 19.5 15.9327 19.5H4.54815ZM4.54815 18H15.9327C16.0225 18 16.0962 17.9712 16.1539 17.9135C16.2116 17.8558 16.2404 17.782 16.2404 17.6923V6.30773C16.2404 6.21798 16.2116 6.14426 16.1539 6.08656C16.0962 6.02886 16.0225 6.00001 15.9327 6.00001H4.54815C4.4584 6.00001 4.38468 6.02886 4.32698 6.08656C4.26928 6.14426 4.24043 6.21798 4.24043 6.30773V17.6923C4.24043 17.782 4.26928 17.8558 4.32698 17.9135C4.38468 17.9712 4.4584 18 4.54815 18Z%22 fill%3D%22%231C1B1F%22%2F%3E%3Cpath d%3D%22M5 11.75L8.90383 15.6539L15.6269 8.93078L14.573 7.87695L8.90383 13.5462L6.05383 10.6962L5 11.75Z%22 fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.step2-ELycW {\n  background: center / 50% no-repeat #f2f2f2 url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask id%3D%22mask0_300_30110%22 style%3D%22mask-type%3Aalpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2224%22 height%3D%2224%22%3E%3Crect width%3D%2224%22 height%3D%2224%22 fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg mask%3D%22url(%23mask0_300_30110)%22%3E%3Cpath d%3D%22M12 20.9422C11.5987 20.9422 11.2439 20.8365 10.9356 20.6249C10.6272 20.4134 10.4115 20.1358 10.2884 19.7922H9.99997C9.59101 19.7922 9.23877 19.6445 8.94327 19.349C8.64776 19.0535 8.5 18.7012 8.5 18.2923V15.0115C7.49103 14.4 6.69712 13.5801 6.11827 12.5519C5.53942 11.5237 5.25 10.4231 5.25 9.25001C5.25 7.36797 5.90448 5.77246 7.21345 4.46348C8.52243 3.15451 10.1179 2.50003 12 2.50003C13.882 2.50003 15.4775 3.15451 16.7865 4.46348C18.0955 5.77246 18.75 7.36797 18.75 9.25001C18.75 10.4436 18.4605 11.5494 17.8817 12.5673C17.3028 13.5853 16.5089 14.4 15.5 15.0115V18.2923C15.5 18.7012 15.3522 19.0535 15.0567 19.349C14.7612 19.6445 14.4089 19.7922 14 19.7922H13.7115C13.5884 20.1358 13.3727 20.4134 13.0644 20.6249C12.7561 20.8365 12.4013 20.9422 12 20.9422ZM9.99997 18.2923H14V17.3538H9.99997V18.2923ZM9.99997 16.4692H14V15.5H9.99997V16.4692ZM9.79997 14H11.4038V11.0885L9.26153 8.94616L10.1 8.10771L12 10.0077L13.9 8.10771L14.7384 8.94616L12.5961 11.0885V14H14.2C15.1 13.5667 15.8333 12.9292 16.4 12.0875C16.9666 11.2458 17.25 10.3 17.25 9.25001C17.25 7.78334 16.7416 6.54167 15.725 5.52501C14.7083 4.50834 13.4666 4.00001 12 4.00001C10.5333 4.00001 9.29164 4.50834 8.27497 5.52501C7.25831 6.54167 6.74997 7.78334 6.74997 9.25001C6.74997 10.3 7.03331 11.2458 7.59997 12.0875C8.16664 12.9292 8.89997 13.5667 9.79997 14Z%22 fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.step3-plnlc {\n  background: center / 40% no-repeat #f2f2f2 url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10 19.6538L6.09619 15.75L7.16539 14.6808L9.25004 16.7654V12.25H10.75V16.7501L12.8192 14.6654L13.9038 15.75L10 19.6538ZM4.25002 13.9038L0.346191 10L4.23464 6.11158L5.30384 7.18078L3.23459 9.25003H7.74999V10.75H3.24997L5.33462 12.8192L4.25002 13.9038ZM15.75 13.9038L14.6808 12.8346L16.7654 10.75H12.25V9.25003H16.7501L14.6654 7.18078L15.75 6.09618L19.6538 10L15.75 13.9038ZM9.25004 7.74998V3.23458L7.16539 5.3192L6.09619 4.25L10 0.346176L13.9038 4.25L12.8346 5.3192L10.75 3.23458V7.74998H9.25004Z%22 fill%3D%22%231C1B1F%22%2F%3E%3C%2Fsvg%3E\");\n}\n.button-wrapper-t88VM {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ar-button-e122r {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.disabled-5mNQN {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.ar-button-e122r:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.ar-button-e122r.disabled-5mNQN:hover {\n  box-shadow: none;\n}\n\n.qr-code-wrapper-gox11 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.loader-5y0Dw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: spinner-mDqax 2s linear infinite;\n}\n\n@keyframes spinner-mDqax {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
+var css_248z = ".fullscreen-dVNtA {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.error-wrapper-4Kfuq {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.error-text-aG0TS {\n  max-width: 400px;\n}\n.error-qr-code-wrapper-WRr2H {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.wrapper-uzZ9r {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.tablet-CPL9b .wrapper-uzZ9r {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.text-wrapper-rIzGz {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.header-sWWoX {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.text-OkwbY {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.steps-wrapper-4x10n {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tablet-CPL9b .steps-wrapper-4x10n {\n  gap: 32px;\n}\n\n.step-wrapper-HY2sH {\n  display: flex;\n  gap: 12px;\n}\n\n.step-text-wrapper-S-m1m {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.step-title-M7iLu {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.step-text-LPg7J {\n  font-size: 14px;\n  color: #000000;\n}\n\n.icon-K4UgE {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.svg-icon-Ex5u5 {\n  width: 50%;\n  height: 50%;\n}\n.button-wrapper-t88VM {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ar-button-e122r {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.disabled-5mNQN {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.ar-button-e122r:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.ar-button-e122r.disabled-5mNQN:hover {\n  box-shadow: none;\n}\n\n.qr-code-wrapper-gox11 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.loader-5y0Dw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: spinner-mDqax 2s linear infinite;\n}\n\n@keyframes spinner-mDqax {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z);
 
+var CameraIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30100%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30100%29%22%3E%3Cpath%20d%3D%22M4.54815%2019.5C4.04302%2019.5%203.61545%2019.325%203.26545%2018.975C2.91547%2018.625%202.74048%2018.1974%202.74048%2017.6923V6.30773C2.74048%205.8026%202.91547%205.37503%203.26545%205.02503C3.61545%204.67503%204.04302%204.50003%204.54815%204.50003H15.9327C16.4378%204.50003%2016.8654%204.67503%2017.2154%205.02503C17.5654%205.37503%2017.7404%205.8026%2017.7404%206.30773V10.8847L21.2596%207.36546V16.6346L17.7404%2013.1154V17.6923C17.7404%2018.1974%2017.5654%2018.625%2017.2154%2018.975C16.8654%2019.325%2016.4378%2019.5%2015.9327%2019.5H4.54815ZM4.54815%2018H15.9327C16.0225%2018%2016.0962%2017.9712%2016.1539%2017.9135C16.2116%2017.8558%2016.2404%2017.782%2016.2404%2017.6923V6.30773C16.2404%206.21798%2016.2116%206.14426%2016.1539%206.08656C16.0962%206.02886%2016.0225%206.00001%2015.9327%206.00001H4.54815C4.4584%206.00001%204.38468%206.02886%204.32698%206.08656C4.26928%206.14426%204.24043%206.21798%204.24043%206.30773V17.6923C4.24043%2017.782%204.26928%2017.8558%204.32698%2017.9135C4.38468%2017.9712%204.4584%2018%204.54815%2018Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3Cpath%20d%3D%22M5%2011.75L8.90383%2015.6539L15.6269%208.93078L14.573%207.87695L8.90383%2013.5462L6.05383%2010.6962L5%2011.75Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var LightbulbIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_300_30110%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0_300_30110%29%22%3E%3Cpath%20d%3D%22M12%2020.9422C11.5987%2020.9422%2011.2439%2020.8365%2010.9356%2020.6249C10.6272%2020.4134%2010.4115%2020.1358%2010.2884%2019.7922H9.99997C9.59101%2019.7922%209.23877%2019.6445%208.94327%2019.349C8.64776%2019.0535%208.5%2018.7012%208.5%2018.2923V15.0115C7.49103%2014.4%206.69712%2013.5801%206.11827%2012.5519C5.53942%2011.5237%205.25%2010.4231%205.25%209.25001C5.25%207.36797%205.90448%205.77246%207.21345%204.46348C8.52243%203.15451%2010.1179%202.50003%2012%202.50003C13.882%202.50003%2015.4775%203.15451%2016.7865%204.46348C18.0955%205.77246%2018.75%207.36797%2018.75%209.25001C18.75%2010.4436%2018.4605%2011.5494%2017.8817%2012.5673C17.3028%2013.5853%2016.5089%2014.4%2015.5%2015.0115V18.2923C15.5%2018.7012%2015.3522%2019.0535%2015.0567%2019.349C14.7612%2019.6445%2014.4089%2019.7922%2014%2019.7922H13.7115C13.5884%2020.1358%2013.3727%2020.4134%2013.0644%2020.6249C12.7561%2020.8365%2012.4013%2020.9422%2012%2020.9422ZM9.99997%2018.2923H14V17.3538H9.99997V18.2923ZM9.99997%2016.4692H14V15.5H9.99997V16.4692ZM9.79997%2014H11.4038V11.0885L9.26153%208.94616L10.1%208.10771L12%2010.0077L13.9%208.10771L14.7384%208.94616L12.5961%2011.0885V14H14.2C15.1%2013.5667%2015.8333%2012.9292%2016.4%2012.0875C16.9666%2011.2458%2017.25%2010.3%2017.25%209.25001C17.25%207.78334%2016.7416%206.54167%2015.725%205.52501C14.7083%204.50834%2013.4666%204.00001%2012%204.00001C10.5333%204.00001%209.29164%204.50834%208.27497%205.52501C7.25831%206.54167%206.74997%207.78334%206.74997%209.25001C6.74997%2010.3%207.03331%2011.2458%207.59997%2012.0875C8.16664%2012.9292%208.89997%2013.5667%209.79997%2014Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var ScannIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.6538L6.09619%2015.75L7.16539%2014.6808L9.25004%2016.7654V12.25H10.75V16.7501L12.8192%2014.6654L13.9038%2015.75L10%2019.6538ZM4.25002%2013.9038L0.346191%2010L4.23464%206.11158L5.30384%207.18078L3.23459%209.25003H7.74999V10.75H3.24997L5.33462%2012.8192L4.25002%2013.9038ZM15.75%2013.9038L14.6808%2012.8346L16.7654%2010.75H12.25V9.25003H16.7501L14.6654%207.18078L15.75%206.09618L19.6538%2010L15.75%2013.9038ZM9.25004%207.74998V3.23458L7.16539%205.3192L6.09619%204.25L10%200.346176L13.9038%204.25L12.8346%205.3192L10.75%203.23458V7.74998H9.25004Z%22%20fill%3D%22%231C1B1F%22%2F%3E%3C%2Fsvg%3E";
+
 var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
 var FullscreenArHeader = function FullscreenArHeader() {
   var _useTranslation = useTranslation(),
@@ -104,7 +108,12 @@ var FullscreenAr = function FullscreenAr(_ref) {
         children: [/*#__PURE__*/jsxs("div", {
           className: stepWrapper,
           children: [/*#__PURE__*/jsx("div", {
-            className: classnames(icon, step1)
+            className: icon,
+            children: /*#__PURE__*/jsx("img", {
+              src: CameraIcon,
+              alt: "",
+              className: svgIcon
+            })
           }), /*#__PURE__*/jsxs("div", {
             className: stepTextWrapper,
             children: [/*#__PURE__*/jsx("div", {
@@ -118,7 +127,12 @@ var FullscreenAr = function FullscreenAr(_ref) {
         }), /*#__PURE__*/jsxs("div", {
           className: stepWrapper,
           children: [/*#__PURE__*/jsx("div", {
-            className: classnames(icon, step2)
+            className: icon,
+            children: /*#__PURE__*/jsx("img", {
+              src: LightbulbIcon,
+              alt: "",
+              className: svgIcon
+            })
           }), /*#__PURE__*/jsxs("div", {
             className: stepTextWrapper,
             children: [/*#__PURE__*/jsx("div", {
@@ -132,7 +146,12 @@ var FullscreenAr = function FullscreenAr(_ref) {
         }), /*#__PURE__*/jsxs("div", {
           className: stepWrapper,
           children: [/*#__PURE__*/jsx("div", {
-            className: classnames(icon, step3)
+            className: icon,
+            children: /*#__PURE__*/jsx("img", {
+              src: ScannIcon,
+              alt: "",
+              className: svgIcon
+            })
           }), /*#__PURE__*/jsxs("div", {
             className: stepTextWrapper,
             children: [/*#__PURE__*/jsx("div", {

package/build/esm/{index-a1434ef8.js → index-5e3794c3.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-fda479b0.js';
+import { n as notExpanded } from './index.module-cef4fe08.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-e29a2bd3.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-380808a2.js';
+import './react-json-viewer-52b75dd8.js';
+import { D as DecisionVisualization } from './DecisionVizualizer-a76d0859.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-2eefadfc.js → index-5e6101d3.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-6629fd9c.js';
+import { u as useViewHandler } from './index-e6859ff0.js';
 import 'react';
-import { g as wcPlanner3DGrid } from './index.module-f86841cb.js';
+import { g as wcPlanner3DGrid } from './index.module-58ac7da5.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-698c73fb.js → index-5ea8b97c.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
+import { s as styleInject, u as useViewHandler } from './index-e6859ff0.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-abf8f9ab.js';
-import { u as useCustomDimensions } from './useCustomDimensions-7c131574.js';
+import ArQrCodeIcon from './index-308680cd.js';
+import { u as useCustomDimensions } from './useCustomDimensions-61152a6e.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-3fc416e7.js';
+import './index-c65c825c.js';
 import 'react-qr-code';
-import './index-cf12e657.js';
+import './index-5e148067.js';
 
 var wrapper = "wrapper-IoYoU";
 var subWrapper = "subWrapper-Gf23J";