@crystaldesign/diva-web-planner-react 25.9.0-beta.39 → 25.9.0-beta.40

package/build/esm/index-bb8fcd73.js

@@ -1,131 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-c865c45c.js';
-import { useState, useEffect } from 'react';
-import Toggle from './index-2f696b58.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var wrapper = "wrapper-i5mp2";
-var tabs = "tabs-byZxq";
-var sel = "sel-J1it3";
-var selectionWrapper = "selection-wrapper-BVO4h";
-var selectionText = "selection-text-gO6Tv";
-var selection = "selection-ZoepK";
-var css_248z$1 = ".wrapper-i5mp2 {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.tabs-byZxq {\n  margin: 32px;\n  font-size: 22px;\n  display: flex;\n  gap: 32px;\n}\n\n.tabs-byZxq div {\n  cursor: pointer;\n}\n\n.tabs-byZxq div:hover,\n.sel-J1it3 {\n  border-bottom: var(--primaryColor) 2px solid;\n}\n\n.selection-wrapper-BVO4h {\n  display: flex;\n  position: relative;\n  margin: 8px 32px;\n}\n\n.selection-text-gO6Tv {\n  width: 160px;\n  line-height: 38px;\n}\n.selection-ZoepK {\n  flex-grow: 1;\n}\n\n.selection-wrapper-BVO4h input {\n  flex-grow: 1;\n}\n";
-styleInject(css_248z$1);
-
-var tableWrapper = "table-wrapper-NEM-p";
-var tableCss = "table-css-Qbpn7";
-var css_248z = ".table-wrapper-NEM-p {\n  margin: 16px;\n  overflow: auto;\n  height: calc(100% - 120px);\n}\n.table-css-Qbpn7 {\n}\n.table-css-Qbpn7 td {\n  border: 1px solid black;\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 Table = function Table(_ref) {
-  var properties = _ref.properties,
-    data = _ref.data,
-    id = _ref.id;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    overwrittenProps = _useState2[0],
-    setOverwrittenProps = _useState2[1];
-  var _useState3 = useState(properties),
-    _useState4 = _slicedToArray(_useState3, 2),
-    filteredProperties = _useState4[0],
-    setFilteredProperties = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchText = _useState6[0],
-    setSearchText = _useState6[1];
-  useEffect(function () {
-    if (searchText) {
-      setFilteredProperties(properties.filter(function (p) {
-        return p.codex.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase()) || p.type.toLocaleLowerCase().includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLocaleLowerCase());
-      }));
-    } else {
-      setFilteredProperties(properties);
-    }
-  }, [searchText]);
-  useEffect(function () {
-    setSearchText('');
-    setFilteredProperties(properties);
-  }, [id]);
-  var onClick = function onClick(key, newVal, type) {
-    var newVals = _objectSpread({}, overwrittenProps);
-    if (!data) return;
-    newVals[key] = newVal;
-    if (type == 'Array') {
-      data[key] = newVal === null || newVal === void 0 ? void 0 : newVal.split(';');
-    } else {
-      data[key] = newVal;
-    }
-    setOverwrittenProps(newVals);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: selectionWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: selectionText,
-        children: "Suche:"
-      }), /*#__PURE__*/jsx("input", {
-        type: "text",
-        value: searchText,
-        onChange: function onChange(e) {
-          var _e$target;
-          return setSearchText((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-        }
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: tableWrapper,
-      children: /*#__PURE__*/jsxs("table", {
-        className: tableCss,
-        children: [/*#__PURE__*/jsx("th", {
-          children: "CODEX"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Beschreibung"
-        }), /*#__PURE__*/jsx("th", {
-          children: "Type"
-        }), /*#__PURE__*/jsx("th", {
-          children: "edit"
-        }), filteredProperties.map(function (p) {
-          var _overwrittenProps$p$c, _overwrittenProps$p$c2, _overwrittenProps$p$c3;
-          return /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("td", {
-              children: p.codex
-            }), /*#__PURE__*/jsx("td", {
-              children: p.desc
-            }), /*#__PURE__*/jsx("td", {
-              children: p.type
-            }), /*#__PURE__*/jsxs("td", {
-              children: [p.type == 'boolean' && /*#__PURE__*/jsx(Toggle, {
-                state: (_overwrittenProps$p$c = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c !== void 0 ? _overwrittenProps$p$c : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(val) {
-                  return onClick(p.catalogKey, val, p.type);
-                }
-              }), (p.type == 'string' || p.type == 'Array') && /*#__PURE__*/jsx("input", {
-                value: (_overwrittenProps$p$c2 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c2 !== void 0 ? _overwrittenProps$p$c2 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(e) {
-                  return onClick(p.catalogKey, e.target.value, p.type);
-                },
-                type: "text"
-              }), p.type == 'number' && /*#__PURE__*/jsx("input", {
-                value: (_overwrittenProps$p$c3 = overwrittenProps[p.catalogKey]) !== null && _overwrittenProps$p$c3 !== void 0 ? _overwrittenProps$p$c3 : data === null || data === void 0 ? void 0 : data[p.catalogKey],
-                onChange: function onChange(e) {
-                  return onClick(p.catalogKey, e.target.value, p.type);
-                },
-                type: "number"
-              })]
-            })]
-          }, p.codex);
-        })]
-      })
-    })]
-  });
-};
-
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': Table
-});
-
-export { Table as T, selectionWrapper as a, selectionText as b, selection as c, index as i, sel as s, tabs as t, wrapper as w };

package/build/esm/index-bd17f4f0.js

@@ -1,274 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
-import { getLogger, useTranslation, useDivaCore } 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/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var container = "container-5GMrB";
-var buttonDropdown = "button-dropdown-hJTTc";
-var open = "open-cFdzA";
-var icon = "icon-7uXLI";
-var column = "column-SanUs";
-var button = "button-qcl7w";
-var actionButton = "action-button-nTgLc";
-var actionButtonDisabled = "action-button-disabled--LWWq";
-var secondButton = "second-button-KGVxc";
-var row = "row-bjrma";
-var iconColor = "icon-color-hyBQn";
-var saveIcon = "save-icon-s5mPx";
-var sendIcon = "send-icon-O6d2-";
-var css_248z = ".container-5GMrB {\n  display: flex;\n  flex-direction: row;\n  margin-left: 16px;\n}\n\n.button-dropdown-hJTTc {\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  position: absolute;\n  bottom: 105%;\n  left: 0;\n  right: -5px;\n  padding: 0.84em 1em;\n  color: #000;\n  color: initial;\n  display: none;\n  flex-direction: column;\n}\n\n.button-dropdown-hJTTc.open-cFdzA {\n  display: flex;\n}\n\n.button-dropdown-hJTTc .icon-7uXLI {\n  filter: brightness(0.1);\n}\n.button-dropdown-hJTTc .column-SanUs:hover {\n  color: var(--primaryColor);\n}\n\n.button-qcl7w {\n  position: relative;\n  font-weight: 100;\n  border-radius: 32px;\n  transition: background-color 0.25s ease-out, color 0.25s ease-out;\n  font-size: 0.9rem;\n  line-height: 18px;\n  text-align: center;\n  cursor: pointer;\n  box-sizing: border-box;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.5rem 1rem 0;\n  padding: 0.85em 1em;\n  -webkit-appearance: none;\n  border: 1px solid transparent;\n}\n\n.action-button-nTgLc {\n  background-color: var(--primaryColor);\n  color: #fefefe;\n}\n\n.action-button-disabled--LWWq {\n  opacity: 0.25;\n  cursor: not-allowed;\n}\n\n.action-button-nTgLc:hover {\n  filter: brightness(0.9);\n}\n\n.second-button-KGVxc {\n  background-color: transparent;\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n  padding: 0.85em 1em 0.85em 0.25em;\n}\n\n.second-button-KGVxc:hover {\n  fill: #202020 !important;\n}\n\n.second-button-KGVxc:hover {\n  border-color: #202020;\n  color: #202020;\n}\n\n.row-bjrma {\n  float: left;\n}\n.second-button-KGVxc .row-bjrma {\n  padding-left: 0.5em;\n}\n\n.column-SanUs {\n  margin: 0.5em 0;\n}\n\n.icon-7uXLI {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 20px;\n  height: 20px;\n}\n.icon-color-hyBQn {\n  fill: var(--primaryColor);\n  transition: fill 0.25s ease-out, color 0.25s ease-out;\n}\n\n.second-button-KGVxc:hover .icon-color-hyBQn {\n  fill: black;\n}\n\n.save-icon-s5mPx {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M783 255l-325 325l-70 70l-391 391q-14 15 -14 35.5t14 35.5l325 325q14 14 35 14t35 -14l391 -391q15 -15 35.5 -15t35.5 15l1049 1049q15 15 35.5 15t35.5 -15l327 -322q15 -15 15 -35q0 -21 -15 -35l-1447 -1448q-15 -14 -35.5 -14t-35.5 14z%22     %2F%3E%3C%2Fsvg%3E\");\n}\n.send-icon-O6d2- {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22d%3D%22M921 89q-43 -54 -75 -54q-22 0 -34 25.5t-12 72.5v767h-708q-91 0 -91 31q0 26 63 65l2063 1278q42 26 79 26q42 0 68 -32t26 -88v-1800q0 -57 -26.5 -89.5t-69.5 -32.5q-37 0 -78 25l-712 425zM1000 480l1186 1700l-1186 -1300v-400z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.reset-icon-HqNs3 path {\n  background-color: var(--primaryColor);\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'BasketActionSerious');
-var BasketActionSerious = function BasketActionSerious(_ref) {
-  var saveIsDisabled = _ref.saveIsDisabled,
-    sendEmailIsDisabled = _ref.sendEmailIsDisabled,
-    onSave = _ref.onSave;
-  var viewHandler = useViewHandler();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openDropdown = _useState2[0],
-    setOpen = _useState2[1];
-  var _useDivaCore = useDivaCore(),
-    _useDivaCore$actions = _useDivaCore.actions,
-    userHasPermission = _useDivaCore$actions.userHasPermission,
-    openSnackBar = _useDivaCore$actions.openSnackBar;
-  var onClickReset = function onClickReset() {
-    var _viewHandler$actions;
-    (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal({
-      title: t('modals.reset'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_to_reset'),
-      callback: function callback(accepted) {
-        if (accepted) {
-          viewHandler.productState.onClickReset();
-        }
-      }
-    });
-  };
-  var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(type) {
-      var _viewHandler$getViewC, _viewHandler$divaWebP, url, _viewHandler$getViewC2;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = type;
-            _context.next = _context.t0 === 'email' ? 3 : _context.t0 === 'save' ? 8 : 13;
-            break;
-          case 3:
-            if (!(!saveIsDisabled && !sendEmailIsDisabled)) {
-              _context.next = 7;
-              break;
-            }
-            onSave();
-            _context.next = 7;
-            return viewHandler.actionButtonState.onClickAddToBasket(viewHandler, 'onSendEmail');
-          case 7:
-            return _context.abrupt("break", 13);
-          case 8:
-            if (saveIsDisabled) {
-              _context.next = 12;
-              break;
-            }
-            onSave();
-            _context.next = 12;
-            return viewHandler.actionButtonState.onClickAddToBasket(viewHandler);
-          case 12:
-            return _context.abrupt("break", 13);
-          case 13:
-            if (!viewHandler.getViewConfig().showPdfQR) {
-              _context.next = 22;
-              break;
-            }
-            if (!(typeof viewHandler.getViewConfig().showPdfQR == 'boolean')) {
-              _context.next = 18;
-              break;
-            }
-            if (viewHandler.divaWebPlanner.getBasket().PDFDocumentURL) {
-              openSnackBar({
-                type: 'big',
-                qrCode: viewHandler.divaWebPlanner.getBasket().PDFDocumentURL,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : 1000 * 60 * 2,
-                clickable: true,
-                qrCodeSize: 312
-              });
-            } else {
-              LOG.warn('Basket is missing a pdf, no QR-Code displayed');
-            }
-            _context.next = 22;
-            break;
-          case 18:
-            _context.next = 20;
-            return (_viewHandler$divaWebP = viewHandler.divaWebPlanner.actSet()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.api.createBasketReport(viewHandler.divaWebPlanner.getBasket(), viewHandler.getViewConfig().showPdfQR, viewHandler.getViewConfig().savePdfQR);
-          case 20:
-            url = _context.sent;
-            if (url) {
-              openSnackBar({
-                type: 'big',
-                qrCode: url,
-                qrCodeSize: 312,
-                message: t('basket.checkout.pdfqr'),
-                autoHideDuration: (_viewHandler$getViewC2 = viewHandler.getViewConfig().pdfQRAutoHideDuration) !== null && _viewHandler$getViewC2 !== void 0 ? _viewHandler$getViewC2 : 1000 * 60 * 2,
-                clickable: true
-              });
-            } else {
-              LOG.warn('Could not generate PDF, no QR-Code displayed');
-            }
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onClickSave(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onClickFavorites = function onClickFavorites() {
-    var _viewHandler$actions2;
-    (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.openModal({
-      title: t('modals.favorite'),
-      accept: true,
-      reject: true,
-      text: t('modals.are_you_sure_favorite'),
-      callback: function () {
-        var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(accepted) {
-          var _viewHandler$actions3;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!accepted) {
-                  _context2.next = 5;
-                  break;
-                }
-                onSave();
-                _context2.next = 4;
-                return viewHandler.actionButtonState.onClickAddToBasket(viewHandler, 'onSaveProduct');
-              case 4:
-                (_viewHandler$actions3 = viewHandler.actions) === null || _viewHandler$actions3 === void 0 || _viewHandler$actions3.openModal({
-                  title: t('modals.favorite'),
-                  accept: true,
-                  text: t('modals.favorites_saved')
-                });
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function callback(_x2) {
-          return _callback.apply(this, arguments);
-        }
-        return callback;
-      }()
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: container,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classnames(button, actionButton, saveIsDisabled ? actionButtonDisabled : undefined),
-      onClick: function onClick() {
-        if (!saveIsDisabled) setOpen(!openDropdown);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon, saveIcon)
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ADD_TO_BASKET')]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(openDropdown ? open : undefined, buttonDropdown),
-        children: [/*#__PURE__*/jsxs("div", {
-          className: column,
-          onClick: function onClick() {
-            return onClickSave('save');
-          },
-          id: "wcConfigurator-action-tobasket",
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, saveIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.ADD_TO_BASKET')]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: classnames(column, sendEmailIsDisabled ? actionButtonDisabled : undefined),
-          onClick: function onClick() {
-            return onClickSave('email');
-          },
-          children: [/*#__PURE__*/jsx("div", {
-            className: classnames(row, icon, sendIcon)
-          }), /*#__PURE__*/jsxs("div", {
-            className: classnames(row),
-            children: [" ", t('configurator.SendToClient')]
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      onClick: onClickReset,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M935 2061l-114 277q135 45 279 57v-300q-85 -9 -165 -34zM1435 2069q-71 19 -135 26v300q131 -11 251 -48zM615 1884l-211 212q119 105 260 176l114 -276q-87 -47 -163 -112zM1737 1921q-43 32 -89 59l115 279q99 -53 187 -125zM2007 -3l-148 204l-6 -4 q-146 -95 -321 -145t-332 -51q-172 0 -331.5 43t-291 120.5t-240 188t-182.5 242.5t-114.5 287t-40.5 318q0 225 80 429.5t224 367.5l212 -212q-103 -120 -159.5 -270t-56.5 -314q0 -123 32 -239.5t90 -215t140.5 -181.5t181.5 -141t216 -90.5t240 -31.5q146 0 256.5 34 t226.5 109l-151 212q-8 11 -8 20q0 20 29 19h683q17 0 27.5 -10t10.5 -25q0 -6 -3 -13l-220 -644q-7 -22 -22 -22q-12 0 -22 15zM1964 1673q-20 32 -43 64l213 213q61 -75 109 -161zM2085 1400q-4 0 -10 27l279 126q4 -14 8.5 -35.5t8 -41t6.5 -37.5t6 -28.5t5 -10.5h-303z "
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.ConfigReset')]
-      })]
-    }), userHasPermission('favorites_lueck') && /*#__PURE__*/jsxs("div", {
-      onClick: onClickFavorites,
-      className: classnames(button, secondButton),
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(row, icon),
-        children: /*#__PURE__*/jsx("svg", {
-          width: "26",
-          height: "22",
-          viewBox: "0 0 3400 3400",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /*#__PURE__*/jsx("path", {
-            className: iconColor,
-            transform: "scale(1,-1) translate(450,-2600)",
-            strokeWidth: "1",
-            d: "M2491 1500l-765 -541l291 -885l-768 551l-764 -554l291 883l-776 546h958l294 900h3l292 -900h944zM484 68h-3l4 3z"
-          })
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: classnames(row),
-        children: [" ", t('configurator.Favorites')]
-      })]
-    })]
-  });
-};
-var BasketActionSerious$1 = observer(BasketActionSerious);
-
-export { BasketActionSerious$1 as default };

package/build/esm/index-bd255983.js

@@ -1,46 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import { useEffect } from 'react';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-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 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var checkoutButtonOne = "checkout-button-one-qwQE0";
-var checkoutButtonTwo = "checkout-button-two-PbR3L";
-var checkoutButtonThree = "checkout-button-three-oLcWo";
-var css_248z = ".checkout-button-one-qwQE0 {\n  background-color: #0e2e5b;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  padding-left: 20px;\n  text-align: left;\n  background-position: 97% 50%;\n  background-size: 30px;\n  border-radius: 0;\n  border-radius: initial;\n}\n.checkout-button-two-PbR3L {\n  background-color: #f6a000;\n  background-repeat: no-repeat;\n  text-align: left;\n  padding-left: 20px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 27.891 24%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A %23fff%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cg id%3D%22Gruppe_1481%22 data-name%3D%22Gruppe 1481%22 transform%3D%22translate(-610 -3077)%22%3E    %3Cpath id%3D%22Pfad_1150%22 data-name%3D%22Pfad 1150%22 class%3D%22cls-1%22 d%3D%22M27.734%2C3.881a.755.755%2C0%2C0%2C0-.591-.288H6.467L5.69.562A.743.743%2C0%2C0%2C0%2C4.966%2C0H.748a.748.748%2C0%2C0%2C0%2C0%2C1.5H4.389L8.911%2C19.161a.743.743%2C0%2C0%2C0%2C.723.562h14.1a.748.748%2C0%2C1%2C0%2C0-1.5H10.216l-.7-2.723H24.538a.747.747%2C0%2C0%2C0%2C.723-.567L27.866%2C4.521a.733.733%2C0%2C0%2C0-.132-.64M23.956%2C14H9.136L6.853%2C5.084H26.19Z%22 transform%3D%22translate(610 3077)%22%2F%3E    %3Cpath id%3D%22Pfad_1151%22 data-name%3D%22Pfad 1151%22 class%3D%22cls-1%22 d%3D%22M195.712%2C422.906a1.706%2C1.706%2C0%2C1%2C1-1.706-1.706%2C1.7%2C1.7%2C0%2C0%2C1%2C1.706%2C1.706%22 transform%3D%22translate(427.1 2676.388)%22%2F%3E    %3Cpath id%3D%22Pfad_1152%22 data-name%3D%22Pfad 1152%22 class%3D%22cls-1%22 d%3D%22M416.112%2C422.906a1.706%2C1.706%2C0%2C1%2C1-1.706-1.706%2C1.7%2C1.7%2C0%2C0%2C1%2C1.706%2C1.706%22 transform%3D%22translate(217.473 2676.388)%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-position: 97% 50%;\n  background-size: 30px;\n  border-radius: 0;\n  border-radius: initial;\n}\n.checkout-button-three-oLcWo {\n  background-color: #00787f;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 27.67 24%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A %23fff%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cpath id%3D%22Pfad_1783%22 data-name%3D%22Pfad 1783%22 class%3D%22cls-1%22 d%3D%22M27.509%2C9.046%2C25.048.431A.611.611%2C0%2C0%2C0%2C24.432%2C0H3.2a.741.741%2C0%2C0%2C0-.615.431L.124%2C9.046a3.042%2C3.042%2C0%2C0%2C0%2C.431%2C2.646%2C3.215%2C3.215%2C0%2C0%2C0%2C2.215%2C1.231v9.846A1.234%2C1.234%2C0%2C0%2C0%2C4%2C24H9.54a1.234%2C1.234%2C0%2C0%2C0%2C1.231-1.231V16.615h6.154v6.154A1.234%2C1.234%2C0%2C0%2C0%2C18.155%2C24h5.538a1.234%2C1.234%2C0%2C0%2C0%2C1.231-1.231V12.862a3.215%2C3.215%2C0%2C0%2C0%2C2.215-1.231A2.7%2C2.7%2C0%2C0%2C0%2C27.509%2C9.046Zm-7.754.246h0a1.917%2C1.917%2C0%2C0%2C1-.431%2C1.538%2C2.475%2C2.475%2C0%2C0%2C1-2.031.8%2C3.116%2C3.116%2C0%2C0%2C1-2.215-.862%2C2.235%2C2.235%2C0%2C0%2C1-.677-1.6V1.231h4.185l1.169%2C8Zm-6.523-.062a2.465%2C2.465%2C0%2C0%2C1-.677%2C1.6%2C3.116%2C3.116%2C0%2C0%2C1-2.215.862%2C2.68%2C2.68%2C0%2C0%2C1-2.031-.8%2C1.983%2C1.983%2C0%2C0%2C1-.431-1.538L9.048%2C1.231h4.185ZM1.54%2C10.954a1.658%2C1.658%2C0%2C0%2C1-.185-1.538L3.632%2C1.231H7.755L6.648%2C9.169a3.254%2C3.254%2C0%2C0%2C1-3.323%2C2.523A2.3%2C2.3%2C0%2C0%2C1%2C1.54%2C10.954ZM18.155%2C22.769V16.615a1.234%2C1.234%2C0%2C0%2C0-1.231-1.231H10.771A1.234%2C1.234%2C0%2C0%2C0%2C9.54%2C16.615v6.154H4V12.862A5.066%2C5.066%2C0%2C0%2C0%2C7.078%2C11.2c.123.185.185.308.308.492a3.849%2C3.849%2C0%2C0%2C0%2C2.954%2C1.231%2C4.222%2C4.222%2C0%2C0%2C0%2C3.077-1.231%2C3.518%2C3.518%2C0%2C0%2C0%2C.431-.492%2C3.082%2C3.082%2C0%2C0%2C0%2C.431.492%2C4.325%2C4.325%2C0%2C0%2C0%2C3.077%2C1.231%2C3.849%2C3.849%2C0%2C0%2C0%2C2.954-1.231%2C1.34%2C1.34%2C0%2C0%2C0%2C.308-.492%2C4.777%2C4.777%2C0%2C0%2C0%2C3.077%2C1.662v9.908Zm8-11.815a2.239%2C2.239%2C0%2C0%2C1-1.846.738%2C3.3%2C3.3%2C0%2C0%2C1-3.323-2.523L19.878%2C1.231H24L26.34%2C9.415A1.683%2C1.683%2C0%2C0%2C1%2C26.155%2C10.954Z%22 transform%3D%22translate(-0.004)%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  text-align: left;\n  padding-left: 20px;\n  background-position: 97% 50%;\n  background-size: 30px;\n  border-radius: 0;\n  border-radius: initial;\n}\n";
-styleInject(css_248z);
-
-var index = function index(_ref) {
-  _objectDestructuringEmpty(_ref);
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.uiState.setBarrierActions([{
-      className: classnames(checkoutButtonOne)
-    }, {
-      className: classnames(checkoutButtonTwo)
-    }, {
-      className: classnames(checkoutButtonThree)
-    }]);
-  }, []);
-  return /*#__PURE__*/jsx(Fragment, {});
-};
-
-export { index as default };

package/build/esm/index-beb450d2.js

@@ -1,58 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-c865c45c.js';
-import 'react';
-import { observer } from 'mobx-react-lite';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var doneBar = "doneBar-xosJY";
-var todoBar = "todoBar-sVQM-";
-var css_248z = ".doneBar-xosJY {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.todoBar-sVQM- {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\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 ProgressBar = function ProgressBar(_ref) {
-  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  var viewHandler = useViewHandler();
-  var lastStep = viewHandler.configuratorStructureHandler.lastConfigStep;
-  var currentStep = viewHandler.tabGroupState.curConfigStep;
-  if (!lastStep || !currentStep) return /*#__PURE__*/jsx(Fragment, {});
-  var current = currentStep.posNr - 1;
-  var total = lastStep.posNr - 1;
-  var doneInPercent = Math.round(current / total * 100);
-  var todoInPercent = 100 - doneInPercent;
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: doneBar,
-      style: {
-        width: doneInPercent + '%'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: todoBar,
-      style: {
-        width: todoInPercent + '%'
-      }
-    })]
-  }));
-};
-var ProgressBar$1 = observer(ProgressBar);
-
-export { ProgressBar$1 as default };

package/build/esm/index-bf0119d7.js

@@ -1,106 +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-c865c45c.js';
-import { useRef, useState, useEffect } from 'react';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import JSONEditor from 'jsoneditor';
-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/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import '@crystaldesign/widget-contact-form';
-
-var wrapper = "wrapper-igjAi";
-var buttonWrapper = "button-wrapper-Cctni";
-var button = "button-oD7G7";
-var css_248z = ".wrapper-igjAi {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.button-wrapper-Cctni {\n  margin-top: 12px;\n  display: flex;\n}\n.button-oD7G7 {\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 MaskEditor = function MaskEditor(props) {
-  var _viewHandler$divaWebP;
-  var viewHandler = useViewHandler();
-  var container = useRef(null);
-  var jsonEditor = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    validJson = _useState2[0],
-    setValidJson = _useState2[1];
-  var json = (_viewHandler$divaWebP = viewHandler.divaWebPlanner.getCatalogData()) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.catalogMask;
-  var _useState3 = useState(json !== null && json !== void 0 ? json : {}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0];
-    _useState4[1];
-  var options = {
-    mode: 'code',
-    onChange: function onChange() {
-      try {
-        var current = jsonEditor.current;
-        var e = current.get();
-        var valid = current.validate();
-        setValidJson(valid);
-      } catch (_unused) {
-        setValidJson(false);
-        return;
-      }
-    }
-  };
-  useEffect(function () {
-    if (container.current) {
-      if (!jsonEditor.current) jsonEditor.current = new JSONEditor(container.current, options);
-      if (jsonEditor.current) jsonEditor.current.set(value);
-    }
-  }, [value]);
-  var onClickSave = function onClickSave() {
-    var current = jsonEditor.current;
-    if (!current.get() || Object.keys(current.get()).length === 0) {
-      alert('Cannot save empty value');
-      return;
-    }
-    var newJson = current.get();
-    var catalogData = viewHandler.divaWebPlanner.getCatalogData();
-    if (catalogData) catalogData.catalogMask = newJson;
-    viewHandler.divaWebPlanner.updateWebConfiguratorTitle();
-    viewHandler.paletteViewHandler.updateCurPaletteData(true);
-    viewHandler.uiState.setActiveCatalogSection('3D/2D');
-    viewHandler.productState.updatePlannerMsgContainer('ACCESSOIRE_MSG', true, 'INFO', 'Speicherung erfolgreich', true);
-    //location.reload();
-  };
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(wrapper, props.className),
-    children: ["MaskEditor", /*#__PURE__*/jsx("div", {
-      ref: container,
-      id: "jsoneditor",
-      style: {
-        width: '100%',
-        height: 'calc(100% - 300px)'
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: buttonWrapper,
-      children: /*#__PURE__*/jsx("button", {
-        className: button,
-        disabled: !validJson,
-        onClick: function onClick() {
-          return onClickSave();
-        },
-        children: "Save"
-      })
-    })]
-  }));
-};
-var MaskEditor$1 = observer(MaskEditor);
-
-export { MaskEditor$1 as default };