[MT-5280] Feature - Implement banner on preview newsrooms

.nvmrc

@@ -1 +1 @@
-v16.14.2
+v16

src/data-fetching/api/PrezlyApi.ts

@@ -13,6 +13,7 @@ import {
     getDefaultLanguage,
     getLanguageFromNextLocaleIsoCode,
     getLanguageFromStory,
+    getNotifications,
     LocaleObject,
 } from '../../intl';
 import type { PageProps, ServerSidePageProps } from '../../types';
@@ -273,6 +274,7 @@ export class PrezlyApi {
         // TODO: if no information given for current language, show boilerplate from default language
         const companyInformation = getCompanyInformation(languages, locale);
 
+        const notifications = getNotifications(languages, locale);
         const algoliaSettings = getAlgoliaSettings(request);
 
         return {
@@ -282,6 +284,7 @@ export class PrezlyApi {
                 categories,
                 languages,
                 localeCode,
+                notifications,
                 themePreset,
                 algoliaSettings,
             },

src/intl/languages.ts

@@ -168,7 +168,17 @@ export function getCompanyInformation(languages: NewsroomLanguageSettings[], loc
 }
 
 /**
- * Get shortest locale code possible from full locale code
+ * Get newsroom notifications for the selected locale
+ */
+export function getNotifications(languages: NewsroomLanguageSettings[], locale: LocaleObject) {
+    const currentLanguage =
+        getLanguageByExactLocaleCode(languages, locale) || getDefaultLanguage(languages);
+
+    return currentLanguage.notifications;
+}
+
+/**
+ * Get the shortest locale code possible from full locale code
  * First: try shorting to neutral language code (there should be no locales with the same language code)
  * Then: try shorting to region code (there should be no locales with the same region code)
  * Finally: return the original locale code (shorting is not possible)

src/newsroom-context/context.tsx

@@ -6,6 +6,7 @@ import type {
     NewsroomContact,
     NewsroomLanguageSettings,
     NewsroomThemePreset,
+    Notification,
 } from '@prezly/sdk';
 import type { PropsWithChildren } from 'react';
 import { createContext, useMemo } from 'react';
@@ -47,6 +48,10 @@ export interface NewsroomContextType {
      * Currently chosen locale
      */
     locale: LocaleObject;
+    /**
+     * Newsroom user-facing notifications (usually displayed as top-edge banners)
+     */
+    notifications: Notification[];
     /**
      * Theme settings as set in the Prezly app.
      * You need to provide `PREZLY_THEME_UUID` in environment variables in order for the preset to be loaded.
@@ -78,6 +83,7 @@ export function NewsroomContextProvider({
     companyInformation,
     languages,
     localeCode,
+    notifications,
     themePreset,
     algoliaSettings,
     children,
@@ -98,6 +104,7 @@ export function NewsroomContextProvider({
                 companyInformation,
                 languages,
                 locale,
+                notifications,
                 themePreset,
                 algoliaSettings,
             }}