@crystaldesign/diva-web-planner-react 25.10.0-beta.31 → 25.10.0-beta.33

package/build/esm/index-07ccef5a.js

@@ -0,0 +1,207 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { u as useViewHandler } from './index-70022076.js';
+import { useState, useEffect } from 'react';
+import { n as notExpanded } from './index.module-cbb959a5.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-e447a291.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { DivaUtils } from '@crystaldesign/diva-core';
+import './react-json-viewer-c2c61b11.js';
+import ArticleSelector from './index-a8aa0cbe.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+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';
+import 'react-json-view-lite';
+import 'react-draggable';
+import 'react-select';
+
+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 DecisionAnalyzer = function DecisionAnalyzer(_ref) {
+  var _article$decisionDebu;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    rerender = _useState2[0],
+    setRerender = _useState2[1];
+  useEffect(function () {
+    var asyncFunct = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return DivaUtils.Sleep(1000);
+            case 2:
+              setRerender(!rerender);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function asyncFunct() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    asyncFunct();
+  }, [viewHandler.tabGroupState.allTabGroups]);
+  useEffect(function () {
+    var set = viewHandler.divaWebPlanner.actSet();
+    if (set && !set.logDecisions) set.logDecisions = true;
+    return function () {
+      var set = viewHandler.divaWebPlanner.actSet();
+      if (set) set.logDecisions = false;
+    };
+  }, [viewHandler.uiState.isLoading]);
+  var _useState3 = useState(Object.values(articles !== null && articles !== void 0 ? articles : {}).find(function (a) {
+      return a.posNr == 1;
+    })),
+    _useState4 = _slicedToArray(_useState3, 2),
+    article = _useState4[0],
+    setArticle = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedRow = _useState6[0],
+    setSelectedRow = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filter$1 = _useState8[0],
+    setFilter = _useState8[1];
+  if (!article) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Decision analyzer - plann article"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
+  }));
+  var isIDMFormat = article.CatalogData.isIDMFormat;
+  var longestStack = (_article$decisionDebu = article.decisionDebugStacks) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu[0]) === null || _article$decisionDebu === void 0 || (_article$decisionDebu = _article$decisionDebu.stack) === null || _article$decisionDebu === void 0 ? void 0 : _article$decisionDebu.length;
+  if (!longestStack) return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsx("a", {
+      className: header,
+      children: "Decision analyzer - change config"
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    })]
+  }));
+  var entries = _toConsumableArray(Array(longestStack).keys());
+  var _onClick = function onClick(nr, row) {
+    var _selectedRow$decision, _selectedRow$decision2;
+    if (nr == ((selectedRow === null || selectedRow === void 0 || (_selectedRow$decision = selectedRow.decision) === null || _selectedRow$decision === void 0 ? void 0 : _selectedRow$decision.Number) || (selectedRow === null || selectedRow === void 0 || (_selectedRow$decision2 = selectedRow.decision) === null || _selectedRow$decision2 === void 0 ? void 0 : _selectedRow$decision2.decisionNo))) {
+      setSelectedRow(undefined);
+    } else setSelectedRow(row);
+  };
+  var filteredDecisions = [];
+  if (isIDMFormat) {
+    filteredDecisions = article.decisionDebugStacks.map(function (d) {
+      return d.stack.map(function (d) {
+        var _featureRefs;
+        return _objectSpread(_objectSpread({}, d), {}, {
+          bold: !!(filter$1 !== undefined && (_featureRefs = d.decision.featureRefs) !== null && _featureRefs !== void 0 && _featureRefs.includes(filter$1)
+          //!!(d.decision as IDMDecision).optionCombinations?.find((o) => Object.values(o.projectActions)?.find((da) => (da) == filter || da == filter)))
+          )
+        });
+      });
+    });
+  } else {
+    filteredDecisions = article.decisionDebugStacks.map(function (d) {
+      return d.stack.map(function (d) {
+        var _DOC, _Options;
+        return _objectSpread(_objectSpread({}, d), {}, {
+          bold: !!(filter$1 !== undefined && (!!((_DOC = d.decision.DOC) !== null && _DOC !== void 0 && _DOC.find(function (doc) {
+            var _doc$DA, _doc$JsFormula;
+            return ((_doc$DA = doc.DA) === null || _doc$DA === void 0 ? void 0 : _doc$DA.find(function (da) {
+              return da.OptionCodex == filter$1 || da.DecisionNr == filter$1;
+            })) || ((_doc$JsFormula = doc.JsFormula) === null || _doc$JsFormula === void 0 ? void 0 : _doc$JsFormula.includes("'OPT" + filter$1 + "'"));
+          })) || !!((_Options = d.decision.Options) !== null && _Options !== void 0 && _Options.includes('OPT' + filter$1))))
+        });
+      });
+    });
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
+    children: [/*#__PURE__*/jsxs("a", {
+      className: header,
+      children: ["Decision history", /*#__PURE__*/jsx("input", {
+        value: filter$1,
+        onChange: function onChange(e) {
+          return setFilter(e.target.value);
+        },
+        placeholder: "filter option ohne OPT",
+        className: filter
+      })]
+    }), /*#__PURE__*/jsx(ArticleSelector, {
+      articleState: [article, setArticle]
+    }), /*#__PURE__*/jsxs("table", {
+      className: table,
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsx("tr", {
+          className: column,
+          children: filteredDecisions.map(function (d, i) {
+            return /*#__PURE__*/jsx("th", {
+              children: i
+            }, i);
+          })
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: entries.map(function (x, i) {
+          return /*#__PURE__*/jsx("tr", {
+            className: column,
+            children: filteredDecisions.map(function (d, j) {
+              var _d$i, _d$i2;
+              return /*#__PURE__*/jsx("th", {
+                onClick: function onClick() {
+                  return _onClick(d[i].nr, d[i]);
+                },
+                children: d[i].bold ? /*#__PURE__*/jsx("strong", {
+                  children: (_d$i = d[i]) === null || _d$i === void 0 ? void 0 : _d$i.text
+                }) : (_d$i2 = d[i]) === null || _d$i2 === void 0 ? void 0 : _d$i2.text
+              }, j);
+            })
+          }, i);
+        })
+      })]
+    }), selectedRow && /*#__PURE__*/jsx("div", {
+      className: decision,
+      children: /*#__PURE__*/jsx(DecisionVisualization, {
+        decision: selectedRow.decision,
+        snapshots: selectedRow.snapshots,
+        onClose: function onClose() {
+          return setSelectedRow(undefined);
+        }
+      })
+    })]
+  }));
+};
+var DecisionAnalyzer$1 = observer(DecisionAnalyzer);
+
+export { DecisionAnalyzer$1 as default };

package/build/esm/index-07d3fe97.js

@@ -0,0 +1,268 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-70022076.js';
+import { observer } from 'mobx-react-lite';
+import { useEffect, createElement } from 'react';
+import Product from './index-d4dfa64d.js';
+import Sidebar from './index-aab95f22.js';
+import OptionTree from './index-382e352e.js';
+import PartListTable from './index-02a16f44.js';
+import MaskEditor from './index-1e06cfbf.js';
+import SVGAnalyzer from './index-ea985af5.js';
+import { l as list } from './index.module-cbb959a5.js';
+import EkTextViewer from './index-23d456fa.js';
+import CatalogMakeup from './index-e22dd208.js';
+import DecisionAnalyzer from './index-07ccef5a.js';
+import RTVAnalyzer from './index-1e532505.js';
+import J3DEditor from './index-51828a2c.js';
+import PropertiesEditor from './index-d39706ad.js';
+import ArticleOverview from './index-70a56e7b.js';
+import PriceAnalyzer from './index-47b817dd.js';
+import GridOverview from './index-95972484.js';
+import { jsx, jsxs, Fragment } 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';
+import './index-c6a08c0d.js';
+import './index-de58b738.js';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+import './index-9ee9da3e.js';
+import './index-de2d4911.js';
+import 'sift';
+import './index-1cd0d623.js';
+import './index-883a08fe.js';
+import './index-dde023bd.js';
+import './index-3cde86ba.js';
+import './index-e6ce5e3a.js';
+import './index.module-1c96ff02.js';
+import './index-8219e9f3.js';
+import 'react-switch';
+import './index-369079bf.js';
+import './index-7f01f65c.js';
+import './index-d735ffac.js';
+import 'react-dropdown';
+import './index-7ed3edea.js';
+import './index-bed47b29.js';
+import './index-368f8491.js';
+import './index-ba8ffbfd.js';
+import '@crystaldesign/content-box';
+import './index-0f550a8a.js';
+import './index-8ff94610.js';
+import './index-f5f9210b.js';
+import './index-77f586a1.js';
+import './index-85a3ed16.js';
+import './index-0897a82d.js';
+import './index-5c14fc72.js';
+import './index-90fce2cb.js';
+import './index-9b787832.js';
+import './index-4f1173d6.js';
+import './index-3c5cee21.js';
+import './index-3ade01d6.js';
+import './index-cb9924db.js';
+import './index.module-cf239420.js';
+import './index-f9c42410.js';
+import './index-c10667ab.js';
+import './index-9ede154e.js';
+import './index-01c2ef45.js';
+import './index-c37a9693.js';
+import './index-1dd2f8be.js';
+import './index-478c10a4.js';
+import './index.module-7067ed9c.js';
+import 'react-laag';
+import './index-12c6dbf9.js';
+import './index-ef724b13.js';
+import './index-3d43654a.js';
+import './index-f84f5532.js';
+import './index-f847ed58.js';
+import './index-8e125814.js';
+import './index-2c987dfe.js';
+import './index-7090c93f.js';
+import 'swiper/react';
+import 'swiper/modules';
+import './index-7910f434.js';
+import 'rc-slider';
+import './index-21292a8b.js';
+import './index-71260348.js';
+import './index-bcd2da36.js';
+import './index-66a26aed.js';
+import './index-591e72cd.js';
+import './index-c86fcce9.js';
+import './index.module-6360c323.js';
+import './index-b1781710.js';
+import './index-ea51a839.js';
+import './index-6f4c0d37.js';
+import './index-6d0d21b4.js';
+import './index-e8c967c6.js';
+import './index-6b641aa0.js';
+import './index-fd1cedda.js';
+import './index-823c4b01.js';
+import './index-6d56abe3.js';
+import './index-cbc66460.js';
+import 'react-qr-code';
+import './index-a5a6acc4.js';
+import './index-d757e9ca.js';
+import './index-28f1781a.js';
+import './index-c6b9676d.js';
+import './index-7f62e40b.js';
+import './index-e507b5c7.js';
+import 'react-collapsible';
+import './index-5c6fa6c5.js';
+import './index-03504a1c.js';
+import './index.module-ad4e9f4a.js';
+import 'react-json-view-lite';
+import './react-json-viewer-c2c61b11.js';
+import './index.module-17be7151.js';
+import './DecisionVizualizer-e447a291.js';
+import './index-3d185bb2.js';
+import './index-631749d1.js';
+import 'jsoneditor';
+import './index-50ae7f5c.js';
+import './index-db7af787.js';
+import './index-916085e9.js';
+import './index-f81ceec1.js';
+import './index.module-63ede1e1.js';
+import 'react-select';
+import './index-c8a5a692.js';
+import './index-a8aa0cbe.js';
+import './index-a8793501.js';
+import './index-8b84efdd.js';
+import './CatalogProperties-d5f9ee34.js';
+import './ArticleProperties-c886a7c9.js';
+import './OptionProperties-e73a0096.js';
+import './OptionValueProperties-85c156ba.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 CatalogProduct = function CatalogProduct(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var changeVal = function changeVal(newValue) {
+    localStorage.setItem('lastWindow', newValue);
+    viewHandler.uiState.setActiveCatalogSection(newValue);
+  };
+  useEffect(function () {
+    switch (viewHandler.uiState.activeCatalogSection) {
+      case 'Options':
+        viewHandler.uiState.setConfigSettingsIsExpanded(true);
+        break;
+      case 'ekText':
+      case '3D/2D':
+      case 'PartList':
+      case 'Artikelübersicht':
+      case 'SVGübersicht':
+      case 'DecisionAnalyzer':
+      case 'CatalogMakeup':
+      case 'RTVAnalyzer':
+      case 'J3DEditor':
+      case 'PropertiesEditor':
+      case 'MaskEditor':
+      case 'GridOverview':
+        viewHandler.uiState.setConfigSettingsIsExpanded(false);
+        break;
+    }
+  }, [viewHandler.uiState.activeCatalogSection]);
+  useEffect(function () {
+    if (viewHandler.getIsInMobileView()) viewHandler.uiState.setActiveCatalogSection('3D/2D');
+  }, []);
+  var activeWindow = undefined;
+  var classname = props.className + ' ' + list;
+  switch (viewHandler.uiState.activeCatalogSection) {
+    case 'Options':
+      activeWindow = /*#__PURE__*/jsx(OptionTree, _objectSpread(_objectSpread({}, props), {}, {
+        style: {
+          zIndex: 700
+        }
+      }));
+      break;
+    case 'PartList':
+      activeWindow = /*#__PURE__*/jsx(PartListTable, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'DecisionAnalyzer':
+      activeWindow = /*#__PURE__*/jsx(DecisionAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'PriceAnalyzer':
+      activeWindow = /*#__PURE__*/jsx(PriceAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'Artikelübersicht':
+      activeWindow = /*#__PURE__*/jsx(ArticleOverview, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'SVGübersicht':
+      activeWindow = /*#__PURE__*/jsx(SVGAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'ekText':
+      activeWindow = /*#__PURE__*/jsx(EkTextViewer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'CatalogMakeup':
+      activeWindow = /*#__PURE__*/jsx(CatalogMakeup, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'RTVAnalyzer':
+      activeWindow = /*#__PURE__*/jsx(RTVAnalyzer, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'J3DEditor':
+      activeWindow = /*#__PURE__*/jsx(J3DEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'PropertiesEditor':
+      activeWindow = /*#__PURE__*/jsx(PropertiesEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'MaskEditor':
+      activeWindow = /*#__PURE__*/jsx(MaskEditor, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+    case 'GridOverview':
+      activeWindow = /*#__PURE__*/jsx(GridOverview, _objectSpread(_objectSpread({}, props), {}, {
+        className: classname
+      }));
+      break;
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(Sidebar, _objectSpread(_objectSpread({}, props), {}, {
+      currentWindowActive: viewHandler.uiState.activeCatalogSection,
+      setCurrentWindowActive: changeVal
+    })), /*#__PURE__*/createElement(Product, _objectSpread(_objectSpread({}, props), {}, {
+      style: {
+        boxSizing: 'border-box',
+        borderLeft: !viewHandler.uiState.isInMobileView ? '50px solid transparent' : undefined
+      },
+      key: 'product'
+    })), activeWindow]
+  });
+};
+var index = observer(CatalogProduct);
+
+export { index as default };

package/build/esm/index-0897a82d.js

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-70022076.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+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 SummaryOptionTree = function SummaryOptionTree(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"
+  }));
+};
+
+export { SummaryOptionTree as default };

package/build/esm/index-09735dba.js

@@ -0,0 +1,100 @@
+import { u as useViewHandler } from './index-70022076.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import { w as wcFunctionsToolbar, p as plannerConfigArrow, m as maxExpanded, e as expanded, l as landscape, a as portrait, b as wcFunctionsContainer, c as wcHelp, d as wcIcon, f as wcHelpIcon, g as wcFunctionsText, h as wcPrint, i as wcPrintIcon, j as wcShareIcon, k as wcReset, n as wcResetIcon, o as wcSave, q as wcSaveIcon, r as wcConfigCloseButton } from './index.module-521fd968.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var Functions = function Functions(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    initializing = _useDivaCore.state.initializing;
+  if (initializing) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsxs("ul", {
+    className: classnames(wcFunctionsToolbar, viewHandler.uiState.ItemsPaletteInProductVisible && viewHandler.getIsInMobileView() ? plannerConfigArrow : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined),
+    children: [!viewHandler.uiState.isMobileLandscape && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickHelp();
+        },
+        className: classnames(wcFunctionsContainer, wcHelp),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcHelpIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigHelp')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickPrint();
+        },
+        className: classnames(wcFunctionsContainer, wcPrint),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcPrintIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigPrint')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickShare();
+        },
+        className: classnames(wcFunctionsContainer),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcShareIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigShare')
+        })]
+      }), /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickReset();
+        },
+        className: classnames(wcFunctionsContainer, wcReset),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcResetIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigReset')
+        })]
+      }), viewHandler.productState.doShowUserSaveButton && /*#__PURE__*/jsxs("li", {
+        onClick: function onClick() {
+          return viewHandler.productState.onClickSave();
+        },
+        className: classnames(wcFunctionsContainer, wcSave),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcSaveIcon)
+        }), /*#__PURE__*/jsx("div", {
+          className: wcFunctionsText,
+          children: t('configurator.ConfigSave')
+        })]
+      })]
+    }), (!viewHandler.eventIsManagedByClient('onWebPlanerClose') || viewHandler.uiState.isMobileLandscape || viewHandler.uiState.isMobilePortrait) && /*#__PURE__*/jsx("li", {
+      className: wcConfigCloseButton,
+      title: t('configurator.ConfigClose'),
+      onClick: viewHandler.onCloseConfigurator
+    })]
+  });
+};
+var index = observer(Functions);
+
+export { index as default };