@crystaldesign/diva-web-planner-react 26.8.0-beta.17 → 26.8.0-beta.19

package/build/esm/index-243d3aa6.js

@@ -1,168 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-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/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 wrapper = "wrapper-PiHd4";
-var title = "title-50yik";
-var text = "text-LbROy";
-var progressText = "progressText-NTSPw";
-var progressBar = "progressBar-M9LH7";
-var progressFill = "progressFill-2bm6H";
-var css_248z = ".wrapper-PiHd4 {\n  text-align: center;\n  color: #2a4b63;\n  color: var(--infoBannerColor, #2a4b63);\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  background-color: var(--infoBannerBackground, #f5f9fc);\n  border-radius: 8px;\n}\n\n.title-50yik {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.text-LbROy {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.progressText-NTSPw {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.progressBar-M9LH7 {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  background-color: var(--infoBannerProgressBarBackground, #e0e0e0);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.progressFill-2bm6H {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .title-50yik {\n  font-size: 1em;\n}\n\n.mobile .wrapper-PiHd4 {\n  font-size: 0.9em;\n}\n";
-styleInject(css_248z);
-
-var InfoBanner = function InfoBanner(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    user = _useDivaCore.state.user;
-
-  // State variables
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    totalLimit = _useState2[0],
-    setTotalLimit = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    usedCount = _useState4[0],
-    setUsedCount = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    progressPercent = _useState6[0],
-    setProgressPercent = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    bannerText = _useState8[0],
-    setBannerText = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    usageText = _useState10[0],
-    setUsageText = _useState10[1];
-
-  // Determine if user is anonymous (no user object)
-  var isAnonymous = !user;
-
-  // Get usage budget and limit status from AI state
-  var usageBudget = viewHandler.aiState.usageBudget;
-  var timeframeLimitReached = viewHandler.aiState.isTimeframeLimitReached;
-  var isIpLimitOnly = viewHandler.aiState.isIpLimitOnly;
-  var hasViolations = viewHandler.aiState.hasViolations;
-  var organizationAISettings = viewHandler.settingsState.organizationAISettings;
-
-  // Effect to calculate and update all state values
-  useEffect(function () {
-    // Calculate values
-    var newTotalLimit = 0;
-    var newUsedCount = 0;
-    var newIsLimitReached = false;
-    if (usageBudget) {
-      newTotalLimit = usageBudget.total;
-      newUsedCount = usageBudget.used;
-      newIsLimitReached = !!viewHandler.aiState.isTimeframeLimitReached;
-    } else if (isAnonymous) {
-      // Fallback to organization settings if no usage limits loaded
-      var anonymousLimit = (organizationAISettings === null || organizationAISettings === void 0 ? void 0 : organizationAISettings.anonymousDailyIPLimit) || 2;
-      newTotalLimit = anonymousLimit;
-      newUsedCount = 0;
-    }
-
-    // Update state values
-    setTotalLimit(newTotalLimit);
-    setUsedCount(newUsedCount);
-
-    // Calculate progress percentage for the bar
-    var newProgressPercent = newTotalLimit > 0 ? (newUsedCount + (viewHandler.aiState.isAnyGenerationInProgress ? 1 : 0)) / newTotalLimit * 100 : 0;
-    setProgressPercent(newProgressPercent);
-
-    // Determine banner text
-    var newBannerText = '';
-    var newUsageText = '';
-    newUsageText = t('configurator.roomRendering.anonymousBanner.used');
-    if (newIsLimitReached) {
-      if (isIpLimitOnly) {
-        // Only IP limit reached - can be bypassed with lead key
-        // If lead key is active, don't show the lead key bonus
-        if (organizationAISettings !== null && organizationAISettings !== void 0 && organizationAISettings.leadRewardBonus && !(usageBudget !== null && usageBudget !== void 0 && usageBudget.leadKeyActive)) {
-          newBannerText = t('configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey', {
-            leadRewardBonus: organizationAISettings.leadRewardBonus
-          });
-        } else {
-          newBannerText = t('configurator.roomRendering.anonymousBanner.ipLimitReached');
-        }
-      } else if (timeframeLimitReached) {
-        switch (timeframeLimitReached) {
-          case 'daily':
-            newBannerText = t('configurator.roomRendering.banner.dailyLimitReached');
-            break;
-          case 'weekly':
-            newBannerText = t('configurator.roomRendering.banner.weeklyLimitReached');
-            break;
-          case 'monthly':
-            newBannerText = t('configurator.roomRendering.banner.monthlyLimitReached');
-            break;
-        }
-      }
-    } else {
-      newBannerText = t('configurator.roomRendering.infoText');
-    }
-    setBannerText(newBannerText);
-    setUsageText(newUsageText);
-  }, [usageBudget, isAnonymous, isIpLimitOnly, hasViolations, timeframeLimitReached, organizationAISettings, viewHandler.aiState.isAnyGenerationInProgress]);
-  return /*#__PURE__*/jsxs("div", {
-    className: wrapper,
-    children: [/*#__PURE__*/jsx("div", {
-      className: title,
-      children: t('configurator.roomRendering.infoTitle')
-    }), /*#__PURE__*/jsx("div", {
-      className: text,
-      children: bannerText
-    }), (!timeframeLimitReached || timeframeLimitReached == 'daily') && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs("div", {
-        className: progressText,
-        children: [/*#__PURE__*/jsx("div", {
-          children: usageText
-        }), /*#__PURE__*/jsxs("div", {
-          children: [usedCount, " / ", totalLimit]
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: progressBar,
-        style: {
-          marginTop: '8px'
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: progressFill,
-          style: {
-            width: "".concat(progressPercent, "%"),
-            backgroundColor: progressPercent > 99 ? 'var(--infoBannerProgressFillHigh, #d32f2f)' : progressPercent > 60 ? 'var(--infoBannerProgressFillMedium, #f57c00)' : 'var(--infoBannerProgressFillLow, #4caf50)'
-          }
-        })
-      })]
-    })]
-  });
-};
-var InfoBanner$1 = observer(InfoBanner);
-
-export { InfoBanner$1 as default };

package/build/esm/index-248e925e.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var container = "container-vxlYB";
-var totalPrice = "totalPrice-sBu4C";
-var price = "price-jVSu8";
-var css_248z = ".container-vxlYB {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.totalPrice-sBu4C {\n  float: left;\n  margin-left: 2rem;\n}\n\n.price-jVSu8 {\n  float: right;\n  margin-right: 2rem;\n}\n";
-styleInject(css_248z);
-
-var SummaryTotalPrice = function SummaryTotalPrice(props) {
-  var _viewHandler$productS;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !hidePrices && /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: totalPrice,
-        children: t('configurator.TotalPrice', 'TotalPrice')
-      }), /*#__PURE__*/jsx("div", {
-        className: price,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      })]
-    })
-  });
-};
-var TotalPrice = observer(SummaryTotalPrice);
-
-export { TotalPrice as default };

package/build/esm/index-24928a6c.js

@@ -1,57 +0,0 @@
-import { u as useViewHandler } from './index-f16b63bb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-9fe02b29.js';
-import IsActive from './index-f2b40178.js';
-import { jsx, 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';
-
-var ViewPoint = function ViewPoint(_ref) {
-  var itemP = _ref.item;
-  var item = itemP;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", {
-    className: paletteItem,
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnStaticVPPalette(item);
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [item.sel && /*#__PURE__*/jsx(IsActive, {}), /*#__PURE__*/jsx("div", {
-        className: wcImage,
-        style: {
-          backgroundImage: "url(".concat(item.url, ")")
-        }
-      }), /*#__PURE__*/jsx("div", {
-        className: textContainer,
-        children: /*#__PURE__*/jsx("div", {
-          className: wcConfiguratorSettingsTitle,
-          children: t('configurator.' + item.N)
-        })
-      })]
-    })
-  });
-};
-var ViewPoint$1 = observer(ViewPoint);
-
-export { ViewPoint$1 as default };

package/build/esm/index-251c949d.js

@@ -1,160 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { useState, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-29d66384.js';
-import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-ee60fd77.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@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 './index-8d2cdb10.js';
-import 'sift';
-import './index-9d6e38a8.js';
-import './index-0e4e932b.js';
-import './index-59d16491.js';
-import './index-30b11b34.js';
-import './index.module-67f62808.js';
-import './index-b2b1162a.js';
-import './index-62849fac.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-b3e322e8.js';
-import 'react-dropdown';
-import './index-c041f9c1.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-32bb4b12.js';
-import './index-633e6327.js';
-import './index-46b91537.js';
-import '@crystaldesign/content-box';
-import './index-e38d774f.js';
-import './index-3f5bb1e3.js';
-import './index-d3567f25.js';
-import './index-92d18413.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-68563fa5.js';
-import './index-30be548d.js';
-import './index-d2a090cc.js';
-import './index-a2e0e0e0.js';
-import './index-1cac4f6a.js';
-import './index-50ca4375.js';
-import './index-1597687f.js';
-import 'react-laag';
-import './index.module-b3c850d3.js';
-import './index-f2b40178.js';
-import './index-aa00de75.js';
-import './index-b1e9fe31.js';
-import './index-8d87554a.js';
-import './index-24928a6c.js';
-import './index.module-9fe02b29.js';
-import './index-20f6b99a.js';
-import './index-4e1d5173.js';
-import './index-6a653c97.js';
-import './index-501b52b7.js';
-import './index-081aabd7.js';
-import './index-6fd36ea9.js';
-import './index-affe109f.js';
-import './index-d61c7973.js';
-import './index-da6806ef.js';
-import './index-15204efa.js';
-import './index-40cbb7a9.js';
-import './index-d8e60f05.js';
-import './index-9aaebd32.js';
-import 'rc-slider';
-import './index-ecd17aa9.js';
-import './index-12ddd580.js';
-import './index-4c8fc150.js';
-import './index-31e3aaf4.js';
-import './index-96599c54.js';
-import 'react-confetti-explosion';
-import './index-8404febf.js';
-import './index-ea475052.js';
-import './index-8b5afbf4.js';
-import 'react-qr-code';
-import './index-3f422fc8.js';
-import './useCustomDimensions-5cf4dd62.js';
-import './index-61c8f1d4.js';
-import './ussIsSticky-a702922f.js';
-import './index-50122653.js';
-import './index-6f250c99.js';
-import './index-f180f8e3.js';
-import './index.module-3164bb8d.js';
-import './index-243d3aa6.js';
-import './index-77819ee4.js';
-import './index-8a8f28dd.js';
-import './index-5a15f771.js';
-import './index-e7fc0254.js';
-import './index-fccb29b1.js';
-
-var collapsableOuter = "collapsable-outer-udXIP";
-var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";
-styleInject(css_248z);
-
-var SubTabgroup = function SubTabgroup(_ref) {
-  var _viewHandler$getViewC, _viewHandler$getViewC2;
-  var itemPalettesOfArticle = _ref.itemPalettesOfArticle,
-    zIndexBase = _ref.zIndexBase;
-  var viewHandler = useViewHandler();
-  var _useState = useState(!!((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.selectAccessoiresWithToggle)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var basketIds = Object.keys(itemPalettesOfArticle);
-  var _useState3 = useState('ALL'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    curTab = _useState4[0],
-    setCurTab = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tabs = _useState6[0],
-    setTabs = _useState6[1];
-  var _useState7 = useState(itemPalettesOfArticle[basketIds[0]]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    itemPalettes = _useState8[0],
-    setItemPalettes = _useState8[1];
-  useEffect(function () {
-    var _itemPalettesOfArticl;
-    var actPalettes = (_itemPalettesOfArticl = itemPalettesOfArticle[curTab == 'ALL' ? basketIds[0] : curTab]) !== null && _itemPalettesOfArticl !== void 0 ? _itemPalettesOfArticl : {};
-    Object.values(actPalettes).map(function (p) {
-      return p.configAllMode = curTab == 'ALL' ? basketIds : undefined;
-    });
-    setItemPalettes(actPalettes);
-    setTabs(['ALL'].concat(_toConsumableArray(basketIds.length > 1 ? basketIds : [])));
-    if (!tabs.includes(curTab)) setCurTab(tabs[0]);
-  }, [itemPalettesOfArticle, curTab]);
-  return /*#__PURE__*/jsx(Collapsible, {
-    trigger: (_viewHandler$getViewC2 = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC2 !== void 0 && _viewHandler$getViewC2.selectAccessoiresWithToggle ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx(SubTabGroupHeader, {
-      tabs: tabs,
-      openState: [isOpen, setIsOpen],
-      curState: [curTab, setCurTab]
-    }),
-    contentOuterClassName: isOpen ? collapsableOuter : undefined,
-    easing: "ease",
-    open: isOpen,
-    triggerDisabled: isOpen,
-    children: /*#__PURE__*/jsx(SettingsItemsWrapper, {
-      itemPalettesArr: Object.values(itemPalettes),
-      zIndexBase: zIndexBase
-    })
-  });
-};
-var SubTabGroup = observer(SubTabgroup);
-
-export { SubTabGroup as default };

package/build/esm/index-27312522.js

@@ -1,88 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-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';
-
-var wcConfiguratorProductFooter = "wcConfigurator-product-footer-SQUKh";
-var portrait = "portrait-begxM";
-var landscape = "landscape-m3RkP";
-var expanded = "expanded-D5PIt";
-var wcButton = "wcButton-2kxBv";
-var sel = "sel-4wfuc";
-var wcViewAs = "wc_ViewAs-QJyAI";
-var css_248z = "/* footer */\n\n.wcConfigurator-product-footer-SQUKh {\n  text-align: center;\n  z-index: 350;\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  display: flex;\n  gap: 10px;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.landscape-m3RkP.wcConfigurator-product-footer-SQUKh {\n  display: none;\n}\n\n.expanded-D5PIt.wcConfigurator-product-footer-SQUKh {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:hover {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:active,\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv.sel-4wfuc:active {\n  background: #262626;\n  color: white;\n}\n\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  background: white;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 150px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #262626;\n}\n\n.portrait-begxM.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv {\n  min-width: 140px;\n}\n.wcConfigurator-product-footer-SQUKh .wcButton-2kxBv:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n/* ViewAs  */\n.wc_ViewAs-QJyAI {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.wc_ViewAs-QJyAI li {\n  display: block;\n}\n";
-styleInject(css_248z);
-
-var ProductFooter = function ProductFooter(props) {
-  var _viewHandler$divaWebP, _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderings = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getAlternateRenderingsForSummary()) !== null && _viewHandler$divaWebP !== void 0 ? _viewHandler$divaWebP : [];
-  if (viewHandler.productState.footerVisible.length <= 1 && (((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) != 'SUMMARY' || !renderings.length)) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.uiState.ViewConfig.roomListInProduct && viewHandler.productState.roomListExpanded && viewHandler.settingsState.roomListInitialized) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: /*#__PURE__*/jsxs("ul", {
-      className: wcViewAs,
-      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('3DCOMB');
-        },
-        children: t('configurator.Foto')
-      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('2D');
-        },
-        children: t('configurator.Grundriss')
-      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("li", {
-          className: classnames(wcButton, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
-          onClick: function onClick() {
-            return viewHandler.productState.onChangePlannerView('3D');
-          },
-          children: t('configurator.Foto')
-        }), ((_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.type) == 'SUMMARY' && renderings.map(function (rendering) {
-          var _viewHandler$productS;
-          return /*#__PURE__*/jsx("li", {
-            className: classnames(wcButton, viewHandler.productState.doShowRenderImage && ((_viewHandler$productS = viewHandler.productState.curAlternateRendering) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.imageCodex) === rendering.imageCodex ? sel : undefined),
-            onClick: function onClick() {
-              return viewHandler.productState.onChangePlannerView('3D', rendering);
-            },
-            children: rendering.title
-          });
-        })]
-      }), viewHandler.productState.allowRTV && /*#__PURE__*/jsx("li", {
-        className: classnames(wcButton, viewHandler.productState.doShowRTV ? sel : undefined),
-        onClick: function onClick() {
-          return viewHandler.productState.onChangePlannerView('RTV');
-        },
-        children: t('configurator.RTV')
-      })]
-    })
-  });
-};
-var index = observer(ProductFooter);
-
-export { index as default };

package/build/esm/index-28dc6fcb.js

@@ -1,48 +0,0 @@
-import './index-f16b63bb.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-
-var BoxCopy = function BoxCopy(_ref) {
-  var rect = _ref.rect,
-    item = _ref.item,
-    plannerUIProps = _ref.plannerUIProps,
-    invertLeftRight = _ref.invertLeftRight;
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick() {
-      var _item$clickFunction;
-      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), {
-        x: item.type == 'BoxCopyLeft' ? -1 : item.type == 'BoxCopyRight' ? 1 : 0,
-        y: item.type == 'BoxCopyTop' ? 1 : 0,
-        z: 0
-      });
-    },
-    style: {
-      left: rect.left + '%',
-      top: 100 - rect.top + '%'
-    },
-    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.copy.BoxPlannerCopy.copyGlobal, item.type == 'BoxCopyLeft' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : undefined, item.type == 'BoxCopyTop' ? plannerUIProps.classes.copy.BoxPlannerCopy.copyTop : undefined, item.type == 'BoxCopyRight' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : undefined)
-  });
-};
-var BoxCopy$1 = observer(BoxCopy);
-
-export { BoxCopy$1 as default };

package/build/esm/index-29020e41.js

@@ -1,91 +0,0 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f16b63bb.js';
-import { useState, useEffect } from 'react';
-import ItemVariant from './index-858abc4a.js';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 '@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 TabGroupVertical = function TabGroupVertical(props) {
-  var _viewHandler$tabGroup2;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceRerender = _useState2[0],
-    setRerender = _useState2[1];
-  var tabGroups = viewHandler.tabGroupState.allTabGroups;
-
-  //scroll logic
-  useEffect(function () {
-    viewHandler.tabGroupState.scrollToCurTabgroup();
-  }, [viewHandler.tabGroupState.curTabGroup]);
-
-  //render until we get initial heigth
-  useEffect(function () {
-    var didCancel = false;
-    var interval = window.setInterval(function () {
-      var _viewHandler$tabGroup;
-      var totalHeight = (_viewHandler$tabGroup = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.getBoundingClientRect().height;
-      if (totalHeight && totalHeight > 0) {
-        if (!didCancel) {
-          setRerender(!forceRerender);
-        }
-        window.clearInterval(interval);
-      }
-    }, 100);
-    return function () {
-      didCancel = true;
-      window.clearInterval(interval);
-    };
-  }, [viewHandler.tabGroupState.tabGroupScroller]);
-  if (!tabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  var totalHeight = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().height;
-  var minHeightOfOneStep = 80;
-  var minHeight = undefined;
-  var tabCount = tabGroups.size;
-  var height = 0;
-  if (totalHeight) {
-    height = totalHeight / tabCount;
-    if (tabCount * minHeightOfOneStep > totalHeight) {
-      minHeight = minHeightOfOneStep;
-    }
-  } else {
-    setTimeout(function () {
-      return setRerender(!forceRerender);
-    }, 100);
-  }
-  var tabGroupList = _toConsumableArray(tabGroups.values());
-  var firstTabGroup = tabGroupList[0];
-  var lastTabGroup = tabGroupList[tabGroupList.length - 1];
-  return /*#__PURE__*/jsx(Fragment, {
-    children: tabGroupList.map(function (tabGroup) {
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        height: height,
-        isFirstItem: (firstTabGroup === null || firstTabGroup === void 0 ? void 0 : firstTabGroup.key) == tabGroup.key,
-        isLastItem: (lastTabGroup === null || lastTabGroup === void 0 ? void 0 : lastTabGroup.key) == tabGroup.key,
-        minHeight: minHeight
-      }, tabGroup.key);
-    })
-  });
-};
-var TabGroupVertical$1 = observer(TabGroupVertical);
-
-export { TabGroupVertical$1 as default };