@crystaldesign/diva-web-planner-react 25.7.0-beta.3 → 25.7.0-beta.30

package/build/esm/index-f3deb3b5.js

@@ -1,58 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-ff63bb1a.js';
-import { useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-378af6ed.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/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';
-import '@crystaldesign/widget-contact-form';
-
-var TabGroupHorizontal = function TabGroupHorizontal(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    if (!viewHandler.tabGroupState.curTabGroup) return;
-    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
-    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
-    var offsetToRight = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().width / 100 * 20; //  das Active Div soll 20% in der Breite nach links positioniert sein
-    var actDivPos = curTabGroup.getBoundingClientRect().left - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().left; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
-    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollLeft; //           soweit ist aktuell gescrollt
-
-    var toScrollLeft = actDivPos - (viewHandler.uiState.isInMobileView ? 0 : offsetToRight) + actScrollVal;
-    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
-      left: toScrollLeft,
-      top: 0,
-      behavior: 'smooth'
-    });
-  }, [viewHandler.tabGroupState.curTabGroup]);
-  if (!viewHandler.tabGroupState.allTabGroups) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Fragment, {
-    children: Object.entries(viewHandler.tabGroupState.allTabGroups).map(function (_ref) {
-      var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-      var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        tabGroup = _ref2[1];
-      return /*#__PURE__*/jsx(ItemVariant, {
-        tabGroup: tabGroup,
-        width: 'calc(' + ((_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState) === null || _viewHandler$tabGroup2 === void 0 || (_viewHandler$tabGroup2 = _viewHandler$tabGroup2.tabGroupScroller) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.getBoundingClientRect().width) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0) + 'px / ' + Object.entries(viewHandler.tabGroupState.allTabGroups).length + ')'
-      }, key);
-    })
-  });
-};
-var TabGroupHorizontal$1 = observer(TabGroupHorizontal);
-
-export { TabGroupHorizontal$1 as default };

package/build/esm/index-f448c72f.js

@@ -1,44 +0,0 @@
-import { s as styleInject } from './index-ff63bb1a.js';
-import classnames from 'classnames';
-import 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/widget-contact-form';
-
-var wcStepInfo = "wcStepInfo-IuGTY";
-var error = "error-PdtJS";
-var warning = "warning-fB-89";
-var info = "info-bs86-";
-var css_248z = ".wcStepInfo-IuGTY {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.error-PdtJS {\n  color: #dc3545;\n}\n\n.warning-fB-89 {\n  color: #ffc107;\n}\n\n.info-bs86- {\n  color: #828282;\n}\n";
-styleInject(css_248z);
-
-var StepInfo = function StepInfo(_ref) {
-  var stepInfo = _ref.stepInfo;
-  if (!stepInfo) return /*#__PURE__*/jsx(Fragment, {});
-  var text = stepInfo.text,
-    type = stepInfo.type;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(wcStepInfo, type === 'ERROR' ? error : undefined, type === 'INFO' ? info : undefined, type === 'WARNING' ? warning : undefined),
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  });
-};
-
-export { StepInfo as default };

package/build/esm/index-f6b945a4.js

@@ -1,166 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.js';
-import { useEffect } from 'react';
-import Inputbox from './index-a99d5d90.js';
-import Product from './index-4d72180f.js';
-import Settings from './index-e3b2c07f.js';
-import TabGroup from './index-b44177b7.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/widget-contact-form';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-057c3858.js';
-import './index-c0b946dc.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-c7762345.js';
-import './index-7524523c.js';
-import './index-c2f95b94.js';
-import './index-70f20315.js';
-import './index-cf312665.js';
-import './index.module-a2e1da10.js';
-import './index-61fb9949.js';
-import './index-573fb986.js';
-import './index-49050e5e.js';
-import './index-e0ce1a65.js';
-import './index-ca7780d3.js';
-import './index-4831e232.js';
-import '@crystaldesign/content-box';
-import './index-7fdcfafb.js';
-import './index-34be7a7d.js';
-import './index-d246cb47.js';
-import 'react-laag';
-import './index-6355a56f.js';
-import 'react-qr-code';
-import './index-9674e279.js';
-import './index-2f80ef80.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import './index-c7ab2a21.js';
-import './index-beb9e5fd.js';
-import './index-ef10c67d.js';
-import './index-367cb344.js';
-import './index-e8d92223.js';
-import './index-8193df83.js';
-import './index-9583a2cc.js';
-import './index-57ec6df5.js';
-import 'sift';
-import './index-3eb8e401.js';
-import './index-b1732c81.js';
-import './index-cb0f6a8c.js';
-import './index-9d8aa332.js';
-import './index.module-b442ca52.js';
-import './index-2e06ffee.js';
-import './index-bace0ec3.js';
-import './index-d7e3b706.js';
-import './index-a457886a.js';
-import './index-52eb4c15.js';
-import './index-4b780f8f.js';
-import './index-74dfd6c0.js';
-import './index-93495363.js';
-import './index-1dc5c7cc.js';
-import './index-fad89ca3.js';
-import './index-4e0f80e6.js';
-import './index-840fbba4.js';
-import './index-97db2d3f.js';
-import './index-81fb1a0b.js';
-import './index-c0e69905.js';
-import './index-e8d892ab.js';
-import './index-1f4b3b8d.js';
-import './index-d56f662d.js';
-import './index-3369d518.js';
-import './index-afbd8f89.js';
-import './index-dcafa922.js';
-import './index-1df92a2d.js';
-import './index-10898d75.js';
-import './index.module-5f7ae981.js';
-import './index-47a13cc1.js';
-import './index-822fa737.js';
-import './index-f448c72f.js';
-import './index-59658bdd.js';
-import './index-74e4420f.js';
-import './index-3b33bb3d.js';
-import './index-eb32a926.js';
-import './index.module-1a32fcd2.js';
-import './index-d410ac7a.js';
-import './index-5d21f231.js';
-import './index-ba0922ee.js';
-import './index-f3deb3b5.js';
-import './index-378af6ed.js';
-import './index-cec700ce.js';
-import './index-c3146e43.js';
-import './index-0ee9860e.js';
-
-var wcConfigurator = "wcConfigurator-in-ZO";
-var wcConfiguratorSteps = "wc-configurator-steps-r4OQd";
-var wcConfiguratorProduct = "wc-configurator-product-wB64R";
-var productList = "product-list-Xdmjb";
-var wcConfiguratorSettings = "wc-configurator-Settings-4Idgb";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-in-ZO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-in-ZO *,\n.wcConfigurator-in-ZO *::before,\n.wcConfigurator-in-ZO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-r4OQd {\n  width: 75px;\n  position: relative;\n}\n.wc-configurator-product-wB64R {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.wc-configurator-product-wB64R.product-list-Xdmjb {\n  display: none;\n}\n\n.wc-configurator-Settings-4Idgb {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.wc-configurator-Settings-4Idgb.product-list-Xdmjb {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
-styleInject(css_248z);
-
-var Serious = function Serious(props) {
-  var _viewHandler$tabGroup;
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  var currentIsProductList = ((_viewHandler$tabGroup = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup === void 0 ? void 0 : _viewHandler$tabGroup.type) == 'PRODUCTS';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: wcConfigurator,
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings, currentIsProductList ? productList : undefined)
-      }), /*#__PURE__*/jsx(Product, {
-        className: classnames(wcConfiguratorProduct, currentIsProductList ? productList : undefined),
-        contentItemStartPos: "left"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--primaryColor)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
-};
-var index = observer(Serious);
-
-export { cssVariables, index as default };

package/build/esm/index-f8ab5f6e.js

@@ -1,95 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-ff63bb1a.js';
-import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-f09847a7.js';
-import 'react';
-import { jsx } 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/helpers/slicedToArray';
-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 '@crystaldesign/widget-contact-form';
-import 'react-laag';
-import './index-81fb1a0b.js';
-import './index-c0e69905.js';
-import './index-bace0ec3.js';
-import './index-dd8d6b22.js';
-import 'react-collapsible';
-import './index-89326dc3.js';
-import './index-57ec6df5.js';
-import 'sift';
-import './index-3eb8e401.js';
-import './index-beb9e5fd.js';
-import './index-b1732c81.js';
-import './index-cb0f6a8c.js';
-import './index-9d8aa332.js';
-import './index.module-b442ca52.js';
-import './index-c0b946dc.js';
-import 'react-switch';
-import './index-2e06ffee.js';
-import './index-d7e3b706.js';
-import 'react-dropdown';
-import './index-a457886a.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-52eb4c15.js';
-import './index-4b780f8f.js';
-import './index-74dfd6c0.js';
-import '@crystaldesign/content-box';
-import './index-93495363.js';
-import './index-1dc5c7cc.js';
-import './index-fad89ca3.js';
-import './index-4e0f80e6.js';
-import './index-840fbba4.js';
-import './index-97db2d3f.js';
-import './index-e8d892ab.js';
-import './index-1f4b3b8d.js';
-import './index-d56f662d.js';
-import './index-3369d518.js';
-import './index-afbd8f89.js';
-import './index-dcafa922.js';
-import './index-1df92a2d.js';
-import './index-10898d75.js';
-import './index.module-5f7ae981.js';
-import './index-47a13cc1.js';
-import './index-822fa737.js';
-import './index-f448c72f.js';
-import './index-59658bdd.js';
-import './index-74e4420f.js';
-import './index-3b33bb3d.js';
-import './index-eb32a926.js';
-import './index.module-1a32fcd2.js';
-import './index-d410ac7a.js';
-import './index-5d21f231.js';
-
-var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
-var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var wrapper = "wrapper-mM-Et";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\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.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\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 AccessoiresSerious = function AccessoiresSerious(props) {
-  return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
-    wcAccInfoContainerClass: wcAccInfoContainer,
-    wrapper: wrapper,
-    wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
-    hidePrice: true,
-    hideSize: true
-  }));
-};
-var index = observer(AccessoiresSerious);
-
-export { index as default };

package/build/esm/index-fad89ca3.js

@@ -1,147 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.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-beb9e5fd.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';
-import '@crystaldesign/widget-contact-form';
-
-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-fd4e9f46.js

@@ -1,73 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ff63bb1a.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { DivaUtils } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-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 '@crystaldesign/widget-contact-form';
-
-var priceWrapper = "price-wrapper-MHpbZ";
-var right = "right-YJreA";
-var additionalPrice = "additional-price-JRJRa";
-var css_248z = ".price-wrapper-MHpbZ {\n  padding-top: 0px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.right-YJreA {\n  float: right;\n}\n.additional-price-JRJRa {\n  max-width: 400px;\n  margin: 0;\n  margin: initial;\n  display: inline;\n}\n";
-styleInject(css_248z);
-
-var Price = function Price() {
-  var _articles$viewHandler, _prices$BasePrices;
-  var viewHandler = useViewHandler();
-  var articles = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
-  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
-  var prices = article === null || article === void 0 ? void 0 : article.getConfigPriceData(article.getVariantBasketData());
-  if (prices === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsxs("div", {
-    className: priceWrapper,
-    children: [/*#__PURE__*/jsx("a", {
-      children: "Configurations Preise:"
-    }), /*#__PURE__*/jsx("br", {}), prices.AdditionalPrices.map(function (AdditionalPrice) {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("p", {
-          className: additionalPrice,
-          children: AdditionalPrice.Title
-        }), /*#__PURE__*/jsx("a", {
-          className: right,
-          children: DivaUtils.formatPrice(AdditionalPrice.Price)
-        }), /*#__PURE__*/jsx("br", {})]
-      });
-    }), /*#__PURE__*/jsx("hr", {}), (_prices$BasePrices = prices.BasePrices) === null || _prices$BasePrices === void 0 ? void 0 : _prices$BasePrices.map(function (p) {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsxs("a", {
-          children: ["Basispreis: ", p.BasePriceTitle]
-        }), /*#__PURE__*/jsx("a", {
-          className: right,
-          children: p.BasePrice ? DivaUtils.formatPrice(p.BasePrice) : 'nicht Definiert'
-        }), /*#__PURE__*/jsx("br", {})]
-      });
-    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
-      children: "Berechneter Preis: "
-    }), /*#__PURE__*/jsx("a", {
-      className: right,
-      children: DivaUtils.formatPrice(article.calcPrice())
-    }), /*#__PURE__*/jsx("hr", {}), article.hasPartlistArticle && /*#__PURE__*/jsx(Fragment, {
-      children: "Katalog hat St\xFCcklisten Artikel! genaue Preise sind dort Sichtbar"
-    })]
-  });
-};
-var Price$1 = observer(Price);
-
-export { Price$1 as default };