@crystaldesign/diva-web-planner-react 26.2.3 → 26.2.4-rc.1

package/build/esm/index-25cb1d75.js

@@ -1,102 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e815b8fc.js';
-import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useState, useCallback } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
-import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-8e16ae22.js';
-import classnames from 'classnames';
-import Search from './index-f87cf78e.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var pdpOverlay = "pdp-overlay-2gWQq";
-var navigationVisible = "navigation-visible-goqGH";
-var pdpBackground = "pdp-background-1tl-9";
-var pdpContainer = "pdp-container-EljBO";
-var isMobileClass = "is-mobile-class-eOYXj";
-var closeButton = "close-button-tHReC";
-var css_248z = ".pdp-overlay-2gWQq {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 500;\n}\n.navigation-visible-goqGH.pdp-overlay-2gWQq {\n  position: absolute;\n}\n\n.pdp-background-1tl-9 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: rgba(244, 244, 244, 0.8);\n\n  z-index: 540;\n}\n\n.pdp-container-EljBO {\n  z-index: 580;\n  position: relative;\n  background-color: #fff;\n  height: 100%;\n  width: 100%;\n  max-width: 1650px;\n  max-height: 1000px;\n}\n\n.is-mobile-class-eOYXj .pdp-container-EljBO {\n  max-width: none;\n  max-width: initial;\n  max-height: none;\n  max-height: initial;\n}\n\n.close-button-tHReC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n  z-index: 100;\n}\n.close-button-tHReC:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n";
-styleInject(css_248z);
-
-var ProductList = function ProductList(_ref) {
-  var _viewHandler$settings, _viewHandler$getViewC;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore();
-    _useDivaCore.actions.openComponent;
-    var _useDivaCore$state = _useDivaCore.state,
-    HeaderElement = _useDivaCore$state.headerInfos.HeaderElement,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
-  var _useTranslation = useTranslation();
-    _useTranslation.t;
-  var portalHeaderHeight = HeaderElement === null || HeaderElement === void 0 ? void 0 : HeaderElement.getBoundingClientRect().height;
-  var currentlyMobile = isMobile && isPortrait || height < 500;
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentProductId = _useState2[0],
-    setCurrentProductId = _useState2[1];
-  var productState = useProductState({
-    parameters: {
-      'customFlags.variantsList.organizations': organization._id
-    },
-    sort: '{-created}',
-    scroller: (_viewHandler$settings = viewHandler.settingsState.settingsScrollerElement) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : undefined
-  });
-  var closePDP = useCallback(function () {
-    setCurrentProductId(undefined);
-  }, []);
-  var openPDP = useCallback(function (_ref2) {
-    var _id = _ref2._id;
-    setCurrentProductId(_id);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item,
-      specialElement1: /*#__PURE__*/jsx(Search, {
-        searchState: productState.search
-      })
-    }), viewHandler.settingsState.settingsScrollerElement && /*#__PURE__*/jsx(ProductsComponent, {
-      productState: productState,
-      onClickFunction: openPDP
-    }), currentProductId && /*#__PURE__*/jsxs("div", {
-      className: classnames(pdpOverlay, currentlyMobile ? isMobileClass : undefined, !!portalHeaderHeight ? navigationVisible : undefined),
-      children: [!currentlyMobile && /*#__PURE__*/jsx("div", {
-        onClick: closePDP,
-        className: pdpBackground
-      }), /*#__PURE__*/jsxs("div", {
-        className: pdpContainer,
-        children: [/*#__PURE__*/jsx("div", {
-          onClick: closePDP,
-          className: closeButton
-        }), /*#__PURE__*/jsx(ProductDetailPageComponent, {
-          settings: (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.productDetailPageConfig,
-          productId: currentProductId
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ProductList);
-
-export { index as default };

package/build/esm/index-29c7fce0.js

@@ -1,67 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e815b8fc.js';
-import { createElement } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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';
-
-var svgWrapper = "svg-wrapper-hvaq9";
-var css_248z = ".svg-wrapper-hvaq9 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.table-GRFj- {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.column-CbeYE {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.image-zSukX {\n  width: 50px;\n  height: 50px;\n}\n.svg-wrapper-hvaq9 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.svg-wrapper-hvaq9 .expanded-rBYHe {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.cur-item-PDYTf {\n  color: black !important;\n}\n\n.cur-item-PDYTf {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.table-GRFj- img {\n  height: 50px;\n  width: 50px;\n}\n.table-GRFj- tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.table-GRFj- tr th {\n  width: 4%;\n}\n.table-GRFj- tr th:last-child {\n  width: 90px;\n}\n.table-GRFj- thead {\n  border-bottom: 1px solid white;\n}\n.table-GRFj- tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.table-GRFj- tbody th:nth-child(1) {\n  width: 35px;\n}\n.table-GRFj- tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.selected-cRqzN {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsibleHeader-7zGnE {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.collapsible-4mPxe {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["curBox", "isExpanded", "state"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var _articles$0$plannerDa, _articles$0$plannerDa2;
-  _ref.curBox;
-    _ref.isExpanded;
-    var state = _ref.state,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded).filter(function (a) {
-    return a.catalogArticle.catalogPlannerArticle;
-  });
-  if (!articles.length) return /*#__PURE__*/jsx(Fragment, {});
-  var svgBefore = (_articles$0$plannerDa = articles[0].plannerData) === null || _articles$0$plannerDa === void 0 ? void 0 : _articles$0$plannerDa.svgBefore;
-  var svgAfter = (_articles$0$plannerDa2 = articles[0].plannerData) === null || _articles$0$plannerDa2 === void 0 ? void 0 : _articles$0$plannerDa2.svgAfter;
-  var svg = state == 'before' ? svgBefore : svgAfter;
-  return /*#__PURE__*/createElement("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    key: viewHandler.settingsState.configChanged
-  }), /*#__PURE__*/jsxs("div", {
-    style: {
-      height: 500,
-      overflow: 'auto'
-    },
-    children: [/*#__PURE__*/jsx("button", {
-      onClick: function onClick() {
-        return navigator.clipboard.writeText(svg !== null && svg !== void 0 ? svg : '');
-      },
-      children: "copy"
-    }), /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: svg
-    })]
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-
-export { SVGSourceViewer$1 as default };

package/build/esm/index-2bc55f88.js

@@ -1,141 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-e815b8fc.js';
-import 'react';
-import SettingsHeaderContainer from './index-f65d2c0d.js';
-import SettingsScroller from './index-5e76f38f.js';
-import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-bb99c281.js';
-import classnames from 'classnames';
-import SettingsSwiper from './index-3910a7fe.js';
-import SettingsExpanderButtons from './index-187657b3.js';
-import SettingsBottomDrawer from './index-6816db9f.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-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 './index-8e16ae22.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-cf8dd2d2.js';
-import './index-7664770f.js';
-import './index-c5bba644.js';
-import 'sift';
-import './index-55710373.js';
-import './index-04a9ca91.js';
-import './index-8308a036.js';
-import './index-932222c8.js';
-import './index.module-e1a0a018.js';
-import './index-3d28830e.js';
-import 'react-switch';
-import './index-7f0a7579.js';
-import './index-d4172f2f.js';
-import './index-70f9a426.js';
-import 'react-countup';
-import './index-f82a47d6.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-ceb7a40c.js';
-import 'react-dropdown';
-import './index-43af35b5.js';
-import './index-129b2ad1.js';
-import './index-3a144f88.js';
-import './index-fed1fa05.js';
-import '@crystaldesign/content-box';
-import './index-868f4df7.js';
-import './index-d707732b.js';
-import './index-a967299b.js';
-import './index-da52946e.js';
-import './index-9d04251a.js';
-import './index-c53a1854.js';
-import './index-0d8e652a.js';
-import './index-04a97b8d.js';
-import './index-789d1aea.js';
-import 'react-laag';
-import './index.module-ca4b70c5.js';
-import './index-99e6abf8.js';
-import './index-0672091f.js';
-import './index-d9d167fe.js';
-import './index-0da579a8.js';
-import './index-99b8db8e.js';
-import './index-24d5b4e2.js';
-import './index.module-03cc0da9.js';
-import './index-c7b18900.js';
-import './index-749946a5.js';
-import './index-a859866e.js';
-import './index-d006bf89.js';
-import './index-80559d41.js';
-import './index-a080dcca.js';
-import './index-e2576c8b.js';
-import './index-4ecba8f3.js';
-import './index-4790ecfe.js';
-import './index-61d2815b.js';
-import './index-ab0e22f9.js';
-import './index-716a2653.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-aaebeb2a.js';
-import 'rc-slider';
-import './index-f0eb445e.js';
-import './index-35865b1e.js';
-import './index-7484b63b.js';
-import './index-8b813967.js';
-import './index-76b9c5c8.js';
-import 'react-confetti-explosion';
-import './index-1d1fa1bf.js';
-import './index-6119f60d.js';
-import './index-5b09bfad.js';
-import 'react-qr-code';
-import './index-6664c168.js';
-import './useCustomDimensions-51111c48.js';
-import './index-ad86e614.js';
-import './ussIsSticky-5c908886.js';
-import './index-05396ae7.js';
-import './index-6e08abd0.js';
-import './index-38385bfe.js';
-import './index.module-fdcce2a0.js';
-import './index-8afacceb.js';
-import './index-b827ef83.js';
-import './index-76623f11.js';
-import './index-d3c754f3.js';
-import './index-9443fb33.js';
-import './index-bfa1f358.js';
-import '@mui/material';
-
-var _excluded = ["className", "tabgroupElement"];
-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 Settings = function Settings(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var className = _ref.className,
-    tabgroupElement = _ref.tabgroupElement,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var useSwiper = viewHandler.getIsInMobileView() && viewHandler.getViewConfig().navigateMobileSwiper;
-  var settingsContent = /*#__PURE__*/jsx(Fragment, {
-    children: useSwiper ? /*#__PURE__*/jsx(SettingsSwiper, {}) : /*#__PURE__*/jsxs(Fragment, {
-      children: [!viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), /*#__PURE__*/jsx(SettingsExpanderButtons, {})]
-    })
-  });
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    id: "wcConfigurator-settings",
-    className: classnames(className, wcConfiguratorSettings, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? tabsHorizontal : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    children: [/*#__PURE__*/jsx(SettingsBottomDrawer, {
-      draggerElement: tabgroupElement,
-      children: settingsContent
-    }), !viewHandler.uiState.isInMobileView && settingsContent]
-  }));
-};
-var Settings$1 = observer(Settings);
-
-export { Settings$1 as default };

package/build/esm/index-2c0eb595.js

@@ -1,222 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e815b8fc.js';
-import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-7ea832d8.js';
-import { c as collapsableInner } from './index-c5bba644.js';
-import ShelfAccessoires from './index-c391c26a.js';
-import ShelfAccessoiresOld from './index-c308764a.js';
-import GridList from './index-d0149f46.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-7664770f.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'sift';
-import './index-55710373.js';
-import './index-8e16ae22.js';
-import './index-04a9ca91.js';
-import './index-8308a036.js';
-import './index-932222c8.js';
-import './index.module-e1a0a018.js';
-import './index-3d28830e.js';
-import 'react-switch';
-import './index-7f0a7579.js';
-import './index-d4172f2f.js';
-import './index-70f9a426.js';
-import 'react-countup';
-import './index-f82a47d6.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-ceb7a40c.js';
-import 'react-dropdown';
-import './index-43af35b5.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-129b2ad1.js';
-import './index-3a144f88.js';
-import './index-fed1fa05.js';
-import '@crystaldesign/content-box';
-import './index-868f4df7.js';
-import './index-d707732b.js';
-import './index-a967299b.js';
-import './index-da52946e.js';
-import './index-9d04251a.js';
-import './index-c53a1854.js';
-import './index-0d8e652a.js';
-import './index-04a97b8d.js';
-import './index-789d1aea.js';
-import 'react-laag';
-import './index.module-ca4b70c5.js';
-import './index-99e6abf8.js';
-import './index-0672091f.js';
-import './index-d9d167fe.js';
-import './index-0da579a8.js';
-import './index-99b8db8e.js';
-import './index-24d5b4e2.js';
-import './index.module-03cc0da9.js';
-import './index-c7b18900.js';
-import './index-749946a5.js';
-import './index-a859866e.js';
-import './index-d006bf89.js';
-import './index-80559d41.js';
-import './index-a080dcca.js';
-import './index-e2576c8b.js';
-import './index-4ecba8f3.js';
-import './index-4790ecfe.js';
-import './index-61d2815b.js';
-import './index-ab0e22f9.js';
-import './index-716a2653.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './index-aaebeb2a.js';
-import 'rc-slider';
-import './index-f0eb445e.js';
-import './index-35865b1e.js';
-import './index-7484b63b.js';
-import './index-8b813967.js';
-import './index-76b9c5c8.js';
-import 'react-confetti-explosion';
-import './index-1d1fa1bf.js';
-import './index-6119f60d.js';
-import './index-5b09bfad.js';
-import 'react-qr-code';
-import './index-6664c168.js';
-import './useCustomDimensions-51111c48.js';
-import './index-ad86e614.js';
-import './ussIsSticky-5c908886.js';
-import './index-05396ae7.js';
-import './index-6e08abd0.js';
-import './index-38385bfe.js';
-import './index.module-fdcce2a0.js';
-import './index-8afacceb.js';
-import './index-b827ef83.js';
-import './index-76623f11.js';
-import 'react-beautiful-dnd';
-import './index-cab4174c.js';
-import './index-d3c754f3.js';
-import './index-9443fb33.js';
-
-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 ShelfPlanner = function ShelfPlanner(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
-  var item = _ref.item,
-    style = _ref.style,
-    filteredGroups = _ref.filteredGroups;
-  var viewHandler = useViewHandler();
-  var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
-  var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
-  var grid = (_item$shelfPlannerGri = item === null || item === void 0 || (_item$shelfPlannerGri2 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri2 === void 0 ? void 0 : _item$shelfPlannerGri2.find(function (g) {
-    return g.ActAccessoire;
-  })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
-  var selAcc = grid.ActAccessoire;
-  var selAccItem = undefined;
-  if (selAcc) {
-    selAccItem = items.find(function (item) {
-      return item.articleCodex == selAcc;
-    });
-  }
-  var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
-  var palettesOfSelectedAcc = [];
-  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
-    var _loop = function _loop() {
-      var stepKey = selAccItem.configStepKeys[i];
-      var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2);
-          _ref3[0];
-          var itemPalette = _ref3[1];
-        return itemPalette.configStepKey == stepKey.key;
-      });
-      if (!itemPalette) return 1; // continue
-      if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
-    };
-    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
-      if (_loop()) continue;
-    }
-  }
-  var mobileRTV = viewHandler.getIsInMobileView() && viewHandler.productState.shelfPlannerRTV;
-  return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref4) {
-      return item.htmlRef = _ref4;
-    },
-    className: classnames(viewHandler.productState.shelfPlannerRTV ? shelfPlannerContainerRtv : undefined, grid.Direction == 'horizontal' ? shelfPlannerContainerHorizontal : shelfPlannerContainerVertical, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
-    style: _objectSpread({
-      height: height
-    }, style),
-    children: [!viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx("div", {
-      className: shelfGrid,
-      children: /*#__PURE__*/jsx("div", {
-        className: shelfGridBorder,
-        children: /*#__PURE__*/jsx(GridList, {
-          item: item,
-          direction: grid.Direction,
-          width: width,
-          height: height - 16 - 16
-        })
-      })
-    }), requiredWarning && /*#__PURE__*/jsx("div", {
-      className: warning,
-      dangerouslySetInnerHTML: {
-        __html: requiredWarning
-      }
-    }), /*#__PURE__*/jsxs("div", {
-      className: accessoires,
-      children: [!!palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("div", {
-          className: configHeaderWrapper,
-          onClick: function onClick() {
-            return viewHandler.paletteViewHandler.setSelectedShelfAccessoire();
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: closeButton
-          }), /*#__PURE__*/jsx("div", {
-            className: name,
-            children: (_selAccItem2 = selAccItem) === null || _selAccItem2 === void 0 ? void 0 : _selAccItem2.name
-          })]
-        }), /*#__PURE__*/jsx(SettingsItemsWrapper, {
-          itemPalettesArr: palettesOfSelectedAcc
-        })]
-      }), !palettesOfSelectedAcc.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [!mobileRTV && /*#__PURE__*/jsx(SelectedAcc, {
-          selAccItem: selAccItem
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames(accessoireContainer, collapsableInner),
-          style: {
-            height: grid.Direction == 'horizontal' ? height - 80 : '',
-            overflow: mobileRTV ? 'visible' : undefined
-          },
-          children: items.map(function (acc, key) {
-            return /*#__PURE__*/jsxs(Fragment, {
-              children: [viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoires, {
-                grids: item.shelfPlannerGrids,
-                item: acc,
-                sel: acc.articleCodex == selAcc
-              }, key), !viewHandler.productState.shelfPlannerRTV && /*#__PURE__*/jsx(ShelfAccessoiresOld, {
-                grids: item.shelfPlannerGrids,
-                item: acc
-              }, key)]
-            });
-          })
-        })]
-      })]
-    })]
-  });
-};
-var index = observer(ShelfPlanner);
-
-export { index as default };

package/build/esm/index-315635a6.js

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-e815b8fc.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-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 OrbitInteraction = function OrbitInteraction(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductCenter/Planner3DImage/OrbitInteraction"
-  }));
-};
-
-export { OrbitInteraction as default };

package/build/esm/index-320fbbae.js

@@ -1,50 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-e815b8fc.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-1399f829.js';
-import PriceSumm from './index-f41f6740.js';
-import classnames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index.module-ea71024f.js';
-import './index-70f9a426.js';
-import 'react-countup';
-
-var container = "container-jfAym";
-var backOverwrite = "back-overwrite--AJgH";
-var forthOverwrite = "forth-overwrite-l0e3R";
-var actionNavigationClass = "action-navigation-class-jX4Hl";
-var css_248z = ".container-jfAym .back-overwrite--AJgH,\n.container-jfAym .forth-overwrite-l0e3R {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.container-jfAym .back-overwrite--AJgH,\n.container-jfAym .forth-overwrite-l0e3R {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.action-navigation-class-jX4Hl {\n  height: 100%;\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 ActionNavigationRalph = function ActionNavigationRalph(props) {
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx(ActionNavigation, {
-      className: classnames(viewHandler.getIsInMobileView() ? actionNavigationClass : undefined, container),
-      showBackButtonText: true,
-      forthOverwrite: forthOverwrite,
-      backOverwrite: backOverwrite
-    })]
-  }));
-};
-var index = observer(ActionNavigationRalph);
-
-export { index as default };