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

package/build/esm/index-22f03204.js

@@ -1,167 +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-ca47d50e.js';
-import { observer } from 'mobx-react-lite';
-import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { useRef, useState, useEffect } from 'react';
-import { ContentItemComponent } from '@crystaldesign/content-item';
-import Draggable from 'react-draggable';
-import classnames from 'classnames';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var wrapper = "wrapper-epfZs";
-var header = "header-GXHlA";
-var handle = "handle-wTliC";
-var closeIcon = "close-icon-L0FOF";
-var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.header-GXHlA {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.handle-wTliC {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.close-icon-L0FOF {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.close-icon-L0FOF:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
-styleInject(css_248z);
-
-var LOG = getLogger('Planner', 'InfoBox');
-var ContentItemWrapper = function ContentItemWrapper(_ref) {
-  var _viewHandler$productS;
-  var id = _ref.id,
-    _ref$startPos = _ref.startPos,
-    startPos = _ref$startPos === void 0 ? 'left' : _ref$startPos,
-    noWrapper = _ref.noWrapper;
-  var _useDivaCore = useDivaCore(),
-    contentItemHandler = _useDivaCore.handler.contentItemHandler,
-    _useDivaCore$actions = _useDivaCore.actions,
-    openSideMenu = _useDivaCore$actions.openSideMenu,
-    closeSideMenu = _useDivaCore$actions.closeSideMenu;
-  var _useTranslation = useTranslation(),
-    language = _useTranslation.i18n.language;
-  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
-  var viewHandler = useViewHandler();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  useEffect(function () {
-    if (!id) return;
-    loadData();
-  }, [id]);
-  var loadData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _infoBoxTitle$;
-      var data, infoBoxTitle;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return contentItemHandler.getContentItem(id, language);
-          case 2:
-            data = _context.sent;
-            infoBoxTitle = data.content.filter(function (item) {
-              return item.type === 'Title' && item.text;
-            }).map(function (item) {
-              return item.text;
-            });
-            LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
-              id: data._id,
-              title: (_infoBoxTitle$ = infoBoxTitle[0]) !== null && _infoBoxTitle$ !== void 0 ? _infoBoxTitle$ : undefined
-            });
-            setData(data);
-            if (viewHandler.getIsInMobileView()) {
-              openSideMenu({
-                side: 'left',
-                onClose: function onClose() {
-                  viewHandler.settingsState.setContentItemId();
-                  closeSideMenu();
-                },
-                open: true,
-                content: /*#__PURE__*/jsx("div", {
-                  className: classnames(mobile),
-                  children: /*#__PURE__*/jsx(ContentItemComponent, {
-                    settings: {
-                      contentItems: data.content,
-                      wrapperStyle: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%'
-                      }
-                    }
-                  })
-                })
-              });
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (id === undefined) setData(undefined);
-  }, [id]);
-  if (!data) return /*#__PURE__*/jsx(Fragment, {});
-  if (viewHandler.getIsInMobileView()) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
-  if (noWrapper) {
-    return /*#__PURE__*/jsx(ContentItemComponent, {
-      settings: {
-        contentItems: data.content,
-        wrapperStyle: {
-          display: 'flex',
-          flexDirection: 'column',
-          maxHeight: 'inherit'
-        }
-      }
-    });
-  }
-  var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
-  return /*#__PURE__*/jsx(Draggable, {
-    nodeRef: draggable,
-    handle: ".handle",
-    bounds: "parent",
-    defaultPosition: startPos == 'right' ? {
-      x: parentSizes !== null && parentSizes !== void 0 && parentSizes.width ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.width) - 508 : 0,
-      y: 0
-    } : undefined,
-    children: /*#__PURE__*/jsxs("div", {
-      ref: draggable,
-      className: wrapper,
-      style: {
-        maxHeight: parentSizes !== null && parentSizes !== void 0 && parentSizes.height && parentSizes.height < 700 + 20 ? (parentSizes === null || parentSizes === void 0 ? void 0 : parentSizes.height) - 20 : 700
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: header,
-        children: [/*#__PURE__*/jsx("div", {
-          className: classnames('handle', handle)
-        }), /*#__PURE__*/jsx("div", {
-          className: closeIcon,
-          onClick: function onClick() {
-            return viewHandler.settingsState.setContentItemId();
-          }
-        })]
-      }), /*#__PURE__*/jsx(ContentItemComponent, {
-        settings: {
-          contentItems: data.content,
-          wrapperStyle: {
-            display: 'flex',
-            flexDirection: 'column',
-            maxHeight: 'inherit'
-          }
-        }
-      })]
-    })
-  });
-};
-var ContentItemWrapper$1 = observer(ContentItemWrapper);
-
-export { ContentItemWrapper$1 as default };

package/build/esm/index-23e3d017.js

@@ -1,97 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-ca47d50e.js';
-import { useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-5f765419.js';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-
-var _excluded = ["plannerArticles", "curBox", "isExpanded"];
-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 SVGSourceViewer = function SVGSourceViewer(_ref) {
-  var plannerArticles = _ref.plannerArticles,
-    curBox = _ref.curBox;
-    _ref.isExpanded;
-    var props = _objectWithoutProperties(_ref, _excluded);
-  var viewHandler = useViewHandler();
-  var _useState = useState('None'),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var articlesLoaded = viewHandler.divaWebPlanner.getDivaArticles();
-  if (!articlesLoaded) return /*#__PURE__*/jsx(Fragment, {});
-  var articles = Object.values(articlesLoaded);
-  var filteredArticles = articles.filter(function (article) {
-    return article.hasCatalogPlannerArticle;
-  });
-  var curElement = plannerArticles[curBox];
-  var article = filteredArticles[curBox];
-  var svgURL = '';
-  if (curElement === undefined) return /*#__PURE__*/jsx(Fragment, {});
-  if (curElement.topSvgsWithFormula) {
-    var _article$plannerData;
-    (_article$plannerData = article.plannerData) === null || _article$plannerData === void 0 || _article$plannerData.curSVG;
-    var curSVG = curElement.topSvgsWithFormula.find(function (item) {
-      var _article$plannerData2;
-      return item.SVG === ((_article$plannerData2 = article.plannerData) === null || _article$plannerData2 === void 0 ? void 0 : _article$plannerData2.curSVG);
-    });
-    if (curSVG !== null && curSVG !== void 0 && curSVG.SVG) {
-      svgURL = article.CatalogData.getCatImageURL(curSVG.SVG, '');
-    }
-  }
-  if (!svgURL) {
-    svgURL = article.CatalogData.getCatImageURL(curElement.topSvg, '');
-  }
-  if (svgURL !== '') {
-    var getSVG = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(topSVGUrl) {
-        var response;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return fetch(topSVGUrl);
-            case 2:
-              response = _context.sent;
-              _context.t0 = setText;
-              _context.next = 6;
-              return response.text();
-            case 6:
-              _context.t1 = _context.sent;
-              (0, _context.t0)(_context.t1);
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function getSVG(_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    getSVG(svgURL);
-  } else if (text != 'None') setText('None');
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(svgWrapper),
-    children: /*#__PURE__*/jsx("textarea", {
-      readOnly: true,
-      value: text
-    })
-  }));
-};
-var SVGSourceViewer$1 = observer(SVGSourceViewer);
-
-export { SVGSourceViewer$1 as default };

package/build/esm/index-24997b07.js

@@ -1,37 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
-var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
-styleInject(css_248z);
-
-var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
-  var index = _ref.index,
-    grid = _ref.grid;
-  var viewHandler = useViewHandler();
-  return /*#__PURE__*/jsx("div", {
-    onClick: function onClick(e) {
-      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
-      e.stopPropagation();
-    },
-    className: wcAccCtaMinus,
-    children: "-"
-  });
-};
-
-export { ShelfDeleteButton as default };

package/build/esm/index-2700ad07.js

@@ -1,38 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ca47d50e.js';
-import { observer } from 'mobx-react-lite';
-import { createElement } from 'react';
-import Group from './index-7b62fdf8.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'react-collapsible';
-import './index-649efb3f.js';
-import './index-f1f95e5c.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 PaletteGroup = function PaletteGroup(props) {
-  return /*#__PURE__*/jsx(Fragment, {
-    children: props.groups.map(function (group) {
-      return /*#__PURE__*/createElement(Group, _objectSpread(_objectSpread({}, props), {}, {
-        key: group.key,
-        group: group
-      }));
-    })
-  });
-};
-var StandradGroup = observer(PaletteGroup);
-
-export { StandradGroup as default };

package/build/esm/index-274f5ccc.js

@@ -1,42 +0,0 @@
-import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.js';
-import { useEffect } from 'react';
-import classnames from 'classnames';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'mobx-react-lite';
-
-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-278d0b6d.js

@@ -1,193 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-ca47d50e.js';
-import { useEffect } from 'react';
-import Inputbox from './index-a3553fee.js';
-import Settings from './index-efde29d8.js';
-import TabGroup from './index-f28a2d91.js';
-import { observer } from 'mobx-react-lite';
-import classnames from 'classnames';
-import Toolbar from './index-9c94b72c.js';
-import NavigationButtons from './index-3af33206.js';
-import ContentItemWrapper from './index-22f03204.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8f27f136.js';
-import './index-4672fe74.js';
-import './index-64ca3065.js';
-import './index-11cdabd4.js';
-import './index-2cdd1fdc.js';
-import 'react-laag';
-import './index-8e68fbd5.js';
-import './index-1c4627a0.js';
-import './index-647effb5.js';
-import 'sift';
-import './index-e65c57ff.js';
-import './index-3f7043d7.js';
-import './index-4d87e7df.js';
-import './index-57014197.js';
-import './index.module-0edb7e85.js';
-import './index-1192ec09.js';
-import 'react-switch';
-import './index-649efb3f.js';
-import './index-f1f95e5c.js';
-import './index-fd9400f6.js';
-import 'react-dropdown';
-import './index-75232fc2.js';
-import './index-92538c3d.js';
-import './index-d1bede09.js';
-import './index-51cab0f6.js';
-import '@crystaldesign/content-box';
-import './index-a754f314.js';
-import './index-3a20b185.js';
-import './index-be4c8bc8.js';
-import './index-20b3fbf3.js';
-import './index-813cebb5.js';
-import './index-4ef2caf4.js';
-import './index-db2488fa.js';
-import './index-b8b0b768.js';
-import './index-1d0e1cb0.js';
-import './index-acab8016.js';
-import './index-e1b6c800.js';
-import './index-965fddb3.js';
-import './index-c04c78e4.js';
-import './index-1281b5a4.js';
-import './index-a263e4a1.js';
-import './index-34cc435b.js';
-import './index.module-3c6bcf11.js';
-import './index-a81b3edc.js';
-import './index-a7802218.js';
-import './index-8893fcd4.js';
-import './index-8f6ba072.js';
-import './index-0da9eaf6.js';
-import './index-78559dd5.js';
-import './index-f259600b.js';
-import './index.module-1878d414.js';
-import './index-d080a540.js';
-import './index-b753a53f.js';
-import './index-182b32d9.js';
-import './index-8e19aa0a.js';
-import './index-86576d33.js';
-import './index-fa303dbf.js';
-import './index-0f6a6a3d.js';
-import './index-6f90c8da.js';
-import './index-d6aa541d.js';
-import './index-c33edb32.js';
-import './index.module-101e3c1c.js';
-import './index-566bcd10.js';
-import './index-3f49c277.js';
-import './index-c926a2fa.js';
-import 'react-collapsible';
-import './index-153eff7e.js';
-import './index-faef7f32.js';
-import './index.module-d2d4e19f.js';
-import 'react-json-view-lite';
-import './react-json-viewer-6360adca.js';
-import './index-b4f144be.js';
-import './index.module-72f04426.js';
-import './index-40ef695f.js';
-import 'jsoneditor';
-import './index-3760773c.js';
-import './index-ad323e0e.js';
-import './index-19ce1421.js';
-import './index-7743ce89.js';
-import './index-c6adea00.js';
-import './index.module-5f765419.js';
-import './index-23e3d017.js';
-import './index-2cce95f9.js';
-import './index-13428d4f.js';
-import './index-410e556b.js';
-import './index.module-7a928eaf.js';
-import './index-9cb64391.js';
-import './index-f7f2f8fd.js';
-import './DecisionVizualizer-bcd6aa6c.js';
-import './index-c34c0ca7.js';
-import './index-011b0034.js';
-import './index-1d20bf3c.js';
-import './index-708300c5.js';
-import './index-f00324e6.js';
-import './CatalogProperties-b3634567.js';
-import './ArticleProperties-d71fa74f.js';
-import './OptionProperties-a49c0341.js';
-import './OptionValueProperties-73e89980.js';
-import 'react-select';
-import '@crystaldesign/content-item';
-import 'react-draggable';
-
-var wcConfigurator = "wcConfigurator-XqlAg";
-var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
-var mobile = "mobile-PPTgR";
-var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
-var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
-styleInject(css_248z);
-
-var Wysiwyg = function Wysiwyg(props) {
-  var viewHandler = useViewHandler();
-  useEffect(function () {
-    viewHandler.layoutRendered = true;
-    viewHandler.initCSSVariablesObj(cssVariables);
-  }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      ref: function ref(configuratorRef) {
-        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
-      },
-      style: {
-        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
-      },
-      hidden: viewHandler.uiState.configuratorHidden,
-      id: "wcConfigurator",
-      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
-      children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
-      }), /*#__PURE__*/jsx(Settings, {
-        className: wcConfiguratorSettings
-      }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions,
-        showBackButtonText: true
-      }), /*#__PURE__*/jsx(Toolbar, {}), viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
-        id: viewHandler.settingsState.contentItemId,
-        startPos: "right"
-      })]
-    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
-  });
-};
-var cssVariables = {
-  '--primaryColor': '#df2927',
-  '--secondaryColor': '#404040',
-  '--thirdColor': '#8a8a8a',
-  '--globalBorderRadius': '3px',
-  '--galleryItemRadius': '3px',
-  '--articlePosNrRadius': '3px',
-  '--articlePosNrSize': '20.8px',
-  '--articlePosNrFontSize': '16px',
-  '--settingsBackgroundColor': '#fefefe',
-  '--settingsScrollerPaddingTopBottom': '30px',
-  '--settingsScrollerPaddingRight': '30px',
-  '--settingsScrollerPaddingLeft': '30px',
-  '--tabGroupBackground': 'var(--thirdColor)',
-  '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
-  '--lineHeight1': '36.8px',
-  '--fontWeight1': '600',
-  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '0.3125rem'
-};
-var index = observer(Wysiwyg);
-
-export { cssVariables, index as default };