@crystaldesign/diva-web-planner-react 26.8.0-beta.6 → 26.8.0-beta.61

package/build/esm/index-172acde4.js

@@ -1,206 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-84fd4098.js';
-import { useState, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import Collapsible from 'react-collapsible';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-e7bf30a6.js';
-import { g as getKey } from './index-b7d3c0ac.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/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 'sift';
-import './index-69dc80da.js';
-import './index-3f8485bb.js';
-import './index-a551face.js';
-import './index-8f4c64c8.js';
-import './index.module-aa8d44e4.js';
-import './index-b757a847.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-f448bf65.js';
-import 'react-dropdown';
-import './index-b9bc3c8f.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e2d6fcc6.js';
-import './index-09b1fcde.js';
-import './index-c671b2c8.js';
-import '@crystaldesign/content-box';
-import './index-93be1c94.js';
-import './index-7165dc22.js';
-import './index-28215865.js';
-import './index-40b0c5a3.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-f4b4bada.js';
-import './index-1c11c433.js';
-import './index-76d3048a.js';
-import './index-b1d54c2b.js';
-import './index-f96505a8.js';
-import './index-16526594.js';
-import './index-cab1edf5.js';
-import 'react-laag';
-import './index.module-ebceecf9.js';
-import './index-fa34bcd7.js';
-import './index-48e2b4c6.js';
-import './index-1cedb479.js';
-import './index-b0502def.js';
-import './index-9b8bfa25.js';
-import './index.module-c5262d0d.js';
-import './index-a9ed7d6f.js';
-import './index-c68aca72.js';
-import './index-f29b3144.js';
-import './index-792cc9c3.js';
-import './index-5af034f6.js';
-import './index-0b6598ef.js';
-import './index-9954a59e.js';
-import './index-4dd9acf1.js';
-import './index-4a6ef539.js';
-import './index-6a70cfa6.js';
-import './index-ed5c8865.js';
-import './index-8ed42b50.js';
-import './index-ec4747c0.js';
-import 'rc-slider';
-import './index-dd413bd2.js';
-import './index-705ab734.js';
-import './index-a3e041d0.js';
-import './index-f8104102.js';
-import './index-fdef1daa.js';
-import 'react-confetti-explosion';
-import './index-8aca0552.js';
-import './index-9fa905f1.js';
-import './index-0c2051f3.js';
-import 'react-qr-code';
-import './index-495f4867.js';
-import './useCustomDimensions-2c5aeab3.js';
-import './index-4fa1e38a.js';
-import './ussIsSticky-eb72f7bc.js';
-import './index-ec8ef959.js';
-import './index-85a4de08.js';
-import './index-feca495f.js';
-import './index.module-9b549508.js';
-import './index-eef72dd5.js';
-import './index-2700b737.js';
-import './index-a62b1caa.js';
-import './index-5269dda3.js';
-
-var wrapper = "wrapper-QG-9Z";
-var wcGroupedContainer = "wcGroupedContainer-jhNWc";
-var open = "open-tiFs0";
-var wcPaletteHeader = "wcPaletteHeader-TmsT4";
-var wcSizeGroupHeader = "wcSizeGroupHeader-40Cqv";
-var wcGroupHeaderTitle = "wcGroupHeaderTitle-5oMvI";
-var mobile = "mobile-CMV-0";
-var tablet = "tablet-JUtBt";
-var wcFoldingArrow = "wcFoldingArrow-DFXd-";
-var wcGroupOpen = "wcGroupOpen-6Lf4-";
-var css_248z = ".wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z {\n  width: 100%;\n}\n\n.wrapper-QG-9Z:last-child {\n  margin-bottom: 20px;\n}\n\n.wcConfigurator-settings-j6rpE .wcGroupedContainer-jhNWc {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.open-tiFs0 .Collapsible__contentOuter {\n  overflow: visible !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-5oMvI {\n  font-size: 15px;\n  font-weight: 200;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  padding-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4.wcSizeGroupHeader-40Cqv {\n  height: 24px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcGroupHeaderTitle-5oMvI {\n  font-size: 13px;\n}\n\n.wcGroupHeaderTitle-5oMvI:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.mobile-CMV-0:not(.tablet-JUtBt) .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  width: 16px;\n  height: 16px;\n  margin-top: 4px;\n}\n\n.wcGroupOpen-6Lf4- .wcPaletteHeader-TmsT4 .wcFoldingArrow-DFXd- {\n  transform: rotateZ(180deg);\n}\n";
-styleInject(css_248z);
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-    PaletteComponent = _ref.PaletteComponent,
-    itemPalette = _ref.itemPalette,
-    contentInnerClassName = _ref.contentInnerClassName;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useState = useState(group.isFolded),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentHidden = _useState2[0],
-    setContentHidden = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentVisible = _useState4[0],
-    setContentVisible = _useState4[1];
-  var _useState5 = useState(!group.isFolded),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  useEffect(function () {
-    if (!isOpen && !group.isFolded) {
-      setTimeout(function () {
-        return setIsOpen(!group.isFolded);
-      }, 400);
-    } else {
-      setIsOpen(!group.isFolded);
-    }
-    if (!contentHidden && group.isFolded) {
-      setTimeout(function () {
-        return setContentHidden(group.isFolded);
-      }, 200);
-    } else {
-      setContentHidden(group.isFolded);
-    }
-    if (group.isFolded) {
-      setContentVisible(false);
-    } else {
-      setTimeout(function () {
-        return setContentVisible(true);
-      }, 800);
-    }
-  }, [group.isFolded]);
-  var name = group.name !== 'none' ? group.name : t('configurator.other');
-  var title = name + (group.parentName && group.parentName != itemPalette.name ? ' (' + group.parentName + ')' : '');
-  var pricePreviewPromise = group.items[0].pricePreviewPromise;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wrapper, contentVisible ? open : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
-    id: title,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      className: wcGroupedContainer,
-      open: isOpen,
-      contentInnerClassName: contentInnerClassName,
-      handleTriggerClick: function handleTriggerClick() {
-        if (group.isFolded) viewHandler.settingsState.openGroup(itemPalette.id, group.key, viewHandler.paletteViewHandler.isGroupFolded(itemPalette.id));else {
-          viewHandler.settingsState.closeGroup(itemPalette.id, group.key);
-        }
-      },
-      triggerOpenedClassName: wcGroupOpen,
-      trigger: /*#__PURE__*/jsxs("div", {
-        className: classnames(wcPaletteHeader, wcSizeGroupHeader),
-        children: [/*#__PURE__*/jsx("div", {
-          className: wcFoldingArrow
-        }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-          item: group,
-          style: {
-            zIndex: 100,
-            margin: '0px 10px',
-            position: 'relative'
-          }
-        }, group.key), /*#__PURE__*/jsxs("div", {
-          className: wcGroupHeaderTitle,
-          children: [title, pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-            asyncPricePreview: pricePreviewPromise
-          })]
-        })]
-      }),
-      easing: "ease",
-      children: !contentHidden && group.items.map(function (item, i) {
-        return /*#__PURE__*/jsx(PaletteComponent, {
-          paletteType: itemPalette.type,
-          paletteId: itemPalette.id,
-          item: item,
-          hidePricePreview: true
-        }, getKey(item));
-      })
-    })
-  }, title);
-};
-var Group$1 = observer(Group);
-
-export { Group$1 as default };

package/build/esm/index-17f4d8f6.js

@@ -1,162 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-84fd4098.js';
-import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
-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/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';
-
-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 LOG = getLogger('Planner', 'InfoBox');
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var direction = _ref.direction,
-    mountElement = _ref.mountElement,
-    drawerStyle = _ref.drawerStyle;
-  var viewHandler = useViewHandler();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    openDrawerMenu = _useDivaCore$actions.openDrawerMenu,
-    closeDrawerMenu = _useDivaCore$actions.closeDrawerMenu;
-  useEffect(function () {
-    if (viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId) {
-      setOpen(true);
-      var isMobile = viewHandler.getIsInMobileView();
-      var onClose = function onClose() {
-        closeDrawerMenu('content-item', true);
-        viewHandler.settingsState.setContentItemId();
-      };
-      var basketIds = viewHandler.settingsState.selectedArticles.map(function (article) {
-        return article.basketId;
-      }).flat();
-      var variantValues = viewHandler.divaWebPlanner.getVariantValues(basketIds);
-      var initialContext = variantValues.map(function (vv) {
-        return {
-          featureCodex: vv.OPT.startsWith('OPT') ? vv.OPT.substring(3) : vv.OPT,
-          selectedOptions: [vv.OPV]
-        };
-      });
-      var content = /*#__PURE__*/jsx(ContentItemComponent, {
-        onClose: onClose,
-        contentItemId: viewHandler.settingsState.contentItemId,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column'
-        },
-        headerWrapperStyle: {
-          borderTopRightRadius: '8px',
-          borderTopLeftRadius: '8px'
-        },
-        onContentItemLoaded: function onContentItemLoaded(title) {
-          LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-            id: viewHandler.settingsState.contentItemId,
-            title: title !== null && title !== void 0 ? title : undefined
-          });
-        },
-        params: {
-          initialContext: initialContext
-        },
-        onEvent: function onEvent(event) {
-          if (event.type == 'applyResults') {
-            var _viewHandler$divaWebP;
-            var results = event.payload;
-            var addOPT = !((_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) !== null && _viewHandler$divaWebP !== void 0 && _viewHandler$divaWebP.CatalogData.isIDMFormat);
-            if (addOPT) Object.entries(results).forEach(function (_ref2) {
-              var _ref3 = _slicedToArray(_ref2, 2),
-                optCodex = _ref3[0],
-                optValue = _ref3[1];
-              results["OPT".concat(optCodex)] = "OPV".concat(optValue);
-            });
-            viewHandler.paletteViewHandler.changeOnCheckoutConfig(results, basketIds);
-          } else if (event.type == 'onCancel' || event.type == 'onClose') {
-            onClose();
-          }
-        }
-      }, viewHandler.settingsState.contentItemId + viewHandler.settingsState.contentItemVisible);
-      if (isMobile) {
-        var _viewHandler$uiState$;
-        openDrawerMenu({
-          id: 'content-item',
-          content: content,
-          onClose: onClose,
-          open: true,
-          hideCloseButton: true,
-          showOverlay: true,
-          noModal: false,
-          direction: 'bottom',
-          mountElement: (_viewHandler$uiState$ = viewHandler.uiState.wrapperRef) !== null && _viewHandler$uiState$ !== void 0 ? _viewHandler$uiState$ : undefined,
-          handleInternScroll: true
-        });
-      } else {
-        var _ref4;
-        openDrawerMenu({
-          id: 'content-item',
-          content: content,
-          onClose: onClose,
-          open: true,
-          hideCloseButton: true,
-          showOverlay: false,
-          noModal: true,
-          direction: direction,
-          mountElement: (_ref4 = mountElement !== null && mountElement !== void 0 ? mountElement : viewHandler.productState.productElement) !== null && _ref4 !== void 0 ? _ref4 : undefined,
-          handleInternScroll: true,
-          drawerStyle: _objectSpread(_objectSpread({
-            position: 'absolute',
-            zIndex: 550,
-            maxWidth: 500,
-            maxHeight: 600,
-            top: 0,
-            bottom: 'unset',
-            boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
-          }, direction === 'right' ? {
-            borderTopLeftRadius: '16px',
-            borderBottomLeftRadius: '16px'
-          } : {
-            borderTopRightRadius: '16px',
-            borderBottomRightRadius: '16px'
-          }), drawerStyle),
-          wrapperStyle: _objectSpread({
-            zIndex: 550,
-            boxShadow: '2px 1px 4px rgba(0, 0, 0, 0.15)'
-          }, direction === 'right' ? {
-            borderTopLeftRadius: '16px',
-            borderBottomLeftRadius: '16px'
-          } : {
-            borderTopRightRadius: '16px',
-            borderBottomRightRadius: '16px'
-          })
-        });
-      }
-    } else if (open) {
-      closeDrawerMenu('content-item', true);
-      setTimeout(function () {
-        setOpen(false);
-      }, 400);
-    }
-  }, [viewHandler.settingsState.contentItemVisible, viewHandler.settingsState.contentItemId]);
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-184584d2.js

@@ -1,134 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-84fd4098.js';
-import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-0b6598ef.js';
-import InfoIcon from './index-e7bf30a6.js';
-import { jsxs, jsx } 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/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 accItem = "AccItem-EuKUQ";
-var wcSize = "wcSize-vX0Fm";
-var wcSizeNormal = "wcSize-normal-bRIEC";
-var wcImage = "wcImage-ScJeM";
-var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
-var metaData = "meta-data-p5e7t";
-var wcAccSize = "wcAccSize-LdKs3";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\n}\n";
-styleInject(css_248z);
-
-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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer, _item$longDescription;
-  var item = _ref.item,
-    grids = _ref.grids;
-  var viewHandler = useViewHandler();
-  var i18n = useTranslation();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1500,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex, undefined, true);
-    },
-    className: accItem
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(wcSize, wcSizeNormal),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(wcImage),
-        style: {
-          backgroundImage: "url(".concat(item.image, ")")
-        }
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(wcAccInfoContainer),
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcConfiguratorSettingsTitle, metaDataVisible !== '' ? metaData : undefined),
-          dangerouslySetInnerHTML: {
-            __html: item.name
-          }
-        }), /*#__PURE__*/jsx(MetaData, {
-          metaData: item.metaData,
-          visible: [metaDataVisible, setMetaDataVisible]
-        }, item.articleCodex), /*#__PURE__*/jsx("div", {
-          className: classnames(wcAccSize),
-          children: DivaUtils.sizeFormatter({
-            width: item.width,
-            height: item.height,
-            depth: item.depth
-          }, i18n)
-        })]
-      })]
-    }), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
-      price: item.price,
-      style: {
-        paddingTop: 6
-      }
-    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-      item: item,
-      style: {
-        bottom: 8,
-        right: 8
-      }
-    }, item.articleCodex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.name,
-      desciption: metaDataVisible,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoiresOld = observer(ShelfAccessoires);
-
-export { ShelfAccessoiresOld as default };

package/build/esm/index-18a80934.js

@@ -1,88 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-84fd4098.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-1a6f99f9.js

@@ -1,45 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-84fd4098.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-e1198323.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-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';
-import './index.module-3f3b5c2e.js';
-
-var container = "container-LaFKa";
-var back = "back-A14G4";
-var forth = "forth-6EUqO";
-var css_248z = ".container-LaFKa .back-A14G4 {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.container-LaFKa .forth-6EUqO {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n";
-styleInject(css_248z);
-
-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 ActionNavigationGold = function ActionNavigationGold(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, container),
-    showBackButtonText: true,
-    backOverwrite: back,
-    forthOverwrite: forth
-  }));
-};
-var index = observer(ActionNavigationGold);
-
-export { index as default };