@crystaldesign/diva-backoffice 25.14.0-beta.47 → 25.14.0-beta.49

package/build/esm/index.js

@@ -32757,8 +32757,8 @@ function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t
  * Custom hook for managing tools and configurator functionality
  *
  * @param props - The hook props
- * @param props.catalogId - Catalog ID for configurator tools
- * @param props.packageId - Package ID for configurator tools
+ * @param props.catalog - Catalog object for configurator tools
+ * @param props.enricherPackage - Enricher package object for configurator tools
  * @param props.isApi2 - Whether to use API2 mode
  * @param props.mainInformationWindowCodex - Main information window codex
  * @param props.serie - Serie object for configurator tools
@@ -32772,8 +32772,8 @@ function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t
  * @returns {Function} removeSecondaryTables - Function to remove secondary tables
  */
 var useTools = function useTools(_ref) {
-  var catalogId = _ref.catalogId,
-    packageId = _ref.packageId,
+  var catalog = _ref.catalog,
+    enricherPackage = _ref.enricherPackage,
     isApi2 = _ref.isApi2,
     onlyPlaceholder = _ref.onlyPlaceholder,
     mainInformationWindowCodex = _ref.mainInformationWindowCodex,
@@ -32783,6 +32783,9 @@ var useTools = function useTools(_ref) {
     setArticle = _ref.setArticle,
     conditionalTools = _ref.conditionalTools;
   var root = useStore();
+  var catalogId = catalog === null || catalog === void 0 ? void 0 : catalog._id;
+  var packageId = enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage._id;
+  var isoLanguageIds = (catalog === null || catalog === void 0 ? void 0 : catalog.isoLanguageIds) || (enricherPackage === null || enricherPackage === void 0 ? void 0 : enricherPackage.isoLanguageIds);
   var createTool = function createTool(tool) {
     return _objectSpread$o({
       startWidth: 600,
@@ -32831,23 +32834,27 @@ var useTools = function useTools(_ref) {
       }, parameters),
       elementProps: onlyPlaceholder ? {
         onlyPlaceholder: true
-      } : catalogId ? _objectSpread$o(_objectSpread$o({
+      } : catalogId ? _objectSpread$o(_objectSpread$o(_objectSpread$o({
         // open configurator for idm catalog
         useIDMService: true,
         catalogId: catalogId,
         showCatalogSelection: true,
         setSerie: setSerie,
         setArticle: setArticle
-      }, initItem ? {
+      }, isoLanguageIds ? {
+        isoLanguageIds: isoLanguageIds
+      } : {}), initItem ? {
         initItem: initItem
       } : {}), initSerie ? {
         initSerie: initSerie
-      } : {}) : isApi2 ? _objectSpread$o({
+      } : {}) : isApi2 ? _objectSpread$o(_objectSpread$o({
         // open configurator for api2 package (configurator light)
         loadMask: true
-      }, initItem ? {
+      }, isoLanguageIds ? {
+        isoLanguageIds: isoLanguageIds
+      } : {}), initItem ? {
         initItem: initItem
-      } : {}) : _objectSpread$o(_objectSpread$o({
+      } : {}) : _objectSpread$o(_objectSpread$o(_objectSpread$o({
         // open configurator for idm package
         useEnricherService: true,
         loadPackage: true,
@@ -32855,7 +32862,9 @@ var useTools = function useTools(_ref) {
         showCatalogSelection: true,
         setSerie: setSerie,
         setArticle: setArticle
-      }, initItem ? {
+      }, isoLanguageIds ? {
+        isoLanguageIds: isoLanguageIds
+      } : {}), initItem ? {
         initItem: initItem
       } : {}), initSerie ? {
         initSerie: initSerie
@@ -32941,7 +32950,7 @@ var TableGroups = observer(function () {
     selectedPackage = _useModule.selectedPackage,
     viewOnly = _useModule.viewOnly;
   useTools({
-    packageId: packageId,
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -33608,6 +33617,7 @@ var TablePackages = observer(function () {
     setSelectedPackage = _useEnricherContext.setSelectedPackage,
     selectedPackage = _useEnricherContext.selectedPackage;
   useTools({
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -33965,7 +33975,7 @@ var TableProperties = observer(function () {
     selectedPackage = _useModule.selectedPackage,
     viewOnly = _useModule.viewOnly;
   useTools({
-    packageId: packageId,
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -34820,7 +34830,7 @@ var RenamingTable = observer(function (_ref) {
     setSelectedSerie = _useModule.setSelectedSerie,
     viewOnly = _useModule.viewOnly;
   var _useTools = useTools({
-      packageId: packageId,
+      enricherPackage: selectedPackage,
       isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
       onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
       setArticle: setSelectedItem,
@@ -35422,7 +35432,7 @@ var ExclusivityTable = observer(function (_ref) {
     selectedItem = _useModule.selectedItem,
     viewOnly = _useModule.viewOnly;
   var _useTools = useTools({
-      packageId: packageId,
+      enricherPackage: selectedPackage,
       isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
       onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder,
       setArticle: setSelectedItem,
@@ -35558,7 +35568,7 @@ var TableTabGroups = observer(function () {
     selectedPackage = _useModule.selectedPackage,
     viewOnly = _useModule.viewOnly;
   useTools({
-    packageId: packageId,
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -35664,7 +35674,7 @@ var TablePartlistPos = observer(function () {
     selectedPackage = _useModule.selectedPackage,
     viewOnly = _useModule.viewOnly;
   useTools({
-    packageId: packageId,
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -37136,7 +37146,7 @@ var TablePriceList = observer(function () {
     selectedNodeId = _React$useState4[0],
     setSelectedNodeId = _React$useState4[1];
   useTools({
-    packageId: packageId,
+    enricherPackage: selectedPackage,
     isApi2: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.isApi,
     onlyPlaceholder: selectedPackage === null || selectedPackage === void 0 ? void 0 : selectedPackage.onlyPlaceholder
   });
@@ -40189,7 +40199,7 @@ var TableItems = observer(function () {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     serie: selectedSerie,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -40274,7 +40284,7 @@ var TableSeries = observer(function () {
     setSelectedSerie = _React$useState2[1];
   useTools({
       mainInformationWindowCodex: 'IDM_SERIES_TABLE_INFO',
-      catalogId: catalogId,
+      catalog: selectedCatalog,
       serie: selectedGlobalSerie,
       setSerie: setGlobalSelectedSerie,
       conditionalTools: [{
@@ -40284,7 +40294,7 @@ var TableSeries = observer(function () {
         elementProps: {
           organizationId: organizationId,
           selectedCatalog: selectedCatalog,
-          selectedSerie: selectedSerie === null || selectedSerie === void 0 ? void 0 : selectedSerie._id,
+          selectedSerie: selectedSerie,
           apiConfig: apiConfig
         },
         condition: function condition() {
@@ -40743,7 +40753,7 @@ var TableFeatures$2 = observer(function () {
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem;
   var _useTools = useTools({
-      catalogId: catalogId,
+      catalog: selectedCatalog,
       setSerie: setSelectedSerie,
       setArticle: setSelectedItem,
       conditionalTools: [{
@@ -41018,7 +41028,7 @@ var TableOptions$1 = observer(function () {
     setSelectedSerie = _useModule.setSelectedSerie,
     setSelectedItem = _useModule.setSelectedItem;
   var _useTools = useTools({
-      catalogId: catalogId,
+      catalog: selectedCatalog,
       setSerie: setSelectedSerie,
       setArticle: setSelectedItem
     }),
@@ -41100,7 +41110,7 @@ var TableFeatureClasses = observer(function () {
     selectedFeatureClass = _React$useState2[0],
     setSelectedFeatureClass = _React$useState2[1];
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -41916,7 +41926,7 @@ var TableDecisions = observer(function () {
     spreadsheetRef.current.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -42129,7 +42139,7 @@ var TableDetailInfos = observer(function () {
     selectedMedia = _React$useState2[0],
     setSelectedMedia = _React$useState2[1];
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -42558,7 +42568,7 @@ var TablePartlists = observer(function () {
     selectedPartlist = _React$useState2[0],
     setSelectedPartlist = _React$useState2[1];
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -43100,7 +43110,7 @@ var TablePriceFeatureGroups = observer(function () {
     return (_spreadsheetRef$curre = spreadsheetRef.current) === null || _spreadsheetRef$curre === void 0 ? void 0 : _spreadsheetRef$curre.setNodeDataValue(selectedNodeId, data);
   }, [selectedNodeId]);
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -43296,7 +43306,7 @@ var TablePrices = observer(function () {
     apiConfig = _useModule.apiConfig,
     organizationId = _useModule.organizationId;
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     serie: selectedSerie,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
@@ -43519,7 +43529,7 @@ var TableOptionGroups = observer(function () {
     selectedOptionGroup = _React$useState2[0],
     setSelectedOptionGroup = _React$useState2[1];
   useTools({
-    catalogId: catalogId,
+    catalog: selectedCatalog,
     setSerie: setSelectedSerie,
     setArticle: setSelectedItem,
     conditionalTools: [{
@@ -44046,7 +44056,9 @@ function Features(_ref) {
         headerName: 'backoffice.idmCatalog.features.label.featureNo',
         required: true,
         unique: true
-      }, createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', (_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.settings.languages, true), {
+      }, createTranslatedColumnConfig('featureText', 'backoffice.idmCatalog.features.label.featureText', ((_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 || (_root$dataStore$curre = _root$dataStore$curre.settings.languages) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.map(function (value) {
+        return value.toUpperCase();
+      })) || ['DE'], true), {
         field: 'sequenceNo',
         headerName: 'backoffice.idmCatalog.features.label.sequenceNo',
         required: true,
@@ -44167,7 +44179,9 @@ function Options(_ref) {
   var root = useStore();
   var apiConfig = root.configurationStore.apiConfig;
   var organizationId = root.dataStore.organizationId;
-  var languages = (_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.settings.languages;
+  var languages = ((_root$dataStore$curre = root.dataStore.currentOrganization) === null || _root$dataStore$curre === void 0 || (_root$dataStore$curre = _root$dataStore$curre.settings.languages) === null || _root$dataStore$curre === void 0 ? void 0 : _root$dataStore$curre.map(function (value) {
+    return value.toUpperCase();
+  })) || ['DE'];
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -45438,12 +45452,14 @@ styleInject(css_248z$5);
 
 var wrapper$2 = "wrapper-Q13-g";
 var confContainer = "conf-container-Sm5LL";
-var css_248z$4 = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n}\n";
+var languageWrapper = "language-wrapper-43xln";
+var languageSelect = "language-select-03fGC";
+var css_248z$4 = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n}\n\n.language-wrapper-43xln {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.language-select-03fGC {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
 styleInject(css_248z$4);
 
 var wrapper$1 = "wrapper-IcNC5";
 var select$1 = "select-jVMz-";
-var css_248z$3 = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: 100% - 48px;\n}\n";
+var css_248z$3 = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
 styleInject(css_248z$3);
 
 function ownKeys$5(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; }
@@ -45453,8 +45469,8 @@ var ArticleSelection = function ArticleSelection(_ref) {
     itemList = _ref$state.itemList,
     articleCodex = _ref$state.articleCodex,
     setArticleCodex = _ref$state.setArticleCodex,
-    setDoReset = _ref$state.setDoReset,
     mask = _ref$state.mask,
+    serie = _ref$state.serie,
     setArticle = _ref.setArticle;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -45505,6 +45521,7 @@ var ArticleSelection = function ArticleSelection(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: wrapper$1,
     children: [/*#__PURE__*/jsx(Select$1, {
+      disabled: !(serie !== null && serie !== void 0 && serie.catalogCodex),
       placeholder: t('backoffice.configurator.article.placeholder'),
       value: articleCodex,
       options: groupedArticles,
@@ -45513,17 +45530,15 @@ var ArticleSelection = function ArticleSelection(_ref) {
         setArticle === null || setArticle === void 0 || setArticle(value);
       },
       className: select$1
-    }), showPartlistFilter && /*#__PURE__*/jsx(Button, {
-      icon: filterPartlist ? /*#__PURE__*/jsx(DatabaseOutlined$1, {}) : /*#__PURE__*/jsx(DatabaseFilled, {}),
-      title: t(filterPartlist ? 'configuration.hidepartlist' : 'configuration.showpartlist'),
-      onClick: function onClick() {
-        return setFilterPartlist(!filterPartlist);
-      }
-    }), /*#__PURE__*/jsx(Button, {
-      icon: /*#__PURE__*/jsx(ReloadOutlined$1, {}),
-      onClick: function onClick() {
-        return setDoReset(true);
-      }
+    }), /*#__PURE__*/jsx(Tooltip$1, {
+      title: !showPartlistFilter ? t('configuration.nopartlist') : t(filterPartlist ? 'configuration.hidepartlist' : 'configuration.showpartlist'),
+      children: /*#__PURE__*/jsx(Button, {
+        icon: filterPartlist ? /*#__PURE__*/jsx(DatabaseOutlined$1, {}) : /*#__PURE__*/jsx(DatabaseFilled, {}),
+        onClick: function onClick() {
+          return setFilterPartlist(!filterPartlist);
+        },
+        disabled: !showPartlistFilter
+      })
     })]
   });
 };
@@ -45532,7 +45547,7 @@ var ArticleSelection$1 = observer(ArticleSelection);
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useWysiwyg$1(_ref) {
-  var _tool$parameters, _tool$elementProps5;
+  var _tool$parameters, _tool$elementProps, _tool$elementProps6;
   var tool = _ref.tool,
     toolbar = _ref.toolbar;
   var _useDivaCore = useDivaCore(),
@@ -45588,18 +45603,30 @@ function useWysiwyg$1(_ref) {
     _useState22 = _slicedToArray(_useState21, 2),
     serieList = _useState22[0],
     setSerieList = _useState22[1];
-  var _useState23 = useState(tool.parameters.catalogId),
+  var availableLanguages = ((_tool$elementProps = tool.elementProps) === null || _tool$elementProps === void 0 ? void 0 : _tool$elementProps.isoLanguageIds) || ['DE'];
+  var _useState23 = useState(function () {
+      var _root$i18n$language;
+      var initialLanguage = ((_root$i18n$language = root.i18n.language) === null || _root$i18n$language === void 0 ? void 0 : _root$i18n$language.toUpperCase()) || 'DE';
+      if (!availableLanguages.includes(initialLanguage)) {
+        initialLanguage = availableLanguages[0];
+      }
+      return initialLanguage;
+    }),
     _useState24 = _slicedToArray(_useState23, 2),
-    catalogId = _useState24[0],
-    setCatalogId = _useState24[1];
-  var _useState25 = useState(),
+    language = _useState24[0],
+    setLanguage = _useState24[1];
+  var _useState25 = useState(tool.parameters.catalogId),
     _useState26 = _slicedToArray(_useState25, 2),
-    currentNav = _useState26[0],
-    setCurrentNav = _useState26[1];
+    catalogId = _useState26[0],
+    setCatalogId = _useState26[1];
   var _useState27 = useState(),
     _useState28 = _slicedToArray(_useState27, 2),
-    doNavigate = _useState28[0],
-    setDoNavigate = _useState28[1];
+    currentNav = _useState28[0],
+    setCurrentNav = _useState28[1];
+  var _useState29 = useState(),
+    _useState30 = _slicedToArray(_useState29, 2),
+    doNavigate = _useState30[0],
+    setDoNavigate = _useState30[1];
   useEffect(function () {
     if (!toolbar.hidden) setDoReset(true);
   }, [toolbar.hidden]);
@@ -45727,14 +45754,14 @@ function useWysiwyg$1(_ref) {
     };
   }();
   useEffect(function () {
-    var _tool$elementProps;
-    if ((_tool$elementProps = tool.elementProps) !== null && _tool$elementProps !== void 0 && _tool$elementProps.onlyPlaceholder) return;
+    var _tool$elementProps2;
+    if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.onlyPlaceholder) return;
     if (doReset) {
-      var _tool$elementProps2, _tool$elementProps4;
+      var _tool$elementProps3, _tool$elementProps5;
       if (currentNav) setDoNavigate(currentNav);
-      if ((_tool$elementProps2 = tool.elementProps) !== null && _tool$elementProps2 !== void 0 && _tool$elementProps2.showCatalogSelection && !serieList.length) {
-        var _tool$elementProps3;
-        if ((_tool$elementProps3 = tool.elementProps) !== null && _tool$elementProps3 !== void 0 && _tool$elementProps3.loadPackage) {
+      if ((_tool$elementProps3 = tool.elementProps) !== null && _tool$elementProps3 !== void 0 && _tool$elementProps3.showCatalogSelection && !serieList.length) {
+        var _tool$elementProps4;
+        if ((_tool$elementProps4 = tool.elementProps) !== null && _tool$elementProps4 !== void 0 && _tool$elementProps4.loadPackage) {
           setLoadingPackage(true);
           loadPackage(tool.parameters.packageId).then(function () {
             return setLoadingPackage(false);
@@ -45746,7 +45773,7 @@ function useWysiwyg$1(_ref) {
           });
         }
       }
-      if ((_tool$elementProps4 = tool.elementProps) !== null && _tool$elementProps4 !== void 0 && _tool$elementProps4.loadMask) {
+      if ((_tool$elementProps5 = tool.elementProps) !== null && _tool$elementProps5 !== void 0 && _tool$elementProps5.loadMask) {
         setLoadingMask(true);
         loadMask(tool.parameters.packageId).then(function () {
           setLoadingMask(false);
@@ -45756,7 +45783,7 @@ function useWysiwyg$1(_ref) {
         setDoReset(false);
       }
     }
-  }, [doReset, (_tool$elementProps5 = tool.elementProps) === null || _tool$elementProps5 === void 0 ? void 0 : _tool$elementProps5.onlyPlaceholder]);
+  }, [doReset, (_tool$elementProps6 = tool.elementProps) === null || _tool$elementProps6 === void 0 ? void 0 : _tool$elementProps6.onlyPlaceholder]);
   useEffect(function () {
     setArticleCodex(undefined);
     if (serie !== null && serie !== void 0 && serie.catalogCodex) {
@@ -45818,9 +45845,9 @@ function useWysiwyg$1(_ref) {
     };
   }, [articleCodex]);
   var settings = useMemo(function () {
-    var _tool$elementProps6, _tool$elementProps7, _tool$elementProps8;
+    var _tool$elementProps7, _tool$elementProps8, _tool$elementProps9;
     return {
-      language: 'DE',
+      language: language,
       showSelectionModeZero: true,
       dontLoadAdditionalModelInfos: true,
       onErrorHandling: {
@@ -45874,9 +45901,9 @@ function useWysiwyg$1(_ref) {
         tooltipPosition: 'left-center',
         clientEvents: ['onWebPlanerConfigChange', 'onArticlesLoaded']
       },
-      useIDMService: (_tool$elementProps6 = tool.elementProps) === null || _tool$elementProps6 === void 0 ? void 0 : _tool$elementProps6.useIDMService,
-      useEnricherService: (_tool$elementProps7 = tool.elementProps) === null || _tool$elementProps7 === void 0 ? void 0 : _tool$elementProps7.useEnricherService,
-      useMask: (_tool$elementProps8 = tool.elementProps) === null || _tool$elementProps8 === void 0 ? void 0 : _tool$elementProps8.loadMask,
+      useIDMService: (_tool$elementProps7 = tool.elementProps) === null || _tool$elementProps7 === void 0 ? void 0 : _tool$elementProps7.useIDMService,
+      useEnricherService: (_tool$elementProps8 = tool.elementProps) === null || _tool$elementProps8 === void 0 ? void 0 : _tool$elementProps8.useEnricherService,
+      useMask: (_tool$elementProps9 = tool.elementProps) === null || _tool$elementProps9 === void 0 ? void 0 : _tool$elementProps9.loadMask,
       templateConfig: {
         Layout: 'wysiwyg',
         NavigationButton: 'standard',
@@ -45896,7 +45923,7 @@ function useWysiwyg$1(_ref) {
         ProductHeaderFunction: 'standard'
       }
     };
-  }, []);
+  }, [language]);
   useEffect(function () {
     if (isLoadingPackage) {
       setLoadingText(t('backoffice.wysiwyg.configurator.loading.package'));
@@ -45904,12 +45931,17 @@ function useWysiwyg$1(_ref) {
       setLoadingText(t('backoffice.wysiwyg.configurator.loading.catalog'));
     } else if (isLoadingMask) {
       setLoadingText(t('backoffice.wysiwyg.configurator.loading.mask'));
-    } else if (isLoadingArticles) {
+    } else if (isLoadingArticles && serie !== null && serie !== void 0 && serie.catalogCodex) {
+      // Only show article-loading text once a serie is selected
       setLoadingText(t('backoffice.wysiwyg.configurator.loading.articles'));
     } else {
       setLoadingText(undefined);
     }
-  }, [isLoadingPackage, isLoadingCatalog, isLoadingMask, isLoadingArticles]);
+  }, [isLoadingPackage, isLoadingCatalog, isLoadingMask, isLoadingArticles, serie === null || serie === void 0 ? void 0 : serie.catalogCodex]);
+  var onSetLanguage = function onSetLanguage(lang) {
+    setLanguage(lang);
+    setDoReset(true);
+  };
   return {
     itemList: itemList,
     setItemList: setItemList,
@@ -45926,7 +45958,10 @@ function useWysiwyg$1(_ref) {
     doNavigate: doNavigate,
     setDoNavigate: setDoNavigate,
     catalogId: catalogId,
-    loadingText: loadingText
+    loadingText: loadingText,
+    language: language,
+    setLanguage: onSetLanguage,
+    availableLanguages: availableLanguages
   };
 }
 
@@ -46026,7 +46061,7 @@ var CatalogSelection$1 = observer(CatalogSelection);
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Wsyiwyg = function Wsyiwyg(_ref) {
-  var _state$serie, _tool$parameters, _state$articleCodex, _state$serie$catalogC, _state$serie2, _state$mask2, _state$serie3, _state$serie$accountI, _state$serie4, _state$mask3;
+  var _state$serie, _state$serie2, _state$serie3, _state$serie4, _tool$parameters, _state$articleCodex, _state$serie$catalogC, _state$serie5, _state$mask2, _state$serie6, _state$serie$accountI, _state$serie7, _state$mask3;
   var tool = _ref.tool,
     toolbar = _ref.toolbar;
   var _useDivaCore = useDivaCore(),
@@ -46071,14 +46106,6 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
       state.setArticleCodex(tool.elementProps.initItem);
     }
   }, [tool.elementProps.initItem, tool.elementProps.initSerie, state.serieList]);
-  if (!((_state$serie = state.serie) !== null && _state$serie !== void 0 && _state$serie.catalogCodex)) {
-    if (tool.elementProps.showCatalogSelection) {
-      return /*#__PURE__*/jsx(CatalogSelection$1, {
-        state: state,
-        setSerie: tool.elementProps.setSerie
-      });
-    }
-  }
   if (tool.elementProps.onlyPlaceholder) {
     return /*#__PURE__*/jsx("div", {});
   }
@@ -46092,13 +46119,37 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
     errorCode: "BACKO_0004",
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$2,
-      children: [!state.loadingText && /*#__PURE__*/jsxs(Fragment, {
-        children: [!!tool.elementProps.showCatalogSelection && /*#__PURE__*/jsx(CatalogSelection$1, {
-          state: state,
-          setSerie: tool.elementProps.setSerie
-        }), /*#__PURE__*/jsx(ArticleSelection$1, {
-          state: state,
-          setArticle: tool.elementProps.setArticle
+      children: [!!tool.elementProps.showCatalogSelection && /*#__PURE__*/jsx(CatalogSelection$1, {
+        state: state,
+        setSerie: tool.elementProps.setSerie
+      }), ((_state$serie = state.serie) === null || _state$serie === void 0 ? void 0 : _state$serie.catalogCodex) && /*#__PURE__*/jsx(ArticleSelection$1, {
+        state: state,
+        setArticle: tool.elementProps.setArticle
+      }), ((_state$serie2 = state.serie) === null || _state$serie2 === void 0 ? void 0 : _state$serie2.catalogCodex) && /*#__PURE__*/jsxs("div", {
+        className: languageWrapper,
+        children: [/*#__PURE__*/jsx(Select$1, {
+          className: languageSelect,
+          disabled: !((_state$serie3 = state.serie) !== null && _state$serie3 !== void 0 && _state$serie3.catalogCodex),
+          placeholder: t('backoffice.configurator.language.placeholder'),
+          value: state.language,
+          options: state.availableLanguages.map(function (lang) {
+            return {
+              label: t('language.' + lang.toLowerCase()),
+              value: lang
+            };
+          }),
+          onChange: function onChange(value) {
+            return state.setLanguage(value);
+          }
+        }), /*#__PURE__*/jsx(Tooltip$1, {
+          title: t('backoffice.configurator.language.reload'),
+          children: /*#__PURE__*/jsx(Button, {
+            icon: /*#__PURE__*/jsx(ReloadOutlined$1, {}),
+            onClick: function onClick() {
+              return state.setDoReset(true);
+            },
+            disabled: !((_state$serie4 = state.serie) !== null && _state$serie4 !== void 0 && _state$serie4.catalogCodex)
+          })
         })]
       }), state.loadingText && /*#__PURE__*/jsx("div", {
         children: state.loadingText
@@ -46116,17 +46167,18 @@ var Wsyiwyg = function Wsyiwyg(_ref) {
             resetArticle: '',
             disableToggle: '1',
             startDivaNr: 'DIVA-000000',
-            catalogCodex: (_state$serie$catalogC = (_state$serie2 = state.serie) === null || _state$serie2 === void 0 ? void 0 : _state$serie2.catalogCodex) !== null && _state$serie$catalogC !== void 0 ? _state$serie$catalogC : (_state$mask2 = state.mask) === null || _state$mask2 === void 0 ? void 0 : _state$mask2.catalogCodex
-          }, (_state$serie3 = state.serie) !== null && _state$serie3 !== void 0 && _state$serie3.serieId ? {
+            catalogCodex: (_state$serie$catalogC = (_state$serie5 = state.serie) === null || _state$serie5 === void 0 ? void 0 : _state$serie5.catalogCodex) !== null && _state$serie$catalogC !== void 0 ? _state$serie$catalogC : (_state$mask2 = state.mask) === null || _state$mask2 === void 0 ? void 0 : _state$mask2.catalogCodex
+          }, (_state$serie6 = state.serie) !== null && _state$serie6 !== void 0 && _state$serie6.serieId ? {
             serieId: state.serie.serieId
           } : {}), {}, {
-            accountGuid: (_state$serie$accountI = (_state$serie4 = state.serie) === null || _state$serie4 === void 0 ? void 0 : _state$serie4.accountId) !== null && _state$serie$accountI !== void 0 ? _state$serie$accountI : (_state$mask3 = state.mask) === null || _state$mask3 === void 0 ? void 0 : _state$mask3.accountId,
+            accountGuid: (_state$serie$accountI = (_state$serie7 = state.serie) === null || _state$serie7 === void 0 ? void 0 : _state$serie7.accountId) !== null && _state$serie$accountI !== void 0 ? _state$serie$accountI : (_state$mask3 = state.mask) === null || _state$mask3 === void 0 ? void 0 : _state$mask3.accountId,
             returnTo: 'DONT_SAVE_BASKET',
             organizationId: organizationId,
             no3DConnection: 'true'
           }),
           internal: {
             catalogMask: state.mask,
+            language: state.language,
             actions: {
               toggleLoading: function toggleLoading(subId, _, toggle) {
                 return toolbar.toggleLoading(tool.id, subId, toggle);

package/build/types/backoffice/src/layout/Toolbar/Tools/WYSIWYG_Configurator/ArticleSelection/index.d.ts

@@ -12,7 +12,7 @@ type Props = {
     state: WysiwygState;
     setArticle?: (article: any) => void;
 };
-declare const _default: (({ state: { itemList, articleCodex, setArticleCodex, setDoReset, mask }, setArticle }: Props) => React.JSX.Element) & {
+declare const _default: (({ state: { itemList, articleCodex, setArticleCodex, mask, serie }, setArticle }: Props) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/backoffice/src/layout/Toolbar/Tools/WYSIWYG_Configurator/ArticleSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/ArticleSelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AACD,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAA;CAAE,CAAC;gHAEsC,KAAK;;;AAkDrH,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/ArticleSelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AACD,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAA;CAAE,CAAC;2GAEiC,KAAK;;;AAqDhH,wBAA0C"}

package/build/types/backoffice/src/layout/Toolbar/Tools/WYSIWYG_Configurator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,QAAA,MAAM,OAAO,sBAAuB,SAAS,sBAiG5C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,QAAA,MAAM,OAAO,sBAAuB,SAAS,sBAuG5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/types/backoffice/src/layout/Toolbar/Tools/WYSIWYG_Configurator/useWysiwygConfigurator.d.ts

@@ -1,10 +1,13 @@
-import { CatalogMask, Configuration } from '@crystaldesign/web-planner-logic';
+import { CatalogMask, Configuration, Langs } from '@crystaldesign/web-planner-logic';
 import { ToolProps } from '../../../Navigation/types';
 export interface WysiwygState {
     itemList: Article[];
     setItemList: (a: Article[]) => void;
     articleCodex: string | undefined;
     setArticleCodex: (a: string | undefined) => void;
+    language: Langs;
+    setLanguage: (lang: Langs) => void;
+    availableLanguages: Langs[];
     serieList: Catalog[];
     setSerieList: (a: Catalog[]) => void;
     serie: {

package/build/types/backoffice/src/layout/Toolbar/Tools/WYSIWYG_Configurator/useWysiwygConfigurator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWysiwygConfigurator.d.ts","sourceRoot":"","sources":["../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/useWysiwygConfigurator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAG9E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAClF,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAClG,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AACD,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,GAAG,YAAY,CAgT7E"}
+{"version":3,"file":"useWysiwygConfigurator.d.ts","sourceRoot":"","sources":["../../../../../../../../src/layout/Toolbar/Tools/WYSIWYG_Configurator/useWysiwygConfigurator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAGrF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,KAAK,EAAE,CAAC;IAC5B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAClF,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAClG,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AACD,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,GAAG,YAAY,CAkU7E"}

package/build/types/backoffice/src/ui/CommonComponents/useTools.d.ts

@@ -2,14 +2,24 @@ import { Tool } from '../../layout/Navigation/types';
 export type ConditionalTool = Tool & {
     condition?: () => boolean;
 };
+export type Catalog = {
+    _id: string;
+    name: string;
+    isoLanguageIds: string[];
+};
+export type EnricherPackage = {
+    _id: string;
+    name: string;
+    isoLanguageIds: string[];
+};
 /**
  * Props for the useTools hook
  */
 export type UseToolsProps = {
-    /** Catalog ID for configurator tools */
-    catalogId?: string;
-    /** Package ID for configurator tools */
-    packageId?: string;
+    /** Catalog object for configurator tools */
+    catalog?: Catalog;
+    /** Enricher package object for configurator tools */
+    enricherPackage?: EnricherPackage;
     /** Serie object for configurator tools */
     serie?: any;
     /** Item object with type number */
@@ -33,8 +43,8 @@ export type UseToolsProps = {
  * Custom hook for managing tools and configurator functionality
  *
  * @param props - The hook props
- * @param props.catalogId - Catalog ID for configurator tools
- * @param props.packageId - Package ID for configurator tools
+ * @param props.catalog - Catalog object for configurator tools
+ * @param props.enricherPackage - Enricher package object for configurator tools
  * @param props.isApi2 - Whether to use API2 mode
  * @param props.mainInformationWindowCodex - Main information window codex
  * @param props.serie - Serie object for configurator tools
@@ -47,7 +57,7 @@ export type UseToolsProps = {
  * @returns {Function} addSecondaryTables - Function to add secondary tables
  * @returns {Function} removeSecondaryTables - Function to remove secondary tables
  */
-export declare const useTools: ({ catalogId, packageId, isApi2, onlyPlaceholder, mainInformationWindowCodex, serie, item, setSerie, setArticle, conditionalTools, }: UseToolsProps) => {
+export declare const useTools: ({ catalog, enricherPackage, isApi2, onlyPlaceholder, mainInformationWindowCodex, serie, item, setSerie, setArticle, conditionalTools, }: UseToolsProps) => {
     updateConfigurator: (parameters?: {
         [key: string]: string;
     }) => void;

package/build/types/backoffice/src/ui/CommonComponents/useTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTools.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/CommonComponents/useTools.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,mCAAmC;IACnC,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,wIAWlB,aAAa;sCAgF0B;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;qCARzB,MAAM,QAAQ,OAAO;CAiD9D,CAAC"}
+{"version":3,"file":"useTools.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/CommonComponents/useTools.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,mCAAmC;IACnC,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,4IAWlB,aAAa;sCAuF0B;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;qCARzB,MAAM,QAAQ,OAAO;CAiD9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "25.14.0-beta.47",
+  "version": "25.14.0-beta.49",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -15,13 +15,13 @@
   "dependencies": {
     "@ant-design/icons": "5.4.0",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "25.14.0-beta.47",
-    "@crystaldesign/content-item": "25.14.0-beta.47",
-    "@crystaldesign/diva-core": "25.14.0-beta.47",
-    "@crystaldesign/diva-utils": "25.14.0-beta.47",
-    "@crystaldesign/media-upload": "25.14.0-beta.47",
-    "@crystaldesign/rtf-editor": "25.14.0-beta.47",
-    "@crystaldesign/spreadsheet": "25.14.0-beta.47",
+    "@crystaldesign/content-box": "25.14.0-beta.49",
+    "@crystaldesign/content-item": "25.14.0-beta.49",
+    "@crystaldesign/diva-core": "25.14.0-beta.49",
+    "@crystaldesign/diva-utils": "25.14.0-beta.49",
+    "@crystaldesign/media-upload": "25.14.0-beta.49",
+    "@crystaldesign/rtf-editor": "25.14.0-beta.49",
+    "@crystaldesign/spreadsheet": "25.14.0-beta.49",
     "@google/model-viewer": "3.5.0",
     "ag-charts-community": "^10.1.0",
     "ag-charts-react": "^10.1.0",
@@ -51,5 +51,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "41a9e2fda43850eadbdc58089ae9b5075138ba71"
+  "gitHead": "95d60504c9597fbc66fc14a46a697e9bb7475e93"
 }