@crystaldesign/diva-web-planner-react 25.5.0-beta.9 → 25.5.0-rc.0

package/build/esm/index-9966c54e.js

@@ -1,108 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-074dcea5.js';
-import { useState } from 'react';
-import { a as infoText, d as wrappedText } from './index.module-71ad6eb3.js';
-import { h as inputWrapper, j as input, k as errorText, b as button, a as inverted, l as disabled, e as icon, n as mail } from './index.module-a959bff5.js';
-import classnames from 'classnames';
-import DivaUtils from '@crystaldesign/diva-utils';
-import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-
-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', 'WEB-PLANNER-REACT');
-var ShareViaEmail = function ShareViaEmail(_ref) {
-  var basket = _ref.basket,
-    config = _ref.config,
-    url = _ref.url;
-  var _useDivaCore = useDivaCore(),
-    sendEmail = _useDivaCore.actions.sendEmail;
-  var _useTranslation = useTranslation(),
-    i18n = _useTranslation.i18n,
-    t = _useTranslation.t;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    ableToSend = _useState2[0],
-    setAbleToSend = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showWarning = _useState4[0],
-    setShowWarning = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    mail$1 = _useState6[0],
-    setMail = _useState6[1];
-  var sendMail = function sendMail() {
-    if (!DivaUtils.validateEmail(mail$1)) {
-      setAbleToSend(false);
-      setShowWarning(true);
-      return;
-    }
-    LOG.businessEvent('onPlannerShareConfiguration', 'Planner', "Eine Konfiguration wurde als E-Mail geteilt", {
-      shareType: 'email',
-      shareAction: 'button_click'
-    });
-    config.map(function (c) {
-      return sendEmail({
-        showDialog: false,
-        content: _objectSpread(_objectSpread({}, c), {}, {
-          to: mail$1,
-          divaNr: basket.DivaNr,
-          type: 'basket',
-          language: i18n.language
-        })
-      });
-    });
-  };
-  var _onChange = function onChange(input) {
-    var validMail = DivaUtils.validateEmail(input);
-    setAbleToSend(validMail);
-    if (validMail) setShowWarning(false);
-    setMail(input);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: infoText,
-      children: t('checkout.share_mail.easy_share')
-    }), /*#__PURE__*/jsxs("div", {
-      className: inputWrapper,
-      children: [/*#__PURE__*/jsx("input", {
-        className: input,
-        type: "email",
-        value: mail$1,
-        onChange: function onChange(e) {
-          return _onChange(e.target.value);
-        },
-        placeholder: t('checkout.share_mail.placeholder')
-      }), showWarning && /*#__PURE__*/jsx("div", {
-        className: errorText,
-        children: t('checkout.share_mail.mail_error')
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: wrappedText,
-      children: [" ", t('checkout.share_mail.mail_text') + url]
-    }), /*#__PURE__*/jsxs("button", {
-      className: classnames(button, inverted, !ableToSend ? disabled : undefined),
-      onClick: function onClick() {
-        return sendMail();
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(icon, mail)
-      }), t('checkout.share_mail.button_text')]
-    })]
-  });
-};
-
-export { ShareViaEmail as default };

package/build/esm/index-998755e4.js

@@ -1,128 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-074dcea5.js';
-import { useRef, useEffect } from 'react';
-import ProductHeader from './index-6c47edf2.js';
-import ContentItemWrapper from './index-2a4b8fff.js';
-import ProductSettings from './index-b25380cc.js';
-import ProductCenter from './index-ff91c127.js';
-import ProductFooter from './index-3472d2c8.js';
-import ProductInfo from './index-7e6ad792.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, 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 '@crystaldesign/widget-contact-form';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-import 'classnames';
-import './index-299f60aa.js';
-import 'sift';
-import './index-e98e4e3f.js';
-import './index-59726e18.js';
-import './index-006b5046.js';
-import './index-a938cd33.js';
-import './index-5a3da3ed.js';
-import './index.module-c85aae0c.js';
-import './index-daefd1d0.js';
-import 'react-switch';
-import './index-c79bca31.js';
-import './index-a20fd1bc.js';
-import './index-81591b26.js';
-import 'react-dropdown';
-import './index-0ef82862.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d28049c6.js';
-import './index-8c3a4dcd.js';
-import './index-8879395d.js';
-import '@crystaldesign/content-box';
-import './index-4b7b44fa.js';
-import './index-d75ba070.js';
-import './index-395275cf.js';
-import './index-e5d468b0.js';
-import './index-5128ce35.js';
-import './index-faef0db7.js';
-import 'react-laag';
-import './index-8574e325.js';
-import './index-6890ed24.js';
-import './index-7f2ada67.js';
-import './index-f116a06b.js';
-import './index-3ab661bb.js';
-import './index-8f246914.js';
-import './index-2f395302.js';
-import './index-8d98ba87.js';
-import './index-d5713d89.js';
-import './index-0dd59101.js';
-import './index.module-9be4c804.js';
-import './index-3889b16b.js';
-import './index-3ec3d72e.js';
-import './index-6532330a.js';
-import './index-df84ccbc.js';
-import './index-00b0a63d.js';
-import './index-6d996645.js';
-import './index-f41cd33b.js';
-import './index.module-df6a30d8.js';
-import './index-9f6f096d.js';
-import './index-517e27c4.js';
-import './index-2c08d075.js';
-import './index-2459a749.js';
-import './index.module-a959bff5.js';
-import 'react-select';
-import './index-63517af3.js';
-import './index-9d34552d.js';
-import './index.module-71ad6eb3.js';
-import './index-77e1fd36.js';
-import 'qrcode.react';
-import './index-dee4bd2d.js';
-import './index-9966c54e.js';
-import './index-a2c8e201.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-f238dd3e.js';
-import './index-31d92f73.js';
-import './index-646e9174.js';
-import './index-98c3b154.js';
-import './index-926faf05.js';
-import './index.module-fe96e747.js';
-import './index-4dc72b4c.js';
-import './index-52ee91c2.js';
-import './index-93cef565.js';
-import './index-a92e9f7b.js';
-import './index-f8fcfc2a.js';
-import './index-6a819665.js';
-import './index-5a414f18.js';
-import './index-16fbb3d6.js';
-import './index-ba9eb898.js';
-import './index-a3b63ddc.js';
-import 'react-qr-code';
-import './index-f308aa2d.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Product = function Product(props) {
-  var viewHandler = useViewHandler();
-  var productElement = useRef(null);
-  useEffect(function () {
-    if (!productElement) return;
-    viewHandler.productState.setProductElement(productElement.current);
-  }, [productElement]);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    ref: productElement,
-    children: [/*#__PURE__*/jsx(ProductHeader, {}), /*#__PURE__*/jsx(ProductCenter, {}), viewHandler.productState.footerVisible.length > 1 && /*#__PURE__*/jsx(ProductFooter, {}), /*#__PURE__*/jsx(ProductInfo, {}), /*#__PURE__*/jsx(ProductSettings, {}), viewHandler.settingsState.contentItemVisible && viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-      id: viewHandler.settingsState.contentItemId,
-      startPos: "right"
-    })]
-  }));
-};
-var Product$1 = observer(Product);
-
-export { Product$1 as default };

package/build/esm/index-9a3960b1.js

@@ -1,31 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-074dcea5.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import ActionNavigation from './index-c9b23c83.js';
-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 '@crystaldesign/widget-contact-form';
-import 'classnames';
-
-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 ActionNavigationGold = function ActionNavigationGold(props) {
-  return /*#__PURE__*/jsx(ActionNavigation, _objectSpread(_objectSpread({}, props), {}, {
-    showBackButtonText: true
-  }));
-};
-var index = observer(ActionNavigationGold);
-
-export { index as default };

package/build/esm/index-9c709bfd.js

@@ -1,76 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-074dcea5.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-29374350.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wcConfiguratorSettingsHeaderActElements = "wcConfigurator-settings-header-act-elements-f-VVv";
-var isActive = "isActive-mWaAC";
-var allIsActive = "allIsActive-iSz9H";
-var isSelectable = "isSelectable-FBPGm";
-var small = "small-xZ6Og";
-var css_248z = ".wcConfigurator-settings-header-act-elements-f-VVv {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 16px;\n  line-height: 18px;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  margin: 1.6px 16px 0 16px;\n  padding-top: 7px;\n  padding-bottom: 7px;\n  order: 2;\n  max-width: 40%;\n  position: relative;\n  /* background: #f2f2f2; */\n  /* border: 1px solid #f2f2f2; */\n  border-radius: 5px;\n  text-align: right;\n  min-height: 25px;\n}\n\n.wcConfig-qK8qq {\n  display: -webkit-box;\n  max-height: 608px;\n  -webkit-line-clamp: 15;\n  overflow: auto;\n  box-shadow: var(--boxShadowHover);\n  z-index: 930;\n  text-align: left;\n}\n\n.wcConfigurator-settings-header-hideConfSettings-72pdt {\n  display: none;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span {\n  border-radius: var(--articlePosNrRadius);\n  font-size: var(--articlePosNrFontSize);\n  line-height: var(--articlePosNrSize);\n  min-width: var(--articlePosNrSize);\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  margin: 0 1px;\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  transition: box-shadow 0.45s ease;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.isActive-mWaAC {\n  color: white;\n  background: var(--primaryColor);\n  font-size: calc(var(--articlePosNrFontSize) + 1.6px);\n  line-height: calc(var(--articlePosNrSize) + 1.6px);\n  min-width: calc(var(--articlePosNrSize) + 3.2px);\n  -webkit-text-stroke: 0.4px;\n}\n.wcConfigurator-settings-header-act-elements-f-VVv span.allIsActive-iSz9H {\n  color: white;\n  background: var(--primaryColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.isSelectable-FBPGm {\n  color: var(--secondaryColor);\n  background: var(--thirdColor);\n}\n\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og,\n.wcConfigurator-settings-header-act-elements-f-VVv span.small-xZ6Og.isActive-mWaAC {\n  font-size: calc(var(--articlePosNrFontSize) - 4.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 SettingsPosNr = function SettingsPosNr(_ref) {
-  var _renderLayer;
-  var id = _ref.id,
-    allAreActive = _ref.allAreActive;
-  var viewHandler = useViewHandler();
-  var article = viewHandler.settingsState.articleInfos[id];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 600,
-    hideOnScroll: true
-  });
-  var tooltip = useLayer({
-    isOpen: hover[0],
-    auto: true,
-    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
-  });
-  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
-    hoverProps = hover[1];
-    triggerProps = tooltip.triggerProps;
-    layerProps = tooltip.layerProps;
-    renderLayer = tooltip.renderLayer;
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
-      onClick: function onClick() {
-        return viewHandler.paletteViewHandler.articleInfoSelected(Number(id));
-      },
-      id: "ArticleInfo",
-      className: classnames(allAreActive ? allIsActive : article.isActive ? isActive : isSelectable, article.posNr.toString().length > 2 ? small : undefined)
-    }, triggerProps), hoverProps), {}, {
-      children: article.posNr
-    }), id), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(SettingsPosNrToolTip, {
-      article: article,
-      layerProps: layerProps
-    })))]
-  });
-};
-var SettingsPosNr$1 = observer(SettingsPosNr);
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': SettingsPosNr$1
-});
-
-export { SettingsPosNr$1 as S, index as i, wcConfiguratorSettingsHeaderActElements as w };

package/build/esm/index-9d34552d.js

@@ -1,61 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-074dcea5.js';
-import 'react';
-import { jsx, jsxs } 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/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 '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-wqmkp";
-var toggleSwitch = "toggle-switch-MfN-e";
-var switchSelection = "switch-selection-bBWAz";
-var switchLabel = "switch-label-KFwxM";
-var css_248z = ".wrapper-wqmkp {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.toggle-switch-MfN-e {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.switch-selection-bBWAz {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.switch-label-KFwxM {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.25s ease-out;\n}\n";
-styleInject(css_248z);
-
-var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
-  var values = _ref.values,
-    _ref$state = _slicedToArray(_ref.state, 2),
-    selected = _ref$state[0],
-    setSelected = _ref$state[1];
-  var widthPercentage = 100 / values.length;
-  return /*#__PURE__*/jsx("div", {
-    className: wrapper,
-    children: /*#__PURE__*/jsxs("div", {
-      className: toggleSwitch,
-      children: [values.map(function (val, index) {
-        return /*#__PURE__*/jsx("div", {
-          style: {
-            width: widthPercentage + '%'
-          },
-          children: /*#__PURE__*/jsx("label", {
-            onClick: function onClick() {
-              return setSelected(index);
-            },
-            className: switchLabel,
-            children: val
-          })
-        }, index);
-      }), /*#__PURE__*/jsx("div", {
-        className: switchSelection,
-        style: {
-          left: selected / values.length * 100 + '%',
-          width: widthPercentage + '%'
-        }
-      })]
-    })
-  });
-};
-
-export { MultiToggleSwitch as default };

package/build/esm/index-9f6f096d.js

@@ -1,53 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-074dcea5.js';
-import 'react';
-import classnames from 'classnames';
-import StepInfo from './index-6532330a.js';
-import SettingsHeader from './index-59726e18.js';
-import ReplaceSwitch from './index-517e27c4.js';
-import { observer } from 'mobx-react-lite';
-import { jsxs, 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/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 '@crystaldesign/widget-contact-form';
-
-var wcConfiguratorConfigPaletteContainer = "wcConfigurator-ConfigPaletteContainer-uKDCv";
-var css_248z = ".wcConfigurator-ConfigPaletteContainer-uKDCv {\n  width: 100%;\n  margin-bottom: 24px;\n}\n";
-styleInject(css_248z);
-
-var ItemWrapper = function ItemWrapper(_ref) {
-  var item = _ref.item,
-    style = _ref.style,
-    children = _ref.children;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsxs("div", {
-    style: style,
-    className: classnames(wcConfiguratorConfigPaletteContainer, {
-      wcFilterVisible: item.filterVisible
-    }),
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
-    },
-    id: item.configStepKey,
-    children: [/*#__PURE__*/jsx(StepInfo, {
-      stepInfo: item.info
-    }), !item.isHeader && !item.hideHeader ? /*#__PURE__*/jsx(SettingsHeader, {
-      isInScroller: true,
-      isSettingsHeader: false,
-      item: item
-    }) : /*#__PURE__*/jsx(Fragment, {}), item.type == 'ART' && viewHandler.settingsState.doShowReplaceMode && (!viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements || item.id == 2) && /*#__PURE__*/jsx(ReplaceSwitch, {}), children]
-  });
-};
-var ItemWrapper$1 = observer(ItemWrapper);
-
-export { ItemWrapper$1 as default };