@crystaldesign/diva-web-planner-react 26.13.0-beta.33 → 26.13.0-beta.35

package/build/esm/index-ec13a675.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-069dfa13.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import ConfettiExplosion from 'react-confetti-explosion';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-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 bigExplodeProps = {
-  force: 0.6,
-  duration: 5000,
-  particleCount: 200,
-  floorHeight: 1600,
-  floorWidth: 1600
-};
-var ConfettiInSummary = function ConfettiInSummary(props) {
-  var _theme$palette$primar, _theme$palette, _theme$palette$primar2, _theme$palette2, _theme$palette$primar3, _theme$palette3;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    theme = _useDivaCore.state.theme;
-  var delay = viewHandler.getViewConfig().navigateMobileSwiper && viewHandler.getIsInMobileView();
-  var _useState = useState(!delay),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  useEffect(function () {
-    if (!delay) return;
-    setTimeout(function () {
-      setVisible(true);
-    }, 300);
-  }, []);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    shouldShowConfetti = _useState4[0],
-    setShouldShowConfetti = _useState4[1];
-  useEffect(function () {
-    var _viewHandler$uiState$, _viewHandler$uiState$2;
-    var confettiCooldownInHours = (_viewHandler$uiState$ = (_viewHandler$uiState$2 = viewHandler.uiState.ViewConfig.showConfettiInSummary) === null || _viewHandler$uiState$2 === void 0 ? void 0 : _viewHandler$uiState$2.confettiCooldownInHours) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : 0;
-
-    //handeling strict mode
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId && localStorage.getItem('lastConfettiChange') == viewHandler.settingsState.configChanged.toString()) return;
-    if (confettiCooldownInHours > 0) {
-      var lastConfettiTime = localStorage.getItem('lastConfettiTime');
-      if (lastConfettiTime) {
-        var diff = Date.now() - Number(lastConfettiTime);
-        if (diff < confettiCooldownInHours * 60 * 60 * 1000) {
-          setShouldShowConfetti(false);
-          return;
-        }
-      }
-      // Set the timestamp only when we're actually going to show confetti
-      localStorage.setItem('lastConfettiTime', Date.now().toString());
-      localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-      setShouldShowConfetti(true);
-      return;
-    }
-
-    // Session-based logic (confettiCooldownInHours == 0)
-
-    if (localStorage.getItem('lastConfettiSessionId') === DivaUtils.SessionId) {
-      setShouldShowConfetti(false);
-      return;
-    }
-    // Set the session ID only when we're actually going to show confetti
-    localStorage.setItem('lastConfettiSessionId', DivaUtils.SessionId);
-    localStorage.setItem('lastConfettiChange', viewHandler.settingsState.configChanged.toString());
-    setShouldShowConfetti(true);
-  }, []);
-  if (!viewHandler.uiState.ViewConfig.showConfettiInSummary) return /*#__PURE__*/jsx(Fragment, {});
-  if (!shouldShowConfetti) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
-  var confettiProps = viewHandler.uiState.ViewConfig.showConfettiInSummary.confettiProps;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      width: '100%'
-    },
-    children: visible && /*#__PURE__*/jsx(ConfettiExplosion, _objectSpread(_objectSpread(_objectSpread({
-      zIndex: 1000001
-    }, bigExplodeProps), confettiProps !== null && confettiProps !== void 0 ? confettiProps : {}), {}, {
-      colors: [(_theme$palette$primar = (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) !== null && _theme$palette$primar !== void 0 ? _theme$palette$primar : '', (_theme$palette$primar2 = (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.dark) !== null && _theme$palette$primar2 !== void 0 ? _theme$palette$primar2 : '', (_theme$palette$primar3 = (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.light) !== null && _theme$palette$primar3 !== void 0 ? _theme$palette$primar3 : '']
-    }))
-  });
-};
-var ConfettiInSummary$1 = observer(ConfettiInSummary);
-
-export { ConfettiInSummary$1 as default };

package/build/esm/index-edfff167.js

@@ -1,306 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-069dfa13.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation } from 'swiper/modules';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { c as container, e as emptyText, h as headline, s as sceneHistory, a as sceneHistoryTitle, b as sceneHistorySwiper, d as sceneThumbPlaceholder, f as sceneThumbPlaceholderSelected, g as sceneThumbPlaceholderImage, i as sceneThumbLabel, j as sceneThumbPlaceholderIcon, k as sceneThumbSpinnerOverlay, l as sceneThumbSpinner, m as sceneThumb, n as sceneThumbSelected, o as subheadline, p as mainImageCard, q as mainImage, r as mainImageOverlay, t as mainImageTitle, u as mainImageDescription, v as styleSelection, w as styleButtonsSwiper, x as styleButton, y as styleButtonSelected, z as styleButtonImage, A as styleButtonLabel, B as generateSection, C as generateButton, D as generateButtonSubtext, E as errorMessage, F as remainingText, U as UnlockCard, G as customInputSection, H as styleDescriptionText, I as customInput, J as promptExamplesSwiper, K as promptExampleChip, L as tryVariantLink } from './UnlockCard-3cc2f26f.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var StyleConsultant = function StyleConsultant(_ref) {
-  var _viewHandler$getViewC, _aiState$enrichedAiRo, _roomItems$find, _budget$remaining, _viewHandler$settings, _viewHandler$settings2, _viewHandler$getViewC2, _viewHandler$getViewC3, _aiState$aiGeneration, _selectedItem$key, _budget$isLimitReache, _budget$total, _budget$leadKeyActive, _aiState$customPrompt;
-  _ref.item;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var aiState = viewHandler.aiState;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    keepUnlockVisible = _useState2[0],
-    setKeepUnlockVisible = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    styleSwiperRef = _useState4[0],
-    setStyleSwiperRef = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    placeholderSelected = _useState6[0],
-    setPlaceholderSelected = _useState6[1];
-  if (!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showStyleConsultant) || !((_aiState$enrichedAiRo = aiState.enrichedAiRoomRenderings()) !== null && _aiState$enrichedAiRo !== void 0 && _aiState$enrichedAiRo.length)) {
-    return /*#__PURE__*/jsx("div", {
-      className: container,
-      children: /*#__PURE__*/jsx("p", {
-        className: emptyText,
-        children: t('configurator.roomRendering.noStylesAvailable', 'Keine Stilwelten verfügbar.')
-      })
-    });
-  }
-  var roomItems = aiState.enrichedAiRoomRenderings();
-  var selectedItem = (_roomItems$find = roomItems.find(function (r) {
-    return r.key === aiState.selectedRoom;
-  })) !== null && _roomItems$find !== void 0 ? _roomItems$find : roomItems[0];
-  var budget = aiState.usageBudget;
-  var scenesRemaining = (_budget$remaining = budget === null || budget === void 0 ? void 0 : budget.remaining) !== null && _budget$remaining !== void 0 ? _budget$remaining : 0;
-  var leadBonus = (_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.organizationAISettings) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.leadRewardBonus) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0;
-  var promptExamples = ((_viewHandler$getViewC2 = (_viewHandler$getViewC3 = viewHandler.getViewConfig()) === null || _viewHandler$getViewC3 === void 0 ? void 0 : _viewHandler$getViewC3.aiPromptExamples) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : []).map(function (key) {
-    return t(key);
-  });
-  var generatedImages = aiState.generatedImageHistory;
-  var generationErrorKey = (_aiState$aiGeneration = aiState.aiGenerationErrors[(_selectedItem$key = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) !== null && _selectedItem$key !== void 0 ? _selectedItem$key : '']) === null || _aiState$aiGeneration === void 0 ? void 0 : _aiState$aiGeneration[aiState.setHash];
-  var hasImageForCurrentPrompt = generatedImages.some(function (e) {
-    return e.key === (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) && e.hash === aiState.setHash && (e.customPrompt || '') === (aiState.customPromptInput || '');
-  });
-  useEffect(function () {
-    setPlaceholderSelected(false);
-  }, [generatedImages.length]);
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsx("h1", {
-      className: headline,
-      children: t('configurator.inspiration.headline')
-    }), generatedImages.length > 0 ? /*#__PURE__*/jsxs("div", {
-      className: sceneHistory,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: sceneHistoryTitle,
-        children: t('configurator.inspiration.sceneHistory')
-      }), /*#__PURE__*/jsx("div", {
-        className: sceneHistorySwiper,
-        children: /*#__PURE__*/jsxs(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: [/*#__PURE__*/jsx(SwiperSlide, {
-            onClick: function onClick() {
-              if (aiState.isAnyGenerationInProgress) aiState.focusLoadingSlide();
-            },
-            children: /*#__PURE__*/jsxs("div", {
-              className: "".concat(sceneThumbPlaceholder, " ").concat(placeholderSelected || aiState.isLoadingSlideActive ? sceneThumbPlaceholderSelected : ''),
-              children: [placeholderSelected && selectedItem !== null && selectedItem !== void 0 && selectedItem.image ? /*#__PURE__*/jsxs(Fragment, {
-                children: [/*#__PURE__*/jsx("img", {
-                  src: selectedItem.image,
-                  alt: selectedItem.name,
-                  className: sceneThumbPlaceholderImage
-                }), selectedItem.name && /*#__PURE__*/jsx("span", {
-                  className: sceneThumbLabel,
-                  children: selectedItem.name
-                })]
-              }) : /*#__PURE__*/jsx("span", {
-                className: sceneThumbPlaceholderIcon,
-                children: "\u2728"
-              }), aiState.isAnyGenerationInProgress && /*#__PURE__*/jsx("div", {
-                className: sceneThumbSpinnerOverlay,
-                children: /*#__PURE__*/jsx("span", {
-                  className: sceneThumbSpinner
-                })
-              })]
-            })
-          }, "placeholder"), generatedImages.map(function (entry, idx) {
-            var _roomItems$find2, _aiState$currentlyVis;
-            var styleName = (_roomItems$find2 = roomItems.find(function (r) {
-              return r.key === entry.key;
-            })) === null || _roomItems$find2 === void 0 ? void 0 : _roomItems$find2.name;
-            var isActive = !placeholderSelected && !aiState.isLoadingSlideActive && ((_aiState$currentlyVis = aiState.currentlyVisibleRoom) === null || _aiState$currentlyVis === void 0 ? void 0 : _aiState$currentlyVis.src) === entry.src;
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              onClick: function onClick() {
-                setPlaceholderSelected(false);
-                aiState.useAiGeneratedRoom(entry.key, entry.hash, false, entry.src);
-              },
-              children: /*#__PURE__*/jsxs("div", {
-                className: "".concat(sceneThumb, " ").concat(isActive ? sceneThumbSelected : ''),
-                children: [/*#__PURE__*/jsx("img", {
-                  src: entry.src
-                }), styleName && /*#__PURE__*/jsx("span", {
-                  className: sceneThumbLabel,
-                  children: styleName
-                })]
-              })
-            }, "".concat(entry.key, "-").concat(entry.hash, "-").concat(idx));
-          })]
-        })
-      })]
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("p", {
-        className: subheadline,
-        children: t('configurator.inspiration.subheadline')
-      }), /*#__PURE__*/jsxs("div", {
-        className: mainImageCard,
-        children: [/*#__PURE__*/jsx("img", {
-          src: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.image,
-          alt: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
-          className: mainImage
-        }), selectedItem && /*#__PURE__*/jsxs("div", {
-          className: mainImageOverlay,
-          children: [/*#__PURE__*/jsx("h3", {
-            className: mainImageTitle,
-            children: selectedItem.name
-          }), !!selectedItem.description && /*#__PURE__*/jsx("p", {
-            className: mainImageDescription,
-            children: selectedItem.description
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: styleSelection,
-      children: /*#__PURE__*/jsx("div", {
-        className: styleButtonsSwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          modules: [Navigation],
-          spaceBetween: 10,
-          slidesPerView: "auto",
-          navigation: true,
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          onSwiper: setStyleSwiperRef,
-          children: roomItems.map(function (style, idx) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsxs("button", {
-                type: "button",
-                className: "".concat(styleButton, " ").concat(aiState.selectedRoom === style.key ? styleButtonSelected : ''),
-                onClick: function onClick() {
-                  aiState.setSelectedRoom(style.key);
-                  setPlaceholderSelected(true);
-                  styleSwiperRef === null || styleSwiperRef === void 0 || styleSwiperRef.slideTo(idx);
-                },
-                disabled: aiState.isAnyGenerationInProgress,
-                title: style.name,
-                children: [/*#__PURE__*/jsx("img", {
-                  src: style.image,
-                  alt: style.name,
-                  className: styleButtonImage
-                }), /*#__PURE__*/jsx("span", {
-                  className: styleButtonLabel,
-                  children: style.name
-                })]
-              })
-            }, style.key);
-          })
-        })
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: generateSection,
-      children: scenesRemaining > 0 && !keepUnlockVisible ? /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("button", {
-          type: "button",
-          className: generateButton,
-          onClick: function onClick() {
-            return selectedItem && aiState.handleGenerate(selectedItem.key, true);
-          },
-          disabled: !selectedItem || aiState.isAnyGenerationInProgress || ((_budget$isLimitReache = budget === null || budget === void 0 ? void 0 : budget.isLimitReached) !== null && _budget$isLimitReache !== void 0 ? _budget$isLimitReache : false) || hasImageForCurrentPrompt,
-          children: [/*#__PURE__*/jsx("span", {
-            children: hasImageForCurrentPrompt ? t('configurator.inspiration.generated') : aiState.isAnyGenerationInProgress ? t('configurator.inspiration.generating') : generationErrorKey ? t('configurator.inspiration.retry') : t('configurator.inspiration.generate')
-          }), !hasImageForCurrentPrompt && !aiState.isAnyGenerationInProgress && /*#__PURE__*/jsx("span", {
-            className: generateButtonSubtext,
-            children: t('configurator.inspiration.generateTime', '(ca. 20 Sek.)')
-          })]
-        }), generationErrorKey && /*#__PURE__*/jsx("p", {
-          className: errorMessage,
-          children: t(generationErrorKey, generationErrorKey === 'configurator.roomRendering.aiGenerationError.imageSafety' ? t('configurator.inspiration.imageSafetyError') : generationErrorKey === 'configurator.roomRendering.aiGenerationError.resourceExhausted' ? t('configurator.inspiration.resourceExhaustedError') : t('configurator.inspiration.unknownError'))
-        }), /*#__PURE__*/jsx("p", {
-          className: remainingText,
-          children: scenesRemaining === 1 ? t('configurator.inspiration.remainingOne') : t('configurator.inspiration.remaining', {
-            scenesRemaining: scenesRemaining
-          })
-        })]
-      }) : /*#__PURE__*/jsx(UnlockCard, {
-        budgetTotal: (_budget$total = budget === null || budget === void 0 ? void 0 : budget.total) !== null && _budget$total !== void 0 ? _budget$total : 3,
-        leadBonus: leadBonus,
-        leadKeyActive: (_budget$leadKeyActive = budget === null || budget === void 0 ? void 0 : budget.leadKeyActive) !== null && _budget$leadKeyActive !== void 0 ? _budget$leadKeyActive : false,
-        onSubmit: (/*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(email) {
-            var result;
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  setKeepUnlockVisible(true);
-                  _context.next = 3;
-                  return aiState.createLeadKey(email);
-                case 3:
-                  result = _context.sent;
-                  return _context.abrupt("return", result !== null && result !== void 0 ? result : {
-                    success: false
-                  });
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee);
-          }));
-          return function (_x) {
-            return _ref2.apply(this, arguments);
-          };
-        }()),
-        onSuccess: function onSuccess() {
-          return setKeepUnlockVisible(false);
-        }
-      })
-    }), scenesRemaining > 0 && !keepUnlockVisible && /*#__PURE__*/jsxs("div", {
-      className: customInputSection,
-      children: [/*#__PURE__*/jsx("p", {
-        className: styleDescriptionText,
-        children: t('configurator.inspiration.customPromptToggle', 'Optional: Bild personalisieren')
-      }), /*#__PURE__*/jsx("input", {
-        type: "text",
-        className: customInput,
-        value: (_aiState$customPrompt = aiState.customPromptInput) !== null && _aiState$customPrompt !== void 0 ? _aiState$customPrompt : '',
-        onChange: function onChange(e) {
-          return aiState.setCustomPromptInput(e.target.value);
-        },
-        placeholder: t('configurator.inspiration.customPlaceholder')
-      }), promptExamples.length > 0 && /*#__PURE__*/jsx("div", {
-        className: promptExamplesSwiper,
-        children: /*#__PURE__*/jsx(Swiper, {
-          spaceBetween: 8,
-          slidesPerView: "auto",
-          wrapperClass: "no-swiping",
-          resizeObserver: true,
-          children: promptExamples.map(function (example) {
-            return /*#__PURE__*/jsx(SwiperSlide, {
-              children: /*#__PURE__*/jsx("button", {
-                type: "button",
-                className: promptExampleChip,
-                onClick: function onClick() {
-                  return aiState.setCustomPromptInput(example);
-                },
-                children: example
-              })
-            }, example);
-          })
-        })
-      })]
-    }), /*#__PURE__*/jsx("button", {
-      type: "button",
-      className: tryVariantLink,
-      onClick: function onClick() {
-        var firstStep = viewHandler.tabGroupState.firstVisibleConfigStep;
-        if (!firstStep) return;
-        window.lastNavigationType = 'STYLE_CONSULTANT_PALETTE';
-        viewHandler.navigateToConfigStep(firstStep.key);
-      },
-      children: t('configurator.inspiration.tryVariant')
-    })]
-  });
-};
-var StyleConsultant$1 = observer(StyleConsultant);
-
-export { StyleConsultant$1 as default };

package/build/esm/index-ee12bf3d.js

@@ -1,162 +0,0 @@
-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-069dfa13.js';
-import { useState, useEffect } from 'react';
-import OrbitControlElement from 'react-3d-cube-interaction';
-import { observer } from 'mobx-react-lite';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var orbitInteractionContainer = "orbit-interaction-container-BHDEA";
-var cubeText = "cubeText-rsimr";
-var mobile = "mobile-YALCk";
-var roomVisible = "room-visible-QNMOE";
-var css_248z = ".orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.cubeText-rsimr {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.mobile-YALCk.orbit-interaction-container-BHDEA {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.room-visible-QNMOE {\n  display: none;\n}\n";
-styleInject(css_248z);
-
-var camRotHorizontal_LastFrame = undefined;
-var camRotVertical_LastFrame = undefined;
-var AUTO_HIDE_IN_MS = 2000;
-var timeOut = undefined;
-var OrbitInteractionStandard = function OrbitInteractionStandard(_ref) {
-  var _viewHandler$productS;
-  var _ref$orbitInteraction = _ref.orbitInteractionContainerClass,
-    orbitInteractionContainerClass = _ref$orbitInteraction === void 0 ? orbitInteractionContainer : _ref$orbitInteraction;
-  var viewHandler = useViewHandler();
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHidden = _useState2[0],
-    setHidden = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useDivaCore = useDivaCore(),
-    isModalOpen = _useDivaCore.state.isModalOpen;
-
-  // When modal is open, don't use the SVG as interaction element to fix Safari iPad touch event issue
-  // The SVG's event listeners from react-3d-cube-interaction interfere with Safari's touch handling
-  var interactionElement = isModalOpen ? null : (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : document.getElementById('diva3dImg');
-  useEffect(function () {
-    if (timeOut) clearTimeout(timeOut);
-    if (isHidden) {
-      timeOut = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              viewHandler.productState.setOrbitIsHidden(true);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      })), AUTO_HIDE_IN_MS);
-    } else {
-      viewHandler.productState.setOrbitIsHidden(false);
-    }
-  }, [isHidden]);
-  if (!viewHandler.productState.doShowRenderImage || viewHandler.productState.doShowAIRoom || viewHandler.productState.plannerRenderingIsStaticBG) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  var initParams = viewHandler.viewPlannerHandler.getOrbitCubeInitParams();
-  var onRotationChange = function onRotationChange(p) {
-    if (viewHandler.productState.ignoreUpdateRenderingOnOrbitChanged) {
-      viewHandler.productState.setIgnoreUpdateRenderingOnOrbitChanged(false);
-      return;
-    }
-    if (camRotHorizontal_LastFrame != undefined && camRotVertical_LastFrame != undefined && p.horizontal == camRotHorizontal_LastFrame && p.vertical == camRotVertical_LastFrame) return;
-    var rotHori = p.horizontal;
-    var rotVert = p.vertical;
-    camRotHorizontal_LastFrame = p.horizontal;
-    camRotVertical_LastFrame = p.vertical;
-    viewHandler.viewPlannerHandler.updateOrbitCubeInitParams(p.horizontal, p.vertical);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DSetVPByVal', {
-      nav3DSetVPByVal: {
-        rotX: rotHori,
-        rotY: rotVert
-      }
-    });
-  };
-
-  /**
-   *
-   * @param p form 10 (max zoom) to -10 (min zoom)
-   */
-  var onZoomChange = function onZoomChange(zoom) {
-    var p = Math.round(zoom.absoluteZoom);
-    viewHandler.divaWebPlanner.handle3DVisualizationChanged('Nav3DZoom', {
-      nav3DZoom: {
-        zoomVal: p
-      }
-    });
-  };
-  if (viewHandler.uiState.isLoading) {
-    camRotHorizontal_LastFrame = undefined;
-    camRotVertical_LastFrame = undefined;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(orbitInteractionContainerClass, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.productState.roomListExpanded ? roomVisible : undefined),
-    children: /*#__PURE__*/jsx(OrbitControlElement, {
-      hiddenState: [isHidden, setHidden],
-      ref: function ref(_ref3) {
-        return viewHandler.productState.setOrbitCubeElement(_ref3);
-      },
-      size: viewHandler.uiState.isInMobileView ? '40px' : '80px',
-      interactionElement: interactionElement,
-      onRotationChange: onRotationChange,
-      onZoomChange: onZoomChange,
-      autoHide: AUTO_HIDE_IN_MS,
-      initialRotation: initParams != undefined ? {
-        horizontal: initParams.rotHorizontal,
-        vertical: initParams.rotVertical
-      } : undefined,
-      zoomFactorResetDelay: 500,
-      minCssScale: 0.5,
-      maxCssScale: 1.5,
-      disableDefaultScrollBehaviour: true,
-      cubeFaceChildren: {
-        back: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.back')
-        }),
-        bottom: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.bottom')
-        }),
-        front: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.front')
-        }),
-        left: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.left')
-        }),
-        right: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.right')
-        }),
-        top: /*#__PURE__*/jsx("div", {
-          className: cubeText,
-          children: t('cube.top')
-        })
-      }
-    })
-  });
-};
-var OrbitInteractionStandard$1 = observer(OrbitInteractionStandard);
-
-export { OrbitInteractionStandard$1 as default };