npm - @crystaldesign/diva-seller - Versions diffs - 24.11.0-beta.4 → 24.11.0-beta.41 - Mend

@crystaldesign/diva-seller 24.11.0-beta.4 → 24.11.0-beta.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/build/esm/index.js CHANGED Viewed

@@ -63,7 +63,8 @@ import Skeleton from '@material-ui/lab/Skeleton';
 import Carousel from 'react-material-ui-carousel';
 import Toolbar from '@material-ui/core/Toolbar';
 import classnames from 'classnames';
-import { ContentBoxComponent } from '@crystaldesign/content-box';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Autoplay, Thumbs, Pagination, FreeMode } from 'swiper/modules';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 import PropTypes from 'prop-types';
 import ProductsComponent, { useProductState as useProductState$1 } from '@crystaldesign/products-component';
@@ -510,7 +511,7 @@ function apiLoadAnalyticScore(_x) {
   return _apiLoadAnalyticScore.apply(this, arguments);
 }
 function _apiLoadAnalyticScore() {
-  _apiLoadAnalyticScore = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+  _apiLoadAnalyticScore = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
     var organizationId, serverUrl, jwt, pastMonths, catalogCodex, months, from, to, catalogBody, url, response;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -559,7 +560,7 @@ function apiLoadCollections(_x2) {
 //20150430112400 -> 30.04.2015 11:24
 function _apiLoadCollections() {
-  _apiLoadCollections = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
+  _apiLoadCollections = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
     var serverUrl, sessionGuid, fullUrl, response, newCollectionArray;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -622,7 +623,7 @@ function apiLoadCatalogs(_x3) {
   return _apiLoadCatalogs.apply(this, arguments);
 }
 function _apiLoadCatalogs() {
-  _apiLoadCatalogs = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3) {
+  _apiLoadCatalogs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3) {
     var _response$Catalogs;
     var serverUrl, sessionGuid, collectionGuid, fullUrl, response, newCatalogArray;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -705,7 +706,7 @@ function apiAccountLogin(_x4) {
   return _apiAccountLogin.apply(this, arguments);
 }
 function _apiAccountLogin() {
-  _apiAccountLogin = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref4) {
+  _apiAccountLogin = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref4) {
     var serverUrl, sessionGuid, accountId, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -738,7 +739,7 @@ function apiCatalogGuidLogin(_x5) {
   return _apiCatalogGuidLogin.apply(this, arguments);
 }
 function _apiCatalogGuidLogin() {
-  _apiCatalogGuidLogin = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref5) {
+  _apiCatalogGuidLogin = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref5) {
     var serverUrl, sessionGuid, catalogGuid, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
@@ -780,7 +781,7 @@ function apiLoadCatalogInfo(_x6) {
   return _apiLoadCatalogInfo.apply(this, arguments);
 }
 function _apiLoadCatalogInfo() {
-  _apiLoadCatalogInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref6) {
+  _apiLoadCatalogInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref6) {
     var _response$CollectionG, _response$Properties, _response$Properties2;
     var serverUrlAPI, catalogCodex, accountSessionId, language, serverUrl, fullUrl, response, actCatalogInfoData, i, _i, j;
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
@@ -881,7 +882,7 @@ function apiLoadArticles(_x7) {
   return _apiLoadArticles.apply(this, arguments);
 }
 function _apiLoadArticles() {
-  _apiLoadArticles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref7) {
+  _apiLoadArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(_ref7) {
     var serverUrlAPI, catalogCodex, accountSessionId, lang, serverUrl, fullUrl, response, articleList, i, jsonArticle;
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
@@ -977,7 +978,7 @@ function apiLoadBasket(_x8) {
   return _apiLoadBasket.apply(this, arguments);
 }
 function _apiLoadBasket() {
-  _apiLoadBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(_ref8) {
+  _apiLoadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(_ref8) {
     var divaNr, apiConfig, customProductId, jwt, fullUrl, _divaNr$split, _divaNr$split2, DivaNrAndDoc, variantId, _DivaNrAndDoc$split, _DivaNrAndDoc$split2, _onlyDivaNr, _version, _divaNr$split3, _divaNr$split4, onlyDivaNr, version, response, basket, key, value, _response, result, _basket;
     return _regeneratorRuntime.wrap(function _callee8$(_context8) {
       while (1) switch (_context8.prev = _context8.next) {
@@ -1054,7 +1055,7 @@ function apiLoadUniqueDivaNr(_x9) {
   return _apiLoadUniqueDivaNr.apply(this, arguments);
 }
 function _apiLoadUniqueDivaNr() {
-  _apiLoadUniqueDivaNr = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(_ref9) {
+  _apiLoadUniqueDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(_ref9) {
     var basketUrl, jwt, fullUrl, returnDivaNr, response;
     return _regeneratorRuntime.wrap(function _callee9$(_context9) {
       while (1) switch (_context9.prev = _context9.next) {
@@ -1089,7 +1090,7 @@ function apiSaveRenderJobs(_x10) {
   return _apiSaveRenderJobs.apply(this, arguments);
 }
 function _apiSaveRenderJobs() {
-  _apiSaveRenderJobs = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(_ref10) {
+  _apiSaveRenderJobs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(_ref10) {
     var serviceUrl, jobs, jwt, fullUrl, promises;
     return _regeneratorRuntime.wrap(function _callee10$(_context10) {
       while (1) switch (_context10.prev = _context10.next) {
@@ -1136,7 +1137,7 @@ function apiDeleteRenderJob(_x11) {
   return _apiDeleteRenderJob.apply(this, arguments);
 }
 function _apiDeleteRenderJob() {
-  _apiDeleteRenderJob = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(_ref11) {
+  _apiDeleteRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(_ref11) {
     var serviceUrl, id, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee11$(_context11) {
       while (1) switch (_context11.prev = _context11.next) {
@@ -1185,7 +1186,7 @@ function apiUpdateRenderJob(_x12) {
   return _apiUpdateRenderJob.apply(this, arguments);
 }
 function _apiUpdateRenderJob() {
-  _apiUpdateRenderJob = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(_ref12) {
+  _apiUpdateRenderJob = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(_ref12) {
     var serviceUrl, id, patch, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee12$(_context12) {
       while (1) switch (_context12.prev = _context12.next) {
@@ -1237,7 +1238,7 @@ function apiUpdateRenderJobState(_x13) {
   return _apiUpdateRenderJobState.apply(this, arguments);
 }
 function _apiUpdateRenderJobState() {
-  _apiUpdateRenderJobState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(_ref13) {
+  _apiUpdateRenderJobState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(_ref13) {
     var serviceUrl, id, state, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee13$(_context13) {
       while (1) switch (_context13.prev = _context13.next) {
@@ -1289,7 +1290,7 @@ function apiReadCurrentViewpoint(_x14) {
   return _apiReadCurrentViewpoint.apply(this, arguments);
 }
 function _apiReadCurrentViewpoint() {
-  _apiReadCurrentViewpoint = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(_ref14) {
+  _apiReadCurrentViewpoint = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(_ref14) {
     var divaNr, serviceUrl, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee14$(_context14) {
       while (1) switch (_context14.prev = _context14.next) {
@@ -1332,7 +1333,7 @@ function apiReadHQRenderScript(_x15) {
   return _apiReadHQRenderScript.apply(this, arguments);
 }
 function _apiReadHQRenderScript() {
-  _apiReadHQRenderScript = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(_ref15) {
+  _apiReadHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(_ref15) {
     var id, serviceUrl, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee15$(_context15) {
       while (1) switch (_context15.prev = _context15.next) {
@@ -1375,7 +1376,7 @@ function apiCreateViewpoint(_x16) {
   return _apiCreateViewpoint.apply(this, arguments);
 }
 function _apiCreateViewpoint() {
-  _apiCreateViewpoint = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(_ref16) {
+  _apiCreateViewpoint = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(_ref16) {
     var serviceUrl, data, jwt, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee16$(_context16) {
       while (1) switch (_context16.prev = _context16.next) {
@@ -1419,7 +1420,7 @@ function apiOrderRenderPackage(_x17) {
   return _apiOrderRenderPackage.apply(this, arguments);
 }
 function _apiOrderRenderPackage() {
-  _apiOrderRenderPackage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17(_ref17) {
+  _apiOrderRenderPackage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(_ref17) {
     var serviceUrl, jwt, id, productParams, fullUrl, response;
     return _regeneratorRuntime.wrap(function _callee17$(_context17) {
       while (1) switch (_context17.prev = _context17.next) {
@@ -1463,7 +1464,7 @@ function apiGetClassification(_x19) {
   return _apiGetClassification.apply(this, arguments);
 }
 function _apiGetClassification() {
-  _apiGetClassification = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19(_ref19) {
+  _apiGetClassification = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(_ref19) {
     var serviceUrl, res, resData;
     return _regeneratorRuntime.wrap(function _callee19$(_context19) {
       while (1) switch (_context19.prev = _context19.next) {
@@ -1499,7 +1500,7 @@ function apiGetProductCreator(_x20) {
   return _apiGetProductCreator.apply(this, arguments);
 }
 function _apiGetProductCreator() {
-  _apiGetProductCreator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(_ref20) {
+  _apiGetProductCreator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(_ref20) {
     var serviceUrl, res, resData;
     return _regeneratorRuntime.wrap(function _callee20$(_context20) {
       while (1) switch (_context20.prev = _context20.next) {
@@ -1535,7 +1536,7 @@ function apiGetAffiliates(_x21) {
   return _apiGetAffiliates.apply(this, arguments);
 }
 function _apiGetAffiliates() {
-  _apiGetAffiliates = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(_ref21) {
+  _apiGetAffiliates = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(_ref21) {
     var serviceUrl, organizationId, jwt, fullUrl, res, resOrg;
     return _regeneratorRuntime.wrap(function _callee21$(_context21) {
       while (1) switch (_context21.prev = _context21.next) {
@@ -1780,7 +1781,7 @@ function useSellerStateData(_ref) {
     });
   };
   var loadCollections = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
       var collections;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -1828,7 +1829,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var loadCatalogs = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
       var collectionId, props, _state$collections, catalogs, newCatalogCodex;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -1892,7 +1893,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var loadAnalyticScore = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref5) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref5) {
       var organizationId, pastMonths, catalogCodex;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -1928,7 +1929,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var loadCatalogInfo = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var _len,
         catalog,
         _key,
@@ -2082,7 +2083,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var checkAccountLogin = /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref8) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref8) {
       var accountId, accountLoginId;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -2120,7 +2121,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var catalogGuidLogin = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref10) {
+    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref10) {
       var catalogGuid, accountSessionGuid, accountId, accountLoginId, _yield$apiCatalogGuid, s, a;
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
@@ -2198,7 +2199,7 @@ function useSellerStateData(_ref) {
     });
   };
   var updateBasket = /*#__PURE__*/function () {
-    var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(divaNr, basket, customProductId, organizationId, assignNewDivaNr, jwt) {
+    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(divaNr, basket, customProductId, organizationId, assignNewDivaNr, jwt) {
       var _state$basketState, _currentBasket, _state$basketState2, _currentBasket2, currentBasket, basketIsAlreadySaved, oldSetIds, newSetIds, doReallyConcat, _state$basketState5, _state$basketState6, _state$basketState3, _divaNr, _state$basketState4, _state$basketState7, ret, _getBasketStatusArr, _divaNr2, catalogData;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
@@ -2377,7 +2378,7 @@ function useSellerStateData(_ref) {
     };
   }();
   var saveBasket = /*#__PURE__*/function () {
-    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(basket, openPDF, saveToApi2, toggleEvent) {
+    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(basket, openPDF, saveToApi2, toggleEvent) {
       var response;
       return _regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
@@ -2513,7 +2514,7 @@ function useSellerStateData(_ref) {
     return configData === null || configData === void 0 ? void 0 : configData.OldVkLink;
   };
   var loadArticles = /*#__PURE__*/function () {
-    var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(_ref15) {
+    var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(_ref15) {
       var catalogCodex, accountId, props, _state$currentAccount, _state$catalogData2, articles, accountSessionId;
       return _regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
@@ -2622,7 +2623,7 @@ function useSellerStateData(_ref) {
     }
   };
   var evaluateRopoEffect = /*#__PURE__*/function () {
-    var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(sourceBasket, sourceOrganizationId) {
+    var _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(sourceBasket, sourceOrganizationId) {
       var organization;
       return _regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
@@ -2848,7 +2849,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     setOriginProductId();
   };
   var openBasket = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(statusRef, divaNr, checkBasket, basket) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(statusRef, divaNr, checkBasket, basket) {
       var _state$basketState;
       var updatedBasketData;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -2899,7 +2900,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
                 accept: t('modals.yes'),
                 text: t('modals.open_as_copy'),
                 callback: function () {
-                  var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
+                  var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
                     var updatedBasketData;
                     return _regeneratorRuntime.wrap(function _callee$(_context) {
                       while (1) switch (_context.prev = _context.next) {
@@ -2939,7 +2940,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     };
   }();
   var loadBasket = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(statusRef, divaNr, basket, assignNewDivaNr) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(statusRef, divaNr, basket, assignNewDivaNr) {
       var updatedBasket, catalogData, saved, _state$basketState2, _basket, newBasket, _state$basketState3, updateBasketData, _updatedBasket, _updateBasketData, moduletoopen, params;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -3079,7 +3080,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     };
   }();
   var openPlanner = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref4) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref4) {
       var catalogCodex, articleCodexes, forceReload, accountSessionGuid, accountId, retailArticleNr, setId, divaNr, productId, basketData, returnTo, productName, params, internal, _state$basketState4, _params2, _internal2, orderSet, _params3, _basketData$OrderSets, _basketData$OrderSets2;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -3406,7 +3407,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     });
   };
   var fetchBasket = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNr) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNr) {
       var response;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -3439,7 +3440,7 @@ var SellerStateProvider = function SellerStateProvider(_ref) {
     };
   }();
   var loadUniqueDivaNr = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -3594,8 +3595,8 @@ function Catalogs(_ref) {
     openComponent = _useSellerState$actio.openComponent,
     loadAnalyticScore = _useSellerState$actio.loadAnalyticScore;
   var enableModelAnalytics = !!(configurationData !== null && configurationData !== void 0 && (_configurationData$an = configurationData.analyticsHistogramConfig) !== null && _configurationData$an !== void 0 && _configurationData$an.enableModelAnalytics);
-  var load = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(collectionId) {
+  var load = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(collectionId) {
       var collections, _configurationData$an2, pastMonths, catalogCodex, analytics;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -3668,8 +3669,8 @@ function Catalogs(_ref) {
   useEffect(function () {
     load(collectionId);
   }, [collectionId, sessionGuid]);
-  var onCatalogClick = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item) {
+  var onCatalogClick = useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(item) {
       var _configurationData$ca;
       var _configurationData$ca2, action, parameters;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -3727,7 +3728,7 @@ function Catalogs(_ref) {
     };
   }(), [openPlanner]);
   var mergeModelsAndScore = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(collections, score) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(collections, score) {
       var scoreIndex;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -3754,7 +3755,7 @@ function Catalogs(_ref) {
     };
   }();
   var onShowAllClick = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -4008,7 +4009,7 @@ function Collections() {
   }, []);
   useEffect(function () {
     var load = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var collections;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -4222,7 +4223,7 @@ function Articles(_ref) {
   }, []);
   useEffect(function () {
     var load = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var articleItems;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -4720,7 +4721,7 @@ var OpvImage = function OpvImage(_ref) {
       style: {
         width: '20px'
       }
-    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer( /*#__PURE__*/jsx("img", _objectSpread$z(_objectSpread$z({
+    })), isOpen && (renderLayer === null || renderLayer === void 0 ? void 0 : renderLayer(/*#__PURE__*/jsx("img", _objectSpread$z(_objectSpread$z({
       src: src.replace('_gal.', '.')
     }, layerProps), {}, {
       style: _objectSpread$z({
@@ -6753,7 +6754,7 @@ function Basket(_ref) {
     }
   };
   var onClickSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pdf, doSendEmail) {
       var _configurationData$Ch, _configurationData$re;
       var getPdf, response, _configurationData$Ch2, _ref3, pdfUrl, _configurationData$Ch3, _configurationData$Ch4, _currentBasket$Client, _opener;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -6866,7 +6867,7 @@ function Basket(_ref) {
     };
   }();
   var doExportToVKP = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var response, callBackURL;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -7513,7 +7514,7 @@ function Info$1(_ref) {
   }, [openComponent, currentAccountLoginId, accountId, catalogCodex]);
   useEffect(function () {
     var load = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var accountSessionId, _catalogInfoData$, catalogInfoData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -7644,8 +7645,8 @@ var descriptionContainer$1 = "description-container-k1vLT";
 var modelTitle = "model-title-Sgm-0";
 var description = "description-GyPZq";
 var pdf = "pdf-oNnao";
-var css_248z$c = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  max-height: calc(100% - 42px);\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.subTitle-4-0PW {\n  padding: 12px 18px;\n  font-size: 28px;\n}\n\n.description-container-k1vLT {\n  display: flex;\n  flex-direction: column;\n  background-color: #f8f8f8;\n  padding: 18px;\n  gap: 12px;\n  height: calc(100% - 164px);\n}\n\n.model-title-Sgm-0 {\n  font-size: 24px;\n  font-weight: 600;\n}\n.description-GyPZq {\n  font-size: 16px;\n  overflow: auto;\n  flex-grow: 3;\n}\n\n.pdf-oNnao {\n  display: 'flex';\n  flex: 1 1 10px;\n}\n\n.pdf-oNnao svg {\n  margin-right: 10px;\n}\n";
-styleInject(css_248z$c);
+var css_248z$d = ".wrapper-fSL18 {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  max-height: calc(100% - 42px);\n}\n\n.title-iTDPA {\n  padding: 16px 8px;\n  font-size: 36px;\n}\n\n.subTitle-4-0PW {\n  padding: 12px 18px;\n  font-size: 28px;\n}\n\n.description-container-k1vLT {\n  display: flex;\n  flex-direction: column;\n  background-color: #f8f8f8;\n  padding: 18px;\n  gap: 12px;\n  height: calc(100% - 164px);\n}\n\n.model-title-Sgm-0 {\n  font-size: 24px;\n  font-weight: 600;\n}\n.description-GyPZq {\n  font-size: 16px;\n  overflow: auto;\n  flex-grow: 3;\n}\n\n.pdf-oNnao {\n  display: 'flex';\n  flex: 1 1 10px;\n}\n\n.pdf-oNnao svg {\n  margin-right: 10px;\n}\n";
+styleInject(css_248z$d);
 var _excluded$a = ["data", "text"];
 function ownKeys$t(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; }
@@ -7701,8 +7702,8 @@ var button = "button-NXyWV";
 var navBack = "nav-back-AzU6X";
 var icon$1 = "icon-0h-39";
 var text = "text-55Zpw";
-var css_248z$b = ".wrapper-oUrTP {\n  right: 10px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 500;\n  background-color: #fff;\n  position: absolute;\n  bottom: 0;\n  width: 83%;\n}\n\n.container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  width: 50%;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.button-NXyWV {\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  flex-grow: 1;\n  cursor: pointer;\n}\n\n.nav-back-AzU6X {\n  width: 50px;\n  height: 50px;\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 1L1 9L9 17%22 stroke%3D%22%23713434%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 27%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n\n.text-55Zpw {\n  text-align: center;\n  /* flex-basis: 100%; */\n  color: white;\n}\n";
-styleInject(css_248z$b);
+var css_248z$c = ".wrapper-oUrTP {\n  right: 10px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  z-index: 500;\n  background-color: #fff;\n  position: absolute;\n  bottom: 0;\n  width: 83%;\n}\n\n.container-Sr3pC {\n  display: flex;\n  gap: 12px;\n  width: 50%;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.button-NXyWV {\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  flex-grow: 1;\n  cursor: pointer;\n}\n\n.nav-back-AzU6X {\n  width: 50px;\n  height: 50px;\n  border-radius: 2px;\n  border-color: var(--diva-theme-palette-primary-main);\n  border-style: solid;\n  border-width: 1.5px;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2218%22 viewBox%3D%220 0 10 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 1L1 9L9 17%22 stroke%3D%22%23713434%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 27%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.icon-0h-39 {\n  width: 24px;\n  height: 24px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n\n.text-55Zpw {\n  text-align: center;\n  /* flex-basis: 100%; */\n  color: white;\n}\n";
+styleInject(css_248z$c);
 var _excluded$9 = ["navigateBack", "buttons"];
 function ownKeys$s(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; }
@@ -7751,13 +7752,16 @@ var favPlanning = "fav-planning-R8cxS";
 var setPlanning = "set-planning-1AQNC";
 var articleList = "article-list-uOn26";
 var analyticsIcon = "analytics-icon-kCv53";
-var css_248z$a = ".layout-NhUpB {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  grid-template-rows: repeat(10, 1fr);\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  overflow: auto;\n  height: 100%;\n}\n\n.info-9St01 {\n  grid-area: 1 / 1 / 11 / 3;\n  z-index: 100;\n}\n\n.right-side-64-Yz {\n  grid-area: 1 / 3 / 11 / 13;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.scroller-container-TAsAz {\n  overflow: auto;\n  height: calc(100% - 70px);\n}\n\n.catalog-images-jJGqW {\n  padding: 12px 12px 0 12px;\n  height: calc(50% - 12px);\n}\n.products-hidden-T6mTt .catalog-images-jJGqW {\n  height: calc(100% - 12px);\n}\n.products-QxoIf {\n  height: 50%;\n}\n.footer-1ONIt {\n  bottom: 0;\n  right: 8px;\n}\n\n.empty-planning-BZTrr {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4 16L3.57574 15.5757C3.46321 15.6883 3.4 15.8409 3.4 16H4ZM17 3L17.4243 2.57574C17.1899 2.34142 16.8101 2.34142 16.5757 2.57574L17 3ZM21 7L21.4243 7.42426C21.6586 7.18995 21.6586 6.81005 21.4243 6.57574L21 7ZM8 20V20.6C8.15913 20.6 8.31174 20.5368 8.42426 20.4243L8 20ZM4 20H3.4C3.4 20.3314 3.66863 20.6 4 20.6V20ZM12 19.4C11.6686 19.4 11.4 19.6686 11.4 20C11.4 20.3314 11.6686 20.6 12 20.6V19.4ZM20.5 20.6C20.8314 20.6 21.1 20.3314 21.1 20C21.1 19.6686 20.8314 19.4 20.5 19.4V20.6ZM4.42426 16.4243L17.4243 3.42426L16.5757 2.57574L3.57574 15.5757L4.42426 16.4243ZM16.5757 3.42426L20.5757 7.42426L21.4243 6.57574L17.4243 2.57574L16.5757 3.42426ZM20.5757 6.57574L7.57574 19.5757L8.42426 20.4243L21.4243 7.42426L20.5757 6.57574ZM8 19.4H4V20.6H8V19.4ZM4.6 20V16H3.4V20H4.6ZM13.5757 6.42426L17.5757 10.4243L18.4243 9.57574L14.4243 5.57574L13.5757 6.42426ZM12 20.6H20.5V19.4H12V20.6Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.fav-planning-R8cxS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.3314 12.0474L12 20L19.6686 12.0474C20.5211 11.1633 21 9.96429 21 8.71405C21 6.11055 18.9648 4 16.4543 4C15.2487 4 14.0925 4.49666 13.24 5.38071L12 6.66667L10.76 5.38071C9.90749 4.49666 8.75128 4 7.54569 4C5.03517 4 3 6.11055 3 8.71405C3 9.96429 3.47892 11.1633 4.3314 12.0474Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.set-planning-1AQNC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.11164 16.5938L3.8061 18.9095C3.46519 19.1412 3 18.9011 3 18.4934V5.5064C3 5.12726 3.4083 4.88294 3.75042 5.05738L7.1021 6.77004M12.1193 16.7346V9.76989C12.1193 9.49058 12.3494 9.26416 12.6332 9.26416H16.1086C16.3924 9.26416 16.6225 9.49058 16.6225 9.76989V16.7346M7.46741 16.7346H19.486C19.7699 16.7346 20 16.5081 20 16.2288V7.12577C20 6.84647 19.7699 6.62004 19.486 6.62004H7.46741C7.18356 6.62004 6.95346 6.84647 6.95346 7.12577V16.2288C6.95346 16.5081 7.18356 16.7346 7.46741 16.7346Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.article-list-uOn26 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E  %3Cpath   fill%3D%22white%22 d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.analytics-icon-kCv53 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22  fill%3D%22%23fff%22 stroke-width%3D%222px%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22M7.3 40.7v-2.1l1.1-1.1v3.2Zm8.1 0V30.6l1.1-1.1v11.2Zm8.05 0V29.5l1.1 1.15V40.7Zm8.1 0V30.65l1.1-1.1V40.7Zm8.05 0V22.6l1.1-1.1v19.2ZM7.3 28.05v-1.5L20 13.85l8 8 12.7-12.7v1.55L28 23.4l-8-8Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+var css_248z$b = ".layout-NhUpB {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  grid-template-rows: repeat(10, 1fr);\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  overflow: auto;\n  height: 100%;\n}\n\n.info-9St01 {\n  grid-area: 1 / 1 / 11 / 3;\n  z-index: 100;\n}\n\n.right-side-64-Yz {\n  grid-area: 1 / 3 / 11 / 13;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.scroller-container-TAsAz {\n  overflow: auto;\n  height: calc(100% - 70px);\n}\n\n.catalog-images-jJGqW {\n  padding: 12px 12px 0 12px;\n  height: calc(50% - 12px);\n}\n.products-hidden-T6mTt .catalog-images-jJGqW {\n  height: calc(100% - 12px);\n}\n.products-QxoIf {\n  height: 50%;\n}\n.footer-1ONIt {\n  bottom: 0;\n  right: 8px;\n}\n\n.empty-planning-BZTrr {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4 16L3.57574 15.5757C3.46321 15.6883 3.4 15.8409 3.4 16H4ZM17 3L17.4243 2.57574C17.1899 2.34142 16.8101 2.34142 16.5757 2.57574L17 3ZM21 7L21.4243 7.42426C21.6586 7.18995 21.6586 6.81005 21.4243 6.57574L21 7ZM8 20V20.6C8.15913 20.6 8.31174 20.5368 8.42426 20.4243L8 20ZM4 20H3.4C3.4 20.3314 3.66863 20.6 4 20.6V20ZM12 19.4C11.6686 19.4 11.4 19.6686 11.4 20C11.4 20.3314 11.6686 20.6 12 20.6V19.4ZM20.5 20.6C20.8314 20.6 21.1 20.3314 21.1 20C21.1 19.6686 20.8314 19.4 20.5 19.4V20.6ZM4.42426 16.4243L17.4243 3.42426L16.5757 2.57574L3.57574 15.5757L4.42426 16.4243ZM16.5757 3.42426L20.5757 7.42426L21.4243 6.57574L17.4243 2.57574L16.5757 3.42426ZM20.5757 6.57574L7.57574 19.5757L8.42426 20.4243L21.4243 7.42426L20.5757 6.57574ZM8 19.4H4V20.6H8V19.4ZM4.6 20V16H3.4V20H4.6ZM13.5757 6.42426L17.5757 10.4243L18.4243 9.57574L14.4243 5.57574L13.5757 6.42426ZM12 20.6H20.5V19.4H12V20.6Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.fav-planning-R8cxS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.3314 12.0474L12 20L19.6686 12.0474C20.5211 11.1633 21 9.96429 21 8.71405C21 6.11055 18.9648 4 16.4543 4C15.2487 4 14.0925 4.49666 13.24 5.38071L12 6.66667L10.76 5.38071C9.90749 4.49666 8.75128 4 7.54569 4C5.03517 4 3 6.11055 3 8.71405C3 9.96429 3.47892 11.1633 4.3314 12.0474Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.set-planning-1AQNC {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.11164 16.5938L3.8061 18.9095C3.46519 19.1412 3 18.9011 3 18.4934V5.5064C3 5.12726 3.4083 4.88294 3.75042 5.05738L7.1021 6.77004M12.1193 16.7346V9.76989C12.1193 9.49058 12.3494 9.26416 12.6332 9.26416H16.1086C16.3924 9.26416 16.6225 9.49058 16.6225 9.76989V16.7346M7.46741 16.7346H19.486C19.7699 16.7346 20 16.5081 20 16.2288V7.12577C20 6.84647 19.7699 6.62004 19.486 6.62004H7.46741C7.18356 6.62004 6.95346 6.84647 6.95346 7.12577V16.2288C6.95346 16.5081 7.18356 16.7346 7.46741 16.7346Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.article-list-uOn26 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E  %3Cpath   fill%3D%22white%22 d%3D%22M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.analytics-icon-kCv53 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 stroke%3D%22%23fff%22  fill%3D%22%23fff%22 stroke-width%3D%222px%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22M7.3 40.7v-2.1l1.1-1.1v3.2Zm8.1 0V30.6l1.1-1.1v11.2Zm8.05 0V29.5l1.1 1.15V40.7Zm8.1 0V30.65l1.1-1.1V40.7Zm8.05 0V22.6l1.1-1.1v19.2ZM7.3 28.05v-1.5L20 13.85l8 8 12.7-12.7v1.55L28 23.4l-8-8Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z$b);
+var css_248z$a = "#diva-catalog-images .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  /* Fix of Webkit flickering */\n  z-index: 1;\n  display: block;\n}\n#diva-catalog-images .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n#diva-catalog-images .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  transition-timing-function: initial;\n  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n  box-sizing: content-box;\n}\n#diva-catalog-images .swiper-android .swiper-slide,\n#diva-catalog-images .swiper-ios .swiper-slide,\n#diva-catalog-images .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n#diva-catalog-images .swiper-horizontal {\n  touch-action: pan-y;\n}\n#diva-catalog-images .swiper-vertical {\n  touch-action: pan-x;\n}\n#diva-catalog-images .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n  display: block;\n}\n#diva-catalog-images .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n/* Auto Height */\n#diva-catalog-images .swiper-autoheight,\n#diva-catalog-images .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n#diva-catalog-images .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n#diva-catalog-images .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n/* 3D Effects */\n#diva-catalog-images .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n#diva-catalog-images .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n#diva-catalog-images .swiper-3d {\n  perspective: 1200px;\n}\n#diva-catalog-images .swiper-3d .swiper-slide,\n#diva-catalog-images .swiper-3d .swiper-cube-shadow {\n  transform-style: preserve-3d;\n}\n/* CSS Mode */\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  /* For Firefox */\n  -ms-overflow-style: none;\n  /* For Internet Explorer and Edge */\n}\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n#diva-catalog-images .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n#diva-catalog-images .swiper-css-mode.swiper-horizontal > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n#diva-catalog-images .swiper-css-mode.swiper-vertical > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n#diva-catalog-images .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n  scroll-snap-type: none;\n}\n#diva-catalog-images .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: none;\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n  scroll-snap-stop: always;\n}\n[dir=\"ltr\"] #diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] #diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n#diva-catalog-images .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n/* Slide styles start */\n/* 3D Shadows */\n#diva-catalog-images .swiper-3d .swiper-slide-shadow,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top,\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-catalog-images .swiper-lazy-preloader {\n  width: 42px;\n  height: 42px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -21px;\n  margin-top: -21px;\n  z-index: 10;\n  transform-origin: 50%;\n  box-sizing: border-box;\n  border: 4px solid var(--swiper-theme-color);\n  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n  border-radius: 50%;\n  border-top-color: transparent;\n}\n#diva-catalog-images .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n#diva-catalog-images .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n  animation: swiper-preloader-spin 1s infinite linear;\n}\n#diva-catalog-images .swiper-lazy-preloader-white {\n  --swiper-preloader-color: #fff;\n}\n#diva-catalog-images .swiper-lazy-preloader-black {\n  --swiper-preloader-color: #000;\n}\n@keyframes swiper-preloader-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n/* Slide styles end */\n\n/* Pagination */\n\n#diva-catalog-images .swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 300ms opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n#diva-catalog-images .swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n#diva-catalog-images .swiper-pagination-disabled > .swiper-pagination,\n#diva-catalog-images .swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n/* Common Styles */\n#diva-catalog-images .swiper-pagination-fraction,\n#diva-catalog-images .swiper-pagination-custom,\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets,\n#diva-catalog-images .swiper-pagination-bullets.swiper-pagination-horizontal {\n  bottom: 8px;\n  bottom: var(--swiper-pagination-bottom, 8px);\n  top: auto;\n  top: var(--swiper-pagination-top, auto);\n  left: 0;\n  width: 100%;\n}\n/* Bullets */\n#diva-catalog-images .swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n#diva-catalog-images .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n#diva-catalog-images .swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n#diva-catalog-images button.swiper-pagination-bullet {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n#diva-catalog-images .swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n#diva-catalog-images .swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n#diva-catalog-images .swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets {\n  right: 8px;\n  right: var(--swiper-pagination-right, 8px);\n  left: auto;\n  left: var(--swiper-pagination-left, auto);\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition: 200ms transform, 200ms top;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#diva-catalog-images .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition: 200ms transform, 200ms left;\n}\n#diva-catalog-images .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition: 200ms transform, 200ms right;\n}\n/* Fraction */\n#diva-catalog-images .swiper-pagination-fraction {\n  color: inherit;\n  color: var(--swiper-pagination-fraction-color, inherit);\n}\n/* Progress */\n#diva-catalog-images .swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n  position: absolute;\n}\n#diva-catalog-images .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n#diva-catalog-images .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-progressbar,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-horizontal,\n#diva-catalog-images .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  height: var(--swiper-pagination-progressbar-size, 4px);\n  left: 0;\n  top: 0;\n}\n#diva-catalog-images .swiper-vertical > .swiper-pagination-progressbar,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-vertical,\n#diva-catalog-images .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n#diva-catalog-images .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n  width: 4px;\n  width: var(--swiper-pagination-progressbar-size, 4px);\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n#diva-catalog-images .swiper-pagination-lock {\n  display: none;\n}\n\n/* Free Mode */\n\n#diva-catalog-images .swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n";
 styleInject(css_248z$a);
 var wrapper$5 = "wrapper-D5Cmc";
-var images = "images-qNHg7";
 var thumbs = "thumbs-cWKAj";
-var css_248z$9 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  width: calc(100% - 24px);\n  gap: 12px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  /* background-color: #f8f8f8; */\n}\n\n.images-qNHg7 {\n  width: calc(100% - 132px);\n  height: 100%;\n}\n\n.thumbs-cWKAj {\n  height: 100%;\n  width: 120px;\n  cursor: pointer;\n}\n\n.thumbs-cWKAj .swiper-slide {\n  opacity: 0.4;\n}\n\n.thumbs-cWKAj .swiper-slide-thumb-active {\n  opacity: 1;\n}\n";
+var mainSlider = "mainSlider-S8opH";
+var css_248z$9 = ".wrapper-D5Cmc {\n  display: flex;\n  position: relative;\n  width: calc(100% - 24px);\n  gap: 12px;\n}\n\n.thumbs-cWKAj .swiper-slide {\n  opacity: 0.4;\n}\n\n.thumbs-cWKAj .swiper-slide-thumb-active {\n  opacity: 1;\n}\n\n.mainSlider-S8opH .swiper-pagination-bullet-active {\n  background-color: var(--diva-theme-palette-primary-main) !important;\n}\n\n.mainSlider-S8opH .swiper-pagination-bullet-active { /* Active bullet color */\n}\n";
 styleInject(css_248z$9);
 var _excluded$8 = ["data"];
@@ -7768,70 +7772,66 @@ var CatalogImages = function CatalogImages(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     thumbsSwiper = _useState2[0],
     setThumbsSwiper = _useState2[1];
-  var medias = data.images.map(function (media) {
-    return {
-      content: /*#__PURE__*/jsx("img", {
-        src: media.url,
-        style: {
-          objectFit: 'scale-down',
-          width: '100%',
-          height: '100%'
-        }
-      })
-    };
-  });
-  var mediasTumb = data.images.map(function (media) {
-    return {
-      swiperSlideStyle: {
-        width: '100%',
-        height: 'auto'
-      },
-      content: /*#__PURE__*/jsx("img", {
-        src: media.url,
-        style: {
-          objectFit: 'scale-down',
-          width: '100%',
-          height: 'auto'
-        }
-      })
-    };
-  });
+  var mainSwiperRef = useRef(null);
   return /*#__PURE__*/jsxs("div", {
+    id: "diva-catalog-images",
     className: classnames(wrapper$5, props.className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: classnames(images),
-      children: /*#__PURE__*/jsx(ContentBoxComponent, {
-        settings: {
-          contentBoxProps: {
-            type: 'SliderContainer',
-            sliderType: 'slideX',
-            autoPlay: 5,
-            contents: medias,
-            pagination: true,
-            loop: true,
-            thumbs: {
-              swiper: thumbsSwiper
-            },
-            mousewheel: true
-          }
-        }
+    children: [/*#__PURE__*/jsx(Swiper, {
+      ref: mainSwiperRef,
+      pagination: {
+        clickable: true
+      },
+      autoplay: {
+        delay: 5000
+      },
+      modules: [Autoplay, Thumbs, Pagination],
+      spaceBetween: 10,
+      thumbs: {
+        swiper: thumbsSwiper
+      },
+      style: {
+        height: '100%'
+      },
+      className: mainSlider,
+      children: data.images.map(function (media, index) {
+        return /*#__PURE__*/jsx(SwiperSlide, {
+          children: /*#__PURE__*/jsx("img", {
+            src: media.url,
+            style: {
+              objectFit: 'scale-down',
+              width: '100%',
+              height: '100%'
+            }
+          })
+        }, index);
       })
-    }), /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(Swiper, {
+      onSwiper: function onSwiper(swiper) {
+        return setThumbsSwiper(swiper);
+      },
+      spaceBetween: 1,
+      slidesPerView: props.showProducts ? 4 : 10,
+      freeMode: true,
+      direction: "vertical",
+      watchSlidesProgress: true,
+      modules: [Thumbs, FreeMode],
+      style: {
+        width: '100%',
+        marginLeft: '10px',
+        cursor: 'pointer'
+      },
       className: thumbs,
-      children: /*#__PURE__*/jsx(ContentBoxComponent, {
-        settings: {
-          contentBoxProps: {
-            type: 'SliderContainer',
-            onSwiper: setThumbsSwiper,
-            sliderType: 'slideY',
-            watchSlidesProgress: true,
-            freeMode: true,
-            contents: mediasTumb,
-            slidesPerView: 'auto',
-            mousewheel: true,
-            spaceBetween: 12
-          }
-        }
+      children: data.images.map(function (media, index) {
+        return /*#__PURE__*/jsx(SwiperSlide, {
+          children: /*#__PURE__*/jsx("img", {
+            src: media.url,
+            style: {
+              width: '100%',
+              height: 'auto',
+              objectFit: 'cover'
+            }
+          })
+        }, index);
       })
     })]
   });
@@ -8137,7 +8137,7 @@ function Info(_ref) {
   }, [openComponent, currentAccountLoginId, accountId, catalogCodex]);
   useEffect(function () {
     var load = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var accountSessionId, _catalogInfoData$, catalogInfoData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -8302,6 +8302,7 @@ function Info(_ref) {
           children: [/*#__PURE__*/jsxs("div", {
             className: scrollerContainer,
             children: [showImages && /*#__PURE__*/jsx(CatalogImages, {
+              showProducts: showProducts,
               data: data,
               className: catalogImages
             }, showProducts ? '0' : '1'), /*#__PURE__*/jsx(ProductsOrArticles, {
@@ -9737,7 +9738,7 @@ function CustomBaseForm (_ref) {
     return _updateOptions.apply(this, arguments);
   }
   function _updateOptions() {
-    _updateOptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, group, element) {
+    _updateOptions = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, group, element) {
       var sessionGuid, newOptions, filter;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -10977,7 +10978,7 @@ function useClassification () {
     current = _useState12[0],
     setCurrent = _useState12[1];
   var getCustomFormConfig = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var currentData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -11006,7 +11007,7 @@ function useClassification () {
     };
   }();
   var loadCustomForm = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(currentData) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(currentData) {
       var _currentData$hideTabs;
       var groups, sessionGuid, _i, _Object$keys, ck, group, _iterator, _step, element, values, currentElement, _currentElement;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -11100,7 +11101,7 @@ function useClassification () {
     };
   }();
   var load = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var currentData, classificationFields;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -11401,7 +11402,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
       return _loadConfig.apply(this, arguments);
     }
     function _loadConfig() {
-      _loadConfig = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      _loadConfig = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -11501,8 +11502,8 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
       subCategory: currentCategories.subCategory
     }));
   }, [updateCategoriesInternal, state]);
-  var addBasket = useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(divaNr) {
+  var addBasket = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(divaNr) {
       var _state$baseData$artic, _state$variantData, baskets, newBasket, _currentBasketState$b;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -11583,7 +11584,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
     };
   }(), [dispatch, state, openModal, fetchBasket]);
   var save = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _state$variantData2, _state$classification, isNewBasket, _currentBasketState$b2, data, params, _productHandler$close, _productHandler$close2, _productHandler$close3, savedProducts, _currentBasketState$b3;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -11732,7 +11733,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
     };
   }();
   var reset = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(basket, productData) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(basket, productData) {
       var _configurationData$Pr;
       var updateBasket, usedCatalogData, basketSaved, _yield$openBasket, openedBasket, openedCatalogData, _saved, _yield$productHandler, isNew, resetState;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -11799,7 +11800,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
   }();
   useEffect(function () {
     var init = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
         var _yield$openBasket2, updateBasket, catalogData, basketSaved, newDivaNr, _affiliates, _Object$keys$map2, _configurationData$Pr2, _optClassMap, _initState, _yield$loadCategories, classificationFields, newCurrentData, additional, _additionalBaseFields, newLivingArea, _yield$productHandler2, _isNew, baseChanged, initState, currentCategories, differingOptFields, optMapEntries, missingOptFields, accountlogourl, logofile, _initState$baseData$m, newlogofile, _initState$baseData$m2;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -12003,7 +12004,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
     return _checkAndSetCustomForm.apply(this, arguments);
   }
   function _checkAndSetCustomForm() {
-    _checkAndSetCustomForm = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    _checkAndSetCustomForm = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
       var _state$baseData$custo;
       var productCreatorConfig;
       return _regeneratorRuntime.wrap(function _callee7$(_context7) {
@@ -12019,7 +12020,7 @@ function useProductState (basket, divaNr, checkBasket, editedBasket) {
                 reject: true,
                 text: t('productcreator.modal.createsmarticle'),
                 callback: function () {
-                  var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(accepted) {
+                  var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(accepted) {
                     var customFormDataLoaded;
                     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
                       while (1) switch (_context6.prev = _context6.next) {
@@ -13446,7 +13447,7 @@ function useRenderjobs$1 (_ref) {
     return false;
   }
   var createRenderJob = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(onSuccess) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(onSuccess) {
       var jobs, i, _selected$i, selectedProduct, newJob, selectedIdx, variantId;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -13563,7 +13564,7 @@ function useRenderjobs$1 (_ref) {
     };
   }();
   var editRenderJob = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(onSuccess) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(onSuccess) {
       var patch, _renderJobFormState$v, updatedRenderJob;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -13655,7 +13656,7 @@ function useRenderjobs$1 (_ref) {
     };
   }();
   var deleteRenderJob = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_id, onSuccess) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_id, onSuccess) {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -13691,7 +13692,7 @@ function useRenderjobs$1 (_ref) {
     };
   }();
   var updatedState = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(item, state, onSuccess) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(item, state, onSuccess) {
       var job;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -13725,7 +13726,7 @@ function useRenderjobs$1 (_ref) {
     };
   }();
   var setViewpoints = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
       var viewpoints;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -13762,7 +13763,7 @@ function useRenderjobs$1 (_ref) {
     };
   }();
   var getHQRenderScript = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -14425,7 +14426,7 @@ function RenderJobTableLegacy (_ref) {
                 title: t('productcreator.renderjobs.modal.title'),
                 text: t('productcreator.renderjobs.modal.text'),
                 callback: function () {
-                  var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
+                  var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
                     var success;
                     return _regeneratorRuntime.wrap(function _callee$(_context) {
                       while (1) switch (_context.prev = _context.next) {
@@ -14989,7 +14990,7 @@ function useRenderjobDetail (_ref) {
     onSave(jobs);
   };
   var onOrderRenderPackage = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(renderPackage, state) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(renderPackage, state) {
       var _currentBasketState$b6, _renderPackage$preset, nrOfAmbRenderingsNeeded, nrAmbrenderingsSelected, promises;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -15575,7 +15576,7 @@ function Presets(_ref2) {
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var hq = _step.value;
-      retVal.push( /*#__PURE__*/jsx("div", {
+      retVal.push(/*#__PURE__*/jsx("div", {
         children: /*#__PURE__*/jsx(HQMedium, {
           title: t('configurator.Blickpunkte'),
           setPackageContent: function setPackageContent() {},
@@ -15596,7 +15597,7 @@ function Presets(_ref2) {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var _preset = _step2.value;
       //eigentlich braucht es für SPIN keine Viewpoints
-      retVal.push( /*#__PURE__*/jsxs("h1", {
+      retVal.push(/*#__PURE__*/jsxs("h1", {
         children: ["SPIN Preset: ", _preset.viewPoint]
       }, _preset.viewPoint));
     }
@@ -15606,7 +15607,7 @@ function Presets(_ref2) {
     _iterator2.f();
   }
   if (arPresets.length > 0) {
-    retVal.push( /*#__PURE__*/jsx("div", {
+    retVal.push(/*#__PURE__*/jsx("div", {
       children: /*#__PURE__*/jsx(ArMedium, {
         title: arPresets.length + 'x ' + t('renderjob.detail.package.ar.title'),
         setPackageContent: function setPackageContent() {},
@@ -15624,7 +15625,7 @@ function Presets(_ref2) {
       for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
         var preset = _step3.value;
         counter++;
-        retVal.push( /*#__PURE__*/jsx("div", {
+        retVal.push(/*#__PURE__*/jsx("div", {
           children: /*#__PURE__*/jsx(AmbienteRendering, {
             setPackageContent: setPackageContent,
             packageContent: packageContent,
@@ -15935,7 +15936,7 @@ function useRenderjobs(_ref) {
         title: t('productcreator.renderjobs.modal.title'),
         text: t('productcreator.renderjobs.modal.text'),
         callback: function () {
-          var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
+          var _callback = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(accepted) {
             var success;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
@@ -15979,7 +15980,7 @@ function useRenderjobs(_ref) {
     });
   };
   var onDeletedRenderjob = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(renderjob, onSuccess) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(renderjob, onSuccess) {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -16020,7 +16021,7 @@ function useRenderjobs(_ref) {
     };
   }();
   var onOrderRenderjob = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(renderjob, onSuccess) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(renderjob, onSuccess) {
       var updatedHJob;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -16058,7 +16059,7 @@ function useRenderjobs(_ref) {
     };
   }();
   var onCanceledRenderjob = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(renderjob, onSuccess) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(renderjob, onSuccess) {
       var updatedHJob;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -16096,7 +16097,7 @@ function useRenderjobs(_ref) {
     };
   }();
   var onSavedRenderjobs = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(jobs) {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(jobs) {
       var job, patch, updatedRenderJob;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -16194,7 +16195,7 @@ function useRenderjobs(_ref) {
     };
   }();
   var onSaveRenderPackage = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(renderPackage, productParams) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(renderPackage, productParams) {
       var createdJobs;
       return _regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
@@ -16507,7 +16508,7 @@ function ProductCreator (_ref) {
     });
   };
   var onSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var success, _opener, _state$variantData$fi2, _state$variantData4, variantId, _configurationData$Pr2, _configurationData$Pr3;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -16587,7 +16588,7 @@ function ProductCreator (_ref) {
     };
   }();
   var onCancel = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -16963,7 +16964,7 @@ var ModelAnalytics = function ModelAnalytics(_ref) {
   }, [data]);
   useEffect(function () {
     var load = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var accountSessionId, catalogInfoData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {

package/build/types/seller/src/components/InfoWithProducts/CatalogImages/index.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
 import { CatalogInfoData } from '../../../types';
 import { ComponentProps } from 'react';
+import './swiper.css';
 interface Props extends ComponentProps<'div'> {
     data: CatalogInfoData;
+    showProducts?: boolean;
 }
 declare const CatalogImages: ({ data, ...props }: Props) => JSX.Element;
 export default CatalogImages;

package/build/types/seller/src/components/InfoWithProducts/CatalogImages/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/InfoWithProducts/CatalogImages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAc,EAAE,cAAc,~~EAAY~~,MAAM,OAAO,CAAC;~~AAMxD~~,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,IAAI,EAAE,eAAe,CAAC;~~CACvB~~;AAED,QAAA,MAAM,aAAa,uBAAwB,KAAK,~~gBAoD~~/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/InfoWithProducts/CatalogImages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAc,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAKhE,OAAO,cAAc,CAAC;AAKtB,UAAU,KAAM,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3C,IAAI,EAAE,eAAe,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,uBAAwB,KAAK,gBAsD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-seller",
-  "version": "24.11.0-beta.4",
+  "version": "24.11.0-beta.41",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -35,9 +35,9 @@
     "react-i18next": "^11.7.0"
   },
   "dependencies": {
-    "@crystaldesign/analytics": "24.11.0-beta.4",
-    "@crystaldesign/products-component": "24.11.0-beta.4",
-    "@crystaldesign/real-time-viewer": "24.11.0-beta.4",
+    "@crystaldesign/analytics": "24.11.0-beta.41",
+    "@crystaldesign/products-component": "24.11.0-beta.41",
+    "@crystaldesign/real-time-viewer": "24.11.0-beta.41",
     "@tinymce/tinymce-react": "^3.13.0",
     "react-error-boundary": "^4.0.13",
     "react-material-ui-carousel": "^2.1.1",
@@ -45,5 +45,5 @@
   },
   "types": "./build/types/seller/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "00d55e47597f0d8e6daa5773e1a6487d8b67ef90"
+  "gitHead": "cce920bc3e1378ebbf4aa8608808f2bfa5622a67"
 }