@crystaldesign/diva-web-planner-react 25.2.0-beta.9 → 25.2.0-rc.2

package/build/esm/index-182b32d9.js

@@ -1,46 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation, useDivaCore } 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';
-
-var container = "container-vxlYB";
-var totalPrice = "totalPrice-sBu4C";
-var price = "price-jVSu8";
-var css_248z = ".container-vxlYB {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.totalPrice-sBu4C {\n  float: left;\n  margin-left: 2rem;\n}\n\n.price-jVSu8 {\n  float: right;\n  margin-right: 2rem;\n}\n";
-styleInject(css_248z);
-
-var SummaryTotalPrice = function SummaryTotalPrice(props) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    hidePrices = _useDivaCore.state.hidePrices;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !hidePrices && /*#__PURE__*/jsxs("div", {
-      className: container,
-      children: [/*#__PURE__*/jsx("div", {
-        className: totalPrice,
-        children: t('configurator.TotalPrice', 'TotalPrice')
-      }), /*#__PURE__*/jsx("div", {
-        className: price,
-        children: viewHandler.productState.formatedTotalPrice
-      })]
-    })
-  });
-};
-var TotalPrice = observer(SummaryTotalPrice);
-
-export { TotalPrice as default };

package/build/esm/index-19ce1421.js

@@ -1,159 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-ca47d50e.js';
-import { toJS } from 'mobx';
-import { useState } from 'react';
-import { h as header } from './index.module-72f04426.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-d2d4e19f.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import { n as notExpanded } from './index.module-101e3c1c.js';
-import Collapsible from 'react-collapsible';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-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 '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import '@crystaldesign/web-planner-logic';
-
-var arrow = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C0h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon%20points%3D%226.23%2C20.23%208%2C22%2018%2C12%208%2C2%206.23%2C3.77%2014.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
-
-var _excluded = ["settings", "title", "ChildComponent"];
-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 ArticleOverview = function ArticleOverview(_ref) {
-  var _viewHandler$divaWebP;
-  var settings = _ref.settings,
-    title = _ref.title,
-    ChildComponent = _ref.ChildComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  viewHandler.tabGroupState.allTabGroups;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    jsonSize = _useState2[0],
-    setJsonSize = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedBox = _useState4[0],
-    setSelectedBox = _useState4[1];
-  var _useState5 = useState(settings[0].key),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedJson = _useState6[0],
-    setSelectedJson = _useState6[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.configTree;
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var plannerArticles = filteredArticles.map(function (article) {
-    return article.catalogArticle.catalogPlannerArticle;
-  });
-  var CollapsibleProps = {
-    open: true,
-    easing: 'ease-in',
-    transitionTime: 200
-  };
-  var json = {};
-  if (selectedJson === 'OPTIONSTATES') {
-    var variantValues = articles.map(function (article) {
-      return article.VariantValues;
-    });
-    json = variantValues[selectedBox];
-  }
-  if (selectedJson === 'DECISIONS') {
-    json = JSON.parse(JSON.stringify(toJS(articles.map(function (article) {
-      return article.decisions;
-    }))));
-  }
-  if (selectedJson === 'CONFIGTREE') {
-    json = {}; //JSON.parse(JSON.stringify(configTree));
-  }
-  if (selectedJson === 'J3D') {
-    var _articles$selectedBox, _articles$selectedBox2;
-    json = articles !== null && articles !== void 0 && (_articles$selectedBox = articles[selectedBox]) !== null && _articles$selectedBox !== void 0 && _articles$selectedBox.j3D ? JSON.parse(JSON.stringify(articles === null || articles === void 0 || (_articles$selectedBox2 = articles[selectedBox]) === null || _articles$selectedBox2 === void 0 ? void 0 : _articles$selectedBox2.j3D)) : {};
-  }
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-      className: classnames(props.className, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
-      style: {
-        zIndex: 700
-      },
-      children: [/*#__PURE__*/jsx("a", {
-        className: header,
-        children: title
-      }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
-        trigger: /*#__PURE__*/jsx("div", {
-          className: collapsibleHeader,
-          children: /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dpArrow
-          })
-        }),
-        onClose: function onClose() {
-          return setJsonSize(!jsonSize);
-        },
-        onOpen: function onOpen() {
-          return setJsonSize(!jsonSize);
-        },
-        triggerWhenOpen: /*#__PURE__*/jsxs("div", {
-          className: collapsibleHeader,
-          children: [" ", /*#__PURE__*/jsx("img", {
-            src: arrow,
-            className: dArrow
-          })]
-        })
-      }, CollapsibleProps), {}, {
-        children: /*#__PURE__*/jsx("div", {
-          className: boxes,
-          children: articles.map(function (article, index) {
-            return /*#__PURE__*/jsxs("div", {
-              className: classnames(box, index === selectedBox ? boxSelected : undefined),
-              onClick: function onClick() {
-                setSelectedBox(index);
-              },
-              children: [/*#__PURE__*/jsx("img", {
-                src: article.imageUrl,
-                className: boxImage
-              }), /*#__PURE__*/jsx("p", {
-                children: article.posNr
-              }), /*#__PURE__*/jsx("p", {
-                children: article.name
-              }), /*#__PURE__*/jsx("p", {
-                children: article.basketId
-              })]
-            }, article.basketId);
-          })
-        })
-      })), /*#__PURE__*/jsx("div", {
-        className: jsonSelection,
-        children: settings.map(function (setting, index) {
-          return /*#__PURE__*/jsx("button", {
-            onClick: function onClick() {
-              return setSelectedJson(setting.key);
-            },
-            className: selectedJson === setting.key ? jsonSelected : undefined,
-            children: setting.name
-          }, setting.key);
-        })
-      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, props), {}, {
-        json: json,
-        selectedJson: selectedJson,
-        isExpanded: jsonSize,
-        plannerArticles: plannerArticles,
-        curBox: selectedBox,
-        divaArticles: articles
-      }))]
-    }))
-  });
-};
-var ArticleOverview$1 = observer(ArticleOverview);
-
-export { ArticleOverview$1 as default };

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

@@ -1,134 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-8f27f136.js';
-import { S as SettingsItem } from './index-647effb5.js';
-import classnames from 'classnames';
-import TotalPrice from './index-182b32d9.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/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-4672fe74.js';
-import './index-64ca3065.js';
-import './index-11cdabd4.js';
-import './index-2cdd1fdc.js';
-import 'react-laag';
-import './index-8e68fbd5.js';
-import 'sift';
-import './index-e65c57ff.js';
-import './index-3f7043d7.js';
-import './index-4d87e7df.js';
-import './index-57014197.js';
-import './index.module-0edb7e85.js';
-import './index-1192ec09.js';
-import 'react-switch';
-import './index-649efb3f.js';
-import './index-f1f95e5c.js';
-import './index-fd9400f6.js';
-import 'react-dropdown';
-import './index-75232fc2.js';
-import './index-92538c3d.js';
-import './index-d1bede09.js';
-import './index-51cab0f6.js';
-import '@crystaldesign/content-box';
-import './index-a754f314.js';
-import './index-3a20b185.js';
-import './index-be4c8bc8.js';
-import './index-20b3fbf3.js';
-import './index-813cebb5.js';
-import './index-4ef2caf4.js';
-import './index-db2488fa.js';
-import './index-b8b0b768.js';
-import './index-1d0e1cb0.js';
-import './index-acab8016.js';
-import './index-e1b6c800.js';
-import './index-965fddb3.js';
-import './index-c04c78e4.js';
-import './index-1281b5a4.js';
-import './index-a263e4a1.js';
-import './index-34cc435b.js';
-import './index.module-3c6bcf11.js';
-import './index-a81b3edc.js';
-import './index-a7802218.js';
-import './index-8893fcd4.js';
-import './index-8f6ba072.js';
-import './index-0da9eaf6.js';
-import './index-78559dd5.js';
-import './index-f259600b.js';
-import './index.module-1878d414.js';
-import './index-d080a540.js';
-import './index-b753a53f.js';
-
-var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
-var expanded = "expanded-r-uGX";
-var minExpanded = "minExpanded-oyaLK";
-var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
-styleInject(css_248z);
-
-var SettingsScroller = function SettingsScroller(_ref) {
-  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  var settingsScrollerElement = useRef(null);
-  var itemPalettesArr = [];
-  var pairWithOptionsToGroup = {};
-  useEffect(function () {
-    if (settingsScrollerElement.current) {
-      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
-      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
-    }
-    return function () {};
-  }, [settingsScrollerElement]);
-  var style = {};
-  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
-    style.height = '100%';
-  } else {
-    var _viewHandler$settings, _viewHandler$settings2;
-    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
-  }
-  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
-    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
-    var paletteId = Number(itemPalette.id);
-    var groupName = itemPalette.pairWithOptionsToGroup;
-    if (groupName && itemPalette.visible) {
-      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
-      pairWithOptionsToGroup[groupName].push(paletteId);
-    }
-    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
-  }
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
-    id: "wcConfigurator-settings-scroller",
-    ref: settingsScrollerElement,
-    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
-      isScroller: true
-    }, (_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__*/jsxs("div", {
-      children: [itemPalettesArr.map(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
-          index = _ref3[0],
-          item = _ref3[1];
-        return /*#__PURE__*/jsx(SettingsItem, {
-          item: item,
-          id: index,
-          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
-        }, index);
-      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
-    })]
-  });
-};
-var SettingsScroller$1 = observer(SettingsScroller);
-
-export { SettingsScroller$1 as default };

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

@@ -1,101 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.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-1cb9c8c3.js

@@ -1,63 +0,0 @@
-import { u as useViewHandler } from './index-ca47d50e.js';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import Collapsible from 'react-collapsible';
-import ConfigStep from './index-e3485df1.js';
-import Header from './index-e6b97bfa.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-1cd6ba3a.js

@@ -1,94 +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-ca47d50e.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
-var container = "container-1HnE3";
-var vertical = "vertical-b9yq0";
-var button = "button-iKgxi";
-var back = "back-iTC3X";
-var forth = "forth-mornI";
-var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
-var isOnLastStep = "isOnLastStep-f7nk8";
-var isOnFirstStep = "isOnFirstStep-D7seC";
-var landscape = "landscape-RR2TR";
-var portrait = "portrait-XTm5H";
-var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon"];
-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 className = _ref.className,
-    showBackButtonText = _ref.showBackButtonText,
-    backOverwrite = _ref.backOverwrite,
-    forthOverwrite = _ref.forthOverwrite,
-    showNextButtonIcon = _ref.showNextButtonIcon,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: !viewHandler.uiState.configSettingsIsHidden && /*#__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: 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')]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(button, forth, forthOverwrite),
-          onClick: 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-1d0e1cb0.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ca47d50e.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 SummaryOptionTree = function SummaryOptionTree(props) {
-  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
-    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"
-  }));
-};
-
-export { SummaryOptionTree as default };