@crystaldesign/diva-web-planner-react 26.3.0-beta.3 → 26.3.0-beta.30

package/build/esm/index-33dcc556.js

@@ -0,0 +1,164 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { P as PlannerMsgItem } from './index-5cfa956e.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+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';
+
+var header = "header-hvzEn";
+var list = "list-vpuXl";
+var scrollable = "scrollable-rnDQn";
+var emptyState = "emptyState-R-F5O";
+var dataCreationError = "dataCreationError-RqwEi";
+var dataCreationWarning = "dataCreationWarning-xnTIC";
+var dataCreationErrorCode = "dataCreationErrorCode-MOcMr";
+var dataCreationWarningCode = "dataCreationWarningCode-PGn6B";
+var dataCreationErrorCustom = "dataCreationErrorCustom-4Xxug";
+var sectionHeader = "sectionHeader-JU1UX";
+var css_248z = ".header-hvzEn {\n  padding: 8px 12px;\n  font-weight: 600;\n  cursor: move;\n  border-bottom: 1px solid #e0e0e0;\n  background: #fafafa;\n}\n\n.list-vpuXl {\n  padding: 8px;\n}\n\n.scrollable-rnDQn {\n  overflow: auto;\n  height: 100%;\n}\n\n.emptyState-R-F5O {\n  padding: 12px;\n  color: #666;\n  margin: 0;\n}\n\n.dataCreationError-RqwEi {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fff5f5;\n  border-left: 3px solid #e53e3e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.dataCreationWarning-xnTIC {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fffbeb;\n  border-left: 3px solid #d69e2e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.dataCreationErrorCode-MOcMr {\n  font-weight: 600;\n  color: #c53030;\n  margin-right: 6px;\n}\n\n.dataCreationWarningCode-PGn6B {\n  font-weight: 600;\n  color: #b45309;\n  margin-right: 6px;\n}\n\n.dataCreationErrorCustom-4Xxug {\n  margin-top: 6px;\n  font-size: 11px;\n  color: #666;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.sectionHeader-JU1UX {\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #555;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Dark mode compatibility */\n.darkmode .list-vpuXl,\nbody.darkmode .list-vpuXl {\n  background: rgba(30, 41, 59, 0.6);\n}\n\n.darkmode .header-hvzEn,\nbody.darkmode .header-hvzEn {\n  background: rgba(30, 41, 59, 0.95);\n  border-bottom-color: rgba(71, 85, 105, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .emptyState-R-F5O,\nbody.darkmode .emptyState-R-F5O {\n  color: #94a3b8;\n}\n\n.darkmode .dataCreationError-RqwEi,\nbody.darkmode .dataCreationError-RqwEi {\n  background: rgba(127, 29, 29, 0.4);\n  border-left-color: #fc8181;\n  color: #e2e8f0;\n}\n\n.darkmode .dataCreationWarning-xnTIC,\nbody.darkmode .dataCreationWarning-xnTIC {\n  background: rgba(120, 53, 15, 0.4);\n  border-left-color: #f6ad55;\n  color: #e2e8f0;\n}\n\n.darkmode .dataCreationErrorCode-MOcMr,\nbody.darkmode .dataCreationErrorCode-MOcMr {\n  color: #feb2b2;\n}\n\n.darkmode .dataCreationWarningCode-PGn6B,\nbody.darkmode .dataCreationWarningCode-PGn6B {\n  color: #fbd38d;\n}\n\n.darkmode .dataCreationErrorCustom-4Xxug,\nbody.darkmode .dataCreationErrorCustom-4Xxug {\n  color: #94a3b8;\n}\n\n.darkmode .sectionHeader-JU1UX,\nbody.darkmode .sectionHeader-JU1UX {\n  color: #94a3b8;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["onMouseDown"];
+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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var ErrorAndWarningOverview = function ErrorAndWarningOverview(_ref) {
+  var _viewHandler$divaWebP;
+  var onMouseDown = _ref.onMouseDown,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var items = viewHandler.productState.plannerMessagesArr.filter(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      item = _ref3[1];
+    return item.type === 'WARNING' || item.type === 'INFO';
+  });
+  var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles(undefined, true);
+  var dataCreationIssues = [];
+  if (articles) {
+    for (var _i = 0, _Object$values = Object.values(articles); _i < _Object$values.length; _i++) {
+      var _article$dataCreation;
+      var article = _Object$values[_i];
+      var _iterator = _createForOfIteratorHelper((_article$dataCreation = article.dataCreationErrors) !== null && _article$dataCreation !== void 0 ? _article$dataCreation : []),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var err = _step.value;
+          dataCreationIssues.push({
+            articleCodex: article.articleCodex,
+            error: err
+          });
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }
+  var dataCreationErrors = dataCreationIssues.filter(function (_ref4) {
+    var _error$severity;
+    var error = _ref4.error;
+    return ((_error$severity = error.severity) !== null && _error$severity !== void 0 ? _error$severity : 'error') === 'error';
+  });
+  var dataCreationWarnings = dataCreationIssues.filter(function (_ref5) {
+    var error = _ref5.error;
+    return error.severity === 'warning';
+  });
+  var plannerWarnings = items.filter(function (_ref6) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+      item = _ref7[1];
+    return item.type === 'WARNING';
+  });
+  var plannerInfo = items.filter(function (_ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+      item = _ref9[1];
+    return item.type === 'INFO';
+  });
+  var hasAnyItems = dataCreationErrors.length > 0 || dataCreationWarnings.length > 0 || plannerWarnings.length > 0 || plannerInfo.length > 0;
+  var renderIssue = function renderIssue(_ref10, idx, isError) {
+    var articleCodex = _ref10.articleCodex,
+      error = _ref10.error;
+    return /*#__PURE__*/jsxs("div", {
+      className: isError ? dataCreationError : dataCreationWarning,
+      children: [/*#__PURE__*/jsx("span", {
+        className: isError ? dataCreationErrorCode : dataCreationWarningCode,
+        children: error.code
+      }), error.message, (articleCodex || error.custom && Object.keys(error.custom).length > 0) && /*#__PURE__*/jsxs("div", {
+        className: dataCreationErrorCustom,
+        children: [articleCodex && "Article: ".concat(articleCodex, "\n"), error.custom && Object.keys(error.custom).length > 0 && JSON.stringify(error.custom, null, 2)]
+      })]
+    }, "".concat(articleCodex, "-").concat(error.code, "-").concat(idx));
+  };
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(props.className, scrollable),
+    children: /*#__PURE__*/jsxs("div", {
+      className: list,
+      children: [/*#__PURE__*/jsx("div", {
+        className: header,
+        onMouseDown: onMouseDown,
+        children: "Errors & Warnings"
+      }), !hasAnyItems ? /*#__PURE__*/jsx("p", {
+        className: emptyState,
+        children: "No messages."
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [dataCreationErrors.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Errors"
+          }), dataCreationErrors.map(function (entry, idx) {
+            return renderIssue(entry, idx, true);
+          })]
+        }), (dataCreationWarnings.length > 0 || plannerWarnings.length > 0) && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Warnings"
+          }), dataCreationWarnings.map(function (entry, idx) {
+            return renderIssue(entry, idx, false);
+          }), plannerWarnings.map(function (_ref11) {
+            var _ref12 = _slicedToArray(_ref11, 2),
+              codex = _ref12[0],
+              item = _ref12[1];
+            return /*#__PURE__*/jsx(PlannerMsgItem, {
+              item: item,
+              codex: codex
+            }, codex);
+          })]
+        }), plannerInfo.length > 0 && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: sectionHeader,
+            children: "Info"
+          }), plannerInfo.map(function (_ref13) {
+            var _ref14 = _slicedToArray(_ref13, 2),
+              codex = _ref14[0],
+              item = _ref14[1];
+            return /*#__PURE__*/jsx(PlannerMsgItem, {
+              item: item,
+              codex: codex
+            }, codex);
+          })]
+        })]
+      })]
+    })
+  }));
+};
+var ErrorAndWarningOverview$1 = observer(ErrorAndWarningOverview);
+
+export { ErrorAndWarningOverview$1 as default };

package/build/esm/{index-d2306a3c.js → index-359aac2c.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-1f4ff73d.js';
+import { a as usePlannerUIHandler } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b74be3c7.js → index-369e2e80.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-46b5ae0e.js → index-36f5cbc9.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-fd44344a.js';
-import PriceSumm from './index-e1d84a5b.js';
+import ActionNavigation from './index-d488be40.js';
+import PriceSumm from './index-2e477028.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,8 +21,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-348d8d56.js';
-import './index-f43408be.js';
+import './index.module-82e23669.js';
+import './index-f31e87f2.js';
 import 'react-countup';
 
 var container = "container-jfAym";

package/build/esm/{index-16584f58.js → index-3804d62f.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-9cd3b458.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-0c5c6265.js';
+import { h as header } from './index.module-a369f510.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-e5721ce1.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-2a3a2935.js';
+import { n as notExpanded } from './index.module-a08bc293.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-49d5fc9a.js → index-39375bc5.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-1f4ff73d.js';
+import { a as usePlannerUIHandler } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-4a4920c1.js → index-39a8e7c5.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-bb9c255b.js';
-import ItemVariant from './index-690ec566.js';
-import SettingsPaletteGroup from './index-4c3350f8.js';
-import ToggleOption from './index-8cfa9496.js';
-import GroupDropdown from './index-29f5b2d0.js';
-import PromotedProducts from './index-4f1bfdab.js';
-import ToggleName from './index-d6330abc.js';
-import itemPaletteTypeComponentMap from './index-cb2a0cd1.js';
+import TextBox from './index-551717e9.js';
+import ItemVariant from './index-5a5289eb.js';
+import SettingsPaletteGroup from './index-9cc309dc.js';
+import ToggleOption from './index-122a0869.js';
+import GroupDropdown from './index-4770ac0f.js';
+import PromotedProducts from './index-5156ca7b.js';
+import ToggleName from './index-07ad5139.js';
+import itemPaletteTypeComponentMap from './index-9ba1ca70.js';
 import classnames from 'classnames';
-import StepInfo from './index-2052475c.js';
-import SettingsHeader from './index-9c685201.js';
-import ReplaceSwitch from './index-6f08238e.js';
+import StepInfo from './index-3d7806b8.js';
+import SettingsHeader from './index-8727e965.js';
+import ReplaceSwitch from './index-88c444ee.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-05c216ca.js';
-import MultiToggle from './index-4b637a92.js';
-import Radio from './index-beb8eee3.js';
+import Slider from './index-3fedcae6.js';
+import MultiToggle from './index-186612cf.js';
+import Radio from './index-a023c2a7.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-f4bc312a.js';
+import SummaryOverview from './index-b8aacc98.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -144,7 +144,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-0d2ccd4c.js');
+  return import('./index-480c6049.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -266,14 +266,18 @@ var useGridVariables = function useGridVariables(item) {
 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 ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-1d5c1c10.js');
+  return import('./index-3fbb1af3.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-8dcdabc7.js');
+  return import('./index-d12fb44c.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-506895ea.js');
+  return import('./index-6d1558b0.js');
 });
+var InspectModeTables = /*#__PURE__*/React.lazy(function () {
+  return import('./index-b372d770.js');
+});
+var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _item$groups$;
   var item = _ref.item,
@@ -308,12 +312,16 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var doNotRenderGroups = filteredGroups.length === 1 && filteredGroups[0].name === 'none';
   var innerGridClass = item.type.startsWith('SUMMARY') ? '' : collapsableInner;
   if (!item.visible) return /*#__PURE__*/jsx(Fragment, {});
+  var inspectMode = viewHandler.wysiwygDebugState.wysiwygInspectView;
+  if (inspectMode && !INSPECT_MODE_EXCEPTIONS.includes(item.type)) {
+    return /*#__PURE__*/jsx(Suspense, {
+      fallback: /*#__PURE__*/jsx(Fragment, {}),
+      children: /*#__PURE__*/jsx(InspectModeTables, {
+        item: item
+      })
+    });
+  }
   switch (item.type) {
-    case 'PLANNER_2.0':
-      //is rendered with the articleoverviewwrapper
-      return /*#__PURE__*/jsx(Fragment, {});
-    case 'CHECKOUT':
-      return /*#__PURE__*/jsx(SummaryOverview, {}, item.id);
     case 'TOGGLE':
       return /*#__PURE__*/jsx(ToggleOption, {
         style: variables,
@@ -376,6 +384,11 @@ var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
           style: variables
         }, item.id)
       });
+    case 'PLANNER_2.0':
+      //is rendered with the articleoverviewwrapper
+      return /*#__PURE__*/jsx(Fragment, {});
+    case 'CHECKOUT':
+      return /*#__PURE__*/jsx(SummaryOverview, {}, item.id);
     case 'PRODUCTS':
       return /*#__PURE__*/jsx(ProductList, {
         item: item

package/build/esm/{index-9632c1ae.js → index-3c3857ad.js}

@@ -1,4 +1,4 @@
-import './index-1f4ff73d.js';
+import './index-0c4af2cf.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-85f1cbc3.js → index-3d752875.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-1f4ff73d.js';
+import { a as usePlannerUIHandler } from './index-0c4af2cf.js';
 import { useState } from 'react';
-import DPACC from './index-d2306a3c.js';
+import DPACC from './index-359aac2c.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-2052475c.js → index-3d7806b8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-1f4ff73d.js';
+import { s as styleInject } from './index-0c4af2cf.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-190f2e7d.js → index-3d8fcac5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-cc35a78b.js → index-3e4b4337.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1f4ff73d.js';
+import { s as styleInject, u as useViewHandler } from './index-0c4af2cf.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';

package/build/esm/index-3e80ccb2.js

@@ -0,0 +1,61 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { u as useViewHandler } from './index-0c4af2cf.js';
+import { Space, Button } from 'antd';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react-dynamic-multi-render';
+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';
+
+var _excluded = ["className"];
+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 ActionNavigation = function ActionNavigation(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _viewHandler$actionBu = viewHandler.actionButtonState,
+    isOnFirstStep = _viewHandler$actionBu.isOnFirstStep,
+    isOnFirstStepDisabled = _viewHandler$actionBu.isOnFirstStepDisabled,
+    isOnLastStep = _viewHandler$actionBu.isOnLastStep;
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(className),
+    children: /*#__PURE__*/jsxs(Space, {
+      children: [!isOnFirstStep && /*#__PURE__*/jsx(Button, {
+        onClick: function onClick() {
+          window.lastNavigationType = 'NAVIGATION_STANDARD_BACK_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
+        },
+        children: t('configurator.Back')
+      }), !isOnLastStep && /*#__PURE__*/jsx(Button, {
+        id: "wcConfigurator-action-next",
+        type: "primary",
+        disabled: isOnFirstStepDisabled,
+        onClick: function onClick() {
+          window.lastNavigationType = 'NAVIGATION_STANDARD_FORWARD_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
+        },
+        children: t('configurator.Next')
+      })]
+    })
+  }));
+};
+var index = observer(ActionNavigation);
+
+export { index as default };

package/build/esm/{index-8693b392.js → index-3f878c68.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-1f4ff73d.js';
+import './index-0c4af2cf.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-1d5c1c10.js → index-3fbb1af3.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-1f4ff73d.js';
+import { u as useViewHandler } from './index-0c4af2cf.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-e90e3c27.js';
-import { c as collapsableInner } from './index-4a4920c1.js';
-import ShelfAccessoires from './index-36a5fe7b.js';
-import ShelfAccessoiresOld from './index-57135f0c.js';
-import GridList from './index-ebea9b48.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-e21f95d4.js';
+import { c as collapsableInner } from './index-39a8e7c5.js';
+import ShelfAccessoires from './index-bcd89e73.js';
+import ShelfAccessoiresOld from './index-a525693e.js';
+import GridList from './index-a300d836.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsItemsWrapper from './index-c788c062.js';
+import SettingsItemsWrapper from './index-276e6111.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -26,88 +26,88 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'sift';
-import './index-bb9c255b.js';
-import './index-9c685201.js';
-import './index-690ec566.js';
-import './index-4c3350f8.js';
-import './index-8cfa9496.js';
-import './index.module-e7cb9056.js';
-import './index-d7b9d494.js';
+import './index-551717e9.js';
+import './index-8727e965.js';
+import './index-5a5289eb.js';
+import './index-9cc309dc.js';
+import './index-122a0869.js';
+import './index.module-e1401df0.js';
+import './index-2770ac07.js';
 import 'react-switch';
-import './index-2b4ea28b.js';
-import './index-c4c0bdbd.js';
-import './index-f43408be.js';
+import './index-97e4f826.js';
+import './index-fb3da7a9.js';
+import './index-f31e87f2.js';
 import 'react-countup';
-import './index-a3f95cb6.js';
+import './index-338270a7.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-29f5b2d0.js';
+import './index-4770ac0f.js';
 import 'react-dropdown';
-import './index-cb3b20ec.js';
+import './index-0e7381cf.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-050c8cc5.js';
-import './index-e9aed872.js';
-import './index-722897dc.js';
+import './index-883c22c3.js';
+import './index-9674599a.js';
+import './index-45fa07f9.js';
 import '@crystaldesign/content-box';
-import './index-7407430e.js';
-import './index-c3656d24.js';
-import './index-4f1bfdab.js';
-import './index-d6330abc.js';
-import './index-cb2a0cd1.js';
-import './index-aef93a42.js';
-import './index-f458d7d4.js';
-import './index-b3e6adc8.js';
-import './index-95c9a953.js';
+import './index-e341c591.js';
+import './index-a1062c3a.js';
+import './index-5156ca7b.js';
+import './index-07ad5139.js';
+import './index-9ba1ca70.js';
+import './index-880c5baa.js';
+import './index-1eafb49f.js';
+import './index-8b96a87d.js';
+import './index-a838aa60.js';
 import 'react-laag';
-import './index.module-fbb4f840.js';
-import './index-e985b067.js';
-import './index-c5e642eb.js';
-import './index-8693b392.js';
-import './index-3b1f2166.js';
-import './index-073cdde6.js';
-import './index-7c745ab9.js';
-import './index.module-07c4c66a.js';
-import './index-e51fd956.js';
-import './index-2052475c.js';
-import './index-2f67c7a6.js';
-import './index-cd4baa3c.js';
-import './index-9e15296d.js';
-import './index-08a98cbb.js';
-import './index-deb2581e.js';
-import './index-b77ac4d2.js';
-import './index-f51f4729.js';
-import './index-99a52150.js';
-import './index-3f9fd8b6.js';
-import './index-6f08238e.js';
+import './index.module-a1524dc2.js';
+import './index-d8069db0.js';
+import './index-42805d35.js';
+import './index-3f878c68.js';
+import './index-7c85b92e.js';
+import './index-970fada8.js';
+import './index-e46763e8.js';
+import './index.module-d266f304.js';
+import './index-97b09940.js';
+import './index-3d7806b8.js';
+import './index-bd03ba3b.js';
+import './index-1edd9049.js';
+import './index-2d10458f.js';
+import './index-51c9445d.js';
+import './index-96b86e97.js';
+import './index-b177992c.js';
+import './index-fc36bc10.js';
+import './index-a9929714.js';
+import './index-1f7d9cc7.js';
+import './index-88c444ee.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-05c216ca.js';
+import './index-3fedcae6.js';
 import 'rc-slider';
-import './index-4b637a92.js';
-import './index-41b82621.js';
-import './index-beb8eee3.js';
-import './index-f4bc312a.js';
-import './index-9aab04af.js';
+import './index-186612cf.js';
+import './index-bcdf7d06.js';
+import './index-a023c2a7.js';
+import './index-b8aacc98.js';
+import './index-5b396532.js';
 import 'react-confetti-explosion';
-import './index-f84ca259.js';
-import './index-4fef9047.js';
-import './index-f4e4bf34.js';
+import './index-7856e10b.js';
+import './index-140074e6.js';
+import './index-d5d09a35.js';
 import 'react-qr-code';
-import './index-7c638818.js';
-import './useCustomDimensions-5f49ad7e.js';
-import './index-6791ad70.js';
-import './ussIsSticky-15a2c4ba.js';
-import './index-d243bb6f.js';
-import './index-b084bc0f.js';
-import './index-63f9a6c9.js';
-import './index.module-4eaf3b2f.js';
-import './index-aa5f1930.js';
-import './index-27c409ec.js';
-import './index-cc35a78b.js';
+import './index-c19f7012.js';
+import './useCustomDimensions-04c11b27.js';
+import './index-24c4a849.js';
+import './ussIsSticky-8f2e6519.js';
+import './index-dc54720f.js';
+import './index-c21577c2.js';
+import './index-73d625f4.js';
+import './index.module-79f9899d.js';
+import './index-c2e49d89.js';
+import './index-4e9e91f3.js';
+import './index-3e4b4337.js';
 import 'react-beautiful-dnd';
-import './index-17073e42.js';
-import './index-a73425dc.js';
-import './index-f383649b.js';
+import './index-286d694c.js';
+import './index-92c04b03.js';
+import './index-adf84dba.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; }