@streamscloud/embeddable 12.2.0 → 13.0.0

package/dist/{short-videos → external-api}/short-videos-player/index.d.ts

@@ -1,43 +1,53 @@
 import type { Locale } from '../../core/locale';
-import { type IMediaCenterConfig } from '../../media-center/config/types';
-export type { IMediaCenterConfig };
+import { type IMediaCenterDataProvider } from '../../media-center/config/types';
+export type { IMediaCenterDataProvider };
 /**
  * Opens the short videos player modal.
  *
+ * Uses an internal data provider configured by a list of short-video IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
  * @param init Configuration options.
  *
- * IDs mode (overload 2)
+ * Required
  * @param {string[]} init.ids
  *   List of short-video IDs to display.
  * @param {string} init.initiator
  *   Identifier of the initiator (used for tracking/analytics and GraphQL).
+ *
+ * Optional
  * @param {string} [init.graphqlOrigin]
  *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
  * @param {string} [init.initialId]
  *   ID of the video to open first (optional).
  * @param {string} [init.mediaPageId]
  *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the short videos player will be opened inside a media page modal.
  *
  * Player settings
- * @param {IPostSocialInteractionsHandler} [init.socialInteractionsHandler]
- *   Handler for social interactions (like, share, etc.).
- * @param [init.playerSettings]
+ * @param {Object} [init.playerSettings]
  *   Player UI and behavior settings.
  *
- *   Fields of ContentPlayerSettings:
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
  *   - {Locale} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
  *
  * Events
- * @param {{ playerClosed?: () => void; videoActivated?: (id: string) => void }} [init.on]
+ * @param {{ playerClosed?: () => void; postActivated?: (id: string) => void }} [init.on]
  *   Optional event handlers.
  * @param {() => void} [init.on.playerClosed]
  *   Called after the player is fully closed (after unmount and removal from the DOM).
- * @param {(id: string) => void} [init.on.videoActivated]
- *   Called when a video becomes active (receives the video's id).
+ * @param {(id: string) => void} [init.on.postActivated]
+ *   Called when a short video becomes active (receives the video's id).
  *
  * @returns {void}
  *
@@ -57,6 +67,7 @@ export type { IMediaCenterConfig };
  *     disableBackground: false,
  *     hideCloseButton: false,
  *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
  *   },
  *   on: {
  *     playerClosed: () => console.log('Player closed'),
@@ -71,10 +82,14 @@ export declare function openShortVideosPlayer(init: {
     initialId?: string;
     mediaPageId?: string;
     playerSettings?: {
-        hideCloseButton?: boolean;
+        disableBackground?: boolean;
         locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        hideCloseButton?: boolean;
+        theme?: 'light' | 'dark';
     };
     on?: {
         playerClosed?: () => void;
+        postActivated?: (id: string) => void;
     };
-}): Promise<void>;
+}): void;

package/dist/{short-videos → external-api}/short-videos-player/index.js

@@ -1,45 +1,54 @@
-import { InternalMediaCenterConfig } from '../../media-center/config/internal-media-center-config';
+import { InternalMediaCenterDataProvider, InternalShortVideoPlayerItemsProvider, InternalPostAnalyticsHandler } from '../data-providers';
 import {} from '../../media-center/config/types';
-import { InternalPostAnalyticsHandler } from '../../posts/handlers';
+import { openMediaPageModalWithInitialPostsProvider } from '../../media-page';
 import { openPostsPlayer } from '../../posts/posts-player';
-import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
 /**
  * Opens the short videos player modal.
  *
+ * Uses an internal data provider configured by a list of short-video IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
  * @param init Configuration options.
  *
- * IDs mode (overload 2)
+ * Required
  * @param {string[]} init.ids
  *   List of short-video IDs to display.
  * @param {string} init.initiator
  *   Identifier of the initiator (used for tracking/analytics and GraphQL).
+ *
+ * Optional
  * @param {string} [init.graphqlOrigin]
  *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
  * @param {string} [init.initialId]
  *   ID of the video to open first (optional).
  * @param {string} [init.mediaPageId]
  *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the short videos player will be opened inside a media page modal.
  *
  * Player settings
- * @param {IPostSocialInteractionsHandler} [init.socialInteractionsHandler]
- *   Handler for social interactions (like, share, etc.).
- * @param [init.playerSettings]
+ * @param {Object} [init.playerSettings]
  *   Player UI and behavior settings.
  *
- *   Fields of ContentPlayerSettings:
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
  *   - {Locale} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
  *
  * Events
- * @param {{ playerClosed?: () => void; videoActivated?: (id: string) => void }} [init.on]
+ * @param {{ playerClosed?: () => void; postActivated?: (id: string) => void }} [init.on]
  *   Optional event handlers.
  * @param {() => void} [init.on.playerClosed]
  *   Called after the player is fully closed (after unmount and removal from the DOM).
- * @param {(id: string) => void} [init.on.videoActivated]
- *   Called when a video becomes active (receives the video's id).
+ * @param {(id: string) => void} [init.on.postActivated]
+ *   Called when a short video becomes active (receives the video's id).
  *
  * @returns {void}
  *
@@ -59,6 +68,7 @@ import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
  *     disableBackground: false,
  *     hideCloseButton: false,
  *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
  *   },
  *   on: {
  *     playerClosed: () => console.log('Player closed'),
@@ -66,32 +76,29 @@ import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
  * });
  * ```
  */
-export async function openShortVideosPlayer(init) {
+export function openShortVideosPlayer(init) {
     const { ids, graphqlOrigin, initialId, initiator, playerSettings, on } = init;
     const dataProvider = new InternalShortVideoPlayerItemsProvider({ ids, graphqlOrigin, initialId, initiator });
-    const mediaCenterConfig = init.mediaPageId ? new InternalMediaCenterConfig({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator }) : undefined;
+    const mediaCenterDataProvider = init.mediaPageId
+        ? new InternalMediaCenterDataProvider({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator })
+        : undefined;
     const analyticsHandler = new InternalPostAnalyticsHandler(graphqlOrigin);
-    if (mediaCenterConfig) {
-        openPostsPlayer({
-            postsProvider: dataProvider,
-            mediaCenterConfig,
-            playerSettings: {
-                hideCloseButton: playerSettings?.hideCloseButton,
-                locale: playerSettings?.locale,
-                showStreamsCloudWatermark: true
-            },
-            on
+    if (mediaCenterDataProvider) {
+        openMediaPageModalWithInitialPostsProvider({
+            dataProvider: dataProvider,
+            mediaCenterDataProvider,
+            viewerSettings: playerSettings,
+            on: {
+                closed: on?.playerClosed,
+                postActivated: on?.postActivated
+            }
         });
     }
     else {
         openPostsPlayer({
             postsProvider: dataProvider,
             analyticsHandler,
-            playerSettings: {
-                hideCloseButton: playerSettings?.hideCloseButton,
-                locale: playerSettings?.locale,
-                showStreamsCloudWatermark: true
-            },
+            playerSettings: playerSettings,
             on
         });
     }

package/dist/external-api/streams-player/index.d.ts

@@ -0,0 +1,105 @@
+import type { Locale } from '../../core/locale';
+import { type IMediaCenterDataProvider } from '../../media-center/config/types';
+import type { StreamPageViewerModel } from '../../streams/stream-page-viewer/types';
+import type { IStreamAnalyticsHandler, IStreamsPlayerDataProvider, StreamAmplificationParameters, StreamPlayerModel } from '../../streams/streams-player/types';
+export { type StreamPlayerModel, type StreamPageViewerModel };
+export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterDataProvider };
+/**
+ * Opens the streams player modal.
+ *
+ * Uses an internal data provider configured by a list of stream IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
+ * @param init Configuration options.
+ *
+ * Required
+ * @param {string[]} init.ids
+ *   List of stream IDs to display.
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * Optional
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
+ * @param {string} [init.initialId]
+ *   ID of the stream to open first (optional).
+ * @param {string} [init.mediaPageId]
+ *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the streams player will be opened inside a media page modal.
+ * @param {StreamAmplificationParameters} [init.amplificationParameters]
+ *   Optional parameters to configure amplification behavior.
+ * @param {Object} [init.playerSettings]
+ *   Player UI and behavior settings.
+ *
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * Events
+ * @param {{ streamActivated?: (data: { title: string; image: string | null }) => void; playerClosed?: () => void }} [init.on]
+ *   Optional event handlers.
+ * @param {(data: { title: string; image: string | null }) => void} [init.on.streamActivated]
+ *   Called when the stream becomes active. Receives a subset of data with title and image.
+ * @param {() => void} [init.on.playerClosed]
+ *   Called after the player is fully closed (after unmount and removal from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openStreamsPlayer } from '@streamscloud/embeddable/stream-player';
+ *
+ * openStreamsPlayer({
+ *   ids: ['stream_123'],
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   mediaPageId: 'media-page-123',
+ *   amplificationParameters: {
+ *     // ...your amplification parameters
+ *   },
+ *   playerSettings: {
+ *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     locale: 'no',
+ *     disableBackground: false,
+ *     hideCloseButton: false,
+ *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     streamActivated: ({ title, image }) => console.log('Stream active:', title, image),
+ *     playerClosed: () => console.log('Player closed'),
+ *   },
+ * });
+ * ```
+ */
+export declare function openStreamsPlayer(init: {
+    ids: string[];
+    initiator: string;
+    graphqlOrigin?: string;
+    initialId?: string;
+    mediaPageId?: string;
+    amplificationParameters?: StreamAmplificationParameters;
+    playerSettings?: {
+        disableBackground?: boolean;
+        locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        hideCloseButton?: boolean;
+        theme?: 'light' | 'dark';
+    };
+    on?: {
+        streamActivated?: (data: {
+            title: string;
+            image: string | null;
+        }) => void;
+        playerClosed?: () => void;
+    };
+}): void;

package/dist/external-api/streams-player/index.js

@@ -0,0 +1,110 @@
+import { InternalMediaCenterDataProvider, InternalStreamsPlayerDataProvider, InternalStreamAnalyticsHandler } from '../data-providers';
+import {} from '../../media-center/config/types';
+import { openMediaPageModalWithInitialStreamsProvider } from '../../media-page';
+import { openStreamsPlayer as openStreamsPlayerInternal } from '../../streams/streams-player';
+export {};
+/**
+ * Opens the streams player modal.
+ *
+ * Uses an internal data provider configured by a list of stream IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
+ * @param init Configuration options.
+ *
+ * Required
+ * @param {string[]} init.ids
+ *   List of stream IDs to display.
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * Optional
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
+ * @param {string} [init.initialId]
+ *   ID of the stream to open first (optional).
+ * @param {string} [init.mediaPageId]
+ *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the streams player will be opened inside a media page modal.
+ * @param {StreamAmplificationParameters} [init.amplificationParameters]
+ *   Optional parameters to configure amplification behavior.
+ * @param {Object} [init.playerSettings]
+ *   Player UI and behavior settings.
+ *
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * Events
+ * @param {{ streamActivated?: (data: { title: string; image: string | null }) => void; playerClosed?: () => void }} [init.on]
+ *   Optional event handlers.
+ * @param {(data: { title: string; image: string | null }) => void} [init.on.streamActivated]
+ *   Called when the stream becomes active. Receives a subset of data with title and image.
+ * @param {() => void} [init.on.playerClosed]
+ *   Called after the player is fully closed (after unmount and removal from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openStreamsPlayer } from '@streamscloud/embeddable/stream-player';
+ *
+ * openStreamsPlayer({
+ *   ids: ['stream_123'],
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   mediaPageId: 'media-page-123',
+ *   amplificationParameters: {
+ *     // ...your amplification parameters
+ *   },
+ *   playerSettings: {
+ *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     locale: 'no',
+ *     disableBackground: false,
+ *     hideCloseButton: false,
+ *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     streamActivated: ({ title, image }) => console.log('Stream active:', title, image),
+ *     playerClosed: () => console.log('Player closed'),
+ *   },
+ * });
+ * ```
+ */
+export function openStreamsPlayer(init) {
+    const { ids, initialId, graphqlOrigin, initiator, amplificationParameters, playerSettings, on } = init;
+    const dataProvider = new InternalStreamsPlayerDataProvider({ ids, initialId, graphqlOrigin, initiator });
+    const mediaCenterDataProvider = init.mediaPageId
+        ? new InternalMediaCenterDataProvider({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator })
+        : undefined;
+    const analyticsHandler = new InternalStreamAnalyticsHandler(graphqlOrigin);
+    if (mediaCenterDataProvider) {
+        openMediaPageModalWithInitialStreamsProvider({
+            dataProvider: dataProvider,
+            mediaCenterDataProvider,
+            viewerSettings: playerSettings,
+            on: {
+                closed: on?.playerClosed,
+                streamActivated: on?.streamActivated
+            }
+        });
+    }
+    else {
+        openStreamsPlayerInternal({
+            dataProvider,
+            analyticsHandler,
+            amplificationParameters,
+            playerSettings,
+            on
+        });
+    }
+}

package/dist/media-center/config/types.d.ts

@@ -1,21 +1,29 @@
 import { PostType } from '../../core/enums';
+import type { ThemeValue } from '../../core/theme';
 import type { IContentCategoryFollowingHandler } from '../categories-following';
+import type { IMediaCenterMembershipHandler } from '../membership';
+import type { IMediaCenterNavigationHandler } from '../navigation';
 import type { IPostAnalyticsHandler, PostPlayerModel } from '../../posts/posts-player/types';
 import type { IPostSocialInteractionsHandler } from '../../posts/social-interactions';
 import type { StreamPageViewerModel } from '../../streams/stream-page-viewer/types';
 import type { IStreamAnalyticsHandler, StreamPlayerModel } from '../../streams/streams-player/types';
-export interface IMediaCenterConfig {
-    getConfig: () => Promise<MediaCenterConfigModel | null>;
+import type { PlayerColors } from '../../ui/player/colors';
+export interface IMediaCenterDataProvider {
+    model: MediaCenterModel | null;
+    fetchModel: () => Promise<MediaCenterModel | null>;
     handlers?: {
         analyticsHandler?: IPostAnalyticsHandler & IStreamAnalyticsHandler;
-        socialInteractionsHandler?: IPostSocialInteractionsHandler;
         categoriesFollowingHandler?: IContentCategoryFollowingHandler;
+        membershipHandler?: IMediaCenterMembershipHandler;
+        navigationHandler?: IMediaCenterNavigationHandler;
+        socialInteractionsHandler?: IPostSocialInteractionsHandler;
     };
     postsPlayer: {
         getPostsCursor: (input: {
             filter: {
                 types: PostType[];
                 categoryId?: string;
+                includeIds?: string[];
                 excludeIds?: string[];
             };
             limit: number;
@@ -43,7 +51,22 @@ export interface IMediaCenterConfig {
         }>;
     };
 }
-export type MediaCenterConfigModel = {
+export type MediaCenterModel = {
+    id: string;
+    handle: string;
+    name: string;
+    description: string | null;
+    image: string | null;
+    logo: string | null;
+    banner: string | null;
+    moments: {
+        id: string;
+        cover: string;
+        isSeen: boolean;
+    }[];
+    communityFeatures: {
+        membersCount: number;
+    } | null;
     contentCategories: {
         id: string;
         name: string;
@@ -58,27 +81,5 @@ export type MediaCenterConfigModel = {
             backgroundColor: string;
         } | null;
     }[];
-    targetData: MediaCenterTargetDataModel;
-    playerColors: {
-        brand: string | null;
-        button: string | null;
-        buttonInactive: string | null;
-        cardButton: string | null;
-        cardBackground: string | null;
-        menuBackground: string | null;
-        playerBackground: string | null;
-        price: string | null;
-        salePrice: string | null;
-        sidebarBackground: string | null;
-    } | null;
-};
-export type MediaCenterTargetDataModel = {
-    id: string;
-    name: string;
-    image: string | null;
-    membersCount: number;
-    logo: string | null;
-    handle: string;
-    description: string | null;
-    banner: string | null;
+    playerColors: Record<ThemeValue, PlayerColors>;
 };

package/dist/media-center/index.d.ts

@@ -1,2 +1,4 @@
-export type { IMediaCenterConfig } from './config/types';
+export type { IMediaCenterDataProvider } from './config/types';
 export type { IContentCategoryFollowingHandler } from './categories-following/types';
+export type { IMediaCenterMembershipHandler } from './membership';
+export type { IMediaCenterNavigationHandler, MediaCenterState } from './navigation';

package/dist/media-center/media-center/cmp.media-center-proxy.svelte

@@ -6,9 +6,9 @@ import { ShadowRoot } from '../../ui/shadow-dom';
 import { MediaCenterContext } from './media-center-context.svelte';
 import { default as MediaCenterView } from './media-center-view.svelte';
 import { untrack } from 'svelte';
-let { config, modeProps, settings, closeOrchestrator } = $props();
+let { dataProvider, modeProps, settings, closeOrchestrator, dynamicActions } = $props();
 const context = new MediaCenterContext({
-    config,
+    dataProvider,
     closeOrchestrator,
     settings,
     on: {
@@ -26,7 +26,7 @@ const context = new MediaCenterContext({
                         onStreamActivated: modeProps.props.onStreamActivated
                     });
                     break;
-                case 'discover':
+                case 'default':
                     instance.activateDiscover({ categoryId: null });
                     break;
                 default:
@@ -54,6 +54,6 @@ $effect(() => {
   Not initialized placeholder
 {:else}
   <ShadowRoot {...context.backgroundWrapperProps}>
-    <MediaCenterView context={context} />
+    <MediaCenterView context={context} dynamicActions={dynamicActions} />
   </ShadowRoot>
 {/if}

package/dist/media-center/media-center/cmp.media-center-proxy.svelte.d.ts

@@ -1,11 +1,14 @@
-import type { IMediaCenterConfig } from '../config/types';
+import type { IMediaCenterDataProvider } from '../config/types';
 import { type ICloseOrchestrator } from '../../ui/player/close-orchestrator';
-import type { MediaCenterSettings, MediaCenterModeProps } from './types';
+import type { MediaCenterSettings } from './media-center-settings.svelte';
+import type { MediaCenterModeProps } from './types';
+import { type Snippet } from 'svelte';
 type Props = {
-    config: IMediaCenterConfig;
-    settings?: MediaCenterSettings;
+    dataProvider: IMediaCenterDataProvider;
+    settings: MediaCenterSettings;
     modeProps: MediaCenterModeProps;
     closeOrchestrator: ICloseOrchestrator;
+    dynamicActions?: Snippet;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/media-center/media-center/discover/community-features-localization.d.ts

@@ -0,0 +1,8 @@
+import { type Locale } from '../../../core/locale';
+export declare class CommunityFeaturesLocalization {
+    membersLabel: (count: number) => string;
+    memberButtonLabel: string;
+    joinButtonLabel: string;
+    leaveButtonLabel: string;
+    constructor(locale: Locale);
+}

package/dist/media-center/media-center/discover/community-features-localization.js

@@ -0,0 +1,31 @@
+import {} from '../../../core/locale';
+export class CommunityFeaturesLocalization {
+    membersLabel;
+    memberButtonLabel;
+    joinButtonLabel;
+    leaveButtonLabel;
+    constructor(locale) {
+        this.membersLabel = loc.membersLabel[locale];
+        this.memberButtonLabel = loc.memberButtonLabel[locale];
+        this.joinButtonLabel = loc.joinButtonLabel[locale];
+        this.leaveButtonLabel = loc.leaveButtonLabel[locale];
+    }
+}
+const loc = {
+    membersLabel: {
+        en: (count) => (count === 1 ? `Member` : `Members`),
+        no: (count) => (count === 1 ? `Medlem` : `Medlemmer`)
+    },
+    memberButtonLabel: {
+        en: 'Member',
+        no: 'Medlem'
+    },
+    joinButtonLabel: {
+        en: 'Join',
+        no: 'Bli med'
+    },
+    leaveButtonLabel: {
+        en: 'Leave',
+        no: 'Forlat'
+    }
+};