@crystaldesign/web-planner-logic 25.13.0-beta.29 → 25.13.0-beta.30

package/build/esm/{index-2a468898.js → index-df78379b.js}

@@ -28,6 +28,8 @@ import _typeof from '@babel/runtime/helpers/typeof';
 var _excluded = ["type"];
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Import types from AI service
+
 var LOG$p = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -82,6 +84,26 @@ var DivaApiHandler = /*#__PURE__*/function () {
     }
   }
   return _createClass(DivaApiHandler, [{
+    key: "getAiServiceAuthHeaders",
+    value:
+    /**
+     * Get standardized authentication headers for AI service calls
+     */
+    function getAiServiceAuthHeaders(leadKey) {
+      var headers = {};
+      if (this.jwt) headers = {
+        Authorization: 'Bearer ' + this.jwt
+      };else if (this.apiKey) headers = {
+        'X-API-KEY': this.apiKey
+      };
+
+      // Add lead key header if provided
+      if (leadKey) {
+        headers['x-lead-key'] = leadKey;
+      }
+      return headers;
+    }
+  }, {
     key: "setJsonDataCache",
     value: function setJsonDataCache(cache) {
       this.jsonDataCache = cache;
@@ -105,6 +127,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
           finalUrl,
           data,
           nextSkip,
+          _e$response,
           _args = arguments;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -176,8 +199,21 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 37:
               _context.prev = 37;
               _context.t5 = _context["catch"](4);
+              if (!(axios$1.isAxiosError(_context.t5) && ((_e$response = _context.t5.response) === null || _e$response === void 0 ? void 0 : _e$response.status) === 429)) {
+                _context.next = 42;
+                break;
+              }
+              LOG$p.warn('Rate limit exceeded (429) for URL: ' + url, 'DivaApiHandler.fetchData');
+              throw new DivaError('Rate limit exceeded. Please try again later.', {
+                code: 'WC_0429',
+                custom: {
+                  url: url,
+                  status: 429
+                }
+              });
+            case 42:
               throw Error('fetch failed! ' + url + ' Error: ' + _context.t5);
-            case 40:
+            case 43:
             case "end":
               return _context.stop();
           }
@@ -498,17 +534,23 @@ var DivaApiHandler = /*#__PURE__*/function () {
       var _this$apiConfig$media, _this$apiConfig7;
       return (_this$apiConfig$media = (_this$apiConfig7 = this.apiConfig) === null || _this$apiConfig7 === void 0 ? void 0 : _this$apiConfig7.mediaService) !== null && _this$apiConfig$media !== void 0 ? _this$apiConfig$media : '';
     }
+  }, {
+    key: "getDivaAiServiceUrl",
+    value: function getDivaAiServiceUrl() {
+      var _this$apiConfig$aiSer, _this$apiConfig8;
+      return (_this$apiConfig$aiSer = (_this$apiConfig8 = this.apiConfig) === null || _this$apiConfig8 === void 0 ? void 0 : _this$apiConfig8.aiService) !== null && _this$apiConfig$aiSer !== void 0 ? _this$apiConfig$aiSer : '';
+    }
   }, {
     key: "getConstructorServiceUrl",
     value: function getConstructorServiceUrl() {
-      var _this$apiConfig$const, _this$apiConfig8;
-      return (_this$apiConfig$const = (_this$apiConfig8 = this.apiConfig) === null || _this$apiConfig8 === void 0 ? void 0 : _this$apiConfig8.constructorService) !== null && _this$apiConfig$const !== void 0 ? _this$apiConfig$const : '';
+      var _this$apiConfig$const, _this$apiConfig9;
+      return (_this$apiConfig$const = (_this$apiConfig9 = this.apiConfig) === null || _this$apiConfig9 === void 0 ? void 0 : _this$apiConfig9.constructorService) !== null && _this$apiConfig$const !== void 0 ? _this$apiConfig$const : '';
     }
   }, {
     key: "getDivaBasketServiceUrl",
     value: function getDivaBasketServiceUrl() {
-      var _this$apiConfig$baske, _this$apiConfig9;
-      return (_this$apiConfig$baske = (_this$apiConfig9 = this.apiConfig) === null || _this$apiConfig9 === void 0 ? void 0 : _this$apiConfig9.basketService) !== null && _this$apiConfig$baske !== void 0 ? _this$apiConfig$baske : '';
+      var _this$apiConfig$baske, _this$apiConfig10;
+      return (_this$apiConfig$baske = (_this$apiConfig10 = this.apiConfig) === null || _this$apiConfig10 === void 0 ? void 0 : _this$apiConfig10.basketService) !== null && _this$apiConfig$baske !== void 0 ? _this$apiConfig$baske : '';
     }
   }, {
     key: "getLoadProductBasketParams",
@@ -519,8 +561,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "get3DServerUrl",
     value: function get3DServerUrl() {
-      var _this$apiConfig$host, _this$apiConfig10;
-      return (_this$apiConfig$host = (_this$apiConfig10 = this.apiConfig) === null || _this$apiConfig10 === void 0 ? void 0 : _this$apiConfig10.host3d) !== null && _this$apiConfig$host !== void 0 ? _this$apiConfig$host : '';
+      var _this$apiConfig$host, _this$apiConfig11;
+      return (_this$apiConfig$host = (_this$apiConfig11 = this.apiConfig) === null || _this$apiConfig11 === void 0 ? void 0 : _this$apiConfig11.host3d) !== null && _this$apiConfig$host !== void 0 ? _this$apiConfig$host : '';
     }
   }, {
     key: "doCheckForProductsPrice",
@@ -588,9 +630,9 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getBaseUrl",
     value: function getBaseUrl() {
-      var _this$apiConfig11, _this$apiConfig12;
-      var url = (_this$apiConfig11 = this.apiConfig) === null || _this$apiConfig11 === void 0 ? void 0 : _this$apiConfig11.api2["default"];
-      if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig12 = this.apiConfig) !== null && _this$apiConfig12 !== void 0 && _this$apiConfig12.api2.web) {
+      var _this$apiConfig12, _this$apiConfig13;
+      var url = (_this$apiConfig12 = this.apiConfig) === null || _this$apiConfig12 === void 0 ? void 0 : _this$apiConfig12.api2["default"];
+      if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig13 = this.apiConfig) !== null && _this$apiConfig13 !== void 0 && _this$apiConfig13.api2.web) {
         url = this.apiConfig.api2.web;
       }
       if (!url) throw new Error('No API2 defined');
@@ -846,39 +888,39 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "apiUrl",
     value: function apiUrl(queryString, useWebServiceApi) {
-      var _this$apiConfig23, _this$apiConfig24, _this$apiConfig25;
+      var _this$apiConfig24, _this$apiConfig25, _this$apiConfig26;
       if (useWebServiceApi == 'catalog') {
-        var _this$apiConfig13, _this$apiConfig14;
-        if (!((_this$apiConfig13 = this.apiConfig) !== null && _this$apiConfig13 !== void 0 && _this$apiConfig13.catalogService)) throw new Error('No catalog Service defined');
-        return ((_this$apiConfig14 = this.apiConfig) === null || _this$apiConfig14 === void 0 ? void 0 : _this$apiConfig14.catalogService) + queryString;
+        var _this$apiConfig14, _this$apiConfig15;
+        if (!((_this$apiConfig14 = this.apiConfig) !== null && _this$apiConfig14 !== void 0 && _this$apiConfig14.catalogService)) throw new Error('No catalog Service defined');
+        return ((_this$apiConfig15 = this.apiConfig) === null || _this$apiConfig15 === void 0 ? void 0 : _this$apiConfig15.catalogService) + queryString;
       }
       if (useWebServiceApi == 'basket') {
-        var _this$apiConfig15, _this$apiConfig16;
-        if (!((_this$apiConfig15 = this.apiConfig) !== null && _this$apiConfig15 !== void 0 && _this$apiConfig15.basketService)) throw new Error('No basket Service defined');
-        return ((_this$apiConfig16 = this.apiConfig) === null || _this$apiConfig16 === void 0 ? void 0 : _this$apiConfig16.basketService) + queryString;
+        var _this$apiConfig16, _this$apiConfig17;
+        if (!((_this$apiConfig16 = this.apiConfig) !== null && _this$apiConfig16 !== void 0 && _this$apiConfig16.basketService)) throw new Error('No basket Service defined');
+        return ((_this$apiConfig17 = this.apiConfig) === null || _this$apiConfig17 === void 0 ? void 0 : _this$apiConfig17.basketService) + queryString;
       }
       if (useWebServiceApi == 'report') {
-        var _this$apiConfig17, _this$apiConfig18;
-        if (!((_this$apiConfig17 = this.apiConfig) !== null && _this$apiConfig17 !== void 0 && _this$apiConfig17.reportService)) throw new Error('No report Service defined');
-        return ((_this$apiConfig18 = this.apiConfig) === null || _this$apiConfig18 === void 0 ? void 0 : _this$apiConfig18.reportService) + queryString;
+        var _this$apiConfig18, _this$apiConfig19;
+        if (!((_this$apiConfig18 = this.apiConfig) !== null && _this$apiConfig18 !== void 0 && _this$apiConfig18.reportService)) throw new Error('No report Service defined');
+        return ((_this$apiConfig19 = this.apiConfig) === null || _this$apiConfig19 === void 0 ? void 0 : _this$apiConfig19.reportService) + queryString;
       }
       if (useWebServiceApi == 'enricher') {
-        var _this$apiConfig21, _this$apiConfig22;
+        var _this$apiConfig22, _this$apiConfig23;
         if (this.useIDMService) {
-          var _this$apiConfig19, _this$apiConfig20;
-          if (!((_this$apiConfig19 = this.apiConfig) !== null && _this$apiConfig19 !== void 0 && _this$apiConfig19.idmService)) throw new Error('No report Service defined');
-          return ((_this$apiConfig20 = this.apiConfig) === null || _this$apiConfig20 === void 0 ? void 0 : _this$apiConfig20.idmService) + queryString;
+          var _this$apiConfig20, _this$apiConfig21;
+          if (!((_this$apiConfig20 = this.apiConfig) !== null && _this$apiConfig20 !== void 0 && _this$apiConfig20.idmService)) throw new Error('No report Service defined');
+          return ((_this$apiConfig21 = this.apiConfig) === null || _this$apiConfig21 === void 0 ? void 0 : _this$apiConfig21.idmService) + queryString;
         }
-        if (!((_this$apiConfig21 = this.apiConfig) !== null && _this$apiConfig21 !== void 0 && _this$apiConfig21.enricherService)) throw new Error('No report Service defined');
-        return ((_this$apiConfig22 = this.apiConfig) === null || _this$apiConfig22 === void 0 ? void 0 : _this$apiConfig22.enricherService) + queryString;
+        if (!((_this$apiConfig22 = this.apiConfig) !== null && _this$apiConfig22 !== void 0 && _this$apiConfig22.enricherService)) throw new Error('No report Service defined');
+        return ((_this$apiConfig23 = this.apiConfig) === null || _this$apiConfig23 === void 0 ? void 0 : _this$apiConfig23.enricherService) + queryString;
       }
-      var url = (_this$apiConfig23 = this.apiConfig) === null || _this$apiConfig23 === void 0 ? void 0 : _this$apiConfig23.api2["default"];
-      if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig24 = this.apiConfig) !== null && _this$apiConfig24 !== void 0 && _this$apiConfig24.api2.web) {
+      var url = (_this$apiConfig24 = this.apiConfig) === null || _this$apiConfig24 === void 0 ? void 0 : _this$apiConfig24.api2["default"];
+      if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig25 = this.apiConfig) !== null && _this$apiConfig25 !== void 0 && _this$apiConfig25.api2.web) {
         url = this.apiConfig.api2.web;
       }
-      if (this.useEkPrices && (_this$apiConfig25 = this.apiConfig) !== null && _this$apiConfig25 !== void 0 && _this$apiConfig25.api2.ek) {
-        var _this$apiConfig26;
-        url = (_this$apiConfig26 = this.apiConfig) === null || _this$apiConfig26 === void 0 ? void 0 : _this$apiConfig26.api2.ek;
+      if (this.useEkPrices && (_this$apiConfig26 = this.apiConfig) !== null && _this$apiConfig26 !== void 0 && _this$apiConfig26.api2.ek) {
+        var _this$apiConfig27;
+        url = (_this$apiConfig27 = this.apiConfig) === null || _this$apiConfig27 === void 0 ? void 0 : _this$apiConfig27.api2.ek;
       }
       if (!url) throw new Error('No API2 defined');
       return url + '?' + queryString;
@@ -1173,12 +1215,151 @@ var DivaApiHandler = /*#__PURE__*/function () {
       return loadArticlePricesQS;
     }()
   }, {
-    key: "postHQRenderScript",
+    key: "generateAiImageWithReferenceImages",
     value: function () {
-      var _postHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
+      var _generateAiImageWithReferenceImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data, leadKey) {
         var url, headers, res;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              url = this.getDivaAiServiceUrl() + '/generate-image-with-references';
+              headers = this.getAiServiceAuthHeaders(leadKey);
+              _context9.next = 4;
+              return this.fetchData(url, {
+                data: _objectSpread$k(_objectSpread$k({}, data), {}, {
+                  organizationId: this.OrganizationId
+                }),
+                config: {
+                  headers: headers
+                },
+                method: 'POST'
+              });
+            case 4:
+              res = _context9.sent;
+              return _context9.abrupt("return", res);
+            case 6:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9, this);
+      }));
+      function generateAiImageWithReferenceImages(_x24, _x25) {
+        return _generateAiImageWithReferenceImages.apply(this, arguments);
+      }
+      return generateAiImageWithReferenceImages;
+    }()
+  }, {
+    key: "getUsageLimits",
+    value: function () {
+      var _getUsageLimits = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(data) {
+        var url, headers, res;
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              url = this.getDivaAiServiceUrl() + '/usage/limits?organizationId=' + data.organizationId + '&userId=' + data.userId;
+              headers = this.getAiServiceAuthHeaders();
+              _context10.next = 4;
+              return this.fetchData(url, {
+                data: {},
+                config: {
+                  headers: headers
+                },
+                method: 'GET'
+              });
+            case 4:
+              res = _context10.sent;
+              return _context10.abrupt("return", res);
+            case 6:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10, this);
+      }));
+      function getUsageLimits(_x26) {
+        return _getUsageLimits.apply(this, arguments);
+      }
+      return getUsageLimits;
+    }()
+  }, {
+    key: "getAiRoomRenderings",
+    value: function () {
+      var _getAiRoomRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(organizationId) {
+        var orgParam, url, headers, res;
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              orgParam = organizationId ? "?organizationId=".concat(organizationId) : '';
+              url = this.getDivaAiServiceUrl() + '/room-renderings' + orgParam; // No authentication headers needed - public endpoint
+              headers = this.getAiServiceAuthHeaders();
+              _context11.next = 5;
+              return this.fetchData(url, {
+                data: {},
+                config: {
+                  headers: headers
+                },
+                method: 'GET'
+              });
+            case 5:
+              res = _context11.sent;
+              return _context11.abrupt("return", res);
+            case 7:
+            case "end":
+              return _context11.stop();
+          }
+        }, _callee11, this);
+      }));
+      function getAiRoomRenderings(_x27) {
+        return _getAiRoomRenderings.apply(this, arguments);
+      }
+      return getAiRoomRenderings;
+    }()
+  }, {
+    key: "createLeadKey",
+    value: function () {
+      var _createLeadKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(email) {
+        var url, headers, res;
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
+            case 0:
+              url = this.getDivaAiServiceUrl() + '/lead-key';
+              headers = this.getAiServiceAuthHeaders();
+              _context12.prev = 2;
+              _context12.next = 5;
+              return this.fetchData(url, {
+                data: {
+                  email: email
+                },
+                config: {
+                  headers: headers
+                },
+                method: 'POST'
+              });
+            case 5:
+              res = _context12.sent;
+              return _context12.abrupt("return", res);
+            case 9:
+              _context12.prev = 9;
+              _context12.t0 = _context12["catch"](2);
+              LOG$p.error(new Error("Failed to create lead key for email ".concat(email, ": ").concat((_context12.t0 === null || _context12.t0 === void 0 ? void 0 : _context12.t0.message) || _context12.t0)));
+              throw _context12.t0;
+            case 13:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12, this, [[2, 9]]);
+      }));
+      function createLeadKey(_x28) {
+        return _createLeadKey.apply(this, arguments);
+      }
+      return createLeadKey;
+    }()
+  }, {
+    key: "postHQRenderScript",
+    value: function () {
+      var _postHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(data) {
+        var url, headers, res;
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               url = this.getDivaMediaServiceUrl() + '/hqrenderscripts';
               headers = {};
@@ -1187,7 +1368,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
               };else if (this.apiKey) headers = {
                 'X-API-KEY': this.apiKey
               };
-              _context9.next = 5;
+              _context13.next = 5;
               return this.fetchData(url, {
                 data: data,
                 config: {
@@ -1196,15 +1377,15 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 method: 'POST'
               });
             case 5:
-              res = _context9.sent;
-              return _context9.abrupt("return", res);
+              res = _context13.sent;
+              return _context13.abrupt("return", res);
             case 7:
             case "end":
-              return _context9.stop();
+              return _context13.stop();
           }
-        }, _callee9, this);
+        }, _callee13, this);
       }));
-      function postHQRenderScript(_x24) {
+      function postHQRenderScript(_x29) {
         return _postHQRenderScript.apply(this, arguments);
       }
       return postHQRenderScript;
@@ -1212,10 +1393,10 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "postPlanningInfo",
     value: function () {
-      var _postPlanningInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
+      var _postPlanningInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
         var data, url, headers;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               data = {
                 info: JSON.stringify(planningInfo),
@@ -1234,8 +1415,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
               };else if (this.apiKey) headers = {
                 'X-API-KEY': this.apiKey
               };
-              _context10.prev = 4;
-              _context10.next = 7;
+              _context14.prev = 4;
+              _context14.next = 7;
               return this.fetchData(url, {
                 data: data,
                 config: {
@@ -1244,21 +1425,21 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 method: 'POST'
               });
             case 7:
-              _context10.next = 12;
+              _context14.next = 12;
               break;
             case 9:
-              _context10.prev = 9;
-              _context10.t0 = _context10["catch"](4);
+              _context14.prev = 9;
+              _context14.t0 = _context14["catch"](4);
               LOG$p.error(new DivaError('Error Connecting to Support-Service-LivePlanner', {
-                cause: _context10.t0
+                cause: _context14.t0
               }));
             case 12:
             case "end":
-              return _context10.stop();
+              return _context14.stop();
           }
-        }, _callee10, this, [[4, 9]]);
+        }, _callee14, this, [[4, 9]]);
       }));
-      function postPlanningInfo(_x25, _x26, _x27, _x28, _x29, _x30, _x31, _x32, _x33) {
+      function postPlanningInfo(_x30, _x31, _x32, _x33, _x34, _x35, _x36, _x37, _x38) {
         return _postPlanningInfo.apply(this, arguments);
       }
       return postPlanningInfo;
@@ -1266,21 +1447,21 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDimensionbyId",
     value: function () {
-      var _getDimensionbyId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(id, iln, catalogCodex, plannedOptions) {
-        var _this$apiConfig27;
+      var _getDimensionbyId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(id, iln, catalogCodex, plannedOptions) {
+        var _this$apiConfig28;
         var fullUrl, res, headers;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              fullUrl = this.getConstructorServiceUrl() + '/dimension/' + id + '?iln=' + iln + '&catalogCodex=' + catalogCodex + '&debug=' + ((_this$apiConfig27 = this.apiConfig) === null || _this$apiConfig27 === void 0 ? void 0 : _this$apiConfig27.useDebugUrl);
+              fullUrl = this.getConstructorServiceUrl() + '/dimension/' + id + '?iln=' + iln + '&catalogCodex=' + catalogCodex + '&debug=' + ((_this$apiConfig28 = this.apiConfig) === null || _this$apiConfig28 === void 0 ? void 0 : _this$apiConfig28.useDebugUrl);
               headers = {};
               if (this.jwt) headers = {
                 Authorization: 'Bearer ' + this.jwt
               };else if (this.apiKey) headers = {
                 'X-API-KEY': this.apiKey
               };
-              _context11.prev = 3;
-              _context11.next = 6;
+              _context15.prev = 3;
+              _context15.next = 6;
               return this.fetchData(fullUrl, {
                 method: 'POST',
                 data: {
@@ -1291,23 +1472,23 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 }
               });
             case 6:
-              res = _context11.sent;
-              return _context11.abrupt("return", res);
+              res = _context15.sent;
+              return _context15.abrupt("return", res);
             case 10:
-              _context11.prev = 10;
-              _context11.t0 = _context11["catch"](3);
+              _context15.prev = 10;
+              _context15.t0 = _context15["catch"](3);
               LOG$p.error({
                 message: 'Could not fetch dimension',
                 name: 'get dimension error'
               });
-              return _context11.abrupt("return", undefined);
+              return _context15.abrupt("return", undefined);
             case 14:
             case "end":
-              return _context11.stop();
+              return _context15.stop();
           }
-        }, _callee11, this, [[3, 10]]);
+        }, _callee15, this, [[3, 10]]);
       }));
-      function getDimensionbyId(_x34, _x35, _x36, _x37) {
+      function getDimensionbyId(_x39, _x40, _x41, _x42) {
         return _getDimensionbyId.apply(this, arguments);
       }
       return getDimensionbyId;
@@ -1315,7 +1496,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "createBasketReport",
     value: function () {
-      var _createBasketReport = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(basket, _ref2) {
+      var _createBasketReport = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(basket, _ref2) {
         var type,
           printOptions,
           savePdf,
@@ -1324,12 +1505,12 @@ var DivaApiHandler = /*#__PURE__*/function () {
           headers,
           result,
           val,
-          _args12 = arguments;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+          _args16 = arguments;
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               type = _ref2.type, printOptions = _objectWithoutProperties(_ref2, _excluded);
-              savePdf = _args12.length > 2 && _args12[2] !== undefined ? _args12[2] : false;
+              savePdf = _args16.length > 2 && _args16[2] !== undefined ? _args16[2] : false;
               data = {
                 type: type,
                 printOptions: printOptions,
@@ -1342,8 +1523,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
               };else if (this.apiKey) headers = {
                 'X-API-KEY': this.apiKey
               };
-              _context12.prev = 6;
-              _context12.next = 9;
+              _context16.prev = 6;
+              _context16.next = 9;
               return this.fetchData(url, {
                 data: data,
                 config: {
@@ -1352,7 +1533,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 method: 'POST'
               });
             case 9:
-              result = _context12.sent;
+              result = _context16.sent;
               if (savePdf) {
                 val = {};
                 val[type] = result.url;
@@ -1371,20 +1552,20 @@ var DivaApiHandler = /*#__PURE__*/function () {
                   }
                 });
               }
-              return _context12.abrupt("return", result.url);
+              return _context16.abrupt("return", result.url);
             case 14:
-              _context12.prev = 14;
-              _context12.t0 = _context12["catch"](6);
+              _context16.prev = 14;
+              _context16.t0 = _context16["catch"](6);
               LOG$p.error(new DivaError('Error Connecting to Report Service', {
-                cause: _context12.t0
+                cause: _context16.t0
               }));
             case 17:
             case "end":
-              return _context12.stop();
+              return _context16.stop();
           }
-        }, _callee12, this, [[6, 14]]);
+        }, _callee16, this, [[6, 14]]);
       }));
-      function createBasketReport(_x38, _x39) {
+      function createBasketReport(_x43, _x44) {
         return _createBasketReport.apply(this, arguments);
       }
       return createBasketReport;
@@ -28507,7 +28688,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-82a898e8.js');
+              return import('./ShelfPlanner-d4025911.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -31773,6 +31954,7 @@ var DivaSet = /*#__PURE__*/function () {
     _defineProperty(this, "favoritesChanged", false);
     _defineProperty(this, "setState", void 0);
     _defineProperty(this, "modifiedJ3D", []);
+    _defineProperty(this, "aiImageForBasket", void 0);
     /**
      * This function is called when the docking of two Elements is changed
      */
@@ -32045,6 +32227,24 @@ var DivaSet = /*#__PURE__*/function () {
     };
   }
   return _createClass(DivaSet, [{
+    key: "getAiImageAsJpg",
+    value: function getAiImageAsJpg() {
+      return this.aiImageForBasket;
+    }
+  }, {
+    key: "setAiImageAsJpg",
+    value: function setAiImageAsJpg(promptId, aiImageAsJPGBase64) {
+      this.aiImageForBasket = {
+        base64: aiImageAsJPGBase64,
+        promptId: promptId
+      };
+    }
+  }, {
+    key: "clearAiImageAsJpg",
+    value: function clearAiImageAsJpg() {
+      this.aiImageForBasket = undefined;
+    }
+  }, {
     key: "addRelationsToArticles",
     value: function addRelationsToArticles(article1, article2) {
       if (article2.checkArtCodexIsAccessoire(article1.articleCodex)) {
@@ -33040,7 +33240,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-ac18a82d.js');
+              return import('./DoorPlanner-1856ede2.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -38694,8 +38894,8 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "getOrderSet",
     value: function () {
       var _getOrderSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(set, catalogData, divaNr, repairOnly, returnTo) {
-        var _Object$values$, _set$getDivaArticles, _hqRenderScript, _set$basketConfigVari2, _set$basketConfigVari3;
-        var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, dimensions, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, plannerWarnings, bruttoPrice;
+        var _Object$values$, _set$getDivaArticles, _hqRenderScript, _alternateSetImages, _set$basketConfigVari2, _set$basketConfigVari3;
+        var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, urlToAiImage, alternateSetImages, hqRenderScript, dimensions, promise3D, promise2D, promiseAiImage, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, plannerWarnings, bruttoPrice;
         return _regeneratorRuntime.wrap(function _callee30$(_context32) {
           while (1) switch (_context32.prev = _context32.next) {
             case 0:
@@ -38705,30 +38905,35 @@ var DivaSetHandler = /*#__PURE__*/function () {
               plannerData = set.plannerHandler.savePlanner(set.getSetId());
               setImage = undefined;
               urlToPlanning2D = undefined;
+              urlToAiImage = undefined;
               alternateSetImages = undefined;
               hqRenderScript = undefined;
               dimensions = {};
               if (dontGenerateImages) {
-                _context32.next = 23;
+                _context32.next = 26;
                 break;
               }
               promise3D = this.getSetImage(set, typeof window === 'undefined');
               promise2D = this.get2DSetImage(set);
+              if (set.getAiImageAsJpg()) {
+                promiseAiImage = this.getAiImage(set);
+              }
               if (!catalogData.dontSaveAlternativeRenderings && set.CatalogData.alternateRenderingsForSummary.length) {
                 promise3DAlternate = this.getAlternateSetImages(set);
               }
-              _context32.next = 15;
-              return Promise.all([promise3D, promise2D, promise3DAlternate, this.getHQRenderScript(set, divaNr)]);
-            case 15:
+              _context32.next = 17;
+              return Promise.all([promise3D, promise2D, promiseAiImage, promise3DAlternate, this.getHQRenderScript(set, divaNr)]);
+            case 17:
               _yield$Promise$all = _context32.sent;
-              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 4);
+              _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 5);
               _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];
-              hqRenderScript = _yield$Promise$all2[3];
-            case 23:
+              urlToAiImage = _yield$Promise$all2[2];
+              alternateSetImages = _yield$Promise$all2[3];
+              hqRenderScript = _yield$Promise$all2[4];
+            case 26:
               plannerWarnings = [];
               if (!this.getPlanningIsComplete(set)) plannerWarnings.push('INCOMPLETE');
               DivaUtils.endSpanOfApm('GetSet3D und 2D Image');
@@ -38765,7 +38970,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 Set2DImage: urlToPlanning2D,
                 VariantDescription: DivaUtils.stripTags(set.getVariantsDescription()),
                 VariantDescription_locales: DivaUtils.stripTagsFromDict(set.getVariantsDescription_locales()),
-                SetImages: alternateSetImages,
+                SetImages: [].concat(_toConsumableArray(urlToAiImage ? [urlToAiImage] : []), _toConsumableArray((_alternateSetImages = alternateSetImages) !== null && _alternateSetImages !== void 0 ? _alternateSetImages : [])),
                 SetHash: set.setHash,
                 SetPlanData: plannerData != undefined ? DivaUtils.encodeBase64(JSON.stringify(plannerData)) : '',
                 SetID: set.getSetId(),
@@ -38792,7 +38997,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 MetaData_locales: !((_set$basketConfigVari3 = set.basketConfigVariants) !== null && _set$basketConfigVari3 !== void 0 && _set$basketConfigVari3.length) ? set.MetaData_locales : undefined
               });
               return _context32.abrupt("return", orderSet);
-            case 29:
+            case 32:
             case "end":
               return _context32.stop();
           }
@@ -38944,18 +39149,18 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "get2DSetImage",
     value: function () {
       var _get2DSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(set) {
-        var urlToPlanning2D, catalogData, planning2DAsJPGBase64;
+        var urlToPlanning2D, planning2DAsJPGBase64;
         return _regeneratorRuntime.wrap(function _callee34$(_context36) {
           while (1) switch (_context36.prev = _context36.next) {
             case 0:
-              urlToPlanning2D = undefined, catalogData = set.CatalogData;
+              urlToPlanning2D = undefined;
               planning2DAsJPGBase64 = set.getPlanning2DAsJpg();
               if (!(planning2DAsJPGBase64 != undefined && planning2DAsJPGBase64 != '' && planning2DAsJPGBase64 != 'data:,')) {
                 _context36.next = 6;
                 break;
               }
               _context36.next = 5;
-              return set.plannerHandler.saveSet2DImage(set.getSetId(), catalogData.catalogCodex, catalogData.catalogGuid, planning2DAsJPGBase64);
+              return set.plannerHandler.saveSet2DImage(set.CatalogData.catalogCodex, set.CatalogData.catalogGuid, planning2DAsJPGBase64);
             case 5:
               urlToPlanning2D = _context36.sent;
             case 6:
@@ -38971,6 +39176,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return get2DSetImage;
     }()
+  }, {
+    key: "getAiImage",
+    value: function () {
+      var _getAiImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set) {
+        var catalogData, _ref3, promptId, base64;
+        return _regeneratorRuntime.wrap(function _callee35$(_context37) {
+          while (1) switch (_context37.prev = _context37.next) {
+            case 0:
+              catalogData = set.CatalogData;
+              _ref3 = set.getAiImageAsJpg(), promptId = _ref3.promptId, base64 = _ref3.base64;
+              _context37.next = 4;
+              return set.plannerHandler.saveAiImage(promptId, catalogData.catalogCodex, catalogData.catalogGuid, base64);
+            case 4:
+              return _context37.abrupt("return", _context37.sent);
+            case 5:
+            case "end":
+              return _context37.stop();
+          }
+        }, _callee35);
+      }));
+      function getAiImage(_x128) {
+        return _getAiImage.apply(this, arguments);
+      }
+      return getAiImage;
+    }()
   }, {
     key: "getBBoxObject",
     value: function getBBoxObject(set, dimensions) {
@@ -39006,25 +39236,25 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addOrderSetArticlesToExistingSet",
     value: function () {
-      var _addOrderSetArticlesToExistingSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set, orderSet, lastSetToInitialize) {
-        return _regeneratorRuntime.wrap(function _callee35$(_context37) {
-          while (1) switch (_context37.prev = _context37.next) {
+      var _addOrderSetArticlesToExistingSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(set, orderSet, lastSetToInitialize) {
+        return _regeneratorRuntime.wrap(function _callee36$(_context38) {
+          while (1) switch (_context38.prev = _context38.next) {
             case 0:
               //TODO: GLOBAL STUFF
               //this.updateActSet(set);
               orderSet.changeBasketIds();
-              _context37.next = 3;
+              _context38.next = 3;
               return this.initOrderLineArticles(set, orderSet);
             case 3:
-              _context37.next = 5;
+              _context38.next = 5;
               return set.plannerHandler.extendSet(set, orderSet.SetPlanData, lastSetToInitialize);
             case 5:
             case "end":
-              return _context37.stop();
+              return _context38.stop();
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
-      function addOrderSetArticlesToExistingSet(_x128, _x129, _x130) {
+      function addOrderSetArticlesToExistingSet(_x129, _x130, _x131) {
         return _addOrderSetArticlesToExistingSet.apply(this, arguments);
       }
       return addOrderSetArticlesToExistingSet;
@@ -40096,7 +40326,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-7f788dde.js');
+              return import('./PfisterWWSHandler-1c4b02d4.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -40104,7 +40334,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-4dfa4c29.js');
+              return import('./LiviqueWWSHandler-d6dc0f40.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -40112,7 +40342,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-b1914906.js');
+              return import('./SeriousBasketHandler-1cbe7a5b.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -40120,7 +40350,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-6d40ee75.js');
+              return import('./StandardWWSHandler-b109a3d8.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -40717,12 +40947,7 @@ var Rendering = /*#__PURE__*/function () {
     _defineProperty(this, "uiInfo", void 0);
     _defineProperty(this, "urlToSavedRendering", void 0);
     // viewPoint: string;
-    //   private posInfo: any;
-    //private doStream: boolean;        Streaming over 3D Host is deprected
-    //private byteChunkArr: any;
-    //private byteChunkLayerMaskArr: any;
     _defineProperty(this, "hasLayerMask", void 0);
-    //private imgBytes: any;
     _defineProperty(this, "imgForSrc", void 0);
     _defineProperty(this, "layerMaskAsBase64", void 0);
     _defineProperty(this, "layerMaskThreeTexture", void 0);
@@ -41549,7 +41774,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-2cbcb371.js');
+              return import('./Host3DSignalR-06c1d471.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41705,6 +41930,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
 
         if (this.checkRenderingReady(params.hash, waitedRendering) && waitedRendering.MediaServiceSaveMode == 'STREAM') {
           this.updatePlannerRendering(waitedRendering);
+        } else {
+          if (waitedRendering.MediaServiceSaveMode == 'PERMANENT') {
+            this.updatePlannerRenderingInView(waitedRendering, true);
+          }
         }
         return;
       }
@@ -42483,17 +42712,22 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
     key: "base64ToBlob",
     value: function base64ToBlob(base64String, hash) {
       DivaUtils.startSpanOfApm('MediaServiceHandler base64ToBlob');
+      var type = 'image/jpeg';
       if (base64String.startsWith('data:image/jpeg;base64,')) {
         base64String = base64String.replace('data:image/jpeg;base64,', '');
       }
+      if (base64String.startsWith('data:image/png;base64,')) {
+        base64String = base64String.replace('data:image/png;base64,', '');
+        type = 'image/png';
+      }
       var binary_string = window.atob(base64String);
       var len = binary_string.length;
       var bytes = new Uint8Array(len);
       for (var i = 0; i < len; i++) {
         bytes[i] = binary_string.charCodeAt(i);
       }
-      var blob = new File([bytes.buffer], hash + '.jpg', {
-        type: 'image/jpeg'
+      var blob = new File([bytes.buffer], hash + (type === 'image/jpeg' ? '.jpg' : '.png'), {
+        type: type
       });
       DivaUtils.endSpanOfApm('MediaServiceHandler base64ToBlob');
       return blob;
@@ -42563,6 +42797,90 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
       }
       return savePlanning2DPermanent;
     }()
+    /**
+     * Save AI-generated base64 image to media service
+     * @param hash Unique identifier for the image
+     * @param base64Image Base64 encoded image data
+     * @param promptId Optional prompt ID for reference
+     * @param userId Optional user ID for tracking
+     * @param organizationId Optional organization ID (defaults to instance organizationId)
+     * @returns Promise<string> URL of the saved image or empty string on error
+     */
+  }, {
+    key: "saveAiImagePermanent",
+    value: (function () {
+      var _saveAiImagePermanent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(hash, base64Image, catalogCodex, catalogGUID, organizationId) {
+        var imageBlob, url, data, mediaItem, mediaItemRef, response, _res$variants$big, _res$variants, res;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              DivaUtils.startSpanOfApm('MediaServiceHandler saveAiImagePermanent');
+              imageBlob = this.base64ToBlob(base64Image, hash);
+              url = this.mediaServiceUrl + this.POST_mediaItem;
+              data = new FormData();
+              data.append('file', imageBlob);
+              mediaItem = {
+                organizationId: organizationId || this.organizationId,
+                mediaType: 'PCT',
+                fileName: hash + '.png'
+              };
+              data.append('mediaItem', JSON.stringify(mediaItem));
+              mediaItemRef = {
+                functionType: 'ART',
+                aiImageHash: hash,
+                catalogCodex: catalogCodex,
+                catalogGuid: catalogGUID
+              };
+              data.append('mediaItemRef', JSON.stringify(mediaItemRef));
+              _context2.prev = 9;
+              _context2.next = 12;
+              return fetch(url, {
+                method: 'POST',
+                body: data,
+                headers: {
+                  Authorization: 'Bearer ' + this.jwt
+                }
+              });
+            case 12:
+              response = _context2.sent;
+              if (!response.ok) {
+                _context2.next = 22;
+                break;
+              }
+              _context2.next = 16;
+              return response.json();
+            case 16:
+              res = _context2.sent;
+              LOG$3.debug('Successfully saved AI image in media Service. URL: ' + res.url);
+              DivaUtils.endSpanOfApm('MediaServiceHandler saveAiImagePermanent');
+              return _context2.abrupt("return", (_res$variants$big = (_res$variants = res.variants) === null || _res$variants === void 0 ? void 0 : _res$variants.big) !== null && _res$variants$big !== void 0 ? _res$variants$big : res.url);
+            case 22:
+              LOG$3.error(new DivaError('Error when saving the AI image on mediaService. Hash: ' + hash + ' response: ' + response, {
+                code: 'AI_001'
+              }));
+            case 23:
+              _context2.next = 28;
+              break;
+            case 25:
+              _context2.prev = 25;
+              _context2.t0 = _context2["catch"](9);
+              LOG$3.error(new DivaError('Exception when saving AI image. Hash: ' + hash + ' error: ' + _context2.t0, {
+                code: 'AI_002'
+              }));
+            case 28:
+              DivaUtils.endSpanOfApm('MediaServiceHandler saveAiImagePermanent');
+              return _context2.abrupt("return", '');
+            case 30:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[9, 25]]);
+      }));
+      function saveAiImagePermanent(_x5, _x6, _x7, _x8, _x9) {
+        return _saveAiImagePermanent.apply(this, arguments);
+      }
+      return saveAiImagePermanent;
+    }())
   }]);
 }();
 var mediaServiceHandler = new DivaMediaServiceHandler();
@@ -43107,7 +43425,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-a1ed202f.js');
+              return import('./DivaStandardPlanner-8659772b.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -43118,7 +43436,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-5b83551f.js');
+              return import('./DivaBoxPlanner-07aaffc1.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43574,7 +43892,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSet2DImage",
     value: function () {
-      var _saveSet2DImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(setId, catCodex, catGUID, planning2DAsJPGBase64) {
+      var _saveSet2DImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(catCodex, catGUID, planning2DAsJPGBase64) {
         var curPlanningHash, urlToPlanning2D;
         return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -43594,11 +43912,46 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee12, this);
       }));
-      function saveSet2DImage(_x19, _x20, _x21, _x22) {
+      function saveSet2DImage(_x19, _x20, _x21) {
         return _saveSet2DImage.apply(this, arguments);
       }
       return saveSet2DImage;
     }()
+  }, {
+    key: "saveAiImage",
+    value: function () {
+      var _saveAiImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(promptId, catCodex, catGUID, aiImageAsJPGBase64) {
+        var curPlanningHash, urlToAiImage;
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
+            case 0:
+              //Get current hash.
+              DivaUtils.startSpanOfApm('DivaPlannerHandler saveAiImage');
+              curPlanningHash = this.createPlanningHash();
+              _context13.next = 4;
+              return mediaServiceHandler.saveAiImagePermanent(promptId + '_' + curPlanningHash, aiImageAsJPGBase64, catCodex, catGUID);
+            case 4:
+              urlToAiImage = _context13.sent;
+              DivaUtils.endSpanOfApm('DivaPlannerHandler saveAiImage');
+              return _context13.abrupt("return", {
+                RenderWidth: 1024,
+                RenderHeight: 1024,
+                Description: 'AI Image',
+                Filename: promptId + '_' + curPlanningHash + '.png',
+                Id: promptId + '_' + curPlanningHash,
+                URL: urlToAiImage
+              });
+            case 7:
+            case "end":
+              return _context13.stop();
+          }
+        }, _callee13, this);
+      }));
+      function saveAiImage(_x22, _x23, _x24, _x25) {
+        return _saveAiImage.apply(this, arguments);
+      }
+      return saveAiImage;
+    }()
     /**
      * This function is called in order to destroy a planner. All elements are cleared all saved resources are cleared.
      * @param setId The setID the planner belongs to
@@ -43649,35 +44002,35 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "addPlannerElement",
     value: function () {
-      var _addPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(setId, basketId, initParams) {
+      var _addPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(setId, basketId, initParams) {
         var _this$plannerList$get;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               DivaUtils.startSpanOfApm('DivaPlannerHandler addPlannerElement');
               if (this.plannerList.has(setId)) {
-                _context13.next = 4;
+                _context14.next = 4;
                 break;
               }
               DivaUtils.endSpanOfApm('DivaPlannerHandler addPlannerElement');
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 4:
-              _context13.next = 6;
+              _context14.next = 6;
               return this.plannerList.get(setId).addPlannerElement(basketId, initParams);
             case 6:
               this.setPlannerHandler.updateSetPosNr(this.plannerList);
               this.setPlannerHandler.calcGlobalBoundingBox(this.plannerList);
               DivaUtils.endSpanOfApm('DivaPlannerHandler addPlannerElement');
-              return _context13.abrupt("return", (_this$plannerList$get = this.plannerList.get(setId)) === null || _this$plannerList$get === void 0 ? void 0 : _this$plannerList$get.getAllViewPlannerElements().find(function (item) {
+              return _context14.abrupt("return", (_this$plannerList$get = this.plannerList.get(setId)) === null || _this$plannerList$get === void 0 ? void 0 : _this$plannerList$get.getAllViewPlannerElements().find(function (item) {
                 return item.getBasketId() == basketId;
               }));
             case 10:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
-      function addPlannerElement(_x23, _x24, _x25) {
+      function addPlannerElement(_x26, _x27, _x28) {
         return _addPlannerElement.apply(this, arguments);
       }
       return addPlannerElement;
@@ -43685,36 +44038,36 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(setId, elementId, autoCorrectAVL_AVR, deletionType) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(setId, elementId, autoCorrectAVL_AVR, deletionType) {
         var response;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               DivaUtils.startSpanOfApm('DivaPlannerHandler deletePlannerElement');
               if (this.plannerList.has(setId)) {
-                _context14.next = 4;
+                _context15.next = 4;
                 break;
               }
               DivaUtils.endSpanOfApm('DivaPlannerHandler deletePlannerElement');
-              return _context14.abrupt("return", {
+              return _context15.abrupt("return", {
                 newElementToSelect: -1
               });
             case 4:
-              _context14.next = 6;
+              _context15.next = 6;
               return this.plannerList.get(setId).deletePlannerElement(elementId, autoCorrectAVL_AVR, deletionType);
             case 6:
-              response = _context14.sent;
+              response = _context15.sent;
               this.setPlannerHandler.updateSetPosNr(this.plannerList);
               this.setPlannerHandler.calcGlobalBoundingBox(this.plannerList);
               DivaUtils.endSpanOfApm('DivaPlannerHandler deletePlannerElement');
-              return _context14.abrupt("return", response);
+              return _context15.abrupt("return", response);
             case 11:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
-      function deletePlannerElement(_x26, _x27, _x28, _x29) {
+      function deletePlannerElement(_x29, _x30, _x31, _x32) {
         return _deletePlannerElement.apply(this, arguments);
       }
       return deletePlannerElement;
@@ -43757,31 +44110,31 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElements",
     value: (function () {
-      var _copyPlannerElements = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(setId, articleCopyRelation, copyInfo) {
+      var _copyPlannerElements = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(setId, articleCopyRelation, copyInfo) {
         var response;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               if (!(!this.plannerList.has(setId) || !copyInfo)) {
-                _context15.next = 2;
+                _context16.next = 2;
                 break;
               }
-              return _context15.abrupt("return");
+              return _context16.abrupt("return");
             case 2:
-              _context15.next = 4;
+              _context16.next = 4;
               return this.plannerList.get(setId).copyPlannerElement(articleCopyRelation, copyInfo);
             case 4:
-              response = _context15.sent;
+              response = _context16.sent;
               this.setPlannerHandler.updateSetPosNr(this.plannerList);
               this.setPlannerHandler.calcGlobalBoundingBox(this.plannerList);
-              return _context15.abrupt("return", response);
+              return _context16.abrupt("return", response);
             case 8:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
-      function copyPlannerElements(_x30, _x31, _x32) {
+      function copyPlannerElements(_x33, _x34, _x35) {
         return _copyPlannerElements.apply(this, arguments);
       }
       return copyPlannerElements;
@@ -43917,29 +44270,29 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "request3D",
     value: function () {
-      var _request3D = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, hybrid3DInfo, useLatestHybridInfo) {
+      var _request3D = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, hybrid3DInfo, useLatestHybridInfo) {
         var _this3 = this;
         var plannerData, loadedCatData, plannerExists, savedSetId;
-        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               if (!doRequestRendering) {
-                _context16.next = 9;
+                _context17.next = 9;
                 break;
               }
               if (renderRequestInfos) {
-                _context16.next = 6;
+                _context17.next = 6;
                 break;
               }
               LOG$2.error(new DivaError('Error requesting 3D rendering. No renderRequestInfo is set'));
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 6:
               if (!(renderRequestInfos.width <= 0 || isNaN(renderRequestInfos.width) || renderRequestInfos.height <= 0 || isNaN(renderRequestInfos.height))) {
-                _context16.next = 9;
+                _context17.next = 9;
                 break;
               }
               LOG$2.error(new DivaError('Error requesting rendering. Not valid width or height request width: ' + renderRequestInfos.width + ' height: ' + renderRequestInfos.height));
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 9:
               plannerData = this.handler3D.initPlannerData(this.plannerHandlerFunctions.doAllowSetPlanner());
               loadedCatData = [];
@@ -43969,7 +44322,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 });
               });
               if (!plannerExists) {
-                _context16.next = 19;
+                _context17.next = 19;
                 break;
               }
               // if not in set planner mode overwrite s1 with correct setId
@@ -43977,7 +44330,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 plannerData.SCE.ROO[0].SET[0].ID = savedSetId;
                 plannerData.SCE.ROO[0].SelectSet = savedSetId;
               }
-              _context16.next = 18;
+              _context17.next = 18;
               return this.handler3D.request3D({
                 doRequestRendering: doRequestRendering,
                 doRequestHqRenderScript: doRequestHqRenderScript,
@@ -43992,16 +44345,16 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 useLatestHybridInfo: useLatestHybridInfo
               });
             case 18:
-              return _context16.abrupt("return", _context16.sent);
+              return _context17.abrupt("return", _context17.sent);
             case 19:
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 20:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function request3D(_x33, _x34, _x35, _x36, _x37, _x38, _x39, _x40) {
+      function request3D(_x36, _x37, _x38, _x39, _x40, _x41, _x42, _x43) {
         return _request3D.apply(this, arguments);
       }
       return request3D;
@@ -44224,15 +44577,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty(this, "updatePlannerRendering", function (rendering) {
       var _this$state;
+      var onlyUpdateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (rendering.getIsFullscreenRendering()) {
         _this.updateFullscreenRendering(rendering);
       } else {
-        var _this$actSet;
-        _this.updatePlanner3DImage(rendering, ((_this$actSet = _this.actSet()) === null || _this$actSet === void 0 ? void 0 : _this$actSet.getAlternateRenderInfo().length) > 0);
+        var _this$updatePlanner3D;
+        (_this$updatePlanner3D = _this.updatePlanner3DImage) === null || _this$updatePlanner3D === void 0 || _this$updatePlanner3D.call(_this, rendering, onlyUpdateState);
       }
       if (_this.actions && (_this$state = _this.state) !== null && _this$state !== void 0 && _this$state.enableSupport) {
-        var _this$actSet2, _this$state$user, _this$state$user2, _this$state$user3;
-        _this.api.postPlanningInfo((_this$actSet2 = _this.actSet()) === null || _this$actSet2 === void 0 ? void 0 : _this$actSet2.getVariantBasketData(), _this.divaNr, rendering.getImageForSrc(), _this.getCurSetPrice() + setHandlerInstance.getActSetPriceFormat(_this.actSet()), _this.getCurCatalogName(), (_this$state$user = _this.state.user) === null || _this$state$user === void 0 ? void 0 : _this$state$user._id, (_this$state$user2 = _this.state.user) === null || _this$state$user2 === void 0 ? void 0 : _this$state$user2.name, (_this$state$user3 = _this.state.user) === null || _this$state$user3 === void 0 ? void 0 : _this$state$user3.familyName, _this.state.organization._id);
+        var _this$actSet, _this$state$user, _this$state$user2, _this$state$user3;
+        _this.api.postPlanningInfo((_this$actSet = _this.actSet()) === null || _this$actSet === void 0 ? void 0 : _this$actSet.getVariantBasketData(), _this.divaNr, rendering.getImageForSrc(), _this.getCurSetPrice() + setHandlerInstance.getActSetPriceFormat(_this.actSet()), _this.getCurCatalogName(), (_this$state$user = _this.state.user) === null || _this$state$user === void 0 ? void 0 : _this$state$user._id, (_this$state$user2 = _this.state.user) === null || _this$state$user2 === void 0 ? void 0 : _this$state$user2.name, (_this$state$user3 = _this.state.user) === null || _this$state$user3 === void 0 ? void 0 : _this$state$user3.familyName, _this.state.organization._id);
       }
     });
     /**
@@ -45183,16 +45537,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getDivaArticles",
     value: function getDivaArticles(visiblePartlistArticlesAlso, allPartlistArticlesAlso) {
-      var _this$actSet3;
-      return (_this$actSet3 = this.actSet()) === null || _this$actSet3 === void 0 ? void 0 : _this$actSet3.getDivaArticles(visiblePartlistArticlesAlso, allPartlistArticlesAlso);
+      var _this$actSet2;
+      return (_this$actSet2 = this.actSet()) === null || _this$actSet2 === void 0 ? void 0 : _this$actSet2.getDivaArticles(visiblePartlistArticlesAlso, allPartlistArticlesAlso);
     }
 
     //for debugging
   }, {
     key: "getFirstDivaArticles",
     value: function getFirstDivaArticles() {
-      var _this$actSet$getDivaA, _this$actSet4;
-      return Object.values((_this$actSet$getDivaA = (_this$actSet4 = this.actSet()) === null || _this$actSet4 === void 0 ? void 0 : _this$actSet4.getDivaArticles()) !== null && _this$actSet$getDivaA !== void 0 ? _this$actSet$getDivaA : {})[0];
+      var _this$actSet$getDivaA, _this$actSet3;
+      return Object.values((_this$actSet$getDivaA = (_this$actSet3 = this.actSet()) === null || _this$actSet3 === void 0 ? void 0 : _this$actSet3.getDivaArticles()) !== null && _this$actSet$getDivaA !== void 0 ? _this$actSet$getDivaA : {})[0];
     }
   }, {
     key: "getHiddenOptions",
@@ -45260,8 +45614,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "updateWebConfiguratorTitle",
     value: function updateWebConfiguratorTitle() {
-      var _this$setWebConifgura, _this$actSet5;
-      (_this$setWebConifgura = this.setWebConifguratorTitle) === null || _this$setWebConifgura === void 0 || _this$setWebConifgura.call(this, (_this$actSet5 = this.actSet()) === null || _this$actSet5 === void 0 ? void 0 : _this$actSet5.getSetTitle());
+      var _this$setWebConifgura, _this$actSet4;
+      (_this$setWebConifgura = this.setWebConifguratorTitle) === null || _this$setWebConifgura === void 0 || _this$setWebConifgura.call(this, (_this$actSet4 = this.actSet()) === null || _this$actSet4 === void 0 ? void 0 : _this$actSet4.getSetTitle());
     }
   }, {
     key: "updateConfigStructure",
@@ -45273,7 +45627,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function () {
       var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(plannerMode) {
         var _this$plannerConfig$i, _this$state5;
-        var doDefault, _this$navigateToTabGr2, _this$saveToBasketWra, configStepKey, _this$navigateToConfi, _this$actSet6, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
+        var doDefault, _this$navigateToTabGr2, _this$saveToBasketWra, configStepKey, _this$navigateToConfi, _this$actSet5, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
         return _regeneratorRuntime.wrap(function _callee17$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
             case 0:
@@ -45305,7 +45659,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               if (doDefault) {
                 if (plannerMode == 'ProductList') {
                   (_this$navigateToTabGr3 = this.navigateToTabGroup) === null || _this$navigateToTabGr3 === void 0 || _this$navigateToTabGr3.call(this, 'PRODUCTS');
-                } else if ((_this$actSet6 = this.actSet()) !== null && _this$actSet6 !== void 0 && _this$actSet6.hasStaticRoomList) {
+                } else if ((_this$actSet5 = this.actSet()) !== null && _this$actSet5 !== void 0 && _this$actSet5.hasStaticRoomList) {
                   (_this$navigateToTabGr4 = this.navigateToTabGroup) === null || _this$navigateToTabGr4 === void 0 || _this$navigateToTabGr4.call(this, 'ROOMLIST', true);
                 } else {
                   (_this$navigateToTabGr5 = this.navigateToTabGroup) === null || _this$navigateToTabGr5 === void 0 || _this$navigateToTabGr5.call(this, this.getCurPlannerType(true), true);
@@ -45566,8 +45920,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getAlternateRenderingsForSummary",
     value: function getAlternateRenderingsForSummary() {
-      var _this$actSet7;
-      return (_this$actSet7 = this.actSet()) === null || _this$actSet7 === void 0 || (_this$actSet7 = _this$actSet7.CatalogData) === null || _this$actSet7 === void 0 ? void 0 : _this$actSet7.alternateRenderingsForSummary;
+      var _this$actSet6;
+      return (_this$actSet6 = this.actSet()) === null || _this$actSet6 === void 0 || (_this$actSet6 = _this$actSet6.CatalogData) === null || _this$actSet6 === void 0 ? void 0 : _this$actSet6.alternateRenderingsForSummary;
     }
   }, {
     key: "destroyWebPlanner",
@@ -45853,8 +46207,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setDifferentOptions",
     value: function setDifferentOptions(options) {
-      var _this$actSet8;
-      (_this$actSet8 = this.actSet()) === null || _this$actSet8 === void 0 || _this$actSet8.setDifferentOptions(options);
+      var _this$actSet7;
+      (_this$actSet7 = this.actSet()) === null || _this$actSet7 === void 0 || _this$actSet7.setDifferentOptions(options);
     }
   }, {
     key: "checkMatchingProducts",
@@ -45901,8 +46255,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "updatePriceInView",
     value: function updatePriceInView() {
-      var _this$updatePrice, _this$actSet9;
-      (_this$updatePrice = this.updatePrice) === null || _this$updatePrice === void 0 || _this$updatePrice.call(this, setHandlerInstance.getTotalViewPrice(this.sets), this.actSet().getViewSetPrice(), setHandlerInstance.getTotalViewBruttoPrice(this.sets), undefined, (_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.getCustomDimensionsOfActSet());
+      var _this$updatePrice, _this$actSet8, _this$actSet9;
+      (_this$updatePrice = this.updatePrice) === null || _this$updatePrice === void 0 || _this$updatePrice.call(this, setHandlerInstance.getTotalViewPrice(this.sets), this.actSet().getViewSetPrice(), setHandlerInstance.getTotalViewBruttoPrice(this.sets), undefined, (_this$actSet8 = this.actSet()) === null || _this$actSet8 === void 0 ? void 0 : _this$actSet8.getCustomDimensionsOfActSet(), (_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.setHash);
     }
 
     /**
@@ -46194,6 +46548,127 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       if (!set) return;
       return setHandlerInstance.checkNotificationRules(set, targetArticles, visitedOptions, event);
     }
+  }, {
+    key: "generateAiImageWithReferenceImages",
+    value: function () {
+      var _generateAiImageWithReferenceImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(data, leadKey) {
+        var _this$state6;
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
+            case 0:
+              _context28.next = 2;
+              return this.api.generateAiImageWithReferenceImages(_objectSpread$6(_objectSpread$6({}, data), {}, {
+                userId: (_this$state6 = this.state) === null || _this$state6 === void 0 || (_this$state6 = _this$state6.user) === null || _this$state6 === void 0 ? void 0 : _this$state6._id
+              }), leadKey);
+            case 2:
+              return _context28.abrupt("return", _context28.sent);
+            case 3:
+            case "end":
+              return _context28.stop();
+          }
+        }, _callee28, this);
+      }));
+      function generateAiImageWithReferenceImages(_x80, _x81) {
+        return _generateAiImageWithReferenceImages.apply(this, arguments);
+      }
+      return generateAiImageWithReferenceImages;
+    }()
+  }, {
+    key: "getUsageLimits",
+    value: function () {
+      var _getUsageLimits = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
+        var _this$state7, _this$state8;
+        var organizationId, userId;
+        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
+            case 0:
+              organizationId = (_this$state7 = this.state) === null || _this$state7 === void 0 ? void 0 : _this$state7.organization._id;
+              userId = (_this$state8 = this.state) === null || _this$state8 === void 0 || (_this$state8 = _this$state8.user) === null || _this$state8 === void 0 ? void 0 : _this$state8._id;
+              if (!(!organizationId || !userId)) {
+                _context29.next = 4;
+                break;
+              }
+              throw new Error('Organization ID or User ID is not set');
+            case 4:
+              _context29.next = 6;
+              return this.api.getUsageLimits({
+                organizationId: organizationId,
+                userId: userId
+              });
+            case 6:
+              return _context29.abrupt("return", _context29.sent);
+            case 7:
+            case "end":
+              return _context29.stop();
+          }
+        }, _callee29, this);
+      }));
+      function getUsageLimits() {
+        return _getUsageLimits.apply(this, arguments);
+      }
+      return getUsageLimits;
+    }()
+  }, {
+    key: "getAiRoomRenderings",
+    value: function () {
+      var _getAiRoomRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
+        var _this$state9;
+        var organizationId;
+        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
+            case 0:
+              organizationId = (_this$state9 = this.state) === null || _this$state9 === void 0 ? void 0 : _this$state9.organization._id;
+              _context30.next = 3;
+              return this.api.getAiRoomRenderings(organizationId);
+            case 3:
+              return _context30.abrupt("return", _context30.sent);
+            case 4:
+            case "end":
+              return _context30.stop();
+          }
+        }, _callee30, this);
+      }));
+      function getAiRoomRenderings() {
+        return _getAiRoomRenderings.apply(this, arguments);
+      }
+      return getAiRoomRenderings;
+    }()
+  }, {
+    key: "createLeadKey",
+    value: function () {
+      var _createLeadKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(email) {
+        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
+            case 0:
+              _context31.next = 2;
+              return this.api.createLeadKey(email);
+            case 2:
+              return _context31.abrupt("return", _context31.sent);
+            case 3:
+            case "end":
+              return _context31.stop();
+          }
+        }, _callee31, this);
+      }));
+      function createLeadKey(_x82) {
+        return _createLeadKey.apply(this, arguments);
+      }
+      return createLeadKey;
+    }()
+  }, {
+    key: "clearAiImageAsJpg",
+    value: function clearAiImageAsJpg() {
+      var set = this.actSet();
+      if (!set) return;
+      set.clearAiImageAsJpg();
+    }
+  }, {
+    key: "setAiImageAsJpg",
+    value: function setAiImageAsJpg(promptId, base64) {
+      var set = this.actSet();
+      if (!set) return;
+      set.setAiImageAsJpg(promptId, base64);
+    }
   }, {
     key: "checkBannerRules",
     value: function checkBannerRules(visitedOptions, event) {
@@ -46231,8 +46706,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         }
       }
       if (plannerType == 'JUMP_OVER_PLANNER_ONLY_MOBILE') {
-        var _this$state6;
-        if ((_this$state6 = this.state) !== null && _this$state6 !== void 0 && _this$state6.dimensions.isMobile) {
+        var _this$state10;
+        if ((_this$state10 = this.state) !== null && _this$state10 !== void 0 && _this$state10.dimensions.isMobile) {
           plannerType = 'JUMP_OVER_PLANNER';
         } else {
           plannerType = 'PLANNER';
@@ -46387,11 +46862,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$state7, _this$actSet26, _this$state8, _this$actSet27;
+      var _this$state11, _this$actSet26, _this$state12, _this$actSet27;
       if (this.getEnableUnityRtvKombi()) return false;
-      if ((_this$state7 = this.state) !== null && _this$state7 !== void 0 && _this$state7.organization.settings.forceRTV) return true;
+      if ((_this$state11 = this.state) !== null && _this$state11 !== void 0 && _this$state11.organization.settings.forceRTV) return true;
       if ((_this$actSet26 = this.actSet()) !== null && _this$actSet26 !== void 0 && _this$actSet26.CatalogData.divaForceRTV) return true;
-      if ((_this$state8 = this.state) !== null && _this$state8 !== void 0 && _this$state8.organization.settings.enableRTV && (_this$actSet27 = this.actSet()) !== null && _this$actSet27 !== void 0 && _this$actSet27.CatalogData.divaArReady) return true;
+      if ((_this$state12 = this.state) !== null && _this$state12 !== void 0 && _this$state12.organization.settings.enableRTV && (_this$actSet27 = this.actSet()) !== null && _this$actSet27 !== void 0 && _this$actSet27.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
@@ -46445,23 +46920,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
-        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
+        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
-              _context28.t0 = this.divaBasketHandler;
-              _context28.t1 = this.divaBasketHandler.actDivaNr;
-              _context28.next = 4;
+              _context32.t0 = this.divaBasketHandler;
+              _context32.t1 = this.divaBasketHandler.actDivaNr;
+              _context32.next = 4;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, true, this.doAllowSetPlanner(), this.ReturnTo);
             case 4:
-              _context28.t2 = _context28.sent;
-              _context28.t0.setBasketData.call(_context28.t0, _context28.t1, _context28.t2);
-              return _context28.abrupt("return", this.divaBasketHandler.actBasket);
+              _context32.t2 = _context32.sent;
+              _context32.t0.setBasketData.call(_context32.t0, _context32.t1, _context32.t2);
+              return _context32.abrupt("return", this.divaBasketHandler.actBasket);
             case 7:
             case "end":
-              return _context28.stop();
+              return _context32.stop();
           }
-        }, _callee28, this);
+        }, _callee32, this);
       }));
       function getBasketDataWithEkText() {
         return _getBasketDataWithEkText.apply(this, arguments);
@@ -46487,7 +46962,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(actBasket) {
+      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(actBasket) {
         var _this$actions36,
           _this$actions37,
           _this$actions38,
@@ -46506,44 +46981,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args29 = arguments;
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+          _args33 = arguments;
+        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
-              event = _args29.length > 1 && _args29[1] !== undefined ? _args29[1] : 'onAddToBasket';
-              _context29.t0 = event;
-              _context29.next = _context29.t0 === 'onWebPlanerPrint' ? 4 : _context29.t0 === 'onWebPlanerSave' ? 6 : _context29.t0 === 'onWebPlanerShare' ? 8 : _context29.t0 === 'onRequestConsulation' ? 10 : _context29.t0 === 'onSave' ? 12 : _context29.t0 === 'onSendEmail' ? 14 : _context29.t0 === 'onSaveProduct' ? 19 : _context29.t0 === 'dontSaveBasket' ? 26 : _context29.t0 === 'onAddToBasket' ? 26 : 28;
+              event = _args33.length > 1 && _args33[1] !== undefined ? _args33[1] : 'onAddToBasket';
+              _context33.t0 = event;
+              _context33.next = _context33.t0 === 'onWebPlanerPrint' ? 4 : _context33.t0 === 'onWebPlanerSave' ? 6 : _context33.t0 === 'onWebPlanerShare' ? 8 : _context33.t0 === 'onRequestConsulation' ? 10 : _context33.t0 === 'onSave' ? 12 : _context33.t0 === 'onSendEmail' ? 14 : _context33.t0 === 'onSaveProduct' ? 19 : _context33.t0 === 'dontSaveBasket' ? 26 : _context33.t0 === 'onAddToBasket' ? 26 : 28;
               break;
             case 4:
               (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 6:
               (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 8:
               (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 10:
               (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 12:
               (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 14:
               emailConfig = (_this$divaBasketHandl4 = this.divaBasketHandler.emailConfig) !== null && _this$divaBasketHandl4 !== void 0 ? _this$divaBasketHandl4 : this.getEmailConfig(); //reset the emailConfig
               this.divaBasketHandler.emailConfig = undefined;
@@ -46578,43 +47053,43 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 19:
               this.actSet().CatalogData;
-              _context29.next = 22;
+              _context33.next = 22;
               return this.api.saveAsProduct(this.sets, actBasket);
             case 22:
-              products = _context29.sent;
+              products = _context33.sent;
               (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               if (!products) {
-                _context29.next = 26;
+                _context33.next = 26;
                 break;
               }
-              return _context29.abrupt("return", products[0]);
+              return _context33.abrupt("return", products[0]);
             case 26:
               (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 28:
               (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
                 type: event,
                 data: actBasket.getAsJson()
               });
-              return _context29.abrupt("break", 30);
+              return _context33.abrupt("break", 30);
             case 30:
-              return _context29.abrupt("return");
+              return _context33.abrupt("return");
             case 31:
             case "end":
-              return _context29.stop();
+              return _context33.stop();
           }
-        }, _callee29, this);
+        }, _callee33, this);
       }));
-      function addToBasket(_x80) {
+      function addToBasket(_x83) {
         return _addToBasket.apply(this, arguments);
       }
       return addToBasket;
@@ -46669,28 +47144,28 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurrentBasket",
     value: function () {
-      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(event, force, returnTo, dontGoToSummary, hideLoading) {
+      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(event, force, returnTo, dontGoToSummary, hideLoading) {
         var _this$actSet35, _this$divaBasketHandl5, _this$onClickAddToBas3;
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               if (!(this.divaBasketHandler.basketWasSavedWithCurrentDocVersion && ((_this$actSet35 = this.actSet()) === null || _this$actSet35 === void 0 ? void 0 : _this$actSet35.setHash) === ((_this$divaBasketHandl5 = this.divaBasketHandler.actBasket) === null || _this$divaBasketHandl5 === void 0 || (_this$divaBasketHandl5 = _this$divaBasketHandl5.OrderSets) === null || _this$divaBasketHandl5 === void 0 ? void 0 : _this$divaBasketHandl5[0].SetHash) && !(returnTo !== null && returnTo !== void 0 && returnTo.includes('OPEN')))) {
-                _context30.next = 2;
+                _context34.next = 2;
                 break;
               }
-              return _context30.abrupt("return", 'BASKET_ALREADY_SAVED');
+              return _context34.abrupt("return", 'BASKET_ALREADY_SAVED');
             case 2:
-              _context30.next = 4;
+              _context34.next = 4;
               return (_this$onClickAddToBas3 = this.onClickAddToBasket) === null || _this$onClickAddToBas3 === void 0 ? void 0 : _this$onClickAddToBas3.call(this, undefined, event, force, returnTo, dontGoToSummary, hideLoading);
             case 4:
-              return _context30.abrupt("return", !!_context30.sent);
+              return _context34.abrupt("return", !!_context34.sent);
             case 5:
             case "end":
-              return _context30.stop();
+              return _context34.stop();
           }
-        }, _callee30, this);
+        }, _callee34, this);
       }));
-      function getCurrentBasket(_x81, _x82, _x83, _x84, _x85) {
+      function getCurrentBasket(_x84, _x85, _x86, _x87, _x88) {
         return _getCurrentBasket.apply(this, arguments);
       }
       return getCurrentBasket;
@@ -46912,9 +47387,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               //empty services
               this.api = new DivaApiHandler(_objectSpread$6(_objectSpread$6({}, this.plannerConfig), {}, {
@@ -46927,17 +47402,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 jwt: jwt,
                 apiKey: apiKey
               }), handler);
-              _context31.next = 3;
+              _context35.next = 3;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 3:
               this.plannerHandler = new DivaPlannerHandler(true);
             case 4:
             case "end":
-              return _context31.stop();
+              return _context35.stop();
           }
-        }, _callee31, this);
+        }, _callee35, this);
       }));
-      function initApiForLogicOnly(_x86, _x87, _x88, _x89, _x90, _x91, _x92) {
+      function initApiForLogicOnly(_x89, _x90, _x91, _x92, _x93, _x94, _x95) {
         return _initApiForLogicOnly.apply(this, arguments);
       }
       return initApiForLogicOnly;
@@ -46950,16 +47425,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36() {
+        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
-              return _context32.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
+              return _context36.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
             case 1:
             case "end":
-              return _context32.stop();
+              return _context36.stop();
           }
-        }, _callee32, this);
+        }, _callee36, this);
       }));
       function loadBasket() {
         return _loadBasket.apply(this, arguments);
@@ -46974,39 +47449,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee37(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+        return _regeneratorRuntime.wrap(function _callee37$(_context37) {
+          while (1) switch (_context37.prev = _context37.next) {
             case 0:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet(!init3D);
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context33.next = 5;
+              _context37.next = 5;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
             case 5:
               //TODO check if when basket gets repaired the product match gets called
               set = this.actSet();
               setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType());
               if (!(favoritesHandlerInstance.FavoritesDefined(set) && !ignoreFavorites)) {
-                _context33.next = 10;
+                _context37.next = 10;
                 break;
               }
-              _context33.next = 10;
+              _context37.next = 10;
               return this.handleFavorites(init3D ? 'CALC' : 'REPAIR');
             case 10:
-              _context33.next = 12;
+              _context37.next = 12;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !init3D, this.doAllowSetPlanner(), this.ReturnTo);
             case 12:
-              basket = _context33.sent;
-              return _context33.abrupt("return", basket);
+              basket = _context37.sent;
+              return _context37.abrupt("return", basket);
             case 14:
             case "end":
-              return _context33.stop();
+              return _context37.stop();
           }
-        }, _callee33, this);
+        }, _callee37, this);
       }));
-      function initBasket(_x93, _x94) {
+      function initBasket(_x96, _x97) {
         return _initBasket.apply(this, arguments);
       }
       return initBasket;
@@ -47020,21 +47495,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
+      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee38() {
         var set;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+        return _regeneratorRuntime.wrap(function _callee38$(_context38) {
+          while (1) switch (_context38.prev = _context38.next) {
             case 0:
               set = this.actSet();
-              _context34.next = 3;
+              _context38.next = 3;
               return favoritesHandlerInstance.getValidVariants(set, true);
             case 3:
-              return _context34.abrupt("return", _context34.sent.length);
+              return _context38.abrupt("return", _context38.sent.length);
             case 4:
             case "end":
-              return _context34.stop();
+              return _context38.stop();
           }
-        }, _callee34, this);
+        }, _callee38, this);
       }));
       function getValidVariantsLength() {
         return _getValidVariantsLength.apply(this, arguments);
@@ -47044,46 +47519,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(mode) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee39(mode) {
         var _this5 = this;
         var set, i;
-        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+        return _regeneratorRuntime.wrap(function _callee39$(_context39) {
+          while (1) switch (_context39.prev = _context39.next) {
             case 0:
               set = this.actSet();
               i = 0;
             case 2:
               if (!favoritesHandlerInstance.IsCalcForSummary) {
-                _context35.next = 11;
+                _context39.next = 11;
                 break;
               }
-              _context35.next = 5;
+              _context39.next = 5;
               return DivaUtils.Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context35.next = 9;
+                _context39.next = 9;
                 break;
               }
               LOG$1.error(new DivaError('error on generating Variants of Summary'));
-              return _context35.abrupt("break", 11);
+              return _context39.abrupt("break", 11);
             case 9:
-              _context35.next = 2;
+              _context39.next = 2;
               break;
             case 11:
-              _context35.next = 13;
+              _context39.next = 13;
               return favoritesHandlerInstance.handleFavorites(set, mode, this.divaBasketHandler.actBasket, this.saveToBasketWrapper.bind(this), this.doConfigure.bind(this), function () {
                 return _this5.update2DGrid(set);
               }, this.actions);
             case 13:
-              return _context35.abrupt("return", _context35.sent);
+              return _context39.abrupt("return", _context39.sent);
             case 14:
             case "end":
-              return _context35.stop();
+              return _context39.stop();
           }
-        }, _callee35, this);
+        }, _callee39, this);
       }));
-      function handleFavorites(_x95) {
+      function handleFavorites(_x98) {
         return _handleFavorites.apply(this, arguments);
       }
       return handleFavorites;
@@ -47096,48 +47571,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee40(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
-          while (1) switch (_context36.prev = _context36.next) {
+        return _regeneratorRuntime.wrap(function _callee40$(_context40) {
+          while (1) switch (_context40.prev = _context40.next) {
             case 0:
               if (divaNr) this.divaBasketHandler.updateDivaNrInBasket(divaNr);
-              _context36.next = 3;
+              _context40.next = 3;
               return this.loadBasket();
             case 3:
-              result = _context36.sent;
+              result = _context40.sent;
               if (!onlyLoadOldBakset) {
-                _context36.next = 6;
+                _context40.next = 6;
                 break;
               }
-              return _context36.abrupt("return", {
+              return _context40.abrupt("return", {
                 oldBasket: new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket))),
                 cache: {}
               });
             case 6:
               if (!(result === false)) {
-                _context36.next = 8;
+                _context40.next = 8;
                 break;
               }
               throw new Error('Could not load basket! ' + divaNr);
             case 8:
               oldBasket = new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket)));
-              _context36.next = 11;
+              _context40.next = 11;
               return this.initBasket(init3D);
             case 11:
-              basket = _context36.sent;
-              return _context36.abrupt("return", {
+              basket = _context40.sent;
+              return _context40.abrupt("return", {
                 basket: basket,
                 oldBasket: oldBasket,
                 cache: this.api.getJsonDataCache()
               });
             case 13:
             case "end":
-              return _context36.stop();
+              return _context40.stop();
           }
-        }, _callee36, this);
+        }, _callee40, this);
       }));
-      function initSapOrderLinesFromBasket(_x96, _x97, _x98) {
+      function initSapOrderLinesFromBasket(_x99, _x100, _x101) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
       }
       return initSapOrderLinesFromBasket;
@@ -65390,6 +65865,7 @@ var a$3 = {
       idmService: 'https://api-test.diva-portal.com/idm',
       constructorService: 'https://api-test.diva-portal.com/constructor',
       mediaService: 'https://api-test.diva-portal.com/media',
+      aiService: 'https://api-test.diva-portal.com/ai',
       baseUrl: 'https://api-test.diva-portal.com',
       baseCdnUrl: 'https://cdn-test.diva-portal.com',
       api2: {
@@ -65457,6 +65933,7 @@ var a$2 = {
       reportService: 'https://diva-api.pfister.ch/report',
       enricherService: 'https://diva-api.pfister.ch/enricher',
       idmService: 'https://diva-api.pfister.ch/idm',
+      aiService: 'https://diva-api.pfister.ch/ai',
       mediaService: 'https://diva-api.pfister.ch/media',
       //'http://localhost:3000',
       clientArticleService: 'https://diva-api.pfister.ch/pfister-article',
@@ -65515,6 +65992,7 @@ var a$1 = {
       mediaService: 'https://q-diva-api.pfister.ch/media',
       // 'http://localhost:3000',
       enricherService: 'https://q-diva-api.pfister.ch/enricher',
+      aiService: 'https://q-diva-api.pfister.ch/ai',
       idmService: 'https://q-diva-api.pfister.ch/idm',
       clientArticleService: 'https://q-diva-api.pfister.ch/pfister-article',
       baseUrl: 'https://q-diva-api.pfister.ch',