npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.12.0-rc.9 → 24.12.1 - Mend

@crystaldesign/diva-web-planner-react 24.12.0-rc.9 → 24.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1631) hide show

package/build/esm/index-6de16fe6.js DELETED Viewed

@@ -1,447 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0a5c0bdc.js';
-import classnames from 'classnames';
-import Toggle from './index-59564099.js';
-import { useState, useEffect } from 'react';
-import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-156aad05.js';
-import { observer } from 'mobx-react-lite';
-import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'react-switch';
-var formWrapper = "formWrapper-qDcu6";
-var show = "show-EArlx";
-var hide = "hide-PXH9V";
-var headline = "headline-F6FxL";
-var fullForm = "fullForm-TL--j";
-var sidebyside = "sidebyside-3Yo-N";
-var under = "under-hfN93";
-var formButtons = "formButtons-aD3K5";
-var requiredProp = "requiredProp--0b9p";
-var sameHeight = "sameHeight-YPMbk";
-var minHeight = "minHeight-eP9oh";
-var toggle = "toggle-3hR2h";
-var street = "street-Q0GIJ";
-var nr = "nr-IfPHH";
-var dropdownMenu = "dropdown-menu-9-3L5";
-var autoMargin = "auto-margin-VKBeh";
-var lieferadresse = "lieferadresse-xvF5b";
-var css_248z = "/* form */\n.formWrapper-qDcu6 {\n  top: 100%;\n  position: absolute;\n  width: 100%;\n}\n.show-EArlx {\n  display: flex !important;\n}\n.hide-PXH9V {\n  display: none !important;\n}\n\n.formWrapper-qDcu6 a {\n  display: flex;\n  color: black;\n  cursor: default;\n}\n.formWrapper-qDcu6 a:hover {\n  display: flex;\n  color: black;\n  cursor: default;\n}\n.formWrapper-qDcu6 .headline-F6FxL {\n  color: var(--primaryColor);\n  font-size: 150%;\n  font-weight: 300;\n  padding-bottom: 3.7%;\n  padding-top: 4%;\n  text-align: left;\n}\n.formWrapper-qDcu6 .headline-F6FxL:hover {\n  color: var(--primaryColor);\n  font-size: 150%;\n  font-weight: 300;\n  padding-bottom: 3.7%;\n  padding-top: 4%;\n  text-align: left;\n}\n.fullForm-TL--j {\n  display: flex;\n  gap: 50px;\n  padding: 0 50px;\n}\n.fullForm-TL--j > * {\n  flex-basis: 100%;\n}\n\n.sidebyside-3Yo-N {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n  flex-basis: 100%;\n  gap: 3%;\n}\n.under-hfN93 {\n  display: flex;\n  flex-direction: column;\n  align-items: top;\n  flex-basis: 100%;\n}\n.formButtons-aD3K5 {\n  margin-top: 7%;\n  margin-left: 1%;\n}\n.fullForm-TL--j .requiredProp--0b9p {\n  color: var(--primaryColor);\n  font-size: 80%;\n  padding-bottom: 2%;\n  padding-right: 38%;\n}\n.fullForm-TL--j .requiredProp--0b9p:hover {\n  color: var(--primaryColor);\n  font-size: 80%;\n  padding-bottom: 2%;\n  padding-right: 38%;\n}\n.sameHeight-YPMbk {\n  margin-top: 20px;\n}\n.formWrapper-qDcu6 input[type='checkbox'],.formWrapper-qDcu6 input[type='Checkbox'],.formWrapper-qDcu6 input[type='cHeckbox'],.formWrapper-qDcu6 input[type='CHeckbox'],.formWrapper-qDcu6 input[type='chEckbox'],.formWrapper-qDcu6 input[type='ChEckbox'],.formWrapper-qDcu6 input[type='cHEckbox'],.formWrapper-qDcu6 input[type='CHEckbox'],.formWrapper-qDcu6 input[type='cheCkbox'],.formWrapper-qDcu6 input[type='CheCkbox'],.formWrapper-qDcu6 input[type='cHeCkbox'],.formWrapper-qDcu6 input[type='CHeCkbox'],.formWrapper-qDcu6 input[type='chECkbox'],.formWrapper-qDcu6 input[type='ChECkbox'],.formWrapper-qDcu6 input[type='cHECkbox'],.formWrapper-qDcu6 input[type='CHECkbox'],.formWrapper-qDcu6 input[type='checKbox'],.formWrapper-qDcu6 input[type='ChecKbox'],.formWrapper-qDcu6 input[type='cHecKbox'],.formWrapper-qDcu6 input[type='CHecKbox'],.formWrapper-qDcu6 input[type='chEcKbox'],.formWrapper-qDcu6 input[type='ChEcKbox'],.formWrapper-qDcu6 input[type='cHEcKbox'],.formWrapper-qDcu6 input[type='CHEcKbox'],.formWrapper-qDcu6 input[type='cheCKbox'],.formWrapper-qDcu6 input[type='CheCKbox'],.formWrapper-qDcu6 input[type='cHeCKbox'],.formWrapper-qDcu6 input[type='CHeCKbox'],.formWrapper-qDcu6 input[type='chECKbox'],.formWrapper-qDcu6 input[type='ChECKbox'],.formWrapper-qDcu6 input[type='cHECKbox'],.formWrapper-qDcu6 input[type='CHECKbox'],.formWrapper-qDcu6 input[type='checkBox'],.formWrapper-qDcu6 input[type='CheckBox'],.formWrapper-qDcu6 input[type='cHeckBox'],.formWrapper-qDcu6 input[type='CHeckBox'],.formWrapper-qDcu6 input[type='chEckBox'],.formWrapper-qDcu6 input[type='ChEckBox'],.formWrapper-qDcu6 input[type='cHEckBox'],.formWrapper-qDcu6 input[type='CHEckBox'],.formWrapper-qDcu6 input[type='cheCkBox'],.formWrapper-qDcu6 input[type='CheCkBox'],.formWrapper-qDcu6 input[type='cHeCkBox'],.formWrapper-qDcu6 input[type='CHeCkBox'],.formWrapper-qDcu6 input[type='chECkBox'],.formWrapper-qDcu6 input[type='ChECkBox'],.formWrapper-qDcu6 input[type='cHECkBox'],.formWrapper-qDcu6 input[type='CHECkBox'],.formWrapper-qDcu6 input[type='checKBox'],.formWrapper-qDcu6 input[type='ChecKBox'],.formWrapper-qDcu6 input[type='cHecKBox'],.formWrapper-qDcu6 input[type='CHecKBox'],.formWrapper-qDcu6 input[type='chEcKBox'],.formWrapper-qDcu6 input[type='ChEcKBox'],.formWrapper-qDcu6 input[type='cHEcKBox'],.formWrapper-qDcu6 input[type='CHEcKBox'],.formWrapper-qDcu6 input[type='cheCKBox'],.formWrapper-qDcu6 input[type='CheCKBox'],.formWrapper-qDcu6 input[type='cHeCKBox'],.formWrapper-qDcu6 input[type='CHeCKBox'],.formWrapper-qDcu6 input[type='chECKBox'],.formWrapper-qDcu6 input[type='ChECKBox'],.formWrapper-qDcu6 input[type='cHECKBox'],.formWrapper-qDcu6 input[type='CHECKBox'],.formWrapper-qDcu6 input[type='checkbOx'],.formWrapper-qDcu6 input[type='CheckbOx'],.formWrapper-qDcu6 input[type='cHeckbOx'],.formWrapper-qDcu6 input[type='CHeckbOx'],.formWrapper-qDcu6 input[type='chEckbOx'],.formWrapper-qDcu6 input[type='ChEckbOx'],.formWrapper-qDcu6 input[type='cHEckbOx'],.formWrapper-qDcu6 input[type='CHEckbOx'],.formWrapper-qDcu6 input[type='cheCkbOx'],.formWrapper-qDcu6 input[type='CheCkbOx'],.formWrapper-qDcu6 input[type='cHeCkbOx'],.formWrapper-qDcu6 input[type='CHeCkbOx'],.formWrapper-qDcu6 input[type='chECkbOx'],.formWrapper-qDcu6 input[type='ChECkbOx'],.formWrapper-qDcu6 input[type='cHECkbOx'],.formWrapper-qDcu6 input[type='CHECkbOx'],.formWrapper-qDcu6 input[type='checKbOx'],.formWrapper-qDcu6 input[type='ChecKbOx'],.formWrapper-qDcu6 input[type='cHecKbOx'],.formWrapper-qDcu6 input[type='CHecKbOx'],.formWrapper-qDcu6 input[type='chEcKbOx'],.formWrapper-qDcu6 input[type='ChEcKbOx'],.formWrapper-qDcu6 input[type='cHEcKbOx'],.formWrapper-qDcu6 input[type='CHEcKbOx'],.formWrapper-qDcu6 input[type='cheCKbOx'],.formWrapper-qDcu6 input[type='CheCKbOx'],.formWrapper-qDcu6 input[type='cHeCKbOx'],.formWrapper-qDcu6 input[type='CHeCKbOx'],.formWrapper-qDcu6 input[type='chECKbOx'],.formWrapper-qDcu6 input[type='ChECKbOx'],.formWrapper-qDcu6 input[type='cHECKbOx'],.formWrapper-qDcu6 input[type='CHECKbOx'],.formWrapper-qDcu6 input[type='checkBOx'],.formWrapper-qDcu6 input[type='CheckBOx'],.formWrapper-qDcu6 input[type='cHeckBOx'],.formWrapper-qDcu6 input[type='CHeckBOx'],.formWrapper-qDcu6 input[type='chEckBOx'],.formWrapper-qDcu6 input[type='ChEckBOx'],.formWrapper-qDcu6 input[type='cHEckBOx'],.formWrapper-qDcu6 input[type='CHEckBOx'],.formWrapper-qDcu6 input[type='cheCkBOx'],.formWrapper-qDcu6 input[type='CheCkBOx'],.formWrapper-qDcu6 input[type='cHeCkBOx'],.formWrapper-qDcu6 input[type='CHeCkBOx'],.formWrapper-qDcu6 input[type='chECkBOx'],.formWrapper-qDcu6 input[type='ChECkBOx'],.formWrapper-qDcu6 input[type='cHECkBOx'],.formWrapper-qDcu6 input[type='CHECkBOx'],.formWrapper-qDcu6 input[type='checKBOx'],.formWrapper-qDcu6 input[type='ChecKBOx'],.formWrapper-qDcu6 input[type='cHecKBOx'],.formWrapper-qDcu6 input[type='CHecKBOx'],.formWrapper-qDcu6 input[type='chEcKBOx'],.formWrapper-qDcu6 input[type='ChEcKBOx'],.formWrapper-qDcu6 input[type='cHEcKBOx'],.formWrapper-qDcu6 input[type='CHEcKBOx'],.formWrapper-qDcu6 input[type='cheCKBOx'],.formWrapper-qDcu6 input[type='CheCKBOx'],.formWrapper-qDcu6 input[type='cHeCKBOx'],.formWrapper-qDcu6 input[type='CHeCKBOx'],.formWrapper-qDcu6 input[type='chECKBOx'],.formWrapper-qDcu6 input[type='ChECKBOx'],.formWrapper-qDcu6 input[type='cHECKBOx'],.formWrapper-qDcu6 input[type='CHECKBOx'],.formWrapper-qDcu6 input[type='checkboX'],.formWrapper-qDcu6 input[type='CheckboX'],.formWrapper-qDcu6 input[type='cHeckboX'],.formWrapper-qDcu6 input[type='CHeckboX'],.formWrapper-qDcu6 input[type='chEckboX'],.formWrapper-qDcu6 input[type='ChEckboX'],.formWrapper-qDcu6 input[type='cHEckboX'],.formWrapper-qDcu6 input[type='CHEckboX'],.formWrapper-qDcu6 input[type='cheCkboX'],.formWrapper-qDcu6 input[type='CheCkboX'],.formWrapper-qDcu6 input[type='cHeCkboX'],.formWrapper-qDcu6 input[type='CHeCkboX'],.formWrapper-qDcu6 input[type='chECkboX'],.formWrapper-qDcu6 input[type='ChECkboX'],.formWrapper-qDcu6 input[type='cHECkboX'],.formWrapper-qDcu6 input[type='CHECkboX'],.formWrapper-qDcu6 input[type='checKboX'],.formWrapper-qDcu6 input[type='ChecKboX'],.formWrapper-qDcu6 input[type='cHecKboX'],.formWrapper-qDcu6 input[type='CHecKboX'],.formWrapper-qDcu6 input[type='chEcKboX'],.formWrapper-qDcu6 input[type='ChEcKboX'],.formWrapper-qDcu6 input[type='cHEcKboX'],.formWrapper-qDcu6 input[type='CHEcKboX'],.formWrapper-qDcu6 input[type='cheCKboX'],.formWrapper-qDcu6 input[type='CheCKboX'],.formWrapper-qDcu6 input[type='cHeCKboX'],.formWrapper-qDcu6 input[type='CHeCKboX'],.formWrapper-qDcu6 input[type='chECKboX'],.formWrapper-qDcu6 input[type='ChECKboX'],.formWrapper-qDcu6 input[type='cHECKboX'],.formWrapper-qDcu6 input[type='CHECKboX'],.formWrapper-qDcu6 input[type='checkBoX'],.formWrapper-qDcu6 input[type='CheckBoX'],.formWrapper-qDcu6 input[type='cHeckBoX'],.formWrapper-qDcu6 input[type='CHeckBoX'],.formWrapper-qDcu6 input[type='chEckBoX'],.formWrapper-qDcu6 input[type='ChEckBoX'],.formWrapper-qDcu6 input[type='cHEckBoX'],.formWrapper-qDcu6 input[type='CHEckBoX'],.formWrapper-qDcu6 input[type='cheCkBoX'],.formWrapper-qDcu6 input[type='CheCkBoX'],.formWrapper-qDcu6 input[type='cHeCkBoX'],.formWrapper-qDcu6 input[type='CHeCkBoX'],.formWrapper-qDcu6 input[type='chECkBoX'],.formWrapper-qDcu6 input[type='ChECkBoX'],.formWrapper-qDcu6 input[type='cHECkBoX'],.formWrapper-qDcu6 input[type='CHECkBoX'],.formWrapper-qDcu6 input[type='checKBoX'],.formWrapper-qDcu6 input[type='ChecKBoX'],.formWrapper-qDcu6 input[type='cHecKBoX'],.formWrapper-qDcu6 input[type='CHecKBoX'],.formWrapper-qDcu6 input[type='chEcKBoX'],.formWrapper-qDcu6 input[type='ChEcKBoX'],.formWrapper-qDcu6 input[type='cHEcKBoX'],.formWrapper-qDcu6 input[type='CHEcKBoX'],.formWrapper-qDcu6 input[type='cheCKBoX'],.formWrapper-qDcu6 input[type='CheCKBoX'],.formWrapper-qDcu6 input[type='cHeCKBoX'],.formWrapper-qDcu6 input[type='CHeCKBoX'],.formWrapper-qDcu6 input[type='chECKBoX'],.formWrapper-qDcu6 input[type='ChECKBoX'],.formWrapper-qDcu6 input[type='cHECKBoX'],.formWrapper-qDcu6 input[type='CHECKBoX'],.formWrapper-qDcu6 input[type='checkbOX'],.formWrapper-qDcu6 input[type='CheckbOX'],.formWrapper-qDcu6 input[type='cHeckbOX'],.formWrapper-qDcu6 input[type='CHeckbOX'],.formWrapper-qDcu6 input[type='chEckbOX'],.formWrapper-qDcu6 input[type='ChEckbOX'],.formWrapper-qDcu6 input[type='cHEckbOX'],.formWrapper-qDcu6 input[type='CHEckbOX'],.formWrapper-qDcu6 input[type='cheCkbOX'],.formWrapper-qDcu6 input[type='CheCkbOX'],.formWrapper-qDcu6 input[type='cHeCkbOX'],.formWrapper-qDcu6 input[type='CHeCkbOX'],.formWrapper-qDcu6 input[type='chECkbOX'],.formWrapper-qDcu6 input[type='ChECkbOX'],.formWrapper-qDcu6 input[type='cHECkbOX'],.formWrapper-qDcu6 input[type='CHECkbOX'],.formWrapper-qDcu6 input[type='checKbOX'],.formWrapper-qDcu6 input[type='ChecKbOX'],.formWrapper-qDcu6 input[type='cHecKbOX'],.formWrapper-qDcu6 input[type='CHecKbOX'],.formWrapper-qDcu6 input[type='chEcKbOX'],.formWrapper-qDcu6 input[type='ChEcKbOX'],.formWrapper-qDcu6 input[type='cHEcKbOX'],.formWrapper-qDcu6 input[type='CHEcKbOX'],.formWrapper-qDcu6 input[type='cheCKbOX'],.formWrapper-qDcu6 input[type='CheCKbOX'],.formWrapper-qDcu6 input[type='cHeCKbOX'],.formWrapper-qDcu6 input[type='CHeCKbOX'],.formWrapper-qDcu6 input[type='chECKbOX'],.formWrapper-qDcu6 input[type='ChECKbOX'],.formWrapper-qDcu6 input[type='cHECKbOX'],.formWrapper-qDcu6 input[type='CHECKbOX'],.formWrapper-qDcu6 input[type='checkBOX'],.formWrapper-qDcu6 input[type='CheckBOX'],.formWrapper-qDcu6 input[type='cHeckBOX'],.formWrapper-qDcu6 input[type='CHeckBOX'],.formWrapper-qDcu6 input[type='chEckBOX'],.formWrapper-qDcu6 input[type='ChEckBOX'],.formWrapper-qDcu6 input[type='cHEckBOX'],.formWrapper-qDcu6 input[type='CHEckBOX'],.formWrapper-qDcu6 input[type='cheCkBOX'],.formWrapper-qDcu6 input[type='CheCkBOX'],.formWrapper-qDcu6 input[type='cHeCkBOX'],.formWrapper-qDcu6 input[type='CHeCkBOX'],.formWrapper-qDcu6 input[type='chECkBOX'],.formWrapper-qDcu6 input[type='ChECkBOX'],.formWrapper-qDcu6 input[type='cHECkBOX'],.formWrapper-qDcu6 input[type='CHECkBOX'],.formWrapper-qDcu6 input[type='checKBOX'],.formWrapper-qDcu6 input[type='ChecKBOX'],.formWrapper-qDcu6 input[type='cHecKBOX'],.formWrapper-qDcu6 input[type='CHecKBOX'],.formWrapper-qDcu6 input[type='chEcKBOX'],.formWrapper-qDcu6 input[type='ChEcKBOX'],.formWrapper-qDcu6 input[type='cHEcKBOX'],.formWrapper-qDcu6 input[type='CHEcKBOX'],.formWrapper-qDcu6 input[type='cheCKBOX'],.formWrapper-qDcu6 input[type='CheCKBOX'],.formWrapper-qDcu6 input[type='cHeCKBOX'],.formWrapper-qDcu6 input[type='CHeCKBOX'],.formWrapper-qDcu6 input[type='chECKBOX'],.formWrapper-qDcu6 input[type='ChECKBOX'],.formWrapper-qDcu6 input[type='cHECKBOX'],.formWrapper-qDcu6 input[type='CHECKBOX'] {\n  margin-bottom: 18px;\n}\n.minHeight-eP9oh {\n  min-height: 86px;\n}\n.toggle-3hR2h {\n  margin-top: 5px;\n}\n.fullForm-TL--j input,\n.fullForm-TL--j textarea {\n  box-sizing: border-box !important;\n}\n.fullForm-TL--j input,\n.fullForm-TL--j textarea {\n  height: 40px;\n  width: 100%;\n  display: block;\n  box-sizing: border-box;\n  padding: 0.5rem;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 100;\n  color: #0a0a0a;\n  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.street-Q0GIJ {\n  flex: 1 1 90%;\n}\n.nr-IfPHH {\n  flex: 1 1 10%;\n}\n.formWrapper-qDcu6 .dropdown-menu-9-3L5 {\n  max-height: 150px;\n}\n.auto-margin-VKBeh {\n  margin: auto 0px;\n}\n.lieferadresse-xvF5b {\n  margin-bottom: 1.8%;\n}\n.fullForm-TL--j textarea {\n  height: 87px !important;\n}\n.fullForm-TL--j textarea {\n  margin-bottom: 2.5%;\n  width: 100%;\n  resize: vertical;\n}\n.formWrapper-qDcu6 div {\n  outline: none !important;\n  box-shadow: none !important;\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 inputField = ['configurationName', 'buildService', 'sellingAdvisor', 'toProduct', 'specInformations', 'firstName', 'lastName', 'email', 'phoneNumber', 'street', 'nr', 'postalCode', 'location', 'country'];
-var inputChecktype = ['simple',
-// firstName
-'simple',
-// lastName
-'email',
-// email
-'phoneNumber',
-//phoneNumber
-'simple',
-// street
-'simple',
-// nr
-'simple',
-//postalCode
-'simple' // location
-];
-var CheckOutForm = function CheckOutForm(props) {
-  var _basket$ProductSetNam, _ref, _ref2, _basket$Client, _basket$SetVariantBas, _basket$Salesperson, _viewHandler$configSt2, _viewHandler$configSt3, _basket$ClientRemark, _basket$Client$firstN, _basket$Client2, _basket$Client$prefer, _basket$Client3, _basket$Client$lastNa, _basket$Client4, _basket$Client$email, _basket$Client5, _basket$Client$phone, _basket$Client6, _basket$Client$addres, _basket$Client7, _basket$Client$addres2, _basket$Client8, _basket$Client$cap, _basket$Client9, _basket$Client$city, _basket$Client10, _ref3, _basket$Client11, _basket$Client$client, _basket$Client12, _basket$Client$delive, _basket$Client13;
-  var viewHandler = useViewHandler();
-  var basket = viewHandler.divaWebPlanner.getBasketData();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    canSave = _useState2[0],
-    setCanSave = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    canSendEmail = _useState4[0],
-    setCanSendEmail = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    placeHolderSetName = _useState6[0],
-    setPlaceHolderSetName = _useState6[1];
-  function regexCheck(type, event) {
-    switch (type) {
-      case 'simple':
-        if (event.length > 0) {
-          return true;
-        } else {
-          return false;
-        }
-      case 'email':
-        var valid = DivaUtils.validateEmail(event);
-        setCanSendEmail(valid);
-        return valid;
-      case 'phoneNumber':
-        var regPhoneNumer = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$/;
-        if (regPhoneNumer.test(event) && event.length > 0) {
-          return true;
-        } else {
-          return false;
-        }
-      case 'number':
-        var regNumber = /^[0-9]*$/;
-        if (regNumber.test(event) && event.length > 0) {
-          return true;
-        } else {
-          return false;
-        }
-      case 'letters':
-        var regLetters = /^[\u00C0-\u017Fa-zA-Z'][\u00C0-\u017Fa-zA-Z-' ]+[\u00C0-\u017Fa-zA-Z']?$/;
-        if (regLetters.test(event) && event.length > 0) {
-          return true;
-        } else {
-          return false;
-        }
-    }
-    return false;
-  }
-  function InputCheck(field, event, type) {
-    setSavedValues(_objectSpread(_objectSpread({}, savedValues), {}, _defineProperty({}, field, event)));
-    if (field === 'buildService') {
-      setValidInput(_objectSpread(_objectSpread({}, inputValidation), {}, _defineProperty({}, field, true)));
-      return;
-    } else setValidInput(_objectSpread(_objectSpread({}, inputValidation), {}, _defineProperty({}, field, regexCheck(type, event))));
-  }
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles();
-    if (!articles) return;
-    var headboardName = false;
-    var width = '';
-    var length = '';
-    for (var iKey in articles) {
-      var _article$getArticleOp, _article$getArticleOp2, _article$getArticleOp3, _article$getArticleOp4;
-      var article = articles[iKey];
-      if (!width) width = (_article$getArticleOp = (_article$getArticleOp2 = article.getArticleOptionState('OPTBR')) === null || _article$getArticleOp2 === void 0 ? void 0 : _article$getArticleOp2.name) !== null && _article$getArticleOp !== void 0 ? _article$getArticleOp : '';
-      if (!length) length = (_article$getArticleOp3 = (_article$getArticleOp4 = article.getArticleOptionState('OPTLAE')) === null || _article$getArticleOp4 === void 0 ? void 0 : _article$getArticleOp4.name) !== null && _article$getArticleOp3 !== void 0 ? _article$getArticleOp3 : '';
-      if (article.partlistArticles) {
-        for (var jKey in article.partlistArticles) {
-          var _article$partlistArti;
-          if (article.partlistArticles[jKey].tabGroupOption == 'Kopfteil' /* "Kopfteil" delete me in 2024 depreacted */ || (_article$partlistArti = article.partlistArticles[jKey].tabGroupOption) !== null && _article$partlistArti !== void 0 && _article$partlistArti.includes('BE_KT')) {
-            headboardName = article.partlistArticles[jKey].name + ' - ';
-          }
-        }
-      }
-    }
-    setPlaceHolderSetName((headboardName ? headboardName : '') + width.replace(' cm', '') + ' X ' + length);
-  }, [viewHandler.settingsState.configChanged]);
-  var saveValues = function saveValues(iwoFurn) {
-    var _viewHandler$configSt;
-    if (!basket.Client) basket.Client = {};
-    basket.ProductSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
-    basket.SetName = placeHolderSetName;
-    if (savedValues) {
-      basket.Client.firstName = savedValues.firstName;
-      basket.Client.preferredContact = savedValues.preferredContact;
-      basket.Client.lastName = savedValues.lastName;
-      basket.Client.email = savedValues.email;
-      basket.Client.phone = savedValues.phoneNumber;
-      basket.Client.address = savedValues.street;
-      basket.Client.addressNr = savedValues.nr;
-      basket.Client.cap = savedValues.postalCode;
-      basket.Client.city = savedValues.location;
-      basket.Client.countryCode = savedValues.country;
-      basket.Client.clientPreferedDeliveryDate = savedValues.dateofdelivery ? new Date(savedValues.dateofdelivery) : undefined;
-      basket.Client.deliveryNotes = savedValues.specInformations;
-      basket.Client.delivery = savedValues.buildService;
-    }
-    basket.ClientRemark = savedValues.toProduct;
-    basket.SalespersonOverwrite = savedValues.sellingAdvisor;
-    basket.SalespersonEmail = ((_viewHandler$configSt = viewHandler.configState.currentUser) === null || _viewHandler$configSt === void 0 ? void 0 : _viewHandler$configSt.mainEmail) || '';
-    if (iwoFurn) {
-      basket.SendIWOBasket = true;
-      basket.OrderStatus = 'SEND';
-    }
-  };
-  var _useState7 = useState({
-      configurationName: (_basket$ProductSetNam = basket.ProductSetName) !== null && _basket$ProductSetNam !== void 0 ? _basket$ProductSetNam : '',
-      buildService: (_ref = (_ref2 = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref2 !== void 0 ? _ref2 : ((_basket$SetVariantBas = basket.SetVariantBasketDatas) === null || _basket$SetVariantBas === void 0 || (_basket$SetVariantBas = _basket$SetVariantBas.find(function (o) {
-        return o.OPT === 'SERVICE';
-      })) === null || _basket$SetVariantBas === void 0 ? void 0 : _basket$SetVariantBas.OPV) == 'JA') !== null && _ref !== void 0 ? _ref : false,
-      sellingAdvisor: (_basket$Salesperson = basket.Salesperson) !== null && _basket$Salesperson !== void 0 ? _basket$Salesperson : "".concat(((_viewHandler$configSt2 = viewHandler.configState.currentUser) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.name) || '', " ").concat(((_viewHandler$configSt3 = viewHandler.configState.currentUser) === null || _viewHandler$configSt3 === void 0 ? void 0 : _viewHandler$configSt3.familyName) || '').trim(),
-      toProduct: (_basket$ClientRemark = basket.ClientRemark) !== null && _basket$ClientRemark !== void 0 ? _basket$ClientRemark : '',
-      firstName: (_basket$Client$firstN = (_basket$Client2 = basket.Client) === null || _basket$Client2 === void 0 ? void 0 : _basket$Client2.firstName) !== null && _basket$Client$firstN !== void 0 ? _basket$Client$firstN : '',
-      preferredContact: (_basket$Client$prefer = (_basket$Client3 = basket.Client) === null || _basket$Client3 === void 0 ? void 0 : _basket$Client3.preferredContact) !== null && _basket$Client$prefer !== void 0 ? _basket$Client$prefer : 'email',
-      lastName: (_basket$Client$lastNa = (_basket$Client4 = basket.Client) === null || _basket$Client4 === void 0 ? void 0 : _basket$Client4.lastName) !== null && _basket$Client$lastNa !== void 0 ? _basket$Client$lastNa : '',
-      email: (_basket$Client$email = (_basket$Client5 = basket.Client) === null || _basket$Client5 === void 0 ? void 0 : _basket$Client5.email) !== null && _basket$Client$email !== void 0 ? _basket$Client$email : '',
-      phoneNumber: (_basket$Client$phone = (_basket$Client6 = basket.Client) === null || _basket$Client6 === void 0 ? void 0 : _basket$Client6.phone) !== null && _basket$Client$phone !== void 0 ? _basket$Client$phone : '',
-      street: (_basket$Client$addres = (_basket$Client7 = basket.Client) === null || _basket$Client7 === void 0 ? void 0 : _basket$Client7.address) !== null && _basket$Client$addres !== void 0 ? _basket$Client$addres : '',
-      nr: (_basket$Client$addres2 = (_basket$Client8 = basket.Client) === null || _basket$Client8 === void 0 ? void 0 : _basket$Client8.addressNr) !== null && _basket$Client$addres2 !== void 0 ? _basket$Client$addres2 : '',
-      postalCode: (_basket$Client$cap = (_basket$Client9 = basket.Client) === null || _basket$Client9 === void 0 ? void 0 : _basket$Client9.cap) !== null && _basket$Client$cap !== void 0 ? _basket$Client$cap : '',
-      location: (_basket$Client$city = (_basket$Client10 = basket.Client) === null || _basket$Client10 === void 0 ? void 0 : _basket$Client10.city) !== null && _basket$Client$city !== void 0 ? _basket$Client$city : '',
-      country: (_ref3 = (_basket$Client11 = basket.Client) === null || _basket$Client11 === void 0 ? void 0 : _basket$Client11.countryCode) !== null && _ref3 !== void 0 ? _ref3 : 'Deutschland',
-      dateofdelivery: (_basket$Client$client = (_basket$Client12 = basket.Client) === null || _basket$Client12 === void 0 || (_basket$Client12 = _basket$Client12.clientPreferedDeliveryDate) === null || _basket$Client12 === void 0 ? void 0 : _basket$Client12.toString()) !== null && _basket$Client$client !== void 0 ? _basket$Client$client : '',
-      specInformations: (_basket$Client$delive = (_basket$Client13 = basket.Client) === null || _basket$Client13 === void 0 ? void 0 : _basket$Client13.deliveryNotes) !== null && _basket$Client$delive !== void 0 ? _basket$Client$delive : ''
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    savedValues = _useState8[0],
-    setSavedValues = _useState8[1];
-  var _useState9 = useState(function () {
-      var booleans = [false, false, false, false, false, false, false, false];
-      var fields = ['firstName', 'lastName', 'email', 'phoneNumber', 'street', 'nr', 'postalCode', 'location'];
-      for (var i = 0; i < booleans.length; i++) {
-        booleans[i] = regexCheck(inputChecktype[i], savedValues[fields[i]]);
-      }
-      return {
-        firstName: booleans[0],
-        lastName: booleans[1],
-        email: booleans[2],
-        phoneNumber: booleans[3],
-        street: booleans[4],
-        nr: booleans[5],
-        postalCode: booleans[6],
-        location: booleans[7]
-      };
-    }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    inputValidation = _useState10[0],
-    setValidInput = _useState10[1];
-  useEffect(function () {
-    if (savedValues.buildService.toString() === 'true') {
-      if (Object.values(inputValidation).some(function (fields) {
-        return fields === false;
-      })) {
-        setCanSave(false);
-      } else {
-        setCanSave(true);
-      }
-    } else if (inputValidation.firstName && inputValidation.lastName) {
-      setCanSave(true);
-    } else {
-      setCanSave(false);
-    }
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: formWrapper,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: fullForm,
-      children: [/*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("a", {
-          className: headline,
-          children: t('archive.header.productsetname')
-        }), /*#__PURE__*/jsx("input", {
-          placeholder: placeHolderSetName,
-          className: classnames(sameHeight),
-          onChange: function onChange(e) {
-            return InputCheck(inputField[0], e.target.value, 'simple');
-          },
-          value: savedValues.configurationName
-        }), /*#__PURE__*/jsx("a", {
-          className: headline,
-          children: t('checkout.build_service_title')
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(toggle, sidebyside),
-          children: [/*#__PURE__*/jsx(Toggle, {
-            onChange: function onChange(e) {
-              var value = !savedValues.buildService;
-              viewHandler.paletteViewHandler.changeOnCheckoutConfig({
-                OPTSERVICE: 'OPV' + (value ? 'JA' : 'NEIN')
-              });
-              setSavedValues(_objectSpread(_objectSpread({}, savedValues), {}, {
-                buildService: value
-              }));
-            },
-            state: savedValues.buildService,
-            on: t('ja'),
-            off: t('nein')
-          }), /*#__PURE__*/jsx("a", {
-            className: autoMargin,
-            children: t('checkout.build_service_text')
-          })]
-        }), /*#__PURE__*/jsx("a", {
-          className: classnames(headline),
-          children: t('checkout.additional_info')
-        }), /*#__PURE__*/jsxs("div", {
-          className: minHeight,
-          children: [/*#__PURE__*/jsx("a", {
-            children: t('checkout.selling_advisor')
-          }), /*#__PURE__*/jsx("input", {
-            onChange: function onChange(e) {
-              return InputCheck(inputField[2], e.target.value, 'simple');
-            },
-            value: savedValues.sellingAdvisor
-          })]
-        }), /*#__PURE__*/jsx("a", {
-          children: t('checkout.to_product')
-        }), /*#__PURE__*/jsx("textarea", {
-          onChange: function onChange(e) {
-            return InputCheck(inputField[3], e.target.value, 'simple');
-          },
-          value: savedValues.toProduct
-        }), savedValues.buildService && /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsx("a", {
-            children: t('checkout.spec_informations')
-          }), /*#__PURE__*/jsx("textarea", {
-            onChange: function onChange(e) {
-              return InputCheck(inputField[4], e.target.value, 'simple');
-            },
-            value: savedValues.specInformations
-          })]
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsx("a", {
-          className: headline,
-          children: t('checkout.client_info')
-        }), /*#__PURE__*/jsx("div", {
-          className: under
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(sidebyside, minHeight),
-          children: [/*#__PURE__*/jsxs("div", {
-            className: under,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.name'), "*"]
-            }), /*#__PURE__*/jsx("input", {
-              onChange: function onChange(e) {
-                return InputCheck(inputField[5], e.target.value, inputChecktype[0]);
-              },
-              value: savedValues.firstName
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, inputValidation.firstName ? hide : show),
-              children: ' ' + t('checkout.required')
-            })]
-          }), /*#__PURE__*/jsxs("div", {
-            className: under,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.surname'), "*"]
-            }), /*#__PURE__*/jsx("input", {
-              onChange: function onChange(e) {
-                return InputCheck(inputField[6], e.target.value, inputChecktype[1]);
-              },
-              value: savedValues.lastName
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, inputValidation.lastName ? hide : show),
-              children: ' ' + t('checkout.required')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: minHeight,
-          children: [/*#__PURE__*/jsxs("a", {
-            children: [t('basket.clientData.form.email'), savedValues.buildService ? '*' : '']
-          }), /*#__PURE__*/jsx("input", {
-            onChange: function onChange(e) {
-              return InputCheck(inputField[7], e.target.value, inputChecktype[2]);
-            },
-            value: savedValues.email
-          }), /*#__PURE__*/jsx("a", {
-            className: classnames(requiredProp, savedValues.buildService && !inputValidation.email ? show : hide),
-            children: ' ' + t('checkout.required')
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: minHeight,
-          children: [/*#__PURE__*/jsxs("a", {
-            children: [t('basket.clientData.form.phone'), savedValues.buildService ? '*' : '']
-          }), /*#__PURE__*/jsx("input", {
-            onChange: function onChange(e) {
-              return InputCheck(inputField[8], e.target.value, inputChecktype[3]);
-            },
-            value: savedValues.phoneNumber
-          }), /*#__PURE__*/jsx("a", {
-            className: classnames(requiredProp, savedValues.buildService && !inputValidation.phoneNumber ? show : hide),
-            children: ' ' + t('checkout.required')
-          })]
-        }), savedValues.buildService && /*#__PURE__*/jsx("a", {
-          className: classnames(headline, lieferadresse),
-          children: t('checkout.delivery_address')
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(sidebyside, minHeight),
-          children: [/*#__PURE__*/jsxs("div", {
-            className: street,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.address'), savedValues.buildService ? '*' : '']
-            }), /*#__PURE__*/jsx("input", {
-              className: street,
-              onChange: function onChange(e) {
-                return InputCheck(inputField[9], e.target.value, inputChecktype[4]);
-              },
-              value: savedValues.street
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, savedValues.buildService && !inputValidation.street ? show : hide),
-              children: ' ' + t('checkout.required')
-            })]
-          }), /*#__PURE__*/jsxs("div", {
-            className: nr,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.addressNr'), savedValues.buildService ? '*' : '']
-            }), /*#__PURE__*/jsx("input", {
-              className: nr,
-              onChange: function onChange(e) {
-                return InputCheck(inputField[10], e.target.value, inputChecktype[5]);
-              },
-              value: savedValues.nr
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, savedValues.buildService && !inputValidation.nr ? show : hide),
-              children: ' ' + t('checkout.required')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(sidebyside, minHeight),
-          children: [/*#__PURE__*/jsxs("div", {
-            className: under,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.cap'), savedValues.buildService ? '*' : '']
-            }), /*#__PURE__*/jsx("input", {
-              onChange: function onChange(e) {
-                return InputCheck(inputField[11], e.target.value, inputChecktype[6]);
-              },
-              value: savedValues.postalCode
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, savedValues.buildService && !inputValidation.postalCode ? show : hide),
-              children: ' ' + t('checkout.required')
-            })]
-          }), /*#__PURE__*/jsxs("div", {
-            className: under,
-            children: [/*#__PURE__*/jsxs("a", {
-              children: [t('basket.clientData.form.city'), savedValues.buildService ? '*' : '']
-            }), /*#__PURE__*/jsx("input", {
-              onChange: function onChange(e) {
-                return InputCheck(inputField[12], e.target.value, inputChecktype[7]);
-              },
-              value: savedValues.location
-            }), /*#__PURE__*/jsx("a", {
-              className: classnames(requiredProp, savedValues.buildService && !inputValidation.location ? show : hide),
-              children: ' ' + t('checkout.required')
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("a", {
-          children: [t('basket.clientData.form.countryCode'), savedValues.buildService ? '*' : '']
-        }), /*#__PURE__*/jsx(Dropdown, {
-          menuClassName: dropdownMenu,
-          value: savedValues.country,
-          options: ['Deutschland', 'Österreich', 'Schweiz', 'Luxemburg', 'Belgien', 'Niederlande', 'Tschechien', 'Kasachstan'],
-          onChange: function onChange(e) {
-            return InputCheck(inputField[13], e.value, 'simple');
-          }
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: formButtons,
-      children: /*#__PURE__*/jsx(BasketActionSerious, {
-        onSave: saveValues,
-        saveIsDisabled: !canSave,
-        sendEmailIsDisabled: !canSendEmail
-      })
-    })]
-  });
-};
-var CheckoutFormNew = observer(CheckOutForm);
-export { CheckoutFormNew as default };

package/build/esm/index-6f202168.js DELETED Viewed

@@ -1,111 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0a5c0bdc.js';
-import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-607454f1.js';
-import GenericToolTip from './index-1dbc777d.js';
-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 '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-var container = "container-08OcY";
-var sel = "sel-hd522";
-var titleContainer = "title-container-QzcUc";
-var title = "title-WUWIa";
-var subTitle = "sub-title-OQXRX";
-var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa,\n.sub-title-OQXRX {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-OQXRX {\n  margin-top: 4px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 300;\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 ShelfAccessoires = function ShelfAccessoires(_ref) {
-  var _renderLayer;
-  var item = _ref.item;
-    _ref.grids;
-    var sel$1 = _ref.sel;
-  var viewHandler = useViewHandler();
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$state = _useDivaCore.state,
-    hidePrices = _useDivaCore$state.hidePrices,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
-    isMobile = _useDivaCore$state$di.isMobile,
-    isTablet = _useDivaCore$state$di.isTablet;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    metaDataVisible = _useState2[0],
-    setMetaDataVisible = _useState2[1];
-  /* tool tip stuff*/
-  var triggerProps = {};
-  var layerProps = {};
-  var renderLayer = undefined;
-  var isOver = false;
-  var hoverProps = {};
-  var hover = useHover({
-    delayEnter: 1000,
-    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;
-  }
-  var header = item.name;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    id: item.articleCodex,
-    className: classnames(container, sel$1 ? sel : undefined),
-    onClick: function onClick() {
-      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
-    }
-  }, triggerProps), hoverProps), {}, {
-    children: [/*#__PURE__*/jsx("img", {
-      style: {
-        maxHeight: viewHandler.settingsState.settingsWidth / 3
-      },
-      src: item.image
-    }), /*#__PURE__*/jsxs("div", {
-      className: titleContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(title),
-        dangerouslySetInnerHTML: {
-          __html: header
-        }
-      }), /*#__PURE__*/jsx(MetaData, {
-        metaData: item.metaData,
-        visible: [metaDataVisible, setMetaDataVisible]
-      }, item.articleCodex), !hidePrices && !!item.price && /*#__PURE__*/jsx("div", {
-        className: classnames(subTitle),
-        children: DivaUtils.formatPrice(item.price)
-      })]
-    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
-      text: item.name,
-      desciption: metaDataVisible,
-      price: item.price,
-      image: item.image,
-      codex: item.articleCodex,
-      layerProps: layerProps
-    }, item.articleCodex)))]
-  }));
-};
-var ShelfAccessoires$1 = observer(ShelfAccessoires);
-export { ShelfAccessoires$1 as default };

package/build/esm/index-6f433388.js DELETED Viewed

@@ -1,57 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-0a5c0bdc.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useRef, useEffect } from 'react';
-import { useTranslation } from '@crystaldesign/diva-core';
-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-TP7vT";
-var portrait = "portrait-3cTAf";
-var landscape = "landscape-6Dea8";
-var wcActiveStep = "wcActiveStep-y3S9Y";
-var wcVisitedStep = "wcVisitedStep-yDCqq";
-var wcStepNum = "wcStepNum-6FgQh";
-var css_248z = ".wcTabGroupItem-TP7vT {\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.portrait-3cTAf.wcTabGroupItem-TP7vT,\n.landscape-6Dea8.wcTabGroupItem-TP7vT {\n  line-height: 38px;\n}\n\n.wcTabGroupItem-TP7vT.wcActiveStep-y3S9Y {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.wcActiveStep-y3S9Y.wcTabGroupItem-TP7vT:hover {\n  background-color: var(--primaryColor);\n}\n\n.wcVisitedStep-yDCqq {\n  background-color: #b1b1b1;\n}\n\n.wcVisitedStep-yDCqq.wcTabGroupItem-TP7vT:hover {\n  background-color: #bbbbbb;\n}\n.wcTabGroupItem-TP7vT:hover {\n  background-color: #c8c8c8;\n}\n\n.wcStepNum-6FgQh {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  margin-right: 10px;\n  margin-top: 10px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 21px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.wcActiveStep-y3S9Y .wcStepNum-6FgQh {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n.wcVisitedStep-yDCqq .wcStepNum-6FgQh:empty:before {\n  content: '\\200b';\n}\n";
-styleInject(css_248z);
-var TabGroupItemHorizontalGold = function TabGroupItemHorizontalGold(_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 isActive = tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr);
-  return /*#__PURE__*/jsxs("div", {
-    ref: tabGroupItemRef,
-    onClick: function onClick() {
-      return onTabGroupClick(tabGroup);
-    },
-    className: classnames(wcTabGroupItem, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && isActive) ? wcVisitedStep : undefined),
-    children: [/*#__PURE__*/jsx("span", {
-      className: classnames(wcStepNum),
-      children: tabGroup.posNr
-    }), t('configurator.' + tabGroup.title, tabGroup.title)]
-  });
-};
-var index = observer(TabGroupItemHorizontalGold);
-export { index as default };