@crystaldesign/diva-web-planner-react 25.16.1 → 25.16.2

package/build/esm/index-1d44ed4f.js

@@ -1,102 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7e2f139f.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-bc829250.js';
-import classnames from 'classnames';
-import Search from './index-509f6b0a.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-1d78bfdc.js

@@ -1,103 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-7e2f139f.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-750dfe93.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon", "showCheckoutButtons"];
-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 ActionNavigation = function ActionNavigation(_ref) {
-  var _viewHandler$uiState$;
-  var className = _ref.className,
-    showBackButtonText = _ref.showBackButtonText,
-    backOverwrite = _ref.backOverwrite,
-    forthOverwrite = _ref.forthOverwrite,
-    showNextButtonIcon = _ref.showNextButtonIcon,
-    showCheckoutButtons = _ref.showCheckoutButtons,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(className, wcConfiguratorSettingsActions, viewHandler.actionButtonState.isOnFirstStep ? isOnFirstStep : undefined, viewHandler.actionButtonState.isOnFirstStepDisabled ? isOnFirstStepDisabled : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined),
-    children: /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classnames(button, back, backOverwrite),
-        onClick: function onClick() {
-          window.lastNavigationType = 'NAVIGATION_STANDARD_BACK_BUTTON';
-          viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
-        },
-        children: [!showBackButtonText && /*#__PURE__*/jsx("svg", {
-          width: "12",
-          height: "22",
-          viewBox: "0 0 12 22",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            d: "M11 1L1 11L11 21",
-            stroke: "var(--navigateBack, var(--secondaryColor))",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          })
-        }), showBackButtonText && t('configurator.Back')]
-      }), showCheckoutButtons && ((_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.filter(function (b) {
-        return evalVisible(b, viewHandler, 'navigator');
-      }).map(function (b) {
-        return /*#__PURE__*/jsx("div", {
-          className: checkoutButton,
-          onClick: function onClick() {
-            return _onClickCheckout(b, viewHandler, b.index, t);
-          },
-          children: /*#__PURE__*/jsx(Icon, {
-            checkoutButton: b,
-            size: 40
-          })
-        }, b.index);
-      })), /*#__PURE__*/jsxs("div", {
-        className: classnames(button, forth, forthOverwrite),
-        onClick: function onClick() {
-          window.lastNavigationType = 'NAVIGATION_STANDARD_FORWARD_BUTTON';
-          viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
-        },
-        id: "wcConfigurator-action-next",
-        children: [t('configurator.Next'), showNextButtonIcon && /*#__PURE__*/jsx("svg", {
-          width: "12",
-          height: "22",
-          viewBox: "0 0 12 22",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            d: "M11 1L1 11L11 21",
-            stroke: "var(--navigateForthFontColor, #ffffff)",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          })
-        })]
-      })]
-    })
-  }));
-};
-var ActionNavigation$1 = observer(ActionNavigation);
-
-export { ActionNavigation$1 as default };

package/build/esm/index-1df7bc7b.js

@@ -1,146 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7e2f139f.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { useState, useCallback, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-bc829250.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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var productsGrid = "products-grid-b9XWQ";
-var skeleton = "skeleton-XdjqR";
-var css_248z = ".products-grid-b9XWQ {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.skeleton-XdjqR {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n";
-styleInject(css_248z);
-
-var PromotedProducts = function PromotedProducts(_ref) {
-  var _viewHandler$configSt;
-  var item = _ref.item;
-  var _useDivaCore = useDivaCore(),
-    openComponent = _useDivaCore.actions.openComponent,
-    productHandler = _useDivaCore.handler.productHandler,
-    organization = _useDivaCore.state.organization;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    groups = _useState2[0],
-    setGroups = _useState2[1];
-  var viewHandler = useViewHandler();
-  var productsConfig = viewHandler.getViewConfig().productsConfig;
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    configChangedTimeStamp = _useState4[0],
-    setConfigChangedTimeStamp = _useState4[1];
-  var onAddProduct = useCallback(function (productId) {
-    setConfigChangedTimeStamp(viewHandler.settingsState.configChanged);
-    openComponent({
-      type: 'DIVA_WEBPLANNER',
-      parameters: {
-        productId: productId
-      },
-      internal: {
-        forceReload: '1'
-      }
-    });
-  }, [viewHandler]);
-  var selectedProduct = configChangedTimeStamp === viewHandler.settingsState.configChanged && ((_viewHandler$configSt = viewHandler.configState.productId) !== null && _viewHandler$configSt !== void 0 ? _viewHandler$configSt : !viewHandler.configState.divaNr && viewHandler.divaWebPlanner.getStartProductId());
-  useEffect(function () {
-    var _productsConfig$maxCo, _productsConfig$filte, _productsConfig$sort;
-    productHandler.apiLoadProductVariantsGrouped({
-      limit: (_productsConfig$maxCo = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.maxCount) !== null && _productsConfig$maxCo !== void 0 ? _productsConfig$maxCo : undefined,
-      search: (_productsConfig$filte = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.filter) !== null && _productsConfig$filte !== void 0 ? _productsConfig$filte : [{
-        id: 'availableForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }, {
-        id: 'promotedForOrganizations',
-        op: 'eq',
-        value: organization._id
-      }],
-      sort: (_productsConfig$sort = productsConfig === null || productsConfig === void 0 ? void 0 : productsConfig.sort) !== null && _productsConfig$sort !== void 0 ? _productsConfig$sort : '{-created}'
-    }).then(function (result) {
-      var startProductIndex = result.data.findIndex(function (group) {
-        var _group$items$0$startP;
-        return (_group$items$0$startP = group.items[0].startProductForOrganizations) === null || _group$items$0$startP === void 0 ? void 0 : _group$items$0$startP.includes(organization._id);
-      });
-      if (startProductIndex != -1) {
-        var startProduct = result.data[startProductIndex];
-        result.data.splice(startProductIndex, 1);
-        result.data.unshift(startProduct);
-      }
-      setGroups(result.data);
-    });
-  }, [viewHandler.uiState.isLoading]);
-  var skeletons = productsConfig !== null && productsConfig !== void 0 && productsConfig.maxCount && productsConfig.showSkeletions ? getSkeletons(productsConfig.maxCount, groups.length) : [];
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: false,
-      isSettingsHeader: true,
-      item: item
-    }), /*#__PURE__*/jsxs("div", {
-      className: productsGrid,
-      children: [groups.map(function (group, i) {
-        return /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: {
-              type: 'ProductGallery',
-              products: group.items,
-              groupVariantsByField: ['dc_color', 'dc_mainColor'],
-              onClick: onAddProduct,
-              imageWrapperStyle: {
-                aspectRatio: 'unset'
-              },
-              wrapperStyle: group.items.find(function (i) {
-                return i._id == selectedProduct;
-              }) ? {
-                border: '1px solid var(--diva-theme-palette-primary-main)',
-                borderRadius: '5px'
-              } : undefined,
-              imageStyle: {
-                aspectRatio: '14.5 / 10',
-                objectFit: 'scale-down',
-                objectPosition: 'bottom'
-              }
-            }
-          }
-        }, group._id);
-      }), skeletons.map(function (index) {
-        return /*#__PURE__*/jsx("div", {
-          className: skeleton,
-          children: /*#__PURE__*/jsx("div", {
-            children: index
-          })
-        }, index);
-      })]
-    })]
-  });
-};
-var getSkeletons = function getSkeletons(maxCount, itemsCount) {
-  var skeletonsCount = 0;
-  if (maxCount > itemsCount) {
-    skeletonsCount = maxCount - itemsCount;
-  }
-  var skeletons = [];
-  if (skeletonsCount) {
-    for (var i = skeletonsCount - 1; i >= 0; i--) {
-      skeletons.push(maxCount - i);
-    }
-  }
-  return skeletons;
-};
-var PromotedProducts$1 = observer(PromotedProducts);
-
-export { PromotedProducts$1 as default };

package/build/esm/index-1fb5dc33.js

@@ -1,77 +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-7e2f139f.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-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 wrapper = "wrapper-Hyxdk";
-var scrollable = "scrollable-yGfFP";
-var header = "header-u0XPA";
-var table = "table-TPfx-";
-var column = "column-xMOA0";
-var css_248z = ".wrapper-Hyxdk {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.scrollable-yGfFP {\n  overflow: auto;\n  height: auto;\n  left: 50px;\n}\n.header-u0XPA {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.ekTextClass-3YZ9o {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.table-TPfx- {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.table-TPfx- thead {\n  font-weight: bold !important;\n}\n.table-TPfx- thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.column-xMOA0 {\n  text-align: left;\n}\n.column-xMOA0:first-child {\n  height: 20px;\n}\n.column-xMOA0 th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.column-xMOA0 th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.column-xMOA0 th:last-child {\n  font-size: 12px;\n}\n\n.column-xMOA0 td {\n  text-align: center;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["onMouseDown"];
-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 GridOverview = function GridOverview(_ref) {
-  var _viewHandler$divaWebP, _grids$setId;
-  var onMouseDown = _ref.onMouseDown,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var setId = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getSetId();
-  var grids = viewHandler.settingsState.generalPlanningState;
-  if (!setId || viewHandler.uiState.isLoading || !grids) return /*#__PURE__*/jsx(Fragment, {});
-  var grid = (_grids$setId = grids[setId]) === null || _grids$setId === void 0 || (_grids$setId = _grids$setId.grids) === null || _grids$setId === void 0 ? void 0 : _grids$setId[0].matrix;
-  if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(props.className, scrollable),
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        onMouseDown: onMouseDown,
-        children: "Grid \xDCbersicht"
-      }), !!grid.length && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("h3", {
-          children: "Grid Matrix"
-        }), /*#__PURE__*/jsx("table", {
-          className: table,
-          children: /*#__PURE__*/jsx("tbody", {
-            children: grid.map(function (x, idx) {
-              return /*#__PURE__*/jsx("td", {
-                className: column,
-                children: x.slice().reverse().map(function (y) {
-                  var _y$plannedElement$ele, _y$plannedElement;
-                  return /*#__PURE__*/jsx("tr", {
-                    children: (_y$plannedElement$ele = (_y$plannedElement = y.plannedElement) === null || _y$plannedElement === void 0 ? void 0 : _y$plannedElement.elementId) !== null && _y$plannedElement$ele !== void 0 ? _y$plannedElement$ele : "|"
-                  }, idx + "-" + y.index.y);
-                })
-              }, idx);
-            })
-          })
-        })]
-      })]
-    })
-  }));
-};
-var GridOverview$1 = observer(GridOverview);
-
-export { GridOverview$1 as default };

package/build/esm/index-23d2cd1a.js

@@ -1,51 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-7e2f139f.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import VerticalTabGroupItemStandard from './index-49aaa1a1.js';
-import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-
-var priceDiv = "price-div-veoFD";
-var priceText = "price-text-34sGt";
-var css_248z = ".price-div-veoFD {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.price-text-34sGt {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\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 VerticalTabGroupItemMountain = function VerticalTabGroupItemMountain(props) {
-  var _viewHandler$productS;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
-    lastItemDiv: /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: priceText,
-        children: t('configurator.PRICE_INFO')
-      }), /*#__PURE__*/jsx("div", {
-        className: priceDiv,
-        children: DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedTotalPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      })]
-    }),
-    minHeight: 65
-  }));
-};
-var index = observer(VerticalTabGroupItemMountain);
-
-export { index as default };

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

@@ -1,130 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7e2f139f.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/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 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 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
-          });
-        }
-      });
-      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 _ref2;
-        openDrawerMenu({
-          id: 'content-item',
-          content: content,
-          onClose: onClose,
-          open: true,
-          hideCloseButton: true,
-          showOverlay: false,
-          noModal: true,
-          direction: direction,
-          mountElement: (_ref2 = mountElement !== null && mountElement !== void 0 ? mountElement : viewHandler.productState.productElement) !== null && _ref2 !== void 0 ? _ref2 : undefined,
-          handleInternScroll: true,
-          drawerStyle: _objectSpread(_objectSpread({
-            position: 'absolute',
-            zIndex: 550,
-            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');
-      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 };