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

package/build/esm/index-7dd50d43.js

@@ -0,0 +1,317 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import './index-decc0e6e.js';
+import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import CreateAppointment from './index-397df6a5.js';
+import { w as wrapper, i as inModalClass, b as button, a as inverted } from './index.module-0bf307f8.js';
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import Share from './index-e0e990f2.js';
+import Save from './index-8258c7ce.js';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { flatten } from 'flat';
+import Header from './index-c33dd968.js';
+import Icon from './index-ab20e15c.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+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 '@crystaldesign/widget-contact-form';
+import 'react-select';
+import './index-17d6e257.js';
+import './index.module-291775af.js';
+import './index-d28f6cf4.js';
+import 'qrcode.react';
+import './index-67d4be96.js';
+import './index-19598696.js';
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/**
+ *  Replaces the template strings in the content with the actual basket data
+ *
+ * @param content the content to parse
+
+ * @param language the language to use
+ */
+function replaceTemplateStrings (content, data, language) {
+  if (!data || !content) return content;
+  if (typeof content == 'string') return content;
+  var flatBasket = flatten(_objectSpread$1(_objectSpread$1({}, data.organization), data.basket));
+  return recursiveReplaceTemplates(content, flatBasket, language);
+}
+
+/**
+ * Replaces the template string in all fields of the content object with the actual basket data
+ *
+ * @param content the content to parse
+ * @param basket the flattend version of the basket data
+ */
+function recursiveReplaceTemplates(content, basket, language) {
+  for (var _i = 0, _Object$entries = Object.entries(content); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      value = _Object$entries$_i[1];
+    if (typeof content[key] === 'string' && key != 'link') {
+      content[key] = replaceTemplateString(value, basket, language);
+    } else if (_typeof(content[key]) === 'object') {
+      //check if the object is a language dictionary, if so replace it with the value for the current language
+      var keys = Object.keys(content[key]);
+      if (keys.includes(language) || keys.includes('de')) {
+        var _content$key$language;
+        content[key] = replaceTemplateString((_content$key$language = content[key][language]) !== null && _content$key$language !== void 0 ? _content$key$language : content[key].de, basket, language);
+      } else {
+        content[key] = recursiveReplaceTemplates(content[key], basket, language);
+      }
+    }
+  }
+  return content;
+}
+
+/**
+ * replaces the templates in on string with the actual basket data
+ *
+ * @param template the templatestring to parse
+ * @param basket the flattend version of the basket data
+ * @param locale the locale to use, if any
+ */
+function replaceTemplateString(template, basket, locale) {
+  var matches = checkForTemplateStrings(template);
+  for (var _i2 = 0, _matches = matches; _i2 < _matches.length; _i2++) {
+    var _basket$locale, _basket, _basket2;
+    var match = _matches[_i2];
+    //if a locale is provided, check if there is a locale version of the field (fallback is 'de'), if not use the default
+    var basketField = match.replace('basket.', '').replace('organization.', '');
+    var value = void 0;
+    if (locale) value = (_basket$locale = (_basket = basket[basketField + '_locales']) === null || _basket === void 0 ? void 0 : _basket[locale]) !== null && _basket$locale !== void 0 ? _basket$locale : (_basket2 = basket[basketField + '_locales']) === null || _basket2 === void 0 ? void 0 : _basket2.de;
+    if (!value) value = basket[basketField];
+    if (value != undefined) template = template.replace('${' + match + '}', value);
+  }
+  return template;
+}
+
+/**
+ *  Extracts all substrings that are inside ${...}
+ *
+ * @param input the template to parse
+ * @returns a list of values extracted form the template
+ */
+function checkForTemplateStrings(input) {
+  // Regular expression to match ${...}
+  var regex = /\$\{([^}]+)\}/g;
+  var matches = [];
+  var match;
+
+  // Find all matches
+  while ((match = regex.exec(input)) !== null) {
+    // Extract the content inside ${...}
+    matches.push(match[1]);
+  }
+  return matches;
+}
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG = getLogger('Planner', 'WEB-PLANNER-REACT');
+var Checkout = function Checkout(_ref) {
+  var inModal = _ref.inModal,
+    index = _ref.index,
+    viewHandler = _ref.viewHandler,
+    basket = _ref.basket;
+  var _useDivaCore = useDivaCore(),
+    organization = _useDivaCore.state.organization;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useState = useState(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+      basket: basket === null || basket === void 0 ? void 0 : basket.getAsJson(),
+      organization: organization
+    }, i18n.language)),
+    _useState2 = _slicedToArray(_useState, 2),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  useEffect(function () {
+    setConfig(replaceTemplateStrings(viewHandler.uiState.config.viewConfig.checkout, {
+      organization: organization,
+      basket: basket
+    }, i18n.language));
+  }, [basket]);
+  if (!config) return /*#__PURE__*/jsx(Fragment, {});
+  var url = config.url;
+  var currentConfig = config.buttons[index !== null && index !== void 0 ? index : -1];
+  if (currentConfig && basket) switch (currentConfig.type) {
+    case 'APPOINTMENT':
+      return /*#__PURE__*/jsx(CreateAppointment, {
+        config: currentConfig,
+        basket: basket,
+        url: url
+      });
+    case 'SHARE':
+      return /*#__PURE__*/jsx(Share, {
+        config: currentConfig,
+        basket: basket,
+        url: url
+      });
+    case 'SAVE':
+      return /*#__PURE__*/jsx(Save, {
+        config: currentConfig,
+        basket: basket,
+        url: url,
+        viewHandler: viewHandler
+      });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(wrapper, inModal ? inModalClass : undefined),
+    children: config.buttons.map(function (c, index) {
+      if (c.visibleInOverview === false) return /*#__PURE__*/jsx(Fragment, {});
+      return /*#__PURE__*/jsxs("button", {
+        className: classnames(button, c.isPrimary ? inverted : undefined),
+        onClick: function onClick() {
+          return _onClickCheckout(c, viewHandler, index, basket);
+        },
+        children: [/*#__PURE__*/jsx(Icon, {
+          cheoutButton: c
+        }), c.label && /*#__PURE__*/jsx("div", {
+          children: t(c.label)
+        })]
+      }, index);
+    })
+  });
+};
+var _onClickCheckout = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(buttonConfig, viewHandler, index, basket, dontCheckForModal) {
+    var _viewHandler$actions2, _viewHandler$actions5;
+    var returnTo, _viewHandler$actions, _viewHandler$getI18nI, _buttonConfig$openMod, _viewHandler$getI18nI2, _viewHandler$actions3, _buttonConfig$event, _viewHandler$divaWebP, _viewHandler$divaWebP2, result, savedBasket, _viewHandler$actions4, _viewHandler$getI18nI3, _viewHandler$getI18nI4;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          returnTo = buttonConfig.returnTo; //open modal first to ask if sure
+          if (!(buttonConfig.openModal && !dontCheckForModal)) {
+            _context.next = 4;
+            break;
+          }
+          (_viewHandler$actions = viewHandler.actions) === null || _viewHandler$actions === void 0 || _viewHandler$actions.openModal(_objectSpread(_objectSpread({}, buttonConfig.openModal), {}, {
+            text: (_viewHandler$getI18nI = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI === void 0 ? void 0 : _viewHandler$getI18nI.t((_buttonConfig$openMod = buttonConfig.openModal.text) !== null && _buttonConfig$openMod !== void 0 ? _buttonConfig$openMod : ''),
+            title: (_viewHandler$getI18nI2 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI2 === void 0 ? void 0 : _viewHandler$getI18nI2.t(buttonConfig.openModal.title),
+            callback: function callback(accept) {
+              if (accept) _onClickCheckout(buttonConfig, viewHandler, index, basket, true);
+            }
+          }));
+          return _context.abrupt("return");
+        case 4:
+          LOG.businessEvent('onPlannerCheckoutAction', 'Planner', "Eine Checkout Action wurde geklickt", {
+            checkoutType: buttonConfig.type,
+            checkoutEvent: buttonConfig.event
+          });
+          (_viewHandler$actions2 = viewHandler.actions) === null || _viewHandler$actions2 === void 0 || _viewHandler$actions2.closeModal();
+
+          //check if it is reset usecase
+          if (!(buttonConfig.event == 'RESET')) {
+            _context.next = 9;
+            break;
+          }
+          viewHandler.productState.onClickReset();
+          return _context.abrupt("return");
+        case 9:
+          if (!(buttonConfig.type == 'EVENT' && buttonConfig.onlyCallEvent)) {
+            _context.next = 12;
+            break;
+          }
+          (_viewHandler$actions3 = viewHandler.actions) === null || _viewHandler$actions3 === void 0 || _viewHandler$actions3.onEvent({
+            type: (_buttonConfig$event = buttonConfig.event) !== null && _buttonConfig$event !== void 0 ? _buttonConfig$event : ''
+          });
+          return _context.abrupt("return");
+        case 12:
+          if (!((!basket || returnTo && basket.ReturnTo !== returnTo) && buttonConfig.type !== 'SAVE')) {
+            _context.next = 18;
+            break;
+          }
+          _context.next = 15;
+          return (_viewHandler$divaWebP = (_viewHandler$divaWebP2 = viewHandler.divaWebPlanner).onClickAddToBasket) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.call(_viewHandler$divaWebP2, buttonConfig.event, true, returnTo, true);
+        case 15:
+          result = _context.sent;
+          if (result) {
+            _context.next = 18;
+            break;
+          }
+          return _context.abrupt("return");
+        case 18:
+          savedBasket = viewHandler.divaWebPlanner.getBasket(); //open PDF
+          if (!(buttonConfig.returnTo == 'OPEN_PDF')) {
+            _context.next = 22;
+            break;
+          }
+          if (!basket) (_viewHandler$actions4 = viewHandler.actions) === null || _viewHandler$actions4 === void 0 || _viewHandler$actions4.openModal({
+            text: (_viewHandler$getI18nI3 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI3 === void 0 ? void 0 : _viewHandler$getI18nI3.t('modal.open_leaflet_pdf_now'),
+            accept: (_viewHandler$getI18nI4 = viewHandler.getI18nInstance()) === null || _viewHandler$getI18nI4 === void 0 ? void 0 : _viewHandler$getI18nI4.t('modals.open_now'),
+            callback: function callback() {
+              window.open(savedBasket.PDFDocumentURL, '_blank');
+            }
+          });
+          return _context.abrupt("return");
+        case 22:
+          if (!(buttonConfig.type == 'EVENT')) {
+            _context.next = 24;
+            break;
+          }
+          return _context.abrupt("return");
+        case 24:
+          (_viewHandler$actions5 = viewHandler.actions) === null || _viewHandler$actions5 === void 0 || _viewHandler$actions5.openModal({
+            accept: false,
+            rejectByIcon: true,
+            title: /*#__PURE__*/jsx(Header, {
+              config: viewHandler.uiState.config.viewConfig.checkout,
+              index: index,
+              goBack: function goBack() {
+                return _goBack2(viewHandler, savedBasket);
+              }
+            }),
+            content: /*#__PURE__*/jsx(Checkout, {
+              index: index,
+              basket: savedBasket,
+              viewHandler: viewHandler,
+              inModal: true
+            }),
+            dontRenderForm: true
+          });
+        case 25:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function onClickCheckout(_x, _x2, _x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var _goBack2 = function _goBack(viewHandler, basket) {
+  var _viewHandler$actions6;
+  (_viewHandler$actions6 = viewHandler.actions) === null || _viewHandler$actions6 === void 0 || _viewHandler$actions6.openModal({
+    accept: false,
+    rejectByIcon: true,
+    title: /*#__PURE__*/jsx(Header, {
+      config: viewHandler.uiState.config.viewConfig.checkout,
+      index: undefined,
+      goBack: function goBack() {
+        return _goBack2(viewHandler, basket);
+      }
+    }),
+    content: /*#__PURE__*/jsx(Checkout, {
+      inModal: true,
+      basket: basket,
+      viewHandler: viewHandler
+    }),
+    dontRenderForm: true
+  });
+};
+
+export { Checkout as default, _goBack2 as goBack, _onClickCheckout as onClickCheckout };

package/build/esm/index-7f881af2.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-decc0e6e.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+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 ItemVariant = function ItemVariant(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery"
+  }));
+};
+
+export { ItemVariant as default };

package/build/esm/index-7f949b69.js

@@ -0,0 +1,63 @@
+import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import SettingsHeader from './index-cd6dec40.js';
+import SettingsConfigSingle from './index-06af5434.js';
+import SettingsPosNr from './index-dd5e8d80.js';
+import classnames from 'classnames';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-620441b6.js';
+import 'react-laag';
+import './index-7bed9fff.js';
+
+var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
+var landscape = "landscape-LFbXM";
+var css_248z = ".wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 80%;\n  margin-left: 16px;\n  margin-right: 0px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: left;\n}\n\n.wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  right: 0px;\n  z-index: 700;\n  width: 16px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n}\n\n.wcConfigurator-settings-header-9tt3R .wcConfigurator-settings-header-act-elements-38jiy {\n  max-width: 83%;\n  margin-right: 24px;\n  margin-left: 0px;\n  margin-top: 14.4px;\n  -webkit-line-clamp: 1;\n  display: -webkit-inline-box;\n  float: right;\n}\n\n.landscape-LFbXM .wcConfigurator-settings-FoldConfSettings-hZych {\n  display: block;\n  position: absolute;\n  width: 16px;\n  right: 0px;\n  height: 32px;\n  padding-top: 9.6px;\n  margin-right: 16px;\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2210%22 viewBox%3D%220 0 16 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.729 1.25L8.30043 9.25L1.229 1.25%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center center;\n  background-size: contain;\n  cursor: pointer;\n  z-index: 700;\n}\n";
+styleInject(css_248z);
+
+var SettingsHeaderContainer = function SettingsHeaderContainer(_ref) {
+  var _headerPalette$type, _headerPalette$type2;
+  var _ref$isScroller = _ref.isScroller,
+    isScroller = _ref$isScroller === void 0 ? false : _ref$isScroller;
+  var viewHandler = useViewHandler();
+  var headerPalette = viewHandler.settingsState.itemPalettes.get(1);
+  if (!headerPalette) return /*#__PURE__*/jsx(Fragment, {});
+  var showHeader = viewHandler.uiState.ViewConfig.headerInConfigPalette !== 'Hidden' && !((_headerPalette$type = headerPalette.type) !== null && _headerPalette$type !== void 0 && _headerPalette$type.startsWith('PRODUCTS')) && !((_headerPalette$type2 = headerPalette.type) !== null && _headerPalette$type2 !== void 0 && _headerPalette$type2.startsWith('PROMOTED')) && (!viewHandler.getIsInMobileView() || !viewHandler.uiState.ViewConfig.hideTopHeaderInMobile);
+  return /*#__PURE__*/jsxs("header", {
+    ref: function ref(_ref2) {
+      return viewHandler.settingsState.setHeaderElement(_ref2);
+    },
+    className: classnames(viewHandler.uiState.isMobileLandscape ? landscape : undefined),
+    children: [!viewHandler.uiState.ViewConfig.hideMobileFolder && !viewHandler.uiState.configSettingsIsHidden && viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
+      className: wcConfiguratorSettingsFoldConfSettings,
+      id: "btnFoldDown",
+      onClick: function onClick() {
+        return viewHandler.uiState.onClickHideConfigSettings();
+      }
+    }), showHeader && /*#__PURE__*/jsx(SettingsHeader, {
+      isInScroller: isScroller,
+      isSettingsHeader: !headerPalette.isHeader,
+      item: headerPalette,
+      specialElement1: viewHandler.settingsState.doShowActElementInfo && !viewHandler.uiState.ViewConfig.hideElementInfo ? /*#__PURE__*/jsx(SettingsPosNr, {}) : undefined,
+      specialElement2: viewHandler.settingsState.doShowConfigSingle ? /*#__PURE__*/jsx(SettingsConfigSingle, {}) : undefined
+    })]
+  });
+};
+var SettingsHeaderContainer$1 = observer(SettingsHeaderContainer);
+
+export { SettingsHeaderContainer$1 as default };

package/build/esm/index-8030876a.js

@@ -0,0 +1,47 @@
+import { a as usePlannerUIHandler } from './index-decc0e6e.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var DPACC = function DPACC(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  var plannerUIHandler = usePlannerUIHandler();
+  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, item.dockToElementId);
+    },
+    style: {
+      left: item.position.interpretation == 'percentage' ? rect.left + '%' : rect.left + 'px',
+      top: item.position.interpretation == 'percentage' ? rect.top + '%' : rect.top + 'px'
+    },
+    className: classnames(plannerUIProps.classes.buttonGeneral, item.plannerMode == '2D' ? item.dockingInfo == 'DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp2DAccDocking : plannerUIProps.classes.dockingPoint.DPACC.dp2DAccNotDocking : undefined, item.plannerMode == '2D' ? iconIsSelected && item.dockingInfo == 'NOT_DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp2DAccNotDockingSel : undefined : undefined, item.plannerMode == '3D' ? item.dockingInfo == 'DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp3DAccDocking : plannerUIProps.classes.dockingPoint.DPACC.dp3DAccNotDocking : undefined, item.plannerMode == '3D' ? iconIsSelected && item.dockingInfo == 'NOT_DOCKING' ? plannerUIProps.classes.dockingPoint.DPACC.dp3DAccNotDockingSel : undefined : undefined),
+    children: item.posNr
+  });
+};
+var DPACC$1 = observer(DPACC);
+
+export { DPACC$1 as default };

package/build/esm/index-80e688aa.js

@@ -0,0 +1,65 @@
+import { s as styleInject } from './index-decc0e6e.js';
+import classnames from 'classnames';
+import 'react';
+import Switch from 'react-switch';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var toggleText = "toggle-text-xzNMI";
+var yes = "yes-Rq8uh";
+var no = "no-ySZRX";
+var css_248z = ".switch-wrapper-YZN6e {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.toggle-text-xzNMI {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.yes-Rq8uh {\n  padding-left: 16px;\n}\n\n.no-ySZRX {\n  padding-left: 4px;\n}\n";
+styleInject(css_248z);
+
+var Toggle = function Toggle(_ref) {
+  var _docStyle$getProperty;
+  var _onChange = _ref.onChange,
+    val = _ref.val,
+    state = _ref.state,
+    on = _ref.on,
+    off = _ref.off,
+    alwaysActiveColor = _ref.alwaysActiveColor,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 40 : _ref$height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 80 : _ref$width,
+    _ref$handleDiameter = _ref.handleDiameter,
+    handleDiameter = _ref$handleDiameter === void 0 ? 32 : _ref$handleDiameter;
+  var docStyle = getComputedStyle(document.documentElement);
+  var myVarVal = (_docStyle$getProperty = docStyle.getPropertyValue('--primaryColor')) === null || _docStyle$getProperty === void 0 ? void 0 : _docStyle$getProperty.replace(/ /g, '');
+  return /*#__PURE__*/jsx(Switch, {
+    checkedIcon: on ? /*#__PURE__*/jsx("div", {
+      className: classnames(toggleText, yes),
+      children: on
+    }) : /*#__PURE__*/jsx(Fragment, {}),
+    uncheckedIcon: off ? /*#__PURE__*/jsx("div", {
+      className: classnames(toggleText, no),
+      children: off
+    }) : /*#__PURE__*/jsx(Fragment, {}),
+    onChange: function onChange() {
+      return _onChange(val !== null && val !== void 0 ? val : !state);
+    },
+    checked: state,
+    onColor: myVarVal,
+    offColor: alwaysActiveColor ? myVarVal : '#CACACA',
+    height: height,
+    width: width,
+    handleDiameter: handleDiameter
+  });
+};
+
+export { Toggle as default };