@sapui5/sap.cux.home 1.135.0 → 1.136.0

package/src/sap/cux/home/NewsPanel.ts

@@ -22,6 +22,8 @@ import NewsAndPagesContainer from "./NewsAndPagesContainer";
 import NewsGroup from "./NewsGroup";
 import NewsItem from "./NewsItem";
 import { NewsType } from "./library";
+import { DEFAULT_NEWS_URL } from "./utils/Constants";
+import { recycleId } from "./utils/DataFormatUtils";
 import { DeviceType } from "./utils/Device";
 import { addFESRId } from "./utils/FESRUtil";
 import HttpHelper from "./utils/HttpHelper";
@@ -38,7 +40,14 @@ interface INewsResponse {
 }
 
 export interface ICustomNewsFeed {
-	[key: string]: string | boolean | INewsLink | number | INewsLink[] | INewsParam;
+	title: string;
+	subTitle?: string;
+	description?: string;
+	footer_text?: Record<string, string>;
+	mandatory_text?: string;
+	_group_to_image?: Record<string, string>;
+	_group_to_article?: ICustomNewsFeed[];
+	[key: string]: unknown;
 }
 
 export interface INewsItem {
@@ -58,6 +67,12 @@ interface IAppConfiguration {
 	};
 }
 
+interface ODataResponse {
+	"@odata.context": string;
+	"@odata.metadataEtag": string;
+	value: ICustomNewsFeed[];
+}
+
 interface IAvailableApp {
 	semanticObject?: string;
 	action?: string;
@@ -86,7 +101,10 @@ interface IAppParameter {
 	};
 	required: boolean;
 }
-
+interface IFavNewsFeed {
+	items: string[];
+	showAllPreparationRequired?: boolean;
+}
 export interface INewsLink {
 	[key: string]: string;
 }
@@ -100,7 +118,6 @@ export type FileFormat = "xlsx" | "csv";
 const BASE_URL = "/sap/opu/odata4/ui2/insights_srv/srvd/ui2/",
 	NEWS_FEED_READ_API = BASE_URL + "insights_read_srv/0001/" + "NEWS_FEED",
 	NEWS_FEED_TRANSLATION_API = BASE_URL + "insights_read_srv/0001/" + "NewsFeedColumnTranslation",
-	NEWS_FEED_COUNT_URL = NEWS_FEED_READ_API + "/$count",
 	DEFAULT_FEED_COUNT = 7,
 	fnImagePlaceholder = function (sPath: string, N: number) {
 		return Array.from({ length: N }, function (v, i) {
@@ -165,8 +182,11 @@ export default class NewsPanel extends BaseNewsPanel {
 	private image!: number;
 	private customNewsFeedCache: Map<string, unknown>;
 	private bNewsLoad!: boolean;
-	private aFavNewsFeed!: { items: string[]; showAllPreparationRequired: boolean };
+	private favNewsFeed!: IFavNewsFeed;
 	private _eventBus!: EventBus;
+	private _defaultNews!: ODataResponse;
+	private mandatoryNewsFeed!: string[];
+	private _defaultNewsPromise: Promise<ODataResponse> | null = null;
 
 	static readonly metadata: MetadataOptions = {
 		library: "sap.cux.home",
@@ -260,7 +280,7 @@ export default class NewsPanel extends BaseNewsPanel {
 					frameType: "Stretch" as FrameType
 				})
 			]
-		}).addStyleClass("newsTileMaxWidth");
+		}).addStyleClass("newsTileMaxWidth sapUiSmallMarginTop");
 		addFESRId(this.oNewsTile, "newsSlidePress");
 		this.getNewsWrapper().addContent(this.oNewsTile);
 		this.getNewsWrapper().addStyleClass("newsWrapper");
@@ -274,6 +294,24 @@ export default class NewsPanel extends BaseNewsPanel {
 		});
 		this.addAggregation("menuItems", this.oManageMenuItem);
 		addFESRId(this.oManageMenuItem, "manageNews");
+		let defaultNewsEnabled = this.isURLParamEnabled("default-News");
+		// if Default News url param is enabled, show default news only
+		if (defaultNewsEnabled) {
+			this.setUrl(DEFAULT_NEWS_URL);
+			this.setProperty("showCustom", false);
+		}
+	}
+
+	/**
+	 *
+	 * @param paramName name of parameter
+	 * This method checks if the URL parameter is enabled.
+	 * @returns {boolean} True if the parameter is enabled, false otherwise.
+	 * @private
+	 */
+	public isURLParamEnabled(paramName: string): boolean {
+		const urlParams = new URLSearchParams(window.location.search);
+		return urlParams.get(paramName)?.toUpperCase() === "TRUE";
 	}
 
 	/**
@@ -283,12 +321,25 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @returns {Promise} A promise that resolves when the news data is retrieved.
 	 */
 	public async getData() {
-		const sUrl: string = this.getUrl();
-		if (sUrl && !this.getProperty("showCustom")) {
+		let sUrl: string = this.getUrl();
+		let defaultNewsEnabled = this.isURLParamEnabled("default-News");
+		this.mandatoryNewsFeed = [];
+		if (!this.favNewsFeed) {
+			await this.setFavNewsFeed(defaultNewsEnabled);
+		}
+
+		if (sUrl && sUrl !== DEFAULT_NEWS_URL && !this.getProperty("showCustom")) {
+			//rss feed scenario
 			this.oNewsModel = await this.initializeXmlModel(sUrl);
 			this.oNewsTile.setModel(this.oNewsModel);
 			this.oManageMenuItem.setVisible(false);
+		} else if (sUrl == DEFAULT_NEWS_URL && !this.getProperty("showCustom")) {
+			// default news scenario
+			this.bNewsLoad = this.bNewsLoad || false;
+			this.oManageMenuItem.setVisible(true);
+			void this.setCustomNewsFeed("");
 		} else if (this.getProperty("showCustom")) {
+			//custom news scenario
 			this.bNewsLoad = this.bNewsLoad || false;
 			this.oManageMenuItem.setVisible(true);
 			const sCustomNewsFeedKey = this.getCustomFeedKey();
@@ -301,7 +352,24 @@ export default class NewsPanel extends BaseNewsPanel {
 			this.handleFeedError();
 		}
 		this.fireEvent("loaded");
-		this._adjustLayout();
+		this.adjustLayout();
+	}
+
+	/**
+	 * Retrieves the current news group data based on the provided id.
+	 *
+	 * @param id - The group ID
+	 * @returns The news group object that matches the extracted group ID, or `undefined`
+	 *          if no matching group is found.
+	 * @private
+	 */
+	public getCurrentNewsGroup(id: string) {
+		let aValues = this._defaultNews.value;
+		let aGroupId = id.split("-");
+		// find the groupid from the sId
+		let groupId = aGroupId?.[aGroupId.length - 1];
+		let currentGroup = aValues.find((oGroup) => oGroup.group_id === groupId);
+		return currentGroup;
 	}
 
 	/**
@@ -368,7 +436,7 @@ export default class NewsPanel extends BaseNewsPanel {
 	 */
 	private async loadNewsFeed(oDocument: Document, noOfFeeds: number) {
 		let oBindingInfo: IBindingInfo;
-		if (!oDocument?.querySelector("customFeed")) {
+		if (!oDocument?.querySelector("customFeed") && !oDocument?.querySelector("defaultFeed")) {
 			await this.extractAllImageUrls(oDocument, noOfFeeds || DEFAULT_FEED_COUNT);
 		}
 
@@ -382,7 +450,11 @@ export default class NewsPanel extends BaseNewsPanel {
 				path: "/entry/",
 				length: noOfFeeds || DEFAULT_FEED_COUNT
 			};
-		} else if (!!oDocument?.querySelector("customFeed") && !!oDocument?.querySelector("item")) {
+		} else if (
+			(!!oDocument?.querySelector("customFeed") || !!oDocument?.querySelector("defaultFeed")) &&
+			!!oDocument?.querySelector("item")
+		) {
+			this.destroyAggregation("newsItems");
 			oBindingInfo = {
 				path: "/item/",
 				length: noOfFeeds || DEFAULT_FEED_COUNT
@@ -399,7 +471,7 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @returns {void}
 	 */
 	public handleFeedError(): void {
-		if (this.getProperty("showCustom")) {
+		if (this.getProperty("showCustom") || this.getUrl() === DEFAULT_NEWS_URL) {
 			this.generateErrorMessage().setVisible(true);
 			this.oNewsTile.setVisible(false);
 		} else {
@@ -419,14 +491,19 @@ export default class NewsPanel extends BaseNewsPanel {
 		await this.getData();
 	}
 
-	private _adjustLayout() {
+	/**
+	 * Adjust layout based on the device type
+	 *
+	 * @private
+	 */
+	public adjustLayout() {
 		if (this.getDeviceType() === DeviceType.Mobile) {
 			this.oNewsTile.setHeight("11rem");
 			this.generateErrorMessage().setWidth("100%");
+			this.oNewsTile.removeStyleClass("sapUiSmallMarginTop");
 		} else {
 			this.oNewsTile.setHeight("17rem");
 			(this.getNewsWrapper()?.getParent() as FlexBox).setWidth("100%");
-			this.oNewsTile.addStyleClass("sapUiSmallMarginTopBottom");
 		}
 	}
 
@@ -437,33 +514,38 @@ export default class NewsPanel extends BaseNewsPanel {
 	 */
 	private bindNewsTile(oSlideTile: SlideTile, oBindingInfo: IBindingInfo): void {
 		if (oBindingInfo) {
-			oSlideTile.bindAggregation("tiles", {
-				path: oBindingInfo.path,
-				length: oBindingInfo.length,
-				templateShareable: false,
-				factory: (sId: string, oContext: Context) => {
-					const newsInfo = oContext.getObject() as XMLDocument;
-					let oTile;
-					if (newsInfo.getElementsByTagName("link").length > 0) {
-						oTile = new NewsItem("", {
-							url: newsInfo.getElementsByTagName("link")[0].textContent as string,
-							title: newsInfo.getElementsByTagName("title")[0].textContent as string,
-							subTitle: newsInfo.getElementsByTagName("description")[0].textContent as string,
-							imageUrl: newsInfo.getElementsByTagName("imageUrl")[0].textContent as string,
-							footer: this.formatDate(newsInfo.getElementsByTagName("pubDate")[0].textContent as string)
-						});
-					} else {
-						oTile = new NewsGroup("", {
-							title: newsInfo.getElementsByTagName("title")[0].textContent as string,
-							subTitle: this._i18nBundle.getText("newsFeedDescription") as string,
-							imageUrl: newsInfo.getElementsByTagName("imageUrl")[0].textContent as string,
-							footer: newsInfo.getElementsByTagName("footer")[0].textContent as string
-						});
+			if (!oSlideTile.getBinding("tiles")) {
+				oSlideTile.bindAggregation("tiles", {
+					path: oBindingInfo.path,
+					length: oBindingInfo.length,
+					templateShareable: false,
+					factory: (sId: string, oContext: Context) => {
+						const newsInfo = oContext.getObject() as XMLDocument;
+						let oTile;
+						if (newsInfo.getElementsByTagName("link").length > 0) {
+							oTile = new NewsItem(recycleId(`${sId}-news-item`), {
+								url: newsInfo.getElementsByTagName("link")[0].textContent as string,
+								title: newsInfo.getElementsByTagName("title")[0].textContent as string,
+								subTitle: newsInfo.getElementsByTagName("description")[0].textContent as string,
+								imageUrl: newsInfo.getElementsByTagName("imageUrl")[0].textContent as string,
+								footer: this.formatDate(newsInfo.getElementsByTagName("pubDate")[0].textContent as string)
+							});
+						} else {
+							let sGroupId = (newsInfo.getElementsByTagName("id")?.[0]?.textContent as string) ?? "";
+							let newsId = sGroupId ? sId + "-newsgroup-" + sGroupId : sId + "-newsgroup";
+							let subTitleNews = newsInfo.getElementsByTagName("subTitle")?.[0]?.textContent ?? "";
+							oTile = new NewsGroup(recycleId(newsId), {
+								title: newsInfo.getElementsByTagName("title")[0].textContent as string,
+								subTitle: subTitleNews || (this._i18nBundle.getText("newsFeedDescription") as string),
+								imageUrl: newsInfo.getElementsByTagName("imageUrl")?.[0]?.textContent as string,
+								footer: newsInfo.getElementsByTagName("footer")?.[0]?.textContent as string
+							});
+						}
+						this.addAggregation("newsItems", oTile, true);
+						return oTile.getTile();
 					}
-					this.addAggregation("newsItems", oTile, true);
-					return oTile.getTile();
-				}
-			});
+				});
+			}
 		}
 	}
 
@@ -498,10 +580,11 @@ export default class NewsPanel extends BaseNewsPanel {
 
 	/**
 	 * Returns the favourite news feed for the custom news
-	 * @returns {any}
+	 * @returns {IFavNewsFeed}
+	 * @private
 	 */
 	public getFavNewsFeed() {
-		return this.aFavNewsFeed;
+		return this.favNewsFeed;
 	}
 
 	/**
@@ -526,37 +609,71 @@ export default class NewsPanel extends BaseNewsPanel {
 			.catch(fnLoadPlaceholderImage);
 	}
 
+	/**
+	 * Checks if the custom file format is CSV based on the custom file name.
+	 *
+	 * @param {string} fileName - The custom file name.
+	 * @returns {boolean} True if the file format is CSV, otherwise false.
+	 */
+	private isCSVFileFormat(fileName: string): boolean {
+		return fileName.split(".").pop()?.toLowerCase() === ("csv" as string);
+	}
+	/**
+	 * Sets the favorite news feed for the user by retrieving personalization data.
+	 *
+	 * This method asynchronously fetches the user's personalization data and updates
+	 * the `favNewsFeed` property with the favorite news feed information.
+	 *
+	 * @returns {Promise<void>} A promise that resolves when the favorite news feed is set.
+	 * @private
+	 */
+	private async setFavNewsFeed(defaultFeed?: boolean): Promise<void> {
+		const personalizer = await this._getUserPersonalization();
+		const persData = await personalizer?.read();
+		this.favNewsFeed = (defaultFeed ? persData?.defaultNewsFeed : persData?.favNewsFeed) as IFavNewsFeed;
+	}
+
 	/**
 	 * This method retrieves the count and feeds of the custom news feed asynchronously.
 	 * If the count is not zero, it loads the custom news feed data and returns the feeds.
 	 * @param {string} sFeedId - The ID of the custom news feed to set.
 	 * @returns {Promise} A promise that resolves to an array of news feeds.
+	 * @private
 	 */
 	public async setCustomNewsFeed(sFeedId: string): Promise<void> {
 		try {
 			this.oNewsTile.setVisible(true);
 			this.generateErrorMessage().setVisible(false);
-			const personalizer = await this._getUserPersonalization();
-			const persData = await personalizer?.read();
-			this.aFavNewsFeed = persData?.favNewsFeed as { items: string[]; showAllPreparationRequired: boolean };
-			let [iFeedCount, aFeeds] = await Promise.all([
-				this.getCustomNewsFeedCount(sFeedId),
-				this.getCustomNewsFeed(sFeedId, this.aFavNewsFeed ? this.aFavNewsFeed.showAllPreparationRequired : true)
-			]);
-			if (aFeeds.length === 0 || iFeedCount === 0) {
-				throw new Error();
+			await this.setFavNewsFeed(!sFeedId);
+			const customFileName = this.getProperty("customFileName") as string;
+			const showAllPrepRequired = this.isCSVFileFormat(customFileName)
+				? false
+				: (this.favNewsFeed?.showAllPreparationRequired ?? true);
+
+			if (this.isCSVFileFormat(customFileName)) {
+				CUSTOM_NEWS_FEED.EXCLUDE_FIELDS.push("PreparationRequired");
+			}
+			let aFeeds;
+			if (sFeedId) {
+				aFeeds = await this.getCustomNewsFeed(sFeedId, showAllPrepRequired);
+			} else {
+				aFeeds = await this.getCustomNewsFeed("", true);
+			}
+
+			if (aFeeds.length === 0) {
+				throw new Error("Error: No news feed available");
 			}
 			//filer selected feeds from all news feed
-			if (this.aFavNewsFeed?.items?.length) {
+			if (this.favNewsFeed?.items?.length) {
 				aFeeds = aFeeds.filter((oNewsFeed) => {
-					return this.aFavNewsFeed?.items.includes(oNewsFeed.title as string);
+					//return this.favNewsFeed?.items.includes(oNewsFeed.title) || this.mandatoryNewsFeed.includes(oNewsFeed.title);
+					return this.favNewsFeed?.items.includes(oNewsFeed.title);
 				});
-			} else if (this.aFavNewsFeed?.items?.length === 0) {
+			} else if (this.favNewsFeed?.items?.length === 0) {
 				(this.getParent() as NewsAndPagesContainer)?.panelLoadedFn("News", { loaded: true, count: 0 });
-				throw new Error("Error: No news feed available");
+				throw new Error("Error: No fav news feed available");
 			}
-			(this.getNewsWrapper()?.getParent() as FlexBox).addStyleClass("sapMNewsFlex");
-			this.loadCustomNewsFeed(aFeeds);
+			await this.loadCustomNewsFeed(aFeeds, sFeedId ? "customFeed" : "defaultFeed");
 		} catch (err) {
 			Log.error(err as string);
 			this.handleFeedError();
@@ -564,16 +681,141 @@ export default class NewsPanel extends BaseNewsPanel {
 	}
 
 	/**
-	 * Retrieves the count of custom news feed items identified by the provided feed ID.
-	 * @param {string} sFeedId - The ID of the custom news feed.
-	 * @returns {Promise} A Promise that resolves to the count of custom news feed items.
+	 * Filters the provided list of news groups to include only those that are marked as mandatory.
+	 *
+	 * A news group is considered mandatory if:
+	 * - Its `mandatory_text` property (at the top level) is set to "TRUE" (case-insensitive).
+	 * - Any of its associated articles (in the `_group_to_article` array) has a `mandatory_text` property set to "TRUE" (case-insensitive).
+	 *
+	 * If any article within a group is marked as mandatory, the group's `mandatory_text` property
+	 * is updated to "TRUE".
+	 *
+	 * @param newsGroups - An array of news groups to filter. Each group is expected to implement the `ICustomNewsFeed` interface.
+	 * @returns An array of news groups that are marked as mandatory.
+	 * @private
+	 */
+	private filterMandatoryNews(newsGroups: ICustomNewsFeed[]) {
+		return newsGroups.filter((group) => {
+			// Check top-level mandatory_text
+			const isTopLevelMandatory = group.mandatory_text?.toUpperCase() === "TRUE";
+
+			// Check if any inner _group_to_article has mandatory_text true
+			const isAnyArticleMandatory = group._group_to_article?.some(function (article) {
+				//make mandatory_test true at group level if any article is mandatory
+				if (article.mandatory_text?.toUpperCase() === "TRUE") {
+					group.mandatory_text = "TRUE";
+					return true;
+				}
+			});
+
+			return isTopLevelMandatory || isAnyArticleMandatory;
+		});
+	}
+
+	/**
+	 * Retrieves the default news feed details from the given OData response.
+	 *
+	 * @param newsResponse - The OData response containing the news feed data.
+	 * @param showAllPreparationRequired - A boolean flag indicating whether to filter news items that require preparation.
+	 * @returns An array of default news feed items.
+	 * @private
+	 */
+	private getDefaultNewsFeedDetails(newsResponse: ODataResponse) {
+		let aNews: ICustomNewsFeed[] = JSON.parse(JSON.stringify(newsResponse.value || [])) as ICustomNewsFeed[];
+		const aDefaultNews: ICustomNewsFeed[] = [];
+		const oDefaultFeedDict = {} as Record<string, string>;
+		this.mandatoryNewsFeed = [];
+		if (aNews?.length > 0) {
+			this.mandatoryNewsFeed = this.filterMandatoryNews(aNews).map((oFeed) => oFeed.title);
+
+			for (const oFeed of aNews) {
+				const title = oFeed.title;
+				let subTitle = "";
+				if (!oDefaultFeedDict[title]) {
+					subTitle = oFeed.subTitle || oFeed.description || "";
+					aDefaultNews.push({
+						title: title,
+						footer: oFeed.footer_text,
+						imageUrl: this.getDefaultFeedImage(oFeed),
+						id: oFeed.group_id,
+						subTitle: subTitle || ""
+					});
+					oDefaultFeedDict[title] = title;
+				}
+			}
+		}
+		return aDefaultNews;
+	}
+
+	/**
+	 * Returns the mandatory news feed details
+	 * If the mandatory news feed is not set, it returns an empty array.
+	 *
+	 * @returns {ICustomNewsFeed[]} The mandatory news feed details.
+	 * @private
 	 */
-	public async getCustomNewsFeedCount(sFeedId: string): Promise<number> {
-		let sUrl = encodeURI(NEWS_FEED_COUNT_URL + "?$filter=ChangeId" + " eq " + "'" + sFeedId + "'");
-		if (!this.customNewsFeedCache.has(sUrl)) {
-			this.customNewsFeedCache.set(sUrl, HttpHelper.GetJSON(sUrl));
+	public getMandatoryDefaultNewsFeed() {
+		return this.mandatoryNewsFeed || [];
+	}
+
+	/**
+	 * Retrieves the default news response, either from cache or by fetching it.
+	 * @returns {Promise<ODataResponse>} A promise that resolves to the default news data
+	 * @private
+	 */
+	private getDefaultNewsResponse(): Promise<ODataResponse> {
+		// Return cached data if available
+		if (this._defaultNews) {
+			return Promise.resolve(this._defaultNews);
+		}
+
+		if (!this._defaultNewsPromise) {
+			this._defaultNewsPromise = this.fetchDefaultNews();
+		}
+
+		return this._defaultNewsPromise;
+	}
+
+	/**
+	 * Fetches the default news data from the server.
+	 * @returns {Promise<ODataResponse>} A promise that resolves to the fetched news data
+	 * @throws {Error} If the network request fails or returns a non-OK status
+	 * @private
+	 */
+	private async fetchDefaultNews(): Promise<ODataResponse> {
+		try {
+			const response = await fetch(DEFAULT_NEWS_URL);
+
+			if (!response.ok) {
+				throw new Error(`HTTP error! status: ${response.status}`);
+			}
+
+			this._defaultNews = (await response.json()) as ODataResponse;
+			return this._defaultNews;
+		} catch (error) {
+			this._defaultNewsPromise = null;
+			Log.error(error as string);
+			throw error;
+		}
+	}
+
+	/**
+	 * Retrieves a custom news feed based on the provided feed ID.
+	 * If no feed ID is provided, it returns the default news feed.
+	 *
+	 * @param {string} sFeedId - The ID of the custom news feed to retrieve. If not provided, the default news feed is returned.
+	 * @param {boolean} showAllPreparationRequired - A flag indicating whether to show all preparation required.
+	 * @returns {Promise<ICustomNewsFeed[]>} A promise that resolves to an array of custom news feed items.
+	 * @private
+	 */
+	public async getCustomNewsFeed(sFeedId: string, showAllPreparationRequired: boolean): Promise<ICustomNewsFeed[]> {
+		if (!sFeedId) {
+			await this.getDefaultNewsResponse();
+			let aDefaultgroups = this.getDefaultNewsFeedDetails(this._defaultNews);
+			return aDefaultgroups;
+		} else {
+			return this.getCustomFeedData(sFeedId, showAllPreparationRequired);
 		}
-		return this.customNewsFeedCache.get(sUrl) as Promise<number>;
 	}
 
 	/**
@@ -582,8 +824,9 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @param {string} sFeedId - The ID of the custom news feed.
 	 * @param {boolean} showAllPreparationRequired - Indicates whether to show all preparation required.
 	 * @returns {Promise} A Promise that resolves to an array of custom news feed items.
+	 * @private
 	 */
-	public async getCustomNewsFeed(sFeedId: string, showAllPreparationRequired: boolean): Promise<ICustomNewsFeed[]> {
+	private async getCustomFeedData(sFeedId: string, showAllPreparationRequired: boolean): Promise<ICustomNewsFeed[]> {
 		try {
 			const newsDetailUrl = this.getNewsFeedDetailsUrl({ changeId: sFeedId, showAllPreparationRequired });
 			if (!this.customNewsFeedCache.has(newsDetailUrl)) {
@@ -605,7 +848,7 @@ export default class NewsPanel extends BaseNewsPanel {
 					}
 				});
 			}
-			return aFeeds;
+			return aFeeds; // group details
 		} catch (err) {
 			Log.error(err as string);
 			throw new Error(err as string);
@@ -620,8 +863,10 @@ export default class NewsPanel extends BaseNewsPanel {
 	 */
 	public getNewsFeedDetailsUrl(oNews: INewsItem) {
 		let sUrl = NEWS_FEED_READ_API + "?$filter=ChangeId eq " + "'" + oNews.changeId + "'";
-		sUrl = oNews.title ? sUrl + " and LineOfBusiness eq " + "'" + encodeURI(oNews.title) + "'" : sUrl;
-		sUrl = oNews.showAllPreparationRequired ? sUrl + " and PreparationRequired eq true" : sUrl;
+		const customFileName = this.getProperty("customFileName") as string;
+		if (!this.isCSVFileFormat(customFileName) && oNews.showAllPreparationRequired) {
+			sUrl = sUrl + " and PreparationRequired eq true";
+		}
 		return sUrl + "&$top=999";
 	}
 
@@ -632,9 +877,12 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @param {string} sNewsUrl - The URL of the news feed.
 	 * @returns {Array} The filtered array of news feed items authorized for the user.
 	 */
-	public async getAuthNewsFeed(sNewsUrl: string) {
+	public async getAuthNewsFeed(sNewsUrl: string, newsTitle?: string) {
 		try {
-			const [aAvailableApps, aNewsFeed] = await Promise.all([this.getAllAvailableApps(), this.getNewsFeedDetails(sNewsUrl)]);
+			const [aAvailableApps, aNewsFeed] = await Promise.all([
+				this.getAllAvailableApps(),
+				this.getNewsFeedDetails(sNewsUrl, newsTitle)
+			]);
 			if (aAvailableApps.length === 0) {
 				return aNewsFeed;
 			}
@@ -713,17 +961,20 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @param {string} sUrl - The URL of the news feed details.
 	 * @returns {Array} The array of news feed items with translated and formatted field labels.
 	 */
-	private async getNewsFeedDetails(sUrl: string): Promise<ICustomNewsFeed[]> {
-		if (!this.customNewsFeedCache.has(sUrl)) {
-			this.customNewsFeedCache.set(sUrl, HttpHelper.GetJSON(sUrl) as Promise<{ value: ICustomNewsFeed[] }>);
+	private async getNewsFeedDetails(sUrl: string, newsTitle?: string): Promise<ICustomNewsFeed[]> {
+		if (this.customNewsFeedCache.has(sUrl)) {
+			const newsFeedDetails = await this.customNewsFeedCache.get(sUrl);
+			return this.filterNewsOnTitle(newsFeedDetails as ICustomNewsFeed[], newsTitle);
 		}
+
 		const fnFormattedLabel = (sLabel: string) => sLabel.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
 		const [newsResponse, translationResponse] = await Promise.all([
-			this.customNewsFeedCache.get(sUrl),
+			HttpHelper.GetJSON(sUrl) as Promise<{ value: ICustomNewsFeed[] }>,
 			this.getTranslatedText(this.getCustomFeedKey())
 		]);
-		const aNews: ICustomNewsFeed[] = JSON.parse(JSON.stringify((newsResponse as INewsResponse).value || [])) as ICustomNewsFeed[];
+		let aNews: ICustomNewsFeed[] = JSON.parse(JSON.stringify((newsResponse as INewsResponse).value || [])) as ICustomNewsFeed[];
 		const aTranslation = JSON.parse(JSON.stringify((translationResponse as INewsResponse).value || [])) as ITranslatedText[];
+		aNews = this.filterNewsOnTitle(aNews, newsTitle);
 		return aNews.map((oNews: ICustomNewsFeed) => {
 			const aFields = Object.keys(oNews);
 			const aExpandFields: INewsLink[] = [];
@@ -734,7 +985,7 @@ export default class NewsPanel extends BaseNewsPanel {
 				const oTranslatedFieldName = (oTranslatedField?.TranslatedName as string) || fnFormattedLabel(oField);
 				oNews[oField] = { label: oTranslatedFieldName, value: oNews[oField] as string } as INewsLink;
 				if (!CUSTOM_NEWS_FEED.EXCLUDE_FIELDS.includes(oField)) {
-					aExpandFields.push(oNews[oField]);
+					aExpandFields.push(oNews[oField] as INewsLink);
 				}
 			});
 			oNews.Link = {
@@ -748,6 +999,23 @@ export default class NewsPanel extends BaseNewsPanel {
 		});
 	}
 
+	/**
+	 * Filters the news feed data based on the LOB title for the news detail dialog
+	 *
+	 * @private
+	 * @param {ICustomNewsFeed[]} aNews complete news feed data
+	 * @param {?string} [newsTitle] title of the line of business to be filtered on
+	 * @returns {ICustomNewsFeed[]} filtered news feed for provided LOB title
+	 */
+	private filterNewsOnTitle(aNews: ICustomNewsFeed[], newsTitle?: string): ICustomNewsFeed[] {
+		if (newsTitle) {
+			return aNews.filter((newsDetail: ICustomNewsFeed) => {
+				return (newsDetail.LineOfBusiness as INewsLink).value === newsTitle;
+			});
+		}
+		return aNews;
+	}
+
 	/**
 	 * Retrieves translated text for news feed fields based on the specified feed ID.
 	 * @param {string} sFeedId - The ID of the custom news feed
@@ -772,8 +1040,8 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * Loads custom news feed into the news panel after parsing JSON feed data to XML format.
 	 * @param {Array} feeds - The array of custom news feed items.
 	 */
-	private loadCustomNewsFeed(feeds: ICustomNewsFeed[]) {
-		const oXMLResponse = this.parseJsonToXml(JSON.parse(JSON.stringify(feeds)) as JSON[]);
+	private async loadCustomNewsFeed(feeds: ICustomNewsFeed[], feedType: string) {
+		const oXMLResponse = this.parseJsonToXml(JSON.parse(JSON.stringify(feeds)) as JSON[], feedType);
 		const oParent = this.getParent() as NewsAndPagesContainer;
 		if (!this.oNewsModel) {
 			this.oNewsModel = new XMLModel(oXMLResponse);
@@ -783,9 +1051,11 @@ export default class NewsPanel extends BaseNewsPanel {
 			}
 			this.oNewsTile.setModel(this.oNewsModel);
 		} else {
+			this.oNewsTile.unbindAggregation("tiles", false); // Unbind the bound aggregation
+			this.oNewsTile.destroyAggregation("tiles"); // Removes old tiles
 			this.oNewsModel.setData(oXMLResponse);
 		}
-		void this.loadNewsFeed(oXMLResponse, feeds.length);
+		await this.loadNewsFeed(oXMLResponse, feeds.length);
 	}
 
 	/**
@@ -793,7 +1063,7 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * @param {JSON[]} json - The JSON data to be parsed into XML.
 	 * @returns {XMLDocument} The XML document representing the parsed JSON data.
 	 */
-	private parseJsonToXml(json: JSON[]): XMLDocument {
+	private parseJsonToXml(json: JSON[], feedType: string): XMLDocument {
 		const _transformJsonForXml = (aData: JSON[]) => aData.map((data: JSON) => ({ item: data }));
 		const _jsonToXml = (json: JSON) => {
 			let xml = "";
@@ -812,7 +1082,7 @@ export default class NewsPanel extends BaseNewsPanel {
 		};
 		const transformedJson: JSON = JSON.parse(JSON.stringify(_transformJsonForXml(json))) as JSON;
 		let xml = "<?xml version='1.0' encoding='UTF-8'?>";
-		const rootToken = "customFeed";
+		const rootToken = feedType;
 		xml += `<${rootToken}>`;
 		xml += _jsonToXml(transformedJson);
 		xml += `</${rootToken}>`;
@@ -825,8 +1095,9 @@ export default class NewsPanel extends BaseNewsPanel {
 	 * Randomly selects an image from the available images for the feed item.
 	 * @param {string} sFileName - The file name of the custom news feed item.
 	 * @returns {string} The URL of the image for the feed item.
+	 * @private
 	 */
-	public getCustomFeedImage(sFileName: string) {
+	private getCustomFeedImage(sFileName: string) {
 		const sFileBasePath = sap.ui.require.toUrl(CUSTOM_NEWS_FEED.IMAGE_URL);
 		let sFilePath = sFileBasePath + CUSTOM_IMAGES.default[0];
 		const files = CUSTOM_IMAGES[sFileName] || [];
@@ -840,6 +1111,105 @@ export default class NewsPanel extends BaseNewsPanel {
 		return sFilePath;
 	}
 
+	/**
+	 * Retrieves the default feed image for a given news feed.
+	 *
+	 * @param {ICustomNewsFeed} oFeed - The custom news feed object.
+	 * @returns {string} The base64 encoded image string with the appropriate MIME type, or an empty string if no valid image is found.
+	 * @private
+	 */
+	private getDefaultFeedImage(oFeed: ICustomNewsFeed): string {
+		const imgId = oFeed?.bg_image_id;
+		const groupImg = oFeed?._group_to_image;
+
+		if (!groupImg || groupImg.image_id !== imgId) {
+			return "";
+		}
+
+		let mimeType = groupImg.mime_type;
+		const groupBgImg = groupImg.bg_image;
+
+		if (!groupBgImg) {
+			return "";
+		}
+		if (mimeType === "application/octet-stream") {
+			mimeType = "image/jpeg";
+		}
+		if (!this.isValidBase64(groupBgImg)) {
+			const base64Data = this.base64UrlToBase64(groupBgImg);
+			return `data:${mimeType};base64,${base64Data}`;
+		}
+		return `data:${mimeType};base64,${groupBgImg}`;
+	}
+
+	/**
+	 * Converts a base64 URL string to a standard base64 string.
+	 *
+	 * @param {string} base64Url - The base64 URL string to convert.
+	 * @returns {string} The converted base64 string.
+	 * @private
+	 */
+	private base64UrlToBase64(base64Url: string) {
+		let base64 = base64Url?.replace(/_/g, "/").replace(/-/g, "+");
+
+		// Add padding if missing (Base64 should be a multiple of 4)
+		while (base64.length % 4 !== 0) {
+			base64 += "=";
+		}
+		return base64;
+	}
+
+	/**
+	 * Checks if a string is a valid base64 encoded string.
+	 * @param input The string to validate
+	 * @returns boolean indicating if the string is valid base64
+	 * @private
+	 */
+	private isValidBase64(input: string): boolean {
+		// Check if the string exists and isn't empty
+		if (!input || input.length === 0) {
+			return false;
+		}
+
+		// Canonical base64 strings use these characters
+		// A-Z, a-z, 0-9, +, /, and = for padding
+		const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
+
+		// Check if the string matches the base64 character set
+		if (!base64Regex.test(input)) {
+			return false;
+		}
+
+		// Check if the length is valid
+		// Base64 strings have a length that is a multiple of 4
+		if (input.length % 4 !== 0) {
+			return false;
+		}
+
+		// Check padding rules
+		if (input.includes("=")) {
+			// If there is padding, it must be at the end
+			const paddingIndex = input.indexOf("=");
+			const lastPaddingIndex = input.lastIndexOf("=");
+			// Padding should only occur at the end
+			if (paddingIndex !== input.length - (input.length - paddingIndex)) {
+				return false;
+			}
+
+			// Can only have 1 or 2 padding characters
+			if (input.length - paddingIndex > 2) {
+				return false;
+			}
+
+			// Make sure all padding is at the end
+			if (paddingIndex !== lastPaddingIndex && lastPaddingIndex !== paddingIndex + 1) {
+				return false;
+			}
+		}
+
+		return true;
+	}
+
 	private _getUserPersonalization() {
 		const persContainerId = PersonalisationUtils.getPersContainerId(this);
 		const ownerComponent = PersonalisationUtils.getOwnerComponent(this) as Component;