@crystaldesign/web-planner-logic 24.12.0-beta.6 → 24.12.0-beta.8

package/build/cjs/{index-3f62a309.js → index-bceec53b.js}

@@ -18310,7 +18310,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           DE: 'Achtung alle änderungen gehen verlohren... Bist du sicher?'
         }
       }],
-      warningRule: [],
+      warningRules: [],
+      bannerRules: [],
       summaryTabGroupPosition: undefined,
       onConfigSingleDontGeneralize: false,
       ignoreMaxPriceAsBP: false,
@@ -18615,7 +18616,9 @@ var DivaCatalogData = /*#__PURE__*/function () {
         } else if (item.Codex == 'NOTIFICATIONS') {
           _this.catalogData.notificationsRules = JSON.parse(item.Value);
         } else if (item.Codex == 'WARNINGS') {
-          _this.catalogData.warningRule = JSON.parse(item.Value);
+          _this.catalogData.warningRules = JSON.parse(item.Value);
+        } else if (item.Codex == 'BANNER') {
+          _this.catalogData.bannerRules = JSON.parse(item.Value);
         } else if (item.Codex == 'IGNORE_MAX_PRICE_AS_BASEPRICE') {
           _this.catalogData.ignoreMaxPriceAsBP = item.Value == '1';
         } else if (item.Codex == 'DONT_USE_VCODEX_FOR_BASKET') {
@@ -19483,9 +19486,14 @@ var DivaCatalogData = /*#__PURE__*/function () {
       return this.catalogData.notificationsRules;
     }
   }, {
-    key: "warningRule",
+    key: "warningRules",
     get: function get() {
-      return this.catalogData.warningRule;
+      return this.catalogData.warningRules;
+    }
+  }, {
+    key: "bannerRules",
+    get: function get() {
+      return this.catalogData.bannerRules;
     }
   }, {
     key: "dontSaveAlternativeRenderings",
@@ -23568,7 +23576,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-3b246a69.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-4b697826.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -25432,6 +25440,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "evalOpvsOnOpvsConstructionRules",
     value: function evalOpvsOnOpvsConstructionRules(article) {
+      var _article$CatalogData$;
       var somethingChanged = false;
       var previousRules = {};
       if (article.updatedOPVbyOPVConstructionRules) {
@@ -25495,19 +25504,20 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }
       }
-      var notifications = this.checkNotificationRules(article.CatalogData.warningRule, _defineProperty__default["default"]({}, article.basketId, article), {});
-      if (notifications !== null && notifications !== void 0 && notifications.length) {
-        for (var _i3 = 0; _i3 < notifications.length; _i3++) {
-          var _item = notifications[_i3];
-          if (!_item.showAsWarning) continue;
-          article.addUpdatedOPVbyOPVConstructionRules(_item.showAsWarning.option + ';' + _item.showAsWarning.optionValue, article.updateOPVConstruction('OPT' + _item.showAsWarning.option, 'OPV' + _item.showAsWarning.optionValue, {
-            message: _item.message,
-            type: _item.type == 'error' ? 'DISABLE' : 'WARNING'
-          }));
+      if ((_article$CatalogData$ = article.CatalogData.warningRules) !== null && _article$CatalogData$ !== void 0 && _article$CatalogData$.length) {
+        var notifications = this.checkNotificationRules(article.CatalogData.warningRules, _defineProperty__default["default"]({}, article.basketId, article), {});
+        if (notifications !== null && notifications !== void 0 && notifications.length) {
+          for (var _i3 = 0; _i3 < notifications.length; _i3++) {
+            var _item = notifications[_i3];
+            if (!_item.showAsWarning) continue;
+            article.addUpdatedOPVbyOPVConstructionRules(_item.showAsWarning.option + ';' + _item.showAsWarning.optionValue, article.updateOPVConstruction('OPT' + _item.showAsWarning.option, 'OPV' + _item.showAsWarning.optionValue, {
+              message: _item.message,
+              type: _item.type == 'error' ? 'DISABLE' : 'WARNING'
+            }));
+          }
+          somethingChanged = true;
         }
-        somethingChanged = true;
       }
-
       //falls die vorherigen reglen anders sind wie die neuen, artiklekonfiguration neu laden
       if (somethingChanged && JSON.stringify(previousRules) != JSON.stringify(article.updatedOPVbyOPVConstructionRules)) {
         this.updateCfgValues(article, {}, {});
@@ -25523,7 +25533,6 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "checkNotificationRules",
     value: function checkNotificationRules(toCheckRules, articles, visitedOptions, event) {
-      if (!(toCheckRules !== null && toCheckRules !== void 0 && toCheckRules.length)) return;
       var returnValue = [];
       for (var i = 0; i < toCheckRules.length; i++) {
         var entry = toCheckRules[i];
@@ -25531,27 +25540,12 @@ var DivaArticleHandler = /*#__PURE__*/function () {
         var ruleValid = false;
         for (var j = 0; j < rules.length; j++) {
           for (var basketId in articles) {
-            var _rule$articles;
             ruleValid = false;
             var rule = rules[j];
             var article = articles[basketId];
-            if ((_rule$articles = rule.articles) !== null && _rule$articles !== void 0 && _rule$articles.length && !rule.articles.includes(article.articleCodex)) continue;
-            if (rule.variantValues && !this.objectIncudesObject(rule.variantValues, article.VariantValuesWithoutOPTandOPV)) continue;
-            if (rule.visitedOptions && !this.arrayIncludesArray(rule.visitedOptions, visitedOptions[basketId])) continue;
-            if (rule.jsFormula && !article.evalRule(DivaUtils__default["default"].getRuleByFormula(rule.jsFormula))) continue;
-            if (rule.sizes) console.error('size logic not jet implemented');
+            if (!this.checkRule(rule, article, visitedOptions)) continue;
             if ((event === null || event === void 0 ? void 0 : event.type) == 'config' && entry.type == 'notification') {
-              var _entry$checkOnEvents, _entry$checkOnEvents2, _entry$checkOnEvents3, _entry$checkOnEvents4;
-              var checkOPT = (_entry$checkOnEvents = entry.checkOnEvents) !== null && _entry$checkOnEvents !== void 0 && _entry$checkOnEvents.option ? 'OPT' + ((_entry$checkOnEvents2 = entry.checkOnEvents) === null || _entry$checkOnEvents2 === void 0 ? void 0 : _entry$checkOnEvents2.option) : undefined;
-              var checkOPV = (_entry$checkOnEvents3 = entry.checkOnEvents) !== null && _entry$checkOnEvents3 !== void 0 && _entry$checkOnEvents3.optionValue ? 'OPV' + ((_entry$checkOnEvents4 = entry.checkOnEvents) === null || _entry$checkOnEvents4 === void 0 ? void 0 : _entry$checkOnEvents4.optionValue) : undefined;
-              if (checkOPT) {
-                if (Array.isArray(checkOPT) && !checkOPT.includes(event.data.optionCodex)) continue;
-                if (!Array.isArray(checkOPT) && checkOPT !== event.data.optionCodex) continue;
-              }
-              if (checkOPV) {
-                if (Array.isArray(checkOPV) && !checkOPV.includes(event.data.optionValueCodex)) continue;
-                if (!Array.isArray(checkOPV) && checkOPV !== event.data.optionValueCodex) continue;
-              }
+              if (!this.checkOnEvent(event.checkOnEvents, event.data)) continue;
             }
             ruleValid = true;
             break;
@@ -25567,6 +25561,35 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       }
       return returnValue;
     }
+  }, {
+    key: "checkRule",
+    value: function checkRule(rule, article, visitedOptions) {
+      var _rule$articles;
+      if ((_rule$articles = rule.articles) !== null && _rule$articles !== void 0 && _rule$articles.length && !rule.articles.includes(article.articleCodex)) return false;
+      if (rule.variantValues && !this.objectIncudesObject(rule.variantValues, article.VariantValuesWithoutOPTandOPV)) return false;
+      if (rule.visitedOptions && !this.arrayIncludesArray(rule.visitedOptions, visitedOptions[article.basketId])) return false;
+      if (rule.jsFormula && !article.evalRule(DivaUtils__default["default"].getRuleByFormula(rule.jsFormula))) return false;
+      if (rule.sizes) {
+        console.error('size logic not jet implemented');
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "checkOnEvent",
+    value: function checkOnEvent(event, data) {
+      var checkOPT = event !== null && event !== void 0 && event.option ? 'OPT' + (event === null || event === void 0 ? void 0 : event.option) : undefined;
+      var checkOPV = event !== null && event !== void 0 && event.optionValue ? 'OPV' + (event === null || event === void 0 ? void 0 : event.optionValue) : undefined;
+      if (checkOPT) {
+        if (Array.isArray(checkOPT) && !checkOPT.includes(data.optionCodex)) return false;
+        if (!Array.isArray(checkOPT) && checkOPT !== data.optionCodex) return false;
+      }
+      if (checkOPV) {
+        if (Array.isArray(checkOPV) && !checkOPV.includes(data.optionValueCodex)) return false;
+        if (!Array.isArray(checkOPV) && checkOPV !== data.optionValueCodex) return false;
+      }
+      return true;
+    }
   }, {
     key: "objectIncudesObject",
     value: function objectIncudesObject(smallerObject, biggerObject) {
@@ -27029,14 +27052,9 @@ var DivaSet = /*#__PURE__*/function () {
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty__default["default"](this, "setPosNr", function (elementId, posNr, accNr) {
+    _defineProperty__default["default"](this, "setPosNr", function (elementId, posNr) {
       var article = _this.getArticleByElementId(elementId);
-      if (article) {
-        article.posNr = posNr;
-        if (accNr != undefined) {
-          article.posNr = Number(posNr + '.' + (accNr < 10 ? '0' : '') + accNr.toString());
-        }
-      }
+      if (article) article.posNr = posNr;
       _this.sortDivaArticlesByArticlePosNr();
     });
     _defineProperty__default["default"](this, "setElementId", function (basketID, elementId) {
@@ -27287,54 +27305,56 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "giveAccNewPosNrByBasketId",
     value: function giveAccNewPosNrByBasketId(BasketIdParent) {
-      var curNum = this.giveNotPlannedAccPosNrByBasketId(BasketIdParent);
+      var curNum = this.giveAccPosNrByBasketId(BasketIdParent);
       this.givePartlistAccPosNrByBasketId(BasketIdParent, curNum);
       this.sortDivaArticlesByArticlePosNr();
     }
   }, {
-    key: "giveNotPlannedAccPosNrByBasketId",
-    value: function giveNotPlannedAccPosNrByBasketId(BasketIdParent, BasketId, curNum) {
+    key: "giveAccPosNrByBasketId",
+    value: function giveAccPosNrByBasketId(basketId) {
+      var curNum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var allAccs = [];
       var articles = this.getDivaArticles();
-      if (!BasketId) BasketId = BasketIdParent;
-      var myParentArticle = articles[BasketIdParent];
-      var _this$getSplitPlanned = this.getSplitPlannedAccessoiresOfBasketId(BasketId),
+      var article = articles[basketId];
+      if (!article) throw new Error('article ' + basketId + ' does not exist');
+      var myParentArticle = article.getBaseParent();
+      var _this$getSplitPlanned = this.getSplitPlannedAccessoiresOfBasketId(basketId),
         notPlannedAcc = _this$getSplitPlanned.notPlannedAcc,
         plannedAcc = _this$getSplitPlanned.plannedAcc;
-      if (curNum === undefined) curNum = this.getStartingPosNr(BasketIdParent);
-      for (var key in notPlannedAcc) {
-        allAccs.push(notPlannedAcc[key]);
+      for (var key in plannedAcc) {
+        allAccs.push(plannedAcc[key]);
+      }
+      for (var _key3 in notPlannedAcc) {
+        allAccs.push(notPlannedAcc[_key3]);
       }
       for (var i = 0; i < allAccs.length; i++) {
+        var accessoire = allAccs[i];
         curNum++;
-        allAccs[i].posNr = Number(parseFloat((myParentArticle.posNr + curNum / 100).toString()).toFixed(2));
-        if (allAccs[i].shelfAccessoires || Object.keys(allAccs[i].accessoires).length !== 0) {
-          curNum = this.giveNotPlannedAccPosNrByBasketId(BasketIdParent, allAccs[i].basketId, curNum);
+        accessoire.posNr = Number(parseFloat((myParentArticle.posNr + curNum / 100).toString()).toFixed(2));
+        if (accessoire.shelfAccessoires || Object.keys(accessoire.accessoires).length !== 0) {
+          curNum = this.giveAccPosNrByBasketId(accessoire.basketId, curNum);
+        }
+        if (accessoire.hasPartlistArticle) {
+          curNum = this.givePartlistAccPosNrByBasketId(accessoire.basketId, curNum);
         }
-      }
-      for (var _key3 in plannedAcc) {
-        curNum = this.giveNotPlannedAccPosNrByBasketId(BasketIdParent, _key3, curNum);
       }
       return curNum;
     }
   }, {
     key: "givePartlistAccPosNrByBasketId",
-    value: function givePartlistAccPosNrByBasketId(BasketIdParent, curNum) {
-      var articles = this.getDivaArticles();
-      if (!Object.entries(articles).length) return;
-      var myParentArticle = articles[BasketIdParent];
-      var allAcc = [myParentArticle];
-      allAcc = allAcc.concat(this.getAccessoiresOfArticleRecursive(BasketIdParent));
-      for (var i = 0; i < allAcc.length; i++) {
-        var partlistArticles = this.getPartlistArticlesOfArticle(allAcc[i]);
-        if (!(partlistArticles !== null && partlistArticles !== void 0 && partlistArticles.length)) continue;
-        for (var j = 0; j < partlistArticles.length; j++) {
-          var accessoire = partlistArticles[j];
-          if (accessoire.hasPartlistArticle && accessoire.isPartListArticle && !accessoire.partlistArticleVisibleInTree) continue;
-          curNum++;
-          accessoire.posNr = Number(parseFloat((myParentArticle.posNr + curNum / 100).toString()).toFixed(2));
-        }
+    value: function givePartlistAccPosNrByBasketId(basketId, curNum) {
+      var article = this.getArticleByBasketId(basketId);
+      if (!article) return curNum;
+      var baseParent = article.getBaseParent();
+      var partlistArticles = this.getPartlistArticlesOfArticle(article);
+      for (var j = 0; j < ((_partlistArticles$len = partlistArticles === null || partlistArticles === void 0 ? void 0 : partlistArticles.length) !== null && _partlistArticles$len !== void 0 ? _partlistArticles$len : 0); j++) {
+        var _partlistArticles$len;
+        var accessoire = partlistArticles[j];
+        if (accessoire.hasPartlistArticle && accessoire.isPartListArticle && !accessoire.partlistArticleVisibleInTree) continue;
+        curNum++;
+        accessoire.posNr = Number(parseFloat((baseParent.posNr + curNum / 100).toString()).toFixed(2));
       }
+      return curNum;
     }
   }, {
     key: "getAccessoiresOfBasketId",
@@ -27366,11 +27386,6 @@ var DivaSet = /*#__PURE__*/function () {
         notPlannedAcc: notPlannedAcc
       };
     }
-  }, {
-    key: "getStartingPosNr",
-    value: function getStartingPosNr(basketid) {
-      return this.getAccessoiresOfArticleRecursive(basketid, 'onlyPlanner').length;
-    }
   }, {
     key: "getAccessoiresOfBasketIdAsArray",
     value: function getAccessoiresOfBasketIdAsArray(basketId, filter) {
@@ -27691,7 +27706,9 @@ var DivaSet = /*#__PURE__*/function () {
     value: function getArticleByBasketId(basketId) {
       if (this.divaArticles[basketId]) return this.divaArticles[basketId];
       for (var key in this.divaArticles) {
-        if (this.divaArticles[key].partlistArticles[basketId]) return this.divaArticles[key].partlistArticles[basketId];
+        var article = this.divaArticles[key];
+        var plArticles = article.getRecursivePartlistArticles();
+        if (plArticles[basketId]) return plArticles[basketId];
       }
       return undefined;
     }
@@ -28089,7 +28106,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-27606bf5.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-ffa7af62.js'); });
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -30353,46 +30370,49 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
     value: function () {
       var _saveConfigVariantsInBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(set, basket, variant, repairOnly) {
         var _hQRenderScript, _basket$OrderSets$set, _basket$OrderSets$set2;
-        var setindex, setImage, urlToPlanning2D, hQRenderScript, plannerData, promises, _yield$Promise$all, _yield$Promise$all2, i, optionsSorted, variantValues, _i3, opt, key, targetArticle, configVariant;
+        var setindex, setImage, dimensions, urlToPlanning2D, hQRenderScript, plannerData, promises, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, i, optionsSorted, variantValues, _i3, opt, key, targetArticle, configVariant;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
               setindex = -1;
               setImage = undefined;
+              dimensions = {};
               urlToPlanning2D = undefined;
               hQRenderScript = undefined;
               plannerData = set.plannerHandler.savePlanner(set.getSetId());
               if (repairOnly) {
-                _context6.next = 14;
+                _context6.next = 17;
                 break;
               }
               promises = [setHandlerInstance.getSetImage(set, true), setHandlerInstance.get2DSetImage(set), setHandlerInstance.getHQRenderScript(set, basket.DivaNr)];
-              _context6.next = 9;
+              _context6.next = 10;
               return Promise.all(promises);
-            case 9:
+            case 10:
               _yield$Promise$all = _context6.sent;
               _yield$Promise$all2 = _slicedToArray__default["default"](_yield$Promise$all, 3);
-              setImage = _yield$Promise$all2[0];
+              _yield$Promise$all2$ = _yield$Promise$all2[0];
+              setImage = _yield$Promise$all2$.url;
+              dimensions = _yield$Promise$all2$.dimensions;
               urlToPlanning2D = _yield$Promise$all2[1];
               hQRenderScript = _yield$Promise$all2[2];
-            case 14:
+            case 17:
               i = 0;
-            case 15:
+            case 18:
               if (!(i < basket.OrderSets.length)) {
-                _context6.next = 22;
+                _context6.next = 25;
                 break;
               }
               if (!(set.getSetId() == basket.OrderSets[i].SetID)) {
-                _context6.next = 19;
+                _context6.next = 22;
                 break;
               }
               setindex = i;
-              return _context6.abrupt("break", 22);
-            case 19:
+              return _context6.abrupt("break", 25);
+            case 22:
               i++;
-              _context6.next = 15;
+              _context6.next = 18;
               break;
-            case 22:
+            case 25:
               if (!basket.OrderSets[setindex].ConfigVariants) basket.OrderSets[setindex].ConfigVariants = [];
               optionsSorted = set.CatalogData.getOptionsPosition();
               variantValues = {};
@@ -30403,9 +30423,9 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
                   if (targetArticle[opt] && !variantValues[opt]) variantValues[opt] = targetArticle[opt];
                 }
               }
-              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$a(_objectSpread$a({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
+              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$a(_objectSpread$a({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
               set.basketConfigVariants.push(configVariant);
-            case 28:
+            case 31:
             case "end":
               return _context6.stop();
           }
@@ -33167,21 +33187,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "calcVariants",
     value: function () {
       var _calcVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(set, configItems, targetArticles) {
-        var variantInfo, origConfig, i, item, variantValues, doUseConfigs, key;
+        var variantInfo, articles, origConfigs, i, item, variantValues, doUseConfigs, targetIndex, origConfig, key, _targetIndex;
         return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context26) {
           while (1) switch (_context26.prev = _context26.next) {
             case 0:
               variantInfo = [];
-              origConfig = set.getDivaArticles()[targetArticles[0]].VariantValues;
+              articles = set.getDivaArticles();
+              origConfigs = targetArticles.map(function (basketId) {
+                return articles[basketId].VariantValues;
+              });
               i = 0;
-            case 3:
+            case 4:
               if (!(i < configItems.length)) {
-                _context26.next = 16;
+                _context26.next = 23;
                 break;
               }
               item = configItems[i];
               variantValues = {};
               doUseConfigs = false;
+              targetIndex = 0;
+            case 9:
+              if (!(targetIndex < origConfigs.length)) {
+                _context26.next = 19;
+                break;
+              }
+              origConfig = origConfigs[targetIndex];
               for (key in origConfig) {
                 if (key == item.op || key == item.idmOpgOptionCodex) {
                   doUseConfigs = true;
@@ -33189,24 +33219,38 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               variantValues[item.op] = item.codex;
               if (item.idmOpgOptionCodex) variantValues[item.idmOpgOptionCodex] = item.idmOpgValCodex;
-              _context26.next = 12;
-              return this.updateArticlesOptionStatesOfActSet(set, variantValues, targetArticles, true, 'calcVariant');
-            case 12:
+              _context26.next = 16;
+              return this.updateArticlesOptionStatesOfActSet(set, variantValues, [targetArticles[targetIndex]], true, 'calcVariant');
+            case 16:
+              targetIndex++;
+              _context26.next = 9;
+              break;
+            case 19:
               variantInfo.push({
                 price: set.getSetPrice(),
                 variants: set.getGeneralVariantValues(targetArticles),
                 opt: item.op
               });
-            case 13:
+            case 20:
               i++;
-              _context26.next = 3;
+              _context26.next = 4;
               break;
-            case 16:
-              _context26.next = 18;
-              return this.updateArticlesOptionStatesOfActSet(set, origConfig, targetArticles, true);
-            case 18:
+            case 23:
+              _targetIndex = 0;
+            case 24:
+              if (!(_targetIndex < origConfigs.length)) {
+                _context26.next = 30;
+                break;
+              }
+              _context26.next = 27;
+              return this.updateArticlesOptionStatesOfActSet(set, origConfigs[_targetIndex], [targetArticles[_targetIndex]], true);
+            case 27:
+              _targetIndex++;
+              _context26.next = 24;
+              break;
+            case 30:
               return _context26.abrupt("return", variantInfo);
-            case 19:
+            case 31:
             case "end":
               return _context26.stop();
           }
@@ -33415,6 +33459,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
         _loop3();
       }
     }
+  }, {
+    key: "checkBannerRules",
+    value: function checkBannerRules(set, visitedOptions, event) {
+      var bannerRules = set.CatalogData.bannerRules;
+      if (!bannerRules) return;
+      var rules = articleHandlerInstance.checkNotificationRules(bannerRules, set.getDivaArticles(), visitedOptions, event);
+      return rules === null || rules === void 0 ? void 0 : rules[0];
+    }
   }, {
     key: "checkNotificationRules",
     value: function checkNotificationRules(set, targetArticles, visitedOptions, event) {
@@ -33903,7 +33955,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: function () {
       var _getOrderSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
         var _hqRenderScript, _set$basketConfigVari2, _set$basketConfigVari3;
-        var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, promiseHQRenderScript, _yield$Promise$all3, _yield$Promise$all4, plannerWarnings, bruttoPrice;
+        var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, dimensions, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, promiseHQRenderScript, _yield$Promise$all3, _yield$Promise$all4, plannerWarnings, bruttoPrice;
         return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context31) {
           while (1) switch (_context31.prev = _context31.next) {
             case 0:
@@ -33915,8 +33967,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
               urlToPlanning2D = undefined;
               alternateSetImages = undefined;
               hqRenderScript = undefined;
+              dimensions = {};
               if (dontGenerateImages) {
-                _context31.next = 25;
+                _context31.next = 28;
                 break;
               }
               promise3D = this.getSetImage(set, typeof window === 'undefined');
@@ -33924,22 +33977,24 @@ var DivaSetHandler = /*#__PURE__*/function () {
               if (!catalogData.dontSaveAlternativeRenderings && set.CatalogData.alternateRenderingsForSummary.length) {
                 promise3DAlternate = this.getAlternateSetImages(set);
               }
-              _context31.next = 14;
+              _context31.next = 15;
               return Promise.all([promise3D, promise2D, promise3DAlternate]);
-            case 14:
+            case 15:
               _yield$Promise$all = _context31.sent;
               _yield$Promise$all2 = _slicedToArray__default["default"](_yield$Promise$all, 3);
-              setImage = _yield$Promise$all2[0];
+              _yield$Promise$all2$ = _yield$Promise$all2[0];
+              setImage = _yield$Promise$all2$.url;
+              dimensions = _yield$Promise$all2$.dimensions;
               urlToPlanning2D = _yield$Promise$all2[1];
               alternateSetImages = _yield$Promise$all2[2];
               promiseHQRenderScript = this.getHQRenderScript(set, divaNr);
-              _context31.next = 22;
+              _context31.next = 25;
               return Promise.all([promiseHQRenderScript]);
-            case 22:
+            case 25:
               _yield$Promise$all3 = _context31.sent;
               _yield$Promise$all4 = _slicedToArray__default["default"](_yield$Promise$all3, 1);
               hqRenderScript = _yield$Promise$all4[0];
-            case 25:
+            case 28:
               LOG$8.startTransaction({
                 event: 'FillBakset',
                 eventId: 'FILL_BASKET',
@@ -33971,7 +34026,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 OfflineData: catalogData.offlineData,
                 SetArticleNr: set.SetArticleNr ? set.SetArticleNr : catalogData.retailArticleNr,
                 SetArticleNrPrefix: set.SetArticleNrPrefix,
-                BBox: this.getBBoxObject(set),
+                BBox: this.getBBoxObject(set, dimensions),
                 SetVariantBasketDatas: set.getVariantBasketData(),
                 SetImage: setImage,
                 //Add url string of current rendering.
@@ -34005,7 +34060,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 MetaData_locales: !((_set$basketConfigVari3 = set.basketConfigVariants) !== null && _set$basketConfigVari3 !== void 0 && _set$basketConfigVari3.length) ? set.MetaData_locales : undefined
               });
               return _context31.abrupt("return", orderSet);
-            case 32:
+            case 35:
             case "end":
               return _context31.stop();
           }
@@ -34025,14 +34080,13 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "getSetImage",
     value: (function () {
       var _getSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(set, overwriteLastSavedRendering) {
-        var setImage, is3D;
+        var is3D, _yield$set$plannerHan, dimensions, url;
         return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context32) {
           while (1) switch (_context32.prev = _context32.next) {
             case 0:
-              setImage = undefined;
               is3D = ['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (!is3D) {
-                _context32.next = 10;
+                _context32.next = 12;
                 break;
               }
               LOG$8.startTransaction({
@@ -34040,17 +34094,29 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 message: 'render 3D Image',
                 eventId: 'RENDER_3D_IMAGE'
               });
-              _context32.next = 6;
+              _context32.next = 5;
               return set.plannerHandler.saveSetImage(overwriteLastSavedRendering);
-            case 6:
-              _context32.next = 8;
+            case 5:
+              _context32.next = 7;
               return set.plannerHandler.getSetImageAsUrl(set.getSetId());
-            case 8:
-              setImage = _context32.sent;
+            case 7:
+              _yield$set$plannerHan = _context32.sent;
+              dimensions = _yield$set$plannerHan.dimensions;
+              url = _yield$set$plannerHan.url;
               LOG$8.successTransaction('RENDER_3D_IMAGE');
-            case 10:
-              return _context32.abrupt("return", setImage);
-            case 11:
+              return _context32.abrupt("return", {
+                dimensions: dimensions,
+                url: url
+              });
+            case 12:
+              return _context32.abrupt("return", {
+                dimensions: {
+                  w: undefined,
+                  h: undefined,
+                  d: undefined
+                }
+              });
+            case 13:
             case "end":
               return _context32.stop();
           }
@@ -34193,14 +34259,17 @@ var DivaSetHandler = /*#__PURE__*/function () {
     }()
   }, {
     key: "getBBoxObject",
-    value: function getBBoxObject(set) {
+    value: function getBBoxObject(set, dimensions) {
+      var _dimensions$w, _dimensions$d, _dimensions$h, _set$api$getI18n$t, _set$api$getI18n, _set$api$getI18n$t2, _set$api$getI18n$t3, _set$api$getI18n2, _set$api$getI18n2$t, _set$api$getI18n$t4, _set$api$getI18n3, _set$api$getI18n3$t;
       var bbox = set.plannerHandler.getSetBoundingBox(set.getSetId());
-      return {
-        X: bbox.width,
-        Y: bbox.depth,
-        Z: bbox.height,
-        Info: bbox.width + 'cm x ' + bbox.depth + 'cm'
+      var dim = {
+        X: (_dimensions$w = dimensions === null || dimensions === void 0 ? void 0 : dimensions.w) !== null && _dimensions$w !== void 0 ? _dimensions$w : bbox.width,
+        Y: (_dimensions$d = dimensions === null || dimensions === void 0 ? void 0 : dimensions.d) !== null && _dimensions$d !== void 0 ? _dimensions$d : bbox.depth,
+        Z: (_dimensions$h = dimensions === null || dimensions === void 0 ? void 0 : dimensions.h) !== null && _dimensions$h !== void 0 ? _dimensions$h : bbox.height
       };
+      return _objectSpread$8(_objectSpread$8({}, dim), {}, {
+        Info: ((_set$api$getI18n$t = (_set$api$getI18n = set.api.getI18n()) === null || _set$api$getI18n === void 0 || (_set$api$getI18n$t2 = _set$api$getI18n.t) === null || _set$api$getI18n$t2 === void 0 ? void 0 : _set$api$getI18n$t2.call(_set$api$getI18n, 'utils.width_first_letter', 'B')) !== null && _set$api$getI18n$t !== void 0 ? _set$api$getI18n$t : 'B') + ': ' + dim.X + ' cm x ' + ((_set$api$getI18n$t3 = (_set$api$getI18n2 = set.api.getI18n()) === null || _set$api$getI18n2 === void 0 || (_set$api$getI18n2$t = _set$api$getI18n2.t) === null || _set$api$getI18n2$t === void 0 ? void 0 : _set$api$getI18n2$t.call(_set$api$getI18n2, 'utils.depth_first_letter', 'T')) !== null && _set$api$getI18n$t3 !== void 0 ? _set$api$getI18n$t3 : 'T') + ': ' + dim.Y + ' cm' + (dim.Z ? ' x ' + ((_set$api$getI18n$t4 = (_set$api$getI18n3 = set.api.getI18n()) === null || _set$api$getI18n3 === void 0 || (_set$api$getI18n3$t = _set$api$getI18n3.t) === null || _set$api$getI18n3$t === void 0 ? void 0 : _set$api$getI18n3$t.call(_set$api$getI18n3, 'utils.height_first_letter', 'H')) !== null && _set$api$getI18n$t4 !== void 0 ? _set$api$getI18n$t4 : 'H') + ': ' + dim.X + ' cm' : '')
+      });
     }
   }, {
     key: "loadProductsOfSets",
@@ -35309,7 +35378,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-e8efc3dc.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-b47dba23.js'); });
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35317,7 +35386,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 9:
               _context13.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-cfdd098a.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-85a1dc89.js'); });
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35325,7 +35394,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 15:
               _context13.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-899cfde8.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-28f031fa.js'); });
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35333,7 +35402,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 21:
               _context13.next = 23;
-              return Promise.resolve().then(function () { return require('./ProductBasketHandler-0748483c.js'); });
+              return Promise.resolve().then(function () { return require('./ProductBasketHandler-22cb7ee4.js'); });
             case 23:
               _yield$import4 = _context13.sent;
               ProductWWSHandler = _yield$import4["default"];
@@ -35341,7 +35410,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 27:
               _context13.next = 29;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-7468715d.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-ab0c107b.js'); });
             case 29:
               _yield$import5 = _context13.sent;
               StandardWWSHandler = _yield$import5["default"];
@@ -36726,7 +36795,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-0ac712b7.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-d3830717.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -37207,7 +37276,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
               if (params.alternateRenderInfo && (params.alternateRenderInfo.overwrittenViewPointName || params.alternateRenderInfo.viewPointName)) this.handleStaticVP(params.alternateRenderInfo.overwrittenViewPointName ? params.alternateRenderInfo.overwrittenViewPointName : params.alternateRenderInfo.viewPointName);
               camera = params.camera ? params.camera : params.useLatestCamera ? this.latestCamera : undefined;
               planningHash = DivaUtils.md5(JSON.stringify(params.planningData) + JSON.stringify(camera));
-              if (planningHash) doReloadWholePlanning = false;
+              if (planningHash == this.lastFramePlanningHash) doReloadWholePlanning = false;
               if (params.forceReloadPlanning || (_this$viewPointHandle = this.viewPointHandler.getCurRoomlistVP()) !== null && _this$viewPointHandle !== void 0 && _this$viewPointHandle.isStatic) doReloadWholePlanning = true;
               this.lastFramePlanningHash = planningHash;
               requestRenderingFrom3DHost = false;
@@ -38278,7 +38347,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-b62c0304.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-c73e6e57.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38289,7 +38358,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-24c3effa.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-7b508f32.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -38432,7 +38501,14 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
             case 2:
               rendering = _context6.sent;
               LOG$2.debug('SAVE SET IMAGE DIM3D width: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().w) + ', height: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().h) + ', depth: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().d));
-              return _context6.abrupt("return", rendering != undefined ? rendering.UrlToSavedRendering : '');
+              return _context6.abrupt("return", {
+                url: rendering === null || rendering === void 0 ? void 0 : rendering.UrlToSavedRendering,
+                dimensions: {
+                  w: rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().w,
+                  h: rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().h,
+                  d: rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().d
+                }
+              });
             case 5:
             case "end":
               return _context6.stop();
@@ -39813,19 +39889,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty__default["default"](this, "doConfigure", /*#__PURE__*/function () {
       var _ref11 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
+        var _this$actions13, _this$actions13$toggl, _this$actions14, _this$actions14$toggl;
         var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
               set = _this.actSet();
-              _context11.next = 3;
+              (_this$actions13 = _this.actions) === null || _this$actions13 === void 0 || (_this$actions13$toggl = _this$actions13.toggleLoading) === null || _this$actions13$toggl === void 0 || _this$actions13$toggl.call(_this$actions13, 'doConfigure', false, true);
+              _context11.next = 4;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, myValues, targetArticles, undefined, 'FromViewClick');
-            case 3:
+            case 4:
               returnValues = _context11.sent;
+              (_this$actions14 = _this.actions) === null || _this$actions14 === void 0 || (_this$actions14$toggl = _this$actions14.toggleLoading) === null || _this$actions14$toggl === void 0 || _this$actions14$toggl.call(_this$actions14, 'doConfigure', false, false);
               structure = setHandlerInstance.loadConfigStructureOfActSet(set, _this.getCurPlannerType());
               _this.checkVariantData();
               if (dontUpdatePlannerView) {
-                _context11.next = 16;
+                _context11.next = 18;
                 break;
               }
               _this.updateConfiguratorStructure(structure);
@@ -39839,16 +39918,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updateViewButtonsDependigOnConfigStructure();
               _this.updatePlannerView('DO_CONFIGURE', myValues);
               _this.updateWebConfiguratorTitle();
-              _context11.next = 16;
+              _context11.next = 18;
               return _this.getFreePlacesOnGrids(undefined, 'doConfigure');
-            case 16:
+            case 18:
               if (dontCallEvents) {
-                _context11.next = 19;
+                _context11.next = 21;
                 break;
               }
-              _context11.next = 19;
+              _context11.next = 21;
               return _this.fillBaksetforOnWebPlanerConfigChange(myValues);
-            case 19:
+            case 21:
             case "end":
               return _context11.stop();
           }
@@ -39912,6 +39991,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref12.apply(this, arguments);
       };
     }());
+    _defineProperty__default["default"](this, "getPosNr", function (basketId) {
+      var _set$getArticleByBask;
+      var set = _this.actSet();
+      if (!set) throw new Error('set undefined');
+      return (_set$getArticleByBask = set.getArticleByBasketId(basketId)) === null || _set$getArticleByBask === void 0 ? void 0 : _set$getArticleByBask.posNr;
+    });
     _defineProperty__default["default"](this, "getReturnTo", function (event) {
       var returnTo = _this.ReturnTo;
       if (returnTo == undefined) {
@@ -39942,7 +40027,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initialize",
     value: function () {
       var _initialize = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13() {
-        var viewReadyPromise, loadSuccessful, _initSetState$api$web, _this$actions14, _set$getDivaArticles, _set$getSetPrice, _this$actions13, _this$actions13$toggl, initSetState, set, products, result, _this$actions15, basket, catalogData;
+        var viewReadyPromise, loadSuccessful, _initSetState$api$web, _this$actions16, _set$getDivaArticles, _set$getSetPrice, _this$actions15, _this$actions15$toggl, initSetState, set, products, result, _this$actions17, basket, catalogData;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
@@ -39986,7 +40071,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return this.initView();
             case 20:
               this.subscribeToWebPlannerEvents();
-              (_this$actions13 = this.actions) === null || _this$actions13 === void 0 || (_this$actions13$toggl = _this$actions13.toggleLoading) === null || _this$actions13$toggl === void 0 || _this$actions13$toggl.call(_this$actions13, 'Planner_Loading', false, false);
+              (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || (_this$actions15$toggl = _this$actions15.toggleLoading) === null || _this$actions15$toggl === void 0 || _this$actions15$toggl.call(_this$actions15, 'Planner_Loading', false, false);
               return _context13.abrupt("return", true);
             case 23:
               //TODO: get prices of matching product with more than one element
@@ -40036,11 +40121,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _context13.next = 44;
               return this.initView();
             case 44:
-              (_this$actions14 = this.actions) === null || _this$actions14 === void 0 || _this$actions14.onEvent({
+              (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || _this$actions16.onEvent({
                 type: 'onConfiguratorReady'
               });
               if (Object.keys((_set$getDivaArticles = set === null || set === void 0 ? void 0 : set.getDivaArticles()) !== null && _set$getDivaArticles !== void 0 ? _set$getDivaArticles : {}).length) {
-                (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || _this$actions15.onEvent({
+                (_this$actions17 = this.actions) === null || _this$actions17 === void 0 || _this$actions17.onEvent({
                   type: 'onArticleInitialized'
                 });
               }
@@ -40135,11 +40220,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "onInitializationError",
     value: function onInitializationError() {
-      var _this$state2, _this$actions17, _this$actions17$toggl;
+      var _this$state2, _this$actions19, _this$actions19$toggl;
       var onErrorHandling = this.api.onErrorHandling();
       if ((_this$state2 = this.state) !== null && _this$state2 !== void 0 && _this$state2.isFullscreenComponent) {
-        var _this$actions16;
-        (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || _this$actions16.closeComponentInFullscreen();
+        var _this$actions18;
+        (_this$actions18 = this.actions) === null || _this$actions18 === void 0 || _this$actions18.closeComponentInFullscreen();
         return;
       }
       if (onErrorHandling) {
@@ -40180,7 +40265,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           });
         }
       }
-      (_this$actions17 = this.actions) === null || _this$actions17 === void 0 || (_this$actions17$toggl = _this$actions17.toggleLoading) === null || _this$actions17$toggl === void 0 || _this$actions17$toggl.call(_this$actions17, 'Planner_Loading', false, false);
+      (_this$actions19 = this.actions) === null || _this$actions19 === void 0 || (_this$actions19$toggl = _this$actions19.toggleLoading) === null || _this$actions19$toggl === void 0 || _this$actions19$toggl.call(_this$actions19, 'Planner_Loading', false, false);
     }
   }, {
     key: "getDivaArticles",
@@ -40894,8 +40979,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "changeOnFavorites",
     value: function changeOnFavorites(opt, opvs, targetArticles, remove) {
-      var _this$actions18;
-      favoritesHandlerInstance.changeOnFavorites(this.actSet(), opt, opvs, targetArticles, remove, (_this$actions18 = this.actions) === null || _this$actions18 === void 0 ? void 0 : _this$actions18.openModal);
+      var _this$actions20;
+      favoritesHandlerInstance.changeOnFavorites(this.actSet(), opt, opvs, targetArticles, remove, (_this$actions20 = this.actions) === null || _this$actions20 === void 0 ? void 0 : _this$actions20.openModal);
     }
   }, {
     key: "setDifferentOptions",
@@ -40942,25 +41027,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "callEvent",
     value: function callEvent(event, param) {
-      var _this$actions19, _this$actions20, _this$actions21, _this$actions22;
+      var _this$actions21, _this$actions22, _this$actions23, _this$actions24;
       switch (event) {
         case 'onFullscreenClose':
-          (_this$actions19 = this.actions) === null || _this$actions19 === void 0 || _this$actions19.onEvent({
+          (_this$actions21 = this.actions) === null || _this$actions21 === void 0 || _this$actions21.onEvent({
             type: 'onFullscreenClose'
           });
           break;
         case 'onWebPlanerClose':
-          (_this$actions20 = this.actions) === null || _this$actions20 === void 0 || _this$actions20.onEvent({
+          (_this$actions22 = this.actions) === null || _this$actions22 === void 0 || _this$actions22.onEvent({
             type: 'onWebPlanerClose'
           });
           break;
         case 'onWebPlanerHelp':
-          (_this$actions21 = this.actions) === null || _this$actions21 === void 0 || _this$actions21.onEvent({
+          (_this$actions23 = this.actions) === null || _this$actions23 === void 0 || _this$actions23.onEvent({
             type: 'onWebPlanerHelp'
           });
           break;
         case 'onWebPlanerZoomClick':
-          (_this$actions22 = this.actions) === null || _this$actions22 === void 0 || _this$actions22.onEvent({
+          (_this$actions24 = this.actions) === null || _this$actions24 === void 0 || _this$actions24.onEvent({
             type: 'onWebPlanerZoomClick',
             data: param
           });
@@ -40971,14 +41056,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "saveToBasketWrapper",
     value: function () {
       var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(event, repairOnly, force) {
-        var _this$actions23,
-          _this$actions23$toggl,
-          _this$actions24,
-          _this$actions24$toggl,
+        var _this$actions25,
+          _this$actions25$toggl,
+          _this$actions26,
+          _this$actions26$toggl,
           _this2 = this,
-          _this$actions28,
+          _this$actions30,
           _this$i18n14;
-        var returnTo, finalEvent, _this$api$getBarrierC, _this$openLeafeltBarr, product, _result, result, _this$actions25, _this$i18n8, _this$i18n9, _this$actions26, _this$i18n10, _this$i18n11, _this$actions27, _this$i18n12, _this$i18n13, _this$updatePlannerMs2, _this$actions29, _this$i18n15;
+        var returnTo, finalEvent, _this$api$getBarrierC, _this$openLeafeltBarr, product, _result, result, _this$actions27, _this$i18n8, _this$i18n9, _this$actions28, _this$i18n10, _this$i18n11, _this$actions29, _this$i18n12, _this$i18n13, _this$updatePlannerMs2, _this$actions31, _this$i18n15;
         return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context26) {
           while (1) switch (_context26.prev = _context26.next) {
             case 0:
@@ -41012,18 +41097,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 15:
               returnTo = finalEvent == 'onAddToBasket' ? 'OPEN_PDF' : returnTo;
             case 16:
-              (_this$actions23 = this.actions) === null || _this$actions23 === void 0 || (_this$actions23$toggl = _this$actions23.toggleLoading) === null || _this$actions23$toggl === void 0 || _this$actions23$toggl.call(_this$actions23, 'Planner_Saving', false, true);
+              (_this$actions25 = this.actions) === null || _this$actions25 === void 0 || (_this$actions25$toggl = _this$actions25.toggleLoading) === null || _this$actions25$toggl === void 0 || _this$actions25$toggl.call(_this$actions25, 'Planner_Saving', false, true);
               _context26.next = 19;
               return this.saveToBasket(finalEvent, repairOnly, force);
             case 19:
               result = _context26.sent;
-              (_this$actions24 = this.actions) === null || _this$actions24 === void 0 || (_this$actions24$toggl = _this$actions24.toggleLoading) === null || _this$actions24$toggl === void 0 || _this$actions24$toggl.call(_this$actions24, 'Planner_Saving', false, false);
+              (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || (_this$actions26$toggl = _this$actions26.toggleLoading) === null || _this$actions26$toggl === void 0 || _this$actions26$toggl.call(_this$actions26, 'Planner_Saving', false, false);
               if (!(result === 'canceled')) {
                 _context26.next = 25;
                 break;
               }
               LOG$1.error(new DivaUtils.DivaError('failed to save Basket'));
-              (_this$actions25 = this.actions) === null || _this$actions25 === void 0 || _this$actions25.openModal({
+              (_this$actions27 = this.actions) === null || _this$actions27 === void 0 || _this$actions27.openModal({
                 text: ((_this$i18n8 = this.i18n()) === null || _this$i18n8 === void 0 ? void 0 : _this$i18n8.t('modal.general_error')) + ' --- ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils__default["default"].getCurrentTraceId() ? ((_this$i18n9 = this.i18n()) === null || _this$i18n9 === void 0 ? void 0 : _this$i18n9.t('modal.errorcode')) + ': ' + DivaUtils__default["default"].getCurrentTraceId() : '',
                 accept: true
               });
@@ -41037,12 +41122,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 LOG$1.error(new DivaUtils.DivaError('PDF url is missing in basket', {
                   code: 'WC_0010'
                 }));
-                (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || _this$actions26.openModal({
+                (_this$actions28 = this.actions) === null || _this$actions28 === void 0 || _this$actions28.openModal({
                   text: ((_this$i18n10 = this.i18n()) === null || _this$i18n10 === void 0 ? void 0 : _this$i18n10.t('modal.general_error')) + ' --- ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils__default["default"].getCurrentTraceId() ? ((_this$i18n11 = this.i18n()) === null || _this$i18n11 === void 0 ? void 0 : _this$i18n11.t('modal.errorcode')) + ': ' + DivaUtils__default["default"].getCurrentTraceId() : '',
                   accept: true
                 });
               } else {
-                (_this$actions27 = this.actions) === null || _this$actions27 === void 0 || _this$actions27.openModal({
+                (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || _this$actions29.openModal({
                   text: (_this$i18n12 = this.i18n()) === null || _this$i18n12 === void 0 ? void 0 : _this$i18n12.t(this.divaBasketHandler.actBasket.Status === 'ORDER' ? 'modal.open_order_pdf_now' : 'modal.open_leaflet_pdf_now'),
                   accept: (_this$i18n13 = this.i18n()) === null || _this$i18n13 === void 0 ? void 0 : _this$i18n13.t('modals.open_now'),
                   callback: function callback() {
@@ -41052,7 +41137,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               return _context26.abrupt("break", 31);
             case 30:
-              (_this$actions28 = this.actions) === null || _this$actions28 === void 0 || _this$actions28.openModal({
+              (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || _this$actions30.openModal({
                 text: (_this$i18n14 = this.i18n()) === null || _this$i18n14 === void 0 ? void 0 : _this$i18n14.t('modal.planning_saved'),
                 accept: true
               });
@@ -41068,7 +41153,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 _context26.next = 37;
                 break;
               }
-              (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || _this$actions29.openModal({
+              (_this$actions31 = this.actions) === null || _this$actions31 === void 0 || _this$actions31.openModal({
                 accept: true,
                 text: (_this$i18n15 = this.i18n()) === null || _this$i18n15 === void 0 ? void 0 : _this$i18n15.t('configurator.PAYLOAD_TO_BIG'),
                 title: 'modals.error_saving'
@@ -41091,7 +41176,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "saveToBasket",
     value: function () {
       var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(event, repairOnly, force) {
-        var _returnTo, _event, _event2, _event3, _returnTo2, _returnTo3, _this$actions30, _this$actions31;
+        var _returnTo, _event, _event2, _event3, _returnTo2, _returnTo3, _this$actions32, _this$actions33;
         var set, actBasket, returnTo, oldReturnTo, count, basketData, bytes, result, newDivaNr, _result2, _event4, product;
         return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context27) {
           while (1) switch (_context27.prev = _context27.next) {
@@ -41178,7 +41263,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _context27.next = _context27.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 39 : _context27.t3 === 'OPEN_SELLER_BASKET' ? 41 : _context27.t3 === 'OPEN_PDF' ? 43 : _context27.t3 === 'SAVE_BASKET_WITH_MODAL' ? 43 : _context27.t3 === 'SAVE_BASKET' ? 43 : _context27.t3 === 'SAVE_BASKET_SYNC' ? 43 : _context27.t3 === 'OPEN_LEAFLET_BARRIER' ? 43 : 63;
               break;
             case 39:
-              (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || _this$actions30.openComponent({
+              (_this$actions32 = this.actions) === null || _this$actions32 === void 0 || _this$actions32.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'PCreator',
@@ -41191,7 +41276,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               });
               return _context27.abrupt("break", 63);
             case 41:
-              (_this$actions31 = this.actions) === null || _this$actions31 === void 0 || _this$actions31.openComponent({
+              (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'Basket',
@@ -41273,6 +41358,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       if (!set) return;
       return setHandlerInstance.checkNotificationRules(set, targetArticles, visitedOptions, event);
     }
+  }, {
+    key: "checkBannerRules",
+    value: function checkBannerRules(visitedOptions, event) {
+      var set = this.actSet();
+      if (!set) return;
+      return setHandlerInstance.checkBannerRules(set, visitedOptions, event);
+    }
 
     /**
      * This function returns true if the Planner Mode should be visible and the planner Step should be shown.
@@ -41517,16 +41609,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "addToBasket",
     value: function () {
       var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(actBasket) {
-        var _this$actions32,
-          _this$actions33,
-          _this$actions34,
+        var _this$actions34,
           _this$actions35,
           _this$actions36,
-          _this$divaBasketHandl3,
-          _this3 = this,
           _this$actions37,
           _this$actions38,
-          _this$actions39;
+          _this$divaBasketHandl3,
+          _this3 = this,
+          _this$actions39,
+          _this$actions40,
+          _this$actions41;
         var event,
           addToBasketLog,
           emailConfig,
@@ -41546,35 +41638,35 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               break;
             case 5:
               this.handleSuccessTransaction('onPrintBasket', actBasket);
-              (_this$actions32 = this.actions) === null || _this$actions32 === void 0 || _this$actions32.onEvent({
+              (_this$actions34 = this.actions) === null || _this$actions34 === void 0 || _this$actions34.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 38);
             case 8:
               this.handleSuccessTransaction('onSaveBasket', actBasket);
-              (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.onEvent({
+              (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 38);
             case 11:
               this.handleSuccessTransaction('onShareBasket', actBasket);
-              (_this$actions34 = this.actions) === null || _this$actions34 === void 0 || _this$actions34.onEvent({
+              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 38);
             case 14:
               this.handleSuccessTransaction('onRequestConsulation', actBasket);
-              (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.onEvent({
+              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 38);
             case 17:
               this.handleSuccessTransaction('onSave', actBasket);
-              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
+              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
@@ -41610,7 +41702,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 });
                 this.handleSuccessTransaction('onSendEmail', actBasket);
               }
-              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
+              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
@@ -41622,7 +41714,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 28:
               products = _context29.sent;
               this.handleSuccessTransaction('onSaveProduct', actBasket);
-              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
+              (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
@@ -41636,7 +41728,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               addToBasketLog = false;
             case 35:
               if (addToBasketLog) this.handleSuccessTransaction('onAddToBasket', actBasket);
-              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
+              (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
@@ -41668,8 +41760,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "openPDFpostAsEvent",
     value: function openPDFpostAsEvent(mongoDBId) {
-      var _this$actions40, _this$actions41, _this$actions42;
-      (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.updateBreadcrumbs({
+      var _this$actions42, _this$actions43, _this$actions44;
+      (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -41683,7 +41775,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.updateBreadcrumbs({
+      (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -41697,7 +41789,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.openComponent({
+      (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.openComponent({
         type: 'REPORT',
         parameters: {
           id: mongoDBId
@@ -41917,14 +42009,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "subscribeToWebPlannerEvents",
     value: function subscribeToWebPlannerEvents() {
-      var _this$actions43;
-      (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.subscribeEvents(this.addToBasketEventFunction);
+      var _this$actions45;
+      (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.subscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "unsubscribeFromWebPlannerEvents",
     value: function unsubscribeFromWebPlannerEvents() {
-      var _this$actions44;
-      (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.unSubscribeEvents(this.addToBasketEventFunction);
+      var _this$actions46;
+      (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.unSubscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "initApiForLogicOnly",