@sapui5/sap.cux.home 1.134.0 → 1.136.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sapui5/sap.cux.home",
-	"version": "1.134.0",
+	"version": "1.136.0",
 	"description": "SAPUI5 Library sap.cux.home",
 	"keywords": [
 		"sapui5",

package/src/sap/cux/home/AdvancedSettingsPanel-dbg.js

@@ -2,8 +2,6 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-"use strict";
-
 sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m/CheckBox", "sap/m/CustomListItem", "sap/m/HBox", "sap/m/IconTabBar", "sap/m/IconTabFilter", "sap/m/Input", "sap/m/Label", "sap/m/library", "sap/m/List", "sap/m/MessageStrip", "sap/m/MessageToast", "sap/m/ObjectStatus", "sap/m/OverflowToolbar", "sap/m/Panel", "sap/m/Text", "sap/m/Title", "sap/m/Toolbar", "sap/m/ToolbarSpacer", "sap/m/VBox", "sap/ui/core/Element", "sap/ui/core/EventBus", "sap/ui/core/library", "sap/ui/layout/form/SimpleForm", "sap/ui/model/json/JSONModel", "sap/ui/unified/FileUploader", "sap/ushell/Container", "./BaseSettingsPanel", "./utils/Accessibility", "./utils/AppManager", "./utils/Constants", "./utils/FESRUtil", "./utils/HttpHelper", "./utils/PageManager", "./utils/PersonalisationUtils", "./utils/UshellPersonalizer"], function (Log, CardHelper, Button, CheckBox, CustomListItem, HBox, IconTabBar, IconTabFilter, Input, Label, sap_m_library, List, MessageStrip, MessageToast, ObjectStatus, OverflowToolbar, Panel, Text, Title, Toolbar, ToolbarSpacer, VBox, Element, EventBus, sap_ui_core_library, SimpleForm, JSONModel, FileUploader, Container, __BaseSettingsPanel, ___utils_Accessibility, __AppManager, ___utils_Constants, ___utils_FESRUtil, __HttpHelper, __PageManager, __PersonalisationUtils, __UShellPersonalizer) {
   "use strict";
 
@@ -420,13 +418,13 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
      * @returns {List} export section list
      */
     setExportSectionList: function _setExportSectionList() {
-      const exportSectionsList = new List(this.getId() + "--idExportSectionsList", {
+      const exportSectionsList = new List(`${this.getId()}--exportSectionsList`, {
         width: "calc(100% - 2rem)",
         growingThreshold: 50,
         includeItemInSelection: true,
         visible: "{= ${advsettings>/selectedTab} === 'export'}"
       }).addStyleClass("sapUiSmallMarginBegin");
-      const headerToolbar = new Toolbar(this.getId() + "--idExportSectionsListToolbar", {
+      const headerToolbar = new Toolbar(`${this.getId()}--exportSectionsListToolbar`, {
         content: [new Title(this.getId() + "--idExportSectionsListHeaderText", {
           text: this._i18nBundle.getText("sectionExportListHeader")
         }).addStyleClass("sectionTitle")]
@@ -436,18 +434,22 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
       exportSectionsList.setModel(this.oControlModel, "advsettings");
       exportSectionsList.bindItems({
         path: "advsettings>/export/sections",
-        template: new CustomListItem({
+        template: new CustomListItem(`${this.getId()}--exportCustomListItem`, {
           visible: {
             path: "advsettings>panelClass",
             formatter: this._isPanelAvailable.bind(this)
           },
-          content: [new HBox({
+          accDescription: {
+            path: "advsettings>title",
+            formatter: this._formatAccDescription.bind(this)
+          },
+          content: [new HBox(`${this.getId()}--exportContentBox`, {
             alignItems: "Center",
-            items: [new CheckBox(this.getId() + "--idExportListItemCheck", {
+            items: [new CheckBox(`${this.getId()}--exportListItemCheck`, {
               select: this.onSectionsSelectionChange.bind(this, false),
               selected: "{advsettings>selected}",
               enabled: "{advsettings>enabled}"
-            }), new Text(this.getId() + "--idExportListItemText", {
+            }), new Text(`${this.getId()}--exportListItemText`, {
               text: "{advsettings>title}"
             })],
             width: "100%"
@@ -457,6 +459,16 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
       this.oExportList = exportSectionsList;
       return exportSectionsList;
     },
+    /**
+     * Returns the accessibility description for a given title.
+     *
+     * @param title The title of the list item.
+     * @returns The formatted accessibility description string.
+     */
+    _formatAccDescription: function _formatAccDescription(title) {
+      const instructionText = this._i18nBundle.getText("checkboxInstructionText");
+      return `${title}. ${instructionText}`;
+    },
     _isPanelAvailable: function _isPanelAvailable(panelClassName) {
       const panelMappings = {
         [FavAppPanelName]: {
@@ -493,7 +505,7 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
         visible: "{= ${advsettings>/selectedTab} === 'import' && (${advsettings>/import/sections/length} > 0 || ${advsettings>/showNoImport})}"
       }).addStyleClass("sapUiSmallMarginBegin");
       const headerToolbar = new Toolbar(this.getId() + "--idImportSectionsListToolbar", {
-        content: [new Title(this.getId() + "--idImportSectionsListHeaderText", {
+        content: [new Title(`${this.getId()}--importSectionsListHeaderText`, {
           text: this._i18nBundle.getText("sectionImportListHeader")
         }).addStyleClass("sectionTitle")]
       });
@@ -502,19 +514,23 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
       importSectionsList.setModel(this.oControlModel, "advsettings");
       importSectionsList.bindItems({
         path: "advsettings>/import/sections",
-        template: new CustomListItem({
-          content: [new HBox({
+        template: new CustomListItem(`${this.getId()}--importCustomListItem`, {
+          accDescription: {
+            path: "advsettings>title",
+            formatter: this._formatAccDescription.bind(this)
+          },
+          content: [new HBox(`${this.getId()}--importListCheckBox`, {
             justifyContent: "SpaceBetween",
-            items: [new HBox({
-              items: [new CheckBox(this.getId() + "--idImportListItemCheck", {
+            items: [new HBox(`${this.getId()}--importListItemCheckHBox`, {
+              items: [new CheckBox(`${this.getId()}--importListItemCheck`, {
                 select: this.onSectionsSelectionChange.bind(this, true),
                 selected: "{advsettings>selected}",
                 enabled: "{advsettings>enabled}"
-              }), new Text(this.getId() + "--idImportListItemText", {
+              }), new Text(`${this.getId()}--importListItemText`, {
                 text: "{advsettings>title}"
               }).addStyleClass("sapUiTinyMarginTop")]
-            }), new HBox({
-              items: [new ObjectStatus(this.getId() + "--idImportItemStatus", {
+            }), new HBox(`${this.getId()}--importStatusHBox`, {
+              items: [new ObjectStatus(`${this.getId()}--importItemStatus`, {
                 icon: "{= ${advsettings>status} === 'Success' ? 'sap-icon://status-positive' : 'sap-icon://status-negative' }",
                 state: "{advsettings>status}",
                 visible: "{= ${advsettings>status} !== 'None'}"
@@ -944,33 +960,39 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
       });
     },
     filterAuthorizedImportData: function _filterAuthorizedImportData(aImportedSections, oImportData) {
+      const _this5 = this;
       return Promise.all([this.getDeltaAuthSectionViz(aImportedSections), this.filterAuthFavPages(oImportData.favouritePages), this.filterAuthCards(oImportData.cards), this.getInsightCards() // check : send only cards count here as all cards are not required
-      ]).then(aResponse => {
-        const aAuthSections = aResponse[0];
-        const aAuthFavPages = aResponse[1];
-        const aAuthCards = aResponse[2];
-        const iInsightCardsCount = aResponse[3].getProperty("/cardCount");
-        oImportData.apps = aAuthSections.filter(function (oSection) {
-          return oSection.id !== MYINSIGHT_SECTION_ID;
-        });
-        oImportData.tiles = (aAuthSections.find(function (oSection) {
-          return oSection.id === MYINSIGHT_SECTION_ID;
-        }) || {}).visualizations || [];
-        oImportData.favouritePages = aAuthFavPages;
-        oImportData.cards = aAuthCards || [];
-        const iTotalCardCount = iInsightCardsCount + Number(aAuthCards?.length);
-        if (iTotalCardCount > 99) {
-          this.handleUserPersonalizationError(ImportExportType.IMPORT, true, String(this._i18nBundle.getText("importCardCountErrorMessage")), "");
+      ]).then(function (aResponse) {
+        try {
+          const aAuthSections = aResponse[0];
+          const aAuthFavPages = aResponse[1];
+          const aAuthCards = aResponse[2];
+          const iInsightCardsCount = aResponse[3].getProperty("/cardCount");
+          oImportData.apps = aAuthSections.filter(function (oSection) {
+            return oSection.id !== MYINSIGHT_SECTION_ID;
+          });
+          oImportData.tiles = (aAuthSections.find(function (oSection) {
+            return oSection.id === MYINSIGHT_SECTION_ID;
+          }) || {}).visualizations || [];
+          oImportData.favouritePages = aAuthFavPages;
+          oImportData.cards = aAuthCards || [];
+          const iTotalCardCount = iInsightCardsCount + Number(aAuthCards?.length);
+          if (iTotalCardCount > 99) {
+            _this5.handleUserPersonalizationError(ImportExportType.IMPORT, true, String(_this5._i18nBundle.getText("importCardCountErrorMessage")), "");
+          }
+          return Promise.resolve(_this5.getImportedSections(oImportData, ImportExportType.IMPORT, iInsightCardsCount)).then(function (aSections) {
+            aSections = aSections.map(function (oSection) {
+              oSection.status = ValueState.None;
+              return oSection;
+            });
+            _this5.oUserPersonalization.import.data = oImportData;
+            _this5.oControlModel.setProperty("/import/sections", aSections);
+            _this5.oControlModel.setProperty("/import/sectionsSelected", _this5.getSelectedSections(aSections).length > 0);
+            _this5.oControlModel.setProperty("/showNoImport", aSections.length === 0);
+          });
+        } catch (e) {
+          return Promise.reject(e);
         }
-        let aSections = this.getImportedSections(oImportData, ImportExportType.IMPORT, iInsightCardsCount);
-        aSections = aSections.map(function (oSection) {
-          oSection.status = ValueState.None;
-          return oSection;
-        });
-        this.oUserPersonalization.import.data = oImportData;
-        this.oControlModel.setProperty("/import/sections", aSections);
-        this.oControlModel.setProperty("/import/sectionsSelected", this.getSelectedSections(aSections).length > 0);
-        this.oControlModel.setProperty("/showNoImport", aSections.length === 0);
       });
     },
     readFileContent: function _readFileContent(oFile) {
@@ -991,17 +1013,17 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
     },
     _getPersonalizationData: function _getPersonalizationData() {
       try {
-        const _this5 = this;
+        const _this6 = this;
         function _temp7() {
-          return Promise.resolve(_this5.oPersonalizerInstance.read()).then(function (_this5$oPersonalizerI) {
-            _this5.persData = _this5$oPersonalizerI || {};
-            return _this5.persData;
+          return Promise.resolve(_this6.oPersonalizerInstance.read()).then(function (_this6$oPersonalizerI) {
+            _this6.persData = _this6$oPersonalizerI || {};
+            return _this6.persData;
           });
         }
         const _temp6 = function () {
-          if (!_this5.oPersonalizerInstance) {
-            return Promise.resolve(UShellPersonalizer.getInstance(PersonalisationUtils.getPersContainerId(_this5._getPanel()), PersonalisationUtils.getOwnerComponent(_this5._getPanel()))).then(function (_UShellPersonalizer$g) {
-              _this5.oPersonalizerInstance = _UShellPersonalizer$g;
+          if (!_this6.oPersonalizerInstance) {
+            return Promise.resolve(UShellPersonalizer.getInstance(PersonalisationUtils.getPersContainerId(_this6._getPanel()), PersonalisationUtils.getOwnerComponent(_this6._getPanel()))).then(function (_UShellPersonalizer$g) {
+              _this6.oPersonalizerInstance = _UShellPersonalizer$g;
             });
           }
         }();
@@ -1012,16 +1034,19 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
     },
     loadUserPersonalizationData: function _loadUserPersonalizationData() {
       try {
-        const _this6 = this;
-        _this6.oExportList.setBusy(true);
-        return Promise.resolve(_this6._getPersonalizationData()).then(function (persData) {
+        const _this7 = this;
+        _this7.oExportList.setBusy(true);
+        return Promise.resolve(_this7._getPersonalizationData()).then(function (persData) {
           // load all sections, insight apps and cards
-          return Promise.resolve(Promise.all([_this6.oAppManagerInstance._getSections(true), _this6.oAppManagerInstance.fetchInsightApps(true, _this6._i18nBundle.getText("insights")), _this6.getInsightCards()])).then(function (_ref) {
-            let [favSections, insightTiles, insightModel] = _ref;
+          return Promise.resolve(Promise.all([_this7.oAppManagerInstance._getSections(true), _this7.getInsightCards()])).then(function (_ref) {
+            let [favSections, insightModel] = _ref;
             const aSections = favSections,
-              favApps = aSections.filter(function (oSection) {
+              favApps = aSections.filter(oSection => {
                 return oSection.id !== MYINSIGHT_SECTION_ID && oSection.visualizations?.length;
               });
+            const insightTiles = aSections.find(oSection => {
+              return oSection.id === MYINSIGHT_SECTION_ID;
+            })?.visualizations || [];
             const insightCards = insightModel && insightModel.getProperty("/visibleCards") ? insightModel.getProperty("/visibleCards").map(oCard => {
               return oCard.descriptorContent;
             }) : [];
@@ -1032,12 +1057,13 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
               cards: insightCards,
               personalization: persData
             };
-            const aExportSections = _this6.getImportedSections(oExportData, ImportExportType.EXPORT, 0);
-            _this6.oUserPersonalization.export.data = oExportData;
-            _this6.oUserPersonalization.export.sections = aExportSections;
-            _this6.oUserPersonalization.export.sectionsSelected = _this6.getSelectedSections(aExportSections).length > 0;
-            _this6.oControlModel.refresh();
-            _this6.oExportList.setBusy(false);
+            return Promise.resolve(_this7.getImportedSections(oExportData, ImportExportType.EXPORT, 0)).then(function (aExportSections) {
+              _this7.oUserPersonalization.export.data = oExportData;
+              _this7.oUserPersonalization.export.sections = aExportSections;
+              _this7.oUserPersonalization.export.sectionsSelected = _this7.getSelectedSections(aExportSections).length > 0;
+              _this7.oControlModel.refresh();
+              _this7.oExportList.setBusy(false);
+            });
           });
         });
       } catch (e) {
@@ -1077,50 +1103,62 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
      * @returns {Array} array of import/export sections
      */
     getImportedSections: function _getImportedSections(oData, sType, iInsightCardsCount) {
-      const aFavPages = (sType === ImportExportType.IMPORT ? this.getDeltaFavPages(oData.favouritePages) : oData.favouritePages) || [],
-        isAppViz = oData.apps && oData.apps.some(function (oSections) {
-          return oSections && oSections.visualizations && oSections.visualizations.length > 0;
-        });
-      return [{
-        title: this._i18nBundle.getText("favApps"),
-        selected: isAppViz,
-        enabled: isAppViz,
-        panelClass: FavAppPanelName
-      }, {
-        title: this._i18nBundle.getText("pages"),
-        selected: aFavPages.length > 0,
-        enabled: aFavPages.length > 0,
-        panelClass: PagePanelName
-      }, {
-        title: this._i18nBundle.getText("insightsTiles"),
-        selected: oData.tiles && oData.tiles.length > 0,
-        enabled: oData.tiles && oData.tiles.length > 0,
-        panelClass: TilesPanelName
-      }, {
-        title: this._i18nBundle.getText("insightsCards"),
-        selected: oData.cards && oData.cards.length > 0 && oData.cards.length + iInsightCardsCount <= 99,
-        enabled: oData.cards && oData.cards.length > 0 && oData.cards.length + iInsightCardsCount <= 99,
-        panelClass: CardsPanelName
-      }];
+      try {
+        const _this8 = this;
+        function _temp9(aFavPages) {
+          const isAppViz = oData.apps && oData.apps.some(function (oSections) {
+            return oSections && oSections.visualizations && oSections.visualizations.length > 0;
+          });
+          return [{
+            title: _this8._i18nBundle.getText("favApps"),
+            selected: isAppViz,
+            enabled: isAppViz,
+            panelClass: FavAppPanelName
+          }, {
+            title: _this8._i18nBundle.getText("pages"),
+            selected: aFavPages?.length > 0,
+            enabled: aFavPages?.length > 0,
+            panelClass: PagePanelName
+          }, {
+            title: _this8._i18nBundle.getText("insightsTiles"),
+            selected: oData.tiles && oData.tiles.length > 0,
+            enabled: oData.tiles && oData.tiles.length > 0,
+            panelClass: TilesPanelName
+          }, {
+            title: _this8._i18nBundle.getText("insightsCards"),
+            selected: oData.cards && oData.cards.length > 0 && oData.cards.length + iInsightCardsCount <= 99,
+            enabled: oData.cards && oData.cards.length > 0 && oData.cards.length + iInsightCardsCount <= 99,
+            panelClass: CardsPanelName
+          }];
+        }
+        const _temp8 = sType === ImportExportType.IMPORT;
+        return Promise.resolve(_temp8 ? Promise.resolve(_this8.getDeltaFavPages(oData.favouritePages)).then(_temp9) : _temp9(oData.favouritePages));
+      } catch (e) {
+        return Promise.reject(e);
+      }
     },
     getDeltaFavPages: function _getDeltaFavPages(aImportedFavPages) {
-      const aFavPages = this.persData.favouritePages || [];
-      if (aFavPages.length !== aImportedFavPages.length) {
-        return aImportedFavPages;
-      }
-      return aImportedFavPages.filter(function (oImportedPage) {
-        return !aFavPages.find(function (oFavPage) {
-          return oImportedPage.pageId === oFavPage.pageId && oImportedPage.spaceId === oFavPage.spaceId;
+      try {
+        const _this9 = this;
+        return Promise.resolve(_this9._getPersonalizationData()).then(function (persData) {
+          const aFavPages = persData.favouritePages || [];
+          return aFavPages.length !== aImportedFavPages.length ? aImportedFavPages : aImportedFavPages.filter(function (oImportedPage) {
+            return !aFavPages.find(function (oFavPage) {
+              return oImportedPage.pageId === oFavPage.pageId && oImportedPage.spaceId === oFavPage.spaceId;
+            });
+          });
         });
-      });
+      } catch (e) {
+        return Promise.reject(e);
+      }
     },
     getInsightCards: function _getInsightCards() {
       try {
-        const _this7 = this;
+        const _this10 = this;
         return Promise.resolve(_catch(function () {
           return Promise.resolve(CardHelper.getServiceAsync()).then(function (_getServiceAsync) {
-            _this7.cardHelperInstance = _getServiceAsync;
-            return Promise.resolve(_this7.cardHelperInstance._getUserAllCardModel()).then(function (oUserVisibleCardModel) {
+            _this10.cardHelperInstance = _getServiceAsync;
+            return Promise.resolve(_this10.cardHelperInstance._getUserAllCardModel()).then(function (oUserVisibleCardModel) {
               const aCards = oUserVisibleCardModel.getProperty("/cards");
               const aVisibleCards = aCards.filter(function (oCard) {
                 return oCard.visibility;
@@ -1295,33 +1333,33 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
      */
     _getRecommendationSettingsPanel: function _getRecommendationSettingsPanel() {
       try {
-        const _this8 = this;
-        return Promise.resolve(_this8._getPersonalizationData()).then(function (persData) {
-          if (!_this8._recommendationSettingsPanel) {
-            const panelId = _this8.getId() + "--recommendationSettingsPanel";
-            _this8._recommendationSettingsPanel = new Panel(panelId, {
-              headerText: _this8._i18nBundle.getText("recommendationSettingsHeader"),
+        const _this11 = this;
+        return Promise.resolve(_this11._getPersonalizationData()).then(function (persData) {
+          if (!_this11._recommendationSettingsPanel) {
+            const panelId = _this11.getId() + "--recommendationSettingsPanel";
+            _this11._recommendationSettingsPanel = new Panel(panelId, {
+              headerText: _this11._i18nBundle.getText("recommendationSettingsHeader"),
               expanded: true,
               expandable: true,
               content: [new Text({
                 id: `${panelId}-container-subHeader`,
-                text: _this8._i18nBundle.getText("recommendationSettingsSubHeader")
+                text: _this11._i18nBundle.getText("recommendationSettingsSubHeader")
               }), new HBox({
                 id: `${panelId}-container`,
                 items: [new CheckBox({
                   id: `${panelId}-container-checkBox`,
                   selected: persData.showRecommendation ?? true,
-                  select: event => _this8.onRecommendationSettingChange(event),
+                  select: event => _this11.onRecommendationSettingChange(event),
                   ariaLabelledBy: [`${panelId}-container-subHeader`, `${panelId}-container-label`]
                 }), new Text({
                   id: `${panelId}-container-label`,
-                  text: _this8._i18nBundle.getText("recommendationSettingsCheckboxLabel")
+                  text: _this11._i18nBundle.getText("recommendationSettingsCheckboxLabel")
                 })],
                 alignItems: FlexAlignItems.Center
               }).addStyleClass("sapUiSmallMarginTop")]
             }).addStyleClass("sapUiSmallMarginTop");
           }
-          return _this8._recommendationSettingsPanel;
+          return _this11._recommendationSettingsPanel;
         });
       } catch (e) {
         return Promise.reject(e);
@@ -1334,12 +1372,12 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
      */
     _setRecommendationSettingsPanel: function _setRecommendationSettingsPanel() {
       try {
-        const _this9 = this;
-        _this9.oDetailPage.setBusy(true);
-        return Promise.resolve(_this9._getRecommendationSettingsPanel()).then(function (recommendationSettingsPanel) {
+        const _this12 = this;
+        _this12.oDetailPage.setBusy(true);
+        return Promise.resolve(_this12._getRecommendationSettingsPanel()).then(function (recommendationSettingsPanel) {
           if (recommendationSettingsPanel) {
-            _this9.oContentVBox.addItem(recommendationSettingsPanel);
-            _this9.oDetailPage.setBusy(false);
+            _this12.oContentVBox.addItem(recommendationSettingsPanel);
+            _this12.oDetailPage.setBusy(false);
           }
         });
       } catch (e) {
@@ -1354,13 +1392,13 @@ sap.ui.define(["sap/base/Log", "sap/insights/CardHelper", "sap/m/Button", "sap/m
      */
     onRecommendationSettingChange: function _onRecommendationSettingChange(event) {
       try {
-        const _this10 = this;
+        const _this13 = this;
         const showRecommendation = event.getParameter("selected");
-        _this10.oEventBus.publish("importChannel", "recommendationSettingChanged", {
+        _this13.oEventBus.publish("importChannel", "recommendationSettingChanged", {
           showRecommendation
         });
-        return Promise.resolve(_this10._getPersonalizationData()).then(function (oPersData) {
-          void _this10.oPersonalizerInstance.write({
+        return Promise.resolve(_this13._getPersonalizationData()).then(function (oPersData) {
+          void _this13.oPersonalizerInstance.write({
             ...oPersData,
             showRecommendation
           });