@crystaldesign/diva-web-planner-react 24.13.0-rc.8 → 24.13.0-rc.9

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

@@ -1,65 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-c7cf438b.js';
-import { jsxs, 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/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';
-
-var wcTabGroupItem = "wcTabGroupItem-RxTRT";
-var landscape = "landscape-XFSPQ";
-var wcActiveStep = "wcActiveStep-W687q";
-var wcVisitedStep = "wcVisitedStep-IGlR4";
-var wcTabGroupItemMobile = "wcTabGroupItemMobile-tMZbr";
-var secondaryColorDiv = "secondaryColorDiv-fx0Cm";
-var wcStepIcon = "wcStepIcon-JtMDZ";
-var css_248z = ".wcTabGroupItem-RxTRT {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n}\n\n.landscape-XFSPQ.wcTabGroupItem-RxTRT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q,\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q.wcTabGroupItem-RxTRT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcTabGroupItem-RxTRT.wcVisitedStep-IGlR4 {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-IGlR4.wcTabGroupItem-RxTRT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-RxTRT.wcTabGroupItem-RxTRT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcTabGroupItem-RxTRT.wcActiveStep-W687q {\n  color: white;\n}\n\n.wcTabGroupItemMobile-tMZbr {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition: width 0.4s ease;\n  line-height: 56px;\n  padding: 0 6px 0 13px;\n  color: var(--secondaryColor);\n  font-size: 10px;\n  font-weight: 600;\n  position: relative;\n}\n\n.secondaryColorDiv-fx0Cm {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.1;\n  background-color: var(--secondaryColor);\n}\n\n.wcTabGroupItemMobile-tMZbr.wcActiveStep-W687q {\n  background-color: var(--thirdColor);\n}\n\n.wcStepIcon-JtMDZ {\n  display: block;\n  background-color: var(--secondaryColor);\n  background-position: center center;\n  width: 30px;\n  height: 50px;\n  margin: auto;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center center;\n  float: right;\n}\n.wcActiveStep-W687q .wcStepIcon-JtMDZ {\n  margin-left: 5px;\n}\n";
-styleInject(css_248z);
-
-var TabGroupItemHorizontal = function TabGroupItemHorizontal(_ref) {
-  var tabGroup = _ref.tabGroup;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tabGroupItemRef = useRef(null);
-  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var onTabGroupClick = function onTabGroupClick(tabGroup) {
-    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
-  };
-  var active = tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  var icon = getIconOfTabGroup(tabGroup.key, viewHandler.getViewConfig().tabGroupsIcons);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(!viewHandler.uiState.isInMobileView ? wcTabGroupItem : wcTabGroupItemMobile, viewHandler.uiState.isMobileLandscape ? landscape : undefined, active ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !active ? wcVisitedStep : undefined),
-    children: [(active || !icon) && t('configurator.' + tabGroup.title, tabGroup.title), active && /*#__PURE__*/jsx("div", {
-      className: secondaryColorDiv
-    }), icon && /*#__PURE__*/jsx("div", {
-      className: wcStepIcon,
-      style: {
-        WebkitMaskImage: 'url(' + icon + ')',
-        maskImage: 'url(' + icon + ')'
-      }
-    })]
-  });
-};
-var index = observer(TabGroupItemHorizontal);
-
-export { index as default };

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

@@ -1,164 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-62e351ed.js';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-baecaa26.js';
-import classnames from 'classnames';
-import properties from './CatalogProperties-b1aaf4d9.js';
-import properties$1 from './ArticleProperties-462d9630.js';
-import properties$2 from './OptionProperties-0854ad39.js';
-import properties$3 from './OptionValueProperties-b4db347c.js';
-import Select from 'react-select';
-import { jsxs, jsx } 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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import './index-be7c9c45.js';
-import 'react-switch';
-
-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 PropertiesEditor = function PropertiesEditor(props) {
-  var _catalogData$allCatal, _allArticles$find, _allOptions$find, _allOptionsValues$fin;
-  var viewHandler = useViewHandler();
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var _useState = useState('catalog'),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentProperties = _useState2[0],
-    setCurrentProperties = _useState2[1];
-  var allArticles = Object.values((_catalogData$allCatal = catalogData === null || catalogData === void 0 ? void 0 : catalogData.allCatalogArticles) !== null && _catalogData$allCatal !== void 0 ? _catalogData$allCatal : {});
-  var allOptions = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptions();
-  var allOptionsValues = catalogData === null || catalogData === void 0 ? void 0 : catalogData.getOptionValues();
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentArticleCodex = _useState4[0],
-    setCurrentArticleCodex = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentOptionCodex = _useState6[0],
-    setCurrentOptionCodex = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    currentOptionValueCodex = _useState8[0],
-    setCurrentOptionValueCodex = _useState8[1];
-  var dataDictionary = {
-    catalog: {
-      data: catalogData.catalogData,
-      properties: properties
-    },
-    article: {
-      data: allArticles === null || allArticles === void 0 || (_allArticles$find = allArticles.find(function (a) {
-        return a.articleCodex === currentArticleCodex;
-      })) === null || _allArticles$find === void 0 ? void 0 : _allArticles$find.catalogArticle,
-      properties: properties$1
-    },
-    option: {
-      data: allOptions === null || allOptions === void 0 || (_allOptions$find = allOptions.find(function (o) {
-        return o.codex === currentOptionCodex;
-      })) === null || _allOptions$find === void 0 ? void 0 : _allOptions$find.opt,
-      properties: properties$2
-    },
-    optionvalue: {
-      data: allOptionsValues === null || allOptionsValues === void 0 || (_allOptionsValues$fin = allOptionsValues.find(function (o) {
-        return o.codex === currentOptionValueCodex;
-      })) === null || _allOptionsValues$fin === void 0 ? void 0 : _allOptionsValues$fin.opv,
-      properties: properties$3
-    }
-  };
-  var tabsArray = ['catalog', 'article', 'option', 'optionvalue'];
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wrapper, props.className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: tabs,
-      children: tabsArray.map(function (t) {
-        return /*#__PURE__*/jsx("div", {
-          className: classnames(currentProperties === t ? sel : undefined),
-          onClick: function onClick() {
-            return setCurrentProperties(t);
-          },
-          children: t
-        }, t);
-      })
-    }), currentProperties !== 'catalog' && /*#__PURE__*/jsxs("div", {
-      className: selectionWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: selectionText,
-        children: 'select ' + currentProperties + ':'
-      }), currentProperties === 'article' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentArticleCodex ? {
-          label: currentArticleCodex
-        } : undefined,
-        options: allArticles.map(function (a) {
-          return {
-            label: a.articleCodex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentArticleCodex(v.label);
-        }
-      }), currentProperties === 'option' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionCodex ? {
-          label: currentOptionCodex
-        } : undefined,
-        options: allOptions === null || allOptions === void 0 ? void 0 : allOptions.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionCodex(v.label);
-        }
-      }), currentProperties === 'optionvalue' && /*#__PURE__*/jsx(Select, {
-        styles: colourStyles,
-        className: selection,
-        value: currentOptionValueCodex ? {
-          label: currentOptionValueCodex
-        } : undefined,
-        options: allOptionsValues === null || allOptionsValues === void 0 ? void 0 : allOptionsValues.map(function (a) {
-          return {
-            label: a.codex
-          };
-        }),
-        onChange: function onChange(v) {
-          return setCurrentOptionValueCodex(v.label);
-        }
-      })]
-    }), /*#__PURE__*/jsx(Table, _objectSpread(_objectSpread({}, dataDictionary[currentProperties]), {}, {
-      id: currentProperties
-    }))]
-  }));
-};
-var PropertiesEditor$1 = observer(PropertiesEditor);
-var colourStyles = {
-  control: function control(styles) {
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: 'white'
-    });
-  },
-  option: function option(styles, _ref) {
-    var isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      isSelected = _ref.isSelected;
-    return _objectSpread(_objectSpread({}, styles), {}, {
-      backgroundColor: isDisabled ? undefined : isFocused ? 'lightblue' : isSelected ? '#fff' : undefined,
-      cursor: isDisabled ? 'not-allowed' : 'default',
-      color: 'black',
-      ':active': _objectSpread({}, styles[':active'])
-    });
-  }
-};
-
-export { PropertiesEditor$1 as default };

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

@@ -1,101 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
-import { observer } from 'mobx-react-lite';
-import { useEffect } from 'react';
-import classnames from 'classnames';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import { jsx, Fragment } 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';
-
-var container = "container-bxM6C";
-var hidden = "hidden-X63IT";
-var mobile = "mobile--b4Sq";
-var wrapper = "wrapper-jE0i2";
-var imageItem = "image-item-2MypG";
-var sel = "sel-9mQFl";
-var css_248z = ".container-bxM6C {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.hidden-X63IT {\n  opacity: 0;\n  z-index: 0;\n}\n\n.mobile--b4Sq.container-bxM6C {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.wrapper-jE0i2 {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.mobile--b4Sq .wrapper-jE0i2 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.image-item-2MypG {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.mobile--b4Sq .image-item-2MypG {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.sel-9mQFl.image-item-2MypG {\n  border: 2px solid #4f4f4f;\n}\n\n.image-item-2MypG:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n";
-styleInject(css_248z);
-
-var PromotedOpvs = function PromotedOpvs(props) {
-  var _viewHandler$settings, _promotedOpvs$article;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    height = _useDivaCore$state$di.height,
-    width = _useDivaCore$state$di.width;
-  useEffect(function () {
-    if (viewHandler.productState.configChangedByPromoOpvs) {
-      viewHandler.productState.setConfigChangedByPromoOpvs(false);
-    } else {
-      viewHandler.productState.setSelectedPromitionIndex(undefined);
-    }
-  }, [viewHandler.settingsState.configChanged]);
-  var contents = [];
-  var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-  var promotedOpvs = catalogData === null || catalogData === void 0 ? void 0 : catalogData.promotedOpvs;
-  var selectedArticleCodex = (_viewHandler$settings = viewHandler.settingsState.selectedArticles) === null || _viewHandler$settings === void 0 || (_viewHandler$settings = _viewHandler$settings[0]) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.codex;
-  if (viewHandler.uiState.isLoading || !selectedArticleCodex || !promotedOpvs) return /*#__PURE__*/jsx(Fragment, {});
-  if (!viewHandler.productState.promotionVisible || !((_promotedOpvs$article = promotedOpvs.articles[selectedArticleCodex]) !== null && _promotedOpvs$article !== void 0 && _promotedOpvs$article.length)) {
-    if (viewHandler.uiState.configSettingsIsHidden) viewHandler.uiState.onClickHideConfigSettings();
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  var _loop = function _loop(i) {
-    var promo = promotedOpvs.articles[selectedArticleCodex][i];
-    var opv = catalogData.getOptionValue(promo.displayOPV);
-    contents.push({
-      swiperSlideStyle: {
-        height: 'auto',
-        width: 'auto'
-      },
-      content: /*#__PURE__*/jsx("span", {
-        onClick: function onClick(e) {
-          return viewHandler.productState.onPromotionClick(promo.variantValues, i);
-        },
-        style: {
-          backgroundImage: 'url(' + (opv !== null && opv !== void 0 && opv.image ? catalogData.getCatImageURL(opv.image, '_gal') : '') + ')'
-        },
-        className: classnames(imageItem, viewHandler.productState.selectedPromotionIndex === i ? sel : undefined)
-      }, i)
-    });
-  };
-  for (var i = 0; i < promotedOpvs.articles[selectedArticleCodex].length; i++) {
-    _loop(i);
-  }
-  var sliderProps = {
-    type: 'SliderContainer',
-    sliderType: viewHandler.uiState.isInMobileView ? 'slideX' : 'slideY',
-    slidesPerView: 'auto',
-    freeMode: true,
-    allowTouchMove: true,
-    contents: contents,
-    scrollToSelectedItem: true,
-    mousewheel: true
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(container, viewHandler.uiState.isInMobileView ? mobile : undefined, !viewHandler.uiState.configSettingsIsHidden ? hidden : undefined),
-    children: /*#__PURE__*/jsx("div", {
-      className: wrapper,
-      children: /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(ContentBoxComponent, {
-          settings: {
-            contentBoxProps: sliderProps
-          }
-        }, +height + width)
-      })
-    })
-  });
-};
-var PromotedOpvs$1 = observer(PromotedOpvs);
-
-export { PromotedOpvs$1 as default };

package/build/esm/index-3033d784.js

@@ -1,63 +0,0 @@
-import { u as useViewHandler } from './index-62e351ed.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-d7203d14.js';
-import Header from './index-08a98149.js';
-import { 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/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-
-var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassification(_ref) {
-  var tabGroup = _ref.tabGroup;
-    _ref.height;
-    _ref.minHeight;
-  var viewHandler = useViewHandler();
-  var tabGroupItemRef = useRef(null);
-  useEffect(function () {
-    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
-  }, [tabGroupItemRef]);
-  var configSteps = Object.values(tabGroup.options).map(function (o) {
-    return Object.values(o.configSteps).map(function (s) {
-      return {
-        configStep: s,
-        option: o
-      };
-    });
-  }).flat();
-  return /*#__PURE__*/jsx("div", {
-    ref: tabGroupItemRef,
-    children: /*#__PURE__*/jsx(Collapsible, {
-      open: true,
-      easing: "ease",
-      trigger: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: false
-      }),
-      triggerWhenOpen: /*#__PURE__*/jsx(Header, {
-        tabGroup: tabGroup,
-        open: true
-      }),
-      children: configSteps.map(function (step) {
-        return /*#__PURE__*/jsx(ConfigStep, {
-          step: step
-        }, step.configStep.key);
-      })
-    })
-  });
-};
-var index = observer(VerticalTabGroupItemClassification);
-
-export { index as default };

package/build/esm/index-35b349da.js

@@ -1,97 +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-62e351ed.js';
-import { useRef, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-45d07a4f.js';
-import ProductCenter from './index-ae57581c.js';
-import ContentItemWrapper from './index-023fee20.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import './index-be7c9c45.js';
-import 'react-switch';
-import 'react-dropdown';
-import './index-25761db4.js';
-import './index-6f326311.js';
-import './index-548b3897.js';
-import './index-a86358e7.js';
-import './index.module-93e8e774.js';
-import './index-b7624242.js';
-import './index-23004ea0.js';
-import './index-e228fa67.js';
-import './index-657064eb.js';
-import './index-e348b193.js';
-import './index-2ff07b97.js';
-import '@crystaldesign/content-box';
-import './index-8dff9fb3.js';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var arrow = "arrow-GTKSC";
-var css_248z = ".arrow-GTKSC {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 26 10%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%236f6f6f%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EElement 1%3C%2Ftitle%3E%3Cg id%3D%22Ebene_2%22 data-name%3D%22Ebene 2%22%3E%3Cg id%3D%22Ebene_1-2%22 data-name%3D%22Ebene 1%22%3E%3Cpath class%3D%22cls-1%22 d%3D%22M10.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M.5.5l5%2C4.29L.5%2C9.5%22%2F%3E%3Cpath class%3D%22cls-1%22 d%3D%22M20.5.5l5%2C4.29-5%2C4.71%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["contentItemStartPos"];
-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 Product = function Product(_ref) {
-  var _viewHandler$configSt2;
-  var contentItemStartPos = _ref.contentItemStartPos,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var ref = useRef(null);
-  var onClick = function onClick() {
-    if (ref.current) {
-      var scrollTo = ref.current.getBoundingClientRect().height;
-      if (ref.current.scrollTop > 100) {
-        scrollTo = 0;
-      }
-      ref.current.scrollTo({
-        top: scrollTo,
-        behavior: 'smooth'
-      });
-    }
-  };
-  useEffect(function () {
-    if (!ref) return;
-    viewHandler.productState.setProductElement(ref.current);
-  }, [ref]);
-  useEffect(function () {
-    var _viewHandler$configSt;
-    if (!viewHandler.uiState.isLoading && (_viewHandler$configSt = viewHandler.configState.paramters) !== null && _viewHandler$configSt !== void 0 && _viewHandler$configSt.checkout) {
-      onClick();
-    }
-  }, [(_viewHandler$configSt2 = viewHandler.configState.paramters) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.checkout, viewHandler.uiState.isLoading]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
-    ref: ref
-  }, props), {}, {
-    children: [!viewHandler.uiState.isLoading && /*#__PURE__*/jsx("div", {
-      className: arrow,
-      onClick: onClick
-    }), /*#__PURE__*/jsx(ProductCenter, {
-      style: {
-        height: 'calc(100% - 40px)',
-        width: 'calc(100% - 40px)',
-        top: 0,
-        margin: '20px'
-      }
-    }), !viewHandler.uiState.isLoading && viewHandler.divaWebPlanner.getBasket() !== undefined && /*#__PURE__*/jsx(CheckoutFormNew, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-      id: viewHandler.settingsState.contentItemId,
-      startPos: contentItemStartPos
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-36b8737f.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-62e351ed.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-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 ItemVariant = function ItemVariant(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"
-  }));
-};
-
-export { ItemVariant as default };

package/build/esm/index-36d148d7.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-62e351ed.js';
-import 'react';
-import DynamicMultiRender from 'react-dynamic-multi-render';
-import { jsx } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-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 ProductHeader = function ProductHeader(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Product/ProductHeader/ProductHeader"
-  }));
-};
-
-export { ProductHeader as default };