@crystaldesign/diva-web-planner-react 26.6.7-rc.0 → 26.6.7

package/build/esm/index-6c3cef81.js

@@ -1,178 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-bbdfb97a.js';
-import classnames from 'classnames';
-import DockFilter from './index-056f2eae.js';
-import RALFilter from './index-7f2e9c31.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-2f37b9f2.js';
-import ToggleHeader from './index-07dcdfbf.js';
-import NumberInput from './index-47c24a7e.js';
-import InfoButton from './index-45a336e4.js';
-import PDFButton from './index-d18644c0.js';
-import SummaryVariantButton from './index-417c106a.js';
-import SelectedOpv from './index-bb465149.js';
-import InfoIcon from './index-04a7a9b4.js';
-import SettingsPosNr from './index-cf5f891b.js';
-import SettingsConfigSingle from './index-e35b73c9.js';
-import { u as useStickyScroll } from './ussIsSticky-2f6bc37b.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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/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-4b3e6bbf.js';
-import 'react-dropdown';
-import './index-69271b96.js';
-import './index-9a965a68.js';
-import '@crystaldesign/content-box';
-import './index-e9a81262.js';
-import './index-409bde34.js';
-import 'react-laag';
-import './index-7635bafb.js';
-import './index-08388020.js';
-import 'swiper/react';
-
-var headerWrapper = "header-wrapper-qVEmI";
-var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
-var isSticky = "is-sticky-9WgWo";
-var portrait = "portrait-8Z7gh";
-var tablet = "tablet-GGMXO";
-var scroller = "scroller-jdhnI";
-var wcConfiguratorSettingsHeaderPrice = "wcConfigurator-settings-header-price-UmViW";
-var isHeader = "is-header-sgSKB";
-var option = "option-M-arn";
-var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
-var minExpanded = "min-expanded-kEE9N";
-var quantity = "quantity-GKJLF";
-var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 10px;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    font-size 0.4s ease,\n    margin-top 0.4s ease,\n    line-height 0.4s ease;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK,\nbody.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcConfigurator-settings-header-title--CcUK {\n  color: #f7fafc;\n}\n\n.is-sticky-9WgWo {\n  font-size: 16px;\n  margin-top: 5px;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.portrait-8Z7gh.is-sticky-9WgWo:not(.tablet-GGMXO) {\n  --infoIconSize: 16px;\n}\n\n.scroller-jdhnI.is-sticky-9WgWo .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n  z-index: 2000;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.is-sticky-9WgWo.portrait-8Z7gh:not(.tablet-GGMXO) .wcConfigurator-settings-header-title--CcUK {\n  font-size: 13px;\n  line-height: 17px;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK,\n.portrait-8Z7gh.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.is-sticky-9WgWo.scroller-jdhnI:hover .wcConfigurator-settings-header-title--CcUK {\n  margin: 4px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.is-sticky-9WgWo.is-header-sgSKB.scroller-jdhnI.option-M-arn {\n  position: relative;\n}\n\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcConfigItem-Header-JEANn {\n  margin-top: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 30px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.is-sticky-9WgWo.wcConfigItem-Header-JEANn {\n  min-height: 0;\n  min-height: initial;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n  gap: 10px;\n  transition: opacity 0.4s ease;\n  opacity: 1;\n  margin-bottom: 4px;\n}\n\n.portrait-8Z7gh .icons-container-DbfdO {\n  gap: 6px;\n}\n\n.portrait-8Z7gh:not(.tablet-GGMXO).is-sticky-9WgWo .icons-container-DbfdO {\n  opacity: 0;\n  width: 0px;\n  height: 0px;\n  pointer-events: none;\n}\n\n.is-sticky-9WgWo:not(.portrait-8Z7gh):hover .icons-container-DbfdO {\n  opacity: 1;\n  height: auto;\n}\n";
-styleInject(css_248z);
-
-var SettingsItemHeader = function SettingsItemHeader(_ref) {
-  var _viewHandler$settings, _viewHandler$getViewC, _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
-  var isSettingsHeader = _ref.isSettingsHeader,
-    item = _ref.item,
-    isInScroller = _ref.isInScroller,
-    _ref$titleClass = _ref.titleClass,
-    titleClass = _ref$titleClass === void 0 ? wcConfiguratorSettingsHeaderTitle : _ref$titleClass,
-    _ref$containerClass = _ref.containerClass,
-    containerClass = _ref$containerClass === void 0 ? wcConfigItemHeader : _ref$containerClass,
-    text = _ref.text,
-    header = _ref.header,
-    specialElement1 = _ref.specialElement1;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var headerStickyPosThreshhold = (item === null || item === void 0 ? void 0 : item.configStepKey) == 'SUMMARY' && item.id == 2 ? 48 : (item === null || item === void 0 ? void 0 : item.configStepKey) == 'PLANNER' && viewHandler.settingsState.planner2Dot0Active && item.id == 2 ? viewHandler.uiState.isInMobileView ? viewHandler.uiState.isTablet ? 99 : 74 : 74 : 0;
-  var _useStickyScroll = useStickyScroll(headerStickyPosThreshhold, (_viewHandler$settings = viewHandler.settingsState.settingsScrollerElement) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : null),
-    stickyRef = _useStickyScroll.stickyRef,
-    isStickyScroll = _useStickyScroll.isSticky;
-  var FilterTypeComponentMap = {
-    DockFilter: !viewHandler.settingsState.plannerReplaceMode ? DockFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    RAL: !viewHandler.uiState.ViewConfig.hideRalColorFilter ? RALFilter : function () {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    CONCEPT: function CONCEPT() {
-      return /*#__PURE__*/jsx(Fragment, {});
-    },
-    None: function None() {
-      return /*#__PURE__*/jsx(Fragment, {});
-    }
-  };
-  var PaletteComponent = FilterTypeComponentMap[item !== null && item !== void 0 && item.filterComponent ? item.filterComponent : 'None'];
-  var doShowSearchbar = (item === null || item === void 0 ? void 0 : item.searchVisible) && (!isSettingsHeader || !!item.shelfPlannerGrids || item.type == 'PLANNER_2.0') && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
-  var doShowFilter = (item === null || item === void 0 ? void 0 : item.filterVisible) && !isSettingsHeader && item.filterComponent;
-  var isStickyVal = isStickyScroll || viewHandler.settingsState.isScrollingDown && viewHandler.configuratorStructureHandler.curTabgroupType.includes('PLANNER');
-  var title = text ? t(text) : (isSettingsHeader || (item === null || item === void 0 ? void 0 : item.type) == 'TOGGLE') && (!viewHandler.getIsInMobileView() || !viewHandler.settingsState.posNrAreHidden) ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
-  if (item !== null && item !== void 0 && item.isMultiselect) {
-    title = title + ' (' + t('configurator.isMultiselect') + ')';
-  }
-  if ((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showOptionCodexInOptionHeader) title = title + (item !== null && item !== void 0 && item.optionCodex ? ' (' + item.optionCodex + ')' : '');
-  if (title == '') return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(containerClass, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isTablet ? tablet : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, header ? isHeader : undefined, isInScroller ? scroller : undefined, isStickyVal ? isSticky : undefined, (item === null || item === void 0 ? void 0 : item.configStepKey) == 'OPTION' ? option : undefined),
-    ref: stickyRef,
-    style: {
-      top: headerStickyPosThreshhold
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      className: headerWrapper,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: titleClass,
-        children: [/*#__PURE__*/jsx("span", {
-          "data-test-id": "settingsItemHeaderTitle",
-          children: title
-        }), !isSettingsHeader && (item === null || item === void 0 ? void 0 : item.measureUnit) && /*#__PURE__*/jsx(NumberInput, {
-          item: item
-        })]
-      }), !isSettingsHeader && /*#__PURE__*/jsx(Fragment, {
-        children: item !== null && item !== void 0 && (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && (_item$selectedElement = _item$selectedElement[0]) !== null && _item$selectedElement !== void 0 && _item$selectedElement.url ? /*#__PURE__*/jsx(InfoButton, {
-          id: item.id,
-          selectedElement: item.selectedElements[0],
-          openUrl: true
-        }) : item !== null && item !== void 0 && item.optionContentItemId ? /*#__PURE__*/jsx(InfoIcon, {
-          item: {
-            contentItemId: item.optionContentItemId,
-            codex: item.configStepKey
-          },
-          style: {
-            position: 'relative',
-            marginLeft: 8
-          }
-        }, item.optionCodex) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement2 = item.selectedElements) === null || _item$selectedElement2 === void 0 ? void 0 : _item$selectedElement2.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
-          id: item.id,
-          selectedElement: item.selectedElements[0]
-        })
-      }), (item === null || item === void 0 ? void 0 : item.quantity) !== undefined && !isSettingsHeader && /*#__PURE__*/jsxs("div", {
-        className: classnames(quantity),
-        children: [" ", t('configurator.quantity', 'Anzahl') + ': ' + (item === null || item === void 0 ? void 0 : item.quantity), "x"]
-      }), /*#__PURE__*/jsxs("div", {
-        className: iconsContainer,
-        children: [!hidePrices && !isSettingsHeader && (item === null || item === void 0 ? void 0 : item.price) !== undefined && /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsHeaderPrice,
-          children: item === null || item === void 0 ? void 0 : item.price
-        }), header && viewHandler.settingsState.doShowConfigSingle ? /*#__PURE__*/jsx(SettingsConfigSingle, {}) : undefined, header && viewHandler.settingsState.doShowActElementInfo && !viewHandler.uiState.ViewConfig.hideElementInfo && /*#__PURE__*/jsx(SettingsPosNr, {}), specialElement1, (item === null || item === void 0 ? void 0 : item.type) == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
-          item: item
-        }), doShowSearchbar && /*#__PURE__*/jsx(Searchbar, {
-          isInScroller: isInScroller,
-          item: item,
-          doShowFilter: !!doShowFilter
-        }, item === null || item === void 0 ? void 0 : item.configStepKey), doShowFilter && /*#__PURE__*/jsx(PaletteComponent, {
-          id: item === null || item === void 0 ? void 0 : item.id
-        }), item && /*#__PURE__*/jsx(SummaryVariantButton, {
-          item: item
-        }), !isSettingsHeader && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 || (_item$selectedElement3 = _item$selectedElement3[0]) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.pdfUrl) && /*#__PURE__*/jsx(PDFButton, {
-          pdfUrl: item === null || item === void 0 ? void 0 : item.selectedElements[0].pdfUrl
-        })]
-      }), (item === null || item === void 0 ? void 0 : item.selectedElements) && (item === null || item === void 0 ? void 0 : item.isMultiselect) && header && /*#__PURE__*/jsx(SelectedOpv, {
-        item: item,
-        selectedElements: item.selectedElements
-      })]
-    })
-  });
-};
-var SettingsItemHeader$1 = observer(SettingsItemHeader);
-
-export { SettingsItemHeader$1 as default };

package/build/esm/index-7167c5bc.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-bbdfb97a.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useRef, useEffect } from 'react';
-import { useLayer } from 'react-laag';
-import Tooltip from './index-5a146745.js';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-c648d661.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-737069b2.js

@@ -1,277 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler, S as SettingsHeader } from './index-bbdfb97a.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { s as swiperClass, a as swiperWrapper, b as swiperSlide } from './index.module-0226fe2f.js';
-import SettingsScroller from './index-c6e30dc7.js';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import NavForwardButton from './index-2ae3382c.js';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/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 './index-3bcdb4a8.js';
-import './index-607ce1b1.js';
-import './index-e8768440.js';
-import './index-105eab2c.js';
-import 'sift';
-import './index-0d3bfd91.js';
-import './index-2b5bdfe1.js';
-import './index-caff71dc.js';
-import './index-5cb692e9.js';
-import './index.module-d6f043d2.js';
-import './index-04a7a9b4.js';
-import './index-755074ae.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-db439036.js';
-import 'react-dropdown';
-import './index-7f2e9c31.js';
-import './index-4b3e6bbf.js';
-import './index-69271b96.js';
-import './index-9a965a68.js';
-import '@crystaldesign/content-box';
-import './index-e9a81262.js';
-import './index-2f37b9f2.js';
-import './index-bea5c228.js';
-import './index-014a5003.js';
-import 'swiper/modules';
-import './UnlockCard-575022e0.js';
-import './index-ce21cd4d.js';
-import './index-6a697eea.js';
-import './index-ea5e3e90.js';
-import './index-69fd5e9e.js';
-import './index-079ef135.js';
-import './index-4b48794b.js';
-import 'react-laag';
-import './index.module-25687dd9.js';
-import './index-3f40a92d.js';
-import './index-66fd1759.js';
-import './index-8a330776.js';
-import './index-4fda4c71.js';
-import './index-d896efe9.js';
-import './index.module-fe49e10f.js';
-import './index-6051ac01.js';
-import './index-ec31a7cb.js';
-import './index-79fbb400.js';
-import './index-2e39dac3.js';
-import './index-1641324b.js';
-import './index-7635bafb.js';
-import './index-0e0e6ac6.js';
-import './index-a1cef81d.js';
-import './index-4c03ac5c.js';
-import './index-10d8be2f.js';
-import './index-b7364bb1.js';
-import './index-a253bbbf.js';
-import './index-4ca1affe.js';
-import 'rc-slider';
-import './index-c44088dc.js';
-import './index-e4d1ba18.js';
-import './index-d5bb9bda.js';
-import './index-dd2aabd2.js';
-import './index-eb98a8c6.js';
-import 'react-confetti-explosion';
-import './index-d0331808.js';
-import './index-7167c5bc.js';
-import './index-5a146745.js';
-import 'react-qr-code';
-import './index-c648d661.js';
-import './useCustomDimensions-8be02680.js';
-import './index-c0a41b5b.js';
-import './ussIsSticky-2f6bc37b.js';
-import './index-290c519e.js';
-import './index-be7a52a8.js';
-import './index-9c4f9dc2.js';
-import './index.module-613d19d3.js';
-import './index-23081351.js';
-import './index-b14a4a7c.js';
-import './index-fdf81349.js';
-import './index-688fe1aa.js';
-import './index-49b01da7.js';
-import './index-f4a37353.js';
-
-var useSwiperHook = function useSwiperHook(viewHandler) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    swiperRef = _useState2[0],
-    setSwiperRef = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    allSwipes = _useState4[0],
-    setAllSwipes = _useState4[1];
-  useEffect(function () {
-    var allSwipes = Object.keys(viewHandler.tabGroupState.allTabGroups);
-    setAllSwipes(allSwipes);
-    if (viewHandler.tabGroupState.curTabGroup) {
-      if (allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) != (swiperRef === null || swiperRef === void 0 ? void 0 : swiperRef.activeIndex)) {
-        swiperRef === null || swiperRef === void 0 || swiperRef.slideTo(allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key), 400);
-      }
-    }
-  }, [viewHandler.tabGroupState.allTabGroups, viewHandler.tabGroupState.curTabGroup, swiperRef]);
-  var teaseSwipe = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var offset,
-        duration,
-        durationQuarter,
-        currentTranslate,
-        teaseTranslate,
-        _args = arguments;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            offset = _args.length > 0 && _args[0] !== undefined ? _args[0] : 50;
-            duration = _args.length > 1 && _args[1] !== undefined ? _args[1] : 500;
-            if (swiperRef) {
-              _context.next = 4;
-              break;
-            }
-            return _context.abrupt("return");
-          case 4:
-            durationQuarter = duration * 0.25;
-            currentTranslate = swiperRef.getTranslate();
-            teaseTranslate = currentTranslate - offset;
-            swiperRef.allowTouchMove = false;
-
-            // Smooth initial movement outward - slower
-            swiperRef.setTransition(durationQuarter * 2); // Increased from 1.5 to 2
-            swiperRef.setTranslate(teaseTranslate);
-            _context.next = 12;
-            return DivaUtils.Sleep(durationQuarter * 2);
-          case 12:
-            // Increased sleep to match transition
-
-            // Gentle bounce back
-            swiperRef.setTransition(durationQuarter);
-            swiperRef.setTranslate(currentTranslate - offset * 0.5);
-            _context.next = 16;
-            return DivaUtils.Sleep(durationQuarter);
-          case 16:
-            // Small outward movement - faster
-            swiperRef.setTransition(durationQuarter * 0.5);
-            swiperRef.setTranslate(teaseTranslate * 0.8);
-            _context.next = 20;
-            return DivaUtils.Sleep(durationQuarter * 0.5);
-          case 20:
-            // Final smooth return
-            swiperRef.setTransition(durationQuarter * 1.75);
-            swiperRef.setTranslate(currentTranslate);
-            swiperRef.allowTouchMove = true;
-          case 23:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function teaseSwipe() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  //  useEffect(() => {
-  //    const timeout = setTimeout(() => {
-  //      teaseSwipe(100, 1000);
-  //    }, 3000);
-  //    return () => clearTimeout(timeout);
-  //  }, [swiperRef]);
-
-  var handleSlideChange = function handleSlideChange(e) {
-    if (viewHandler.tabGroupState.curTabGroup === undefined) return;
-    window.lastNavigationType = 'SETTINGS_SWIPER_SWIPE';
-    var diff = e.activeIndex - allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key);
-    if (diff == 1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsForth(true, true);
-    } else if (diff == -1) {
-      viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-    } else if (diff !== 0) {
-      if (viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]]) {
-        viewHandler.tabGroupState.navigateToTabgroupByPosNr(viewHandler.tabGroupState.allTabGroups[allSwipes[e.activeIndex]].posNr);
-      }
-    }
-  };
-  var handleSetTransition = function handleSetTransition() {
-    viewHandler.uiState.swiperNavigationActive = true;
-  };
-  var handleTransitionEnd = function handleTransitionEnd() {
-    viewHandler.uiState.swiperNavigationActive = false;
-  };
-  var initialSlide = viewHandler.tabGroupState.curTabGroup ? allSwipes.indexOf(viewHandler.tabGroupState.curTabGroup.key) : 0;
-  return {
-    swiperRef: swiperRef,
-    setSwiperRef: setSwiperRef,
-    allSwipes: allSwipes,
-    handleSlideChange: handleSlideChange,
-    handleSetTransition: handleSetTransition,
-    handleTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    teaseSwipe: teaseSwipe
-  };
-};
-
-var SettingsSwiper = function SettingsSwiper(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var _useSwiperHook = useSwiperHook(viewHandler),
-    setSwiperRef = _useSwiperHook.setSwiperRef,
-    allSwipes = _useSwiperHook.allSwipes,
-    handleSlideChange = _useSwiperHook.handleSlideChange,
-    handleSetTransition = _useSwiperHook.handleSetTransition,
-    handleTransitionEnd = _useSwiperHook.handleTransitionEnd,
-    initialSlide = _useSwiperHook.initialSlide;
-  var noSwiping = '.no-swiping';
-  if (!viewHandler.tabGroupState.curTabGroup || !(allSwipes !== null && allSwipes !== void 0 && allSwipes.length)) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Swiper, {
-    onSlideChange: handleSlideChange,
-    onSetTransition: handleSetTransition,
-    onTransitionEnd: handleTransitionEnd,
-    initialSlide: initialSlide,
-    onSwiper: setSwiperRef,
-    className: swiperClass,
-    noSwipingSelector: noSwiping,
-    resizeObserver: true,
-    slidesPerView: 1,
-    threshold: 30,
-    wrapperClass: classnames('swiper-wrapper', swiperWrapper),
-    children: allSwipes.map(function (swipe) {
-      var _Array$from$;
-      var tabGroup = viewHandler.tabGroupState.allTabGroups[swipe];
-      var title = tabGroup ? (_Array$from$ = Array.from(tabGroup.options.values())[0]) === null || _Array$from$ === void 0 ? void 0 : _Array$from$.title : undefined;
-      return /*#__PURE__*/jsx(SwiperSlide, {
-        className: swiperSlide,
-        children: swipe == viewHandler.tabGroupState.curTabGroup.key ? /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(SettingsScroller, {}, swipe), /*#__PURE__*/jsx(NavForwardButton, {})]
-        }) : /*#__PURE__*/jsx("div", {
-          style: {
-            height: '100%',
-            overflow: 'auto',
-            width: 'calc(100% - 20px)',
-            marginLeft: 'var(--settingsScrollerPaddingLeft)'
-          },
-          children: title && /*#__PURE__*/jsx(SettingsHeader, {
-            text: title,
-            isSettingsHeader: false,
-            isInScroller: true
-          })
-        })
-      }, swipe);
-    })
-  });
-};
-var SettingsSwiper$1 = observer(SettingsSwiper);
-
-export { SettingsSwiper$1 as default };