@crystaldesign/diva-web-planner-react 26.4.0-rc.4 → 26.5.0-beta.1

package/build/esm/index-11c4b5d6.js

@@ -1,190 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-cb4868f3.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-fea0df34.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } 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';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import 'react-dom';
-import './index-3e8189c7.js';
-import 'react-rnd';
-
-var container = "container-43rJg";
-var item = "item-JRY9h";
-var itemActive = "itemActive-t605y";
-var badge = "badge-5hKWt";
-var badgeError = "badgeError-9Bm52";
-var badgeWarning = "badgeWarning-OJfXJ";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.item-JRY9h:hover {\n  background-color: #e8e8e8;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h.focus-visible-3dEl- {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.item-JRY9h:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.itemActive-t605y {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.itemActive-t605y:hover {\n  background-color: #d5d5d5;\n}\n\n.badge-5hKWt {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.badgeError-9Bm52 {\n  background-color: #e53e3e;\n}\n\n.badgeWarning-OJfXJ {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .container-43rJg,\nbody.darkmode .container-43rJg {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .item-JRY9h:hover,\nbody.darkmode .item-JRY9h:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .itemActive-t605y,\nbody.darkmode .itemActive-t605y {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .itemActive-t605y:hover,\nbody.darkmode .itemActive-t605y:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n";
-styleInject(css_248z);
-
-var Toolbar = function Toolbar(_props) {
-  var _viewHandler$divaWebP, _viewHandler$divaWebP2, _viewHandler$divaWebP3, _viewHandler$productS;
-  var viewHandler = useViewHandler();
-  var articles = (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP2 === void 0 || (_viewHandler$divaWebP3 = _viewHandler$divaWebP2.getDivaArticles) === null || _viewHandler$divaWebP3 === void 0 ? void 0 : _viewHandler$divaWebP3.call(_viewHandler$divaWebP2, undefined, true)) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : {};
-  var dataCreationIssues = Object.values(articles).flatMap(function (a) {
-    var _a$dataCreationErrors;
-    return (_a$dataCreationErrors = a.dataCreationErrors) !== null && _a$dataCreationErrors !== void 0 ? _a$dataCreationErrors : [];
-  });
-  var errorCount = dataCreationIssues.filter(function (e) {
-    var _e$severity;
-    return ((_e$severity = e.severity) !== null && _e$severity !== void 0 ? _e$severity : 'error') === 'error';
-  }).length;
-  var warningCount = dataCreationIssues.filter(function (e) {
-    return e.severity === 'warning';
-  }).length + viewHandler.productState.plannerMessagesArr.filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      item = _ref2[1];
-    return item.type === 'WARNING';
-  }).length;
-  var infoCount = viewHandler.productState.plannerMessagesArr.filter(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      item = _ref4[1];
-    return item.type === 'INFO';
-  }).length;
-  var _useDivaCore = useDivaCore(),
-    wwsClient = _useDivaCore.state.organization.settings.wwsClient;
-  var toggleWindow = function toggleWindow(type) {
-    if (viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type)) {
-      viewHandler.wysiwygDebugState.removeWysiwygWindow(type);
-    } else {
-      viewHandler.wysiwygDebugState.addWysiwygWindow(type);
-    }
-  };
-  var isActive = function isActive(type) {
-    return viewHandler.wysiwygDebugState.activeWysiwygWindows.has(type);
-  };
-  var handleInspectViewChange = function handleInspectViewChange() {
-    var newValue = !viewHandler.wysiwygDebugState.wysiwygInspectView;
-    viewHandler.wysiwygDebugState.setWysiwygInspectView(newValue);
-    var actSet = viewHandler.divaWebPlanner.actSet();
-    if (actSet) actSet.inspectMode = newValue;
-    viewHandler.divaWebPlanner.updateConfiguratorStructureOfActSet();
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(ToolContainer, {}), /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: item,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      }), /*#__PURE__*/jsx("div", {
-        className: viewHandler.wysiwygDebugState.wysiwygInspectView ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: handleInspectViewChange,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && handleInspectViewChange();
-        },
-        children: "Inspect"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PartList') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PartList');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PartList');
-        },
-        children: "St\xFCckliste"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PriceAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PriceAnalyzer');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PriceAnalyzer');
-        },
-        children: "Preise"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('PriceList') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('PriceList');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('PriceList');
-        },
-        children: "Preisliste"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('DecisionAnalyzer') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('DecisionAnalyzer');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('DecisionAnalyzer');
-        },
-        children: "Decisions"
-      }), /*#__PURE__*/jsx("div", {
-        className: isActive('OptionTreeTable') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('OptionTreeTable');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('OptionTreeTable');
-        },
-        children: "Option Tree"
-      }), /*#__PURE__*/jsxs("div", {
-        className: isActive('ErrorWarningOverview') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('ErrorWarningOverview');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('ErrorWarningOverview');
-        },
-        children: ["Errors & Warnings", errorCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeError),
-          children: errorCount
-        }), warningCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeWarning),
-          children: warningCount
-        }), errorCount === 0 && warningCount === 0 && infoCount > 0 && /*#__PURE__*/jsx("span", {
-          className: "".concat(badge, " ").concat(badgeWarning),
-          children: infoCount
-        })]
-      }), wwsClient === 'Pfister' && /*#__PURE__*/jsx("div", {
-        className: isActive('ekText') ? "".concat(item, " ").concat(itemActive) : item,
-        onClick: function onClick() {
-          return toggleWindow('ekText');
-        },
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: function onKeyDown(e) {
-          return e.key === 'Enter' && toggleWindow('ekText');
-        },
-        children: "Ek Text"
-      })]
-    })]
-  });
-};
-var Toolbar$1 = observer(Toolbar);
-
-export { Toolbar$1 as default };

package/build/esm/index-12bec3cb.js

@@ -1,88 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-cb4868f3.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } 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';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var title = "title-60AHO";
-var input = "input-jhc29";
-var css_248z = ".title-60AHO {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.input-jhc29 {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n";
-styleInject(css_248z);
-
-var CustomInput = function CustomInput(_ref) {
-  var selectedRoom = _ref.selectedRoom;
-  var _useDivaCore = useDivaCore(),
-    user = _useDivaCore.state.user;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    errorMessage = _useState4[0],
-    setErrorMessage = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.aiState.setCustomPromptInput(value);
-  }, [value]);
-  useEffect(function () {
-    if (viewHandler.aiState.customPromptInput == value) return;
-    setValue(viewHandler.aiState.customPromptInput || '');
-  }, [viewHandler.aiState.customPromptInput]);
-  useEffect(function () {
-    var _viewHandler$aiState$;
-    if (!selectedRoom) return;
-    var hash = viewHandler.aiState.setHash;
-    var error = (_viewHandler$aiState$ = viewHandler.aiState.aiGenerationErrors[selectedRoom]) === null || _viewHandler$aiState$ === void 0 ? void 0 : _viewHandler$aiState$[hash];
-    setErrorMessage(error);
-  }, [selectedRoom, viewHandler.aiState.setHash, viewHandler.aiState.aiGenerationErrors]);
-  return /*#__PURE__*/jsxs("div", {
-    children: [!!user && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: title,
-        children: t('configurator.roomRendering.customPrompt')
-      }), /*#__PURE__*/jsx("input", {
-        className: input,
-        type: "text",
-        value: value,
-        onChange: function onChange(e) {
-          return setValue(e.target.value);
-        }
-      })]
-    }), errorMessage && /*#__PURE__*/jsx("div", {
-      style: {
-        marginTop: '8px',
-        padding: '8px',
-        background: 'rgba(255, 59, 48, 0.9)',
-        color: 'white',
-        borderRadius: '4px',
-        fontSize: '12px',
-        textAlign: 'center'
-      },
-      children: t(errorMessage)
-    })]
-  });
-};
-var CustomInput$1 = observer(CustomInput);
-
-export { CustomInput$1 as default };

package/build/esm/index-1444fdbc.js

@@ -1,202 +0,0 @@
-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-cb4868f3.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-6557d2bf.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-22bd5a21.js';
-import QRCode from 'react-qr-code';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var _excluded = ["Button", "dontOpenModal"];
-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 ArQrCodeTooltip = function ArQrCodeTooltip(_ref) {
-  var Button = _ref.Button,
-    dontOpenModal = _ref.dontOpenModal,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    openDrawerMenu = _useDivaCore.actions.openDrawerMenu,
-    _useDivaCore$state = _useDivaCore.state,
-    isMobile = _useDivaCore$state.isMobile,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
-  //tooltip is going to close itself by timer
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    autoClose = _useState2[0],
-    setAutoClose = _useState2[1];
-  var autoCloseTimeout = useRef();
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    openDrawer = _useState4[0],
-    setOpenDrawer = _useState4[1];
-  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.productState.allow3DComb && !viewHandler.productState.allowRTV;
-
-  //for fade animation
-  var _useState5 = useState(viewHandler.productState.arCodeWasVisibleOnce),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tooltipVisible = _useState6[0],
-    setTooltipVisible = _useState6[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible && !dontOpenModal;
-  var _useLayer = useLayer({
-      isOpen: showTooltip,
-      auto: true,
-      placement: 'right-end',
-      triggerOffset: 16
-    }),
-    triggerProps = _useLayer.triggerProps,
-    layerProps = _useLayer.layerProps,
-    renderLayer = _useLayer.renderLayer,
-    arrowProps = _useLayer.arrowProps;
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    url = _useState8[0],
-    setUrl = _useState8[1];
-  useEffect(function () {
-    var _viewHandler$uiState$;
-    if (viewHandler.uiState.AllConfig.arViewerIframe) return;
-    openDrawerMenu({
-      id: 'ar-qr-code',
-      mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
-      handleInternScroll: true,
-      showOverlay: true,
-      direction: 'bottom',
-      onClose: function onClose() {
-        setOpenDrawer(false);
-        viewHandler.productState.loadRTVForAr = false;
-        viewHandler.productState.setDoShowARQRCode(false);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : viewHandler.productState.allowRTV ? 'RTV' : '3D');
-      },
-      title: /*#__PURE__*/jsx(FullscreenArHeader, {}),
-      content: /*#__PURE__*/jsx(FullscreenAr, {
-        url: url,
-        isArCompatible: viewHandler.productState.isArCompatible,
-        broswerSupportAR: viewHandler.productState.browserSupportAR,
-        activateAR: viewHandler.productState.activateAR,
-        hqRenderScript: viewHandler.hqRenderScript,
-        isTablet: isTablet
-      }),
-      open: openDrawer
-    });
-  }, [openDrawer, viewHandler.productState.activateAR]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode == true) {
-      viewHandler.openARObserverConnection(function () {
-        return viewHandler.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript();
-      } // request hqr onreceivehqr triggers update
-      ).then(function (url) {
-        return setUrl(url);
-      });
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  useEffect(function () {
-    if (viewHandler.productState.doShowARQRCode && shouldOpenModal) {
-      setOpenDrawer(true);
-    }
-  }, [viewHandler.productState.activateAR, url]);
-  useEffect(function () {
-    //start timeout for auto open the tooltip
-    if (dontOpenModal) return;
-    if (!viewHandler.productState.arCodeWasVisibleOnce && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
-      var _arQrCodeConfig$timeU;
-      autoCloseTimeout.current = setTimeout(function () {
-        viewHandler.productState.setArCodeWasVisibleOnce();
-        setAutoClose(true);
-        viewHandler.productState.setDoShowARQRCode(true);
-      }, ((_arQrCodeConfig$timeU = arQrCodeConfig === null || arQrCodeConfig === void 0 ? void 0 : arQrCodeConfig.timeUntilAutoShow) !== null && _arQrCodeConfig$timeU !== void 0 ? _arQrCodeConfig$timeU : 30) * 1000);
-    }
-    if (!viewHandler.productState.doShowARQRCode && autoClose) {
-      setAutoClose(false);
-    }
-    //delay the state of visible so we animate the fade out
-    if (tooltipVisible !== viewHandler.productState.doShowARQRCode) {
-      setTimeout(function () {
-        setTooltipVisible(viewHandler.productState.doShowARQRCode);
-      }, 200);
-    }
-  }, [viewHandler.productState.doShowARQRCode]);
-  var onClick = function onClick() {
-    viewHandler.productState.setDoShowARQRCode(true);
-    var curPlannerMode = viewHandler.viewPlannerHandler.getCurPlannerViewMode();
-    if (shouldOpenModal) {
-      if (!viewHandler.productState.doShowRTV && !(curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
-        viewHandler.setHQRenderScript(undefined);
-        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
-      }
-      setOpenDrawer(true);
-      viewHandler.productState.loadRTVForAr = true;
-    } else if (openAr && (curPlannerMode == 'RTViewer' || curPlannerMode == '3DCOMB')) {
-      viewHandler.productState.loadRTVForAr = true;
-      setOpenDrawer(true);
-    }
-  };
-  if (url && !openAr && dontOpenModal) {
-    return /*#__PURE__*/jsxs("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: '100%'
-      },
-      children: [/*#__PURE__*/jsx(QRCode, {
-        value: url,
-        size: 96,
-        onClick: function onClick() {
-          return url && window.open(url, '_blank');
-        }
-      }), ";"]
-    });
-  }
-  if (Button) {
-    return /*#__PURE__*/jsx(Button, {
-      onClick: onClick
-    });
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({
-      id: "ar-icon"
-    }, props), {}, {
-      className: classnames(props.className),
-      onClick: onClick,
-      title: t('configurator.ar_qr_title')
-    }, triggerProps), {}, {
-      style: {
-        visibility: viewHandler.productState.doShowRenderImage || viewHandler.productState.doShow3DComb || viewHandler.productState.doShowRTV || viewHandler.productState.doShowAIRoom ? 'visible' : 'hidden'
-      }
-    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
-      arrowProps: arrowProps,
-      layerProps: layerProps,
-      autoClose: autoClose,
-      fadeIn: tooltipVisible,
-      fadeout: !viewHandler.productState.doShowARQRCode,
-      url: url
-    }))]
-  });
-};
-var ArQrCodeIcon = observer(ArQrCodeTooltip);
-
-export { ArQrCodeIcon as default };

package/build/esm/index-1483c1fb.js

@@ -1,194 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-cb4868f3.js';
-import { useEffect } from 'react';
-import Inputbox from './index-eeb7d630.js';
-import Product from './index-626ee80e.js';
-import Settings from './index-1aff71bd.js';
-import TabGroup from './index-2c2c57bb.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d767de8d.js';
-import 'react-dropdown';
-import './index-87e50323.js';
-import './index-b522c9b3.js';
-import './index-bc9e7dde.js';
-import './index-574cd18e.js';
-import './index-f56f9f5a.js';
-import './index.module-e7718081.js';
-import './index-9e3b1b22.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-c30d74fd.js';
-import './index-879315d2.js';
-import './index-94e59421.js';
-import './index-a94076f2.js';
-import './index-113064e0.js';
-import './index-db65c060.js';
-import './index-1444fdbc.js';
-import 'react-laag';
-import './index-6557d2bf.js';
-import 'react-qr-code';
-import './index-22bd5a21.js';
-import './index-c1f946d6.js';
-import './index-2a366171.js';
-import './index-fdeecd89.js';
-import '@crystaldesign/content-item';
-import './index-c2038547.js';
-import './index-0a94d4b6.js';
-import './index-2eea4176.js';
-import './index-d905dc4d.js';
-import './index-3983dfd7.js';
-import 'sift';
-import './index-b88b7a56.js';
-import './index-40f94992.js';
-import './index-25d6417a.js';
-import './index-73b2365f.js';
-import './index.module-63aa3831.js';
-import './index-edf6abb2.js';
-import './index-d287f578.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-afbc5bba.js';
-import './index-a88dad9c.js';
-import './index-ce931127.js';
-import './index-f7739011.js';
-import './index-b870676e.js';
-import '@crystaldesign/content-box';
-import './index-1cd6b661.js';
-import './index-e38d3c9d.js';
-import './index-435482df.js';
-import './index-9e8b07a5.js';
-import './UnlockCard-0fcf22e5.js';
-import './index-5e802c8f.js';
-import './index-b6fae370.js';
-import './index-8ca74e6a.js';
-import './index-1c5ccb41.js';
-import './index-afeb25e1.js';
-import './index-c40e6314.js';
-import './index.module-9074b951.js';
-import './index-996dd3de.js';
-import './index-554d1022.js';
-import './index-010d3870.js';
-import './index-e26adcb4.js';
-import './index-e965b78d.js';
-import './index.module-89267223.js';
-import './index-a7cd5b7e.js';
-import './index-34448b33.js';
-import './index-5f6cd8b4.js';
-import './index-1d66fe43.js';
-import './index-ae373bec.js';
-import './index-88813bc1.js';
-import './index-fc92eb1d.js';
-import './index-4e0b9daa.js';
-import './index-0dd62b77.js';
-import './index-a769c440.js';
-import './index-d1dcc2a7.js';
-import './index-a76dc747.js';
-import './index-d50eb1b6.js';
-import 'rc-slider';
-import './index-5dec0a99.js';
-import './index-662e77f3.js';
-import './index-906245fd.js';
-import './index-6464f6ba.js';
-import './index-c918e02b.js';
-import 'react-confetti-explosion';
-import './index-5991a611.js';
-import './useCustomDimensions-258b2db8.js';
-import './index-80a38e84.js';
-import './ussIsSticky-ca261ccc.js';
-import './index-94b181cb.js';
-import './index-5362662d.js';
-import './index-de99b9c2.js';
-import './index.module-5a5ffb77.js';
-import './index-44d419b2.js';
-import './index-ea79d6b6.js';
-import './index-12bec3cb.js';
-import './index-cdc5547b.js';
-import './index-0dc9d224.js';
-import './index-e09a8885.js';
-import './index.module-35648e25.js';
-import './index-4077db13.js';
-import './index-4005d0ce.js';
-import './index-bd7193c6.js';
-import './index-d235f22d.js';
-import '@mui/material';
-import './index-0f990e94.js';
-import './index-e1173490.js';
-import './index-8f86c846.js';
-import './index-9e62e06e.js';
-import './index-49bd1774.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  overflow: auto !important;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };