@streamscloud/embeddable 16.0.1 → 16.0.2

package/dist/external-api/media-page/index.d.ts

@@ -1,5 +1,5 @@
 import { type IMediaCenterDataProvider } from '../../media-center/config/types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export type { IMediaCenterDataProvider };
 /**
  * Opens the media page modal using an internal media-center configuration.
@@ -30,7 +30,7 @@ export type { IMediaCenterDataProvider };
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -72,7 +72,7 @@ export declare function openMediaPageModal(init: {
     graphqlOrigin?: string;
     viewerSettings?: {
         disableBackground?: boolean;
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         hideCloseButton?: boolean;
         theme?: 'light' | 'dark';

package/dist/external-api/media-page/index.js

@@ -30,7 +30,7 @@ import { openMediaPageModal as openMediaPageModalInternal } from '../../media-pa
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]

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

@@ -1,5 +1,5 @@
 import { type IMediaCenterDataProvider } from '../../media-center/config/types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export type { IMediaCenterDataProvider };
 /**
  * Opens the short videos player modal.
@@ -33,7 +33,7 @@ export type { IMediaCenterDataProvider };
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -83,7 +83,7 @@ export declare function openShortVideosPlayer(init: {
     mediaPageId?: string;
     playerSettings?: {
         disableBackground?: boolean;
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         hideCloseButton?: boolean;
         theme?: 'light' | 'dark';

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

@@ -34,7 +34,7 @@ import { openPostsPlayer } from '../../posts/posts-player';
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]

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

@@ -1,7 +1,7 @@
 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';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export { type StreamPlayerModel, type StreamPageViewerModel };
 export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterDataProvider };
 /**
@@ -36,7 +36,7 @@ export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterD
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -67,7 +67,7 @@ export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterD
  *     // ...your amplification parameters
  *   },
  *   playerSettings: {
- *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     // AppLocaleValue defaults to 'en'; set 'no' to switch to Norwegian:
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,
@@ -90,7 +90,7 @@ export declare function openStreamsPlayer(init: {
     amplificationParameters?: StreamAmplificationParameters;
     playerSettings?: {
         disableBackground?: boolean;
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         hideCloseButton?: boolean;
         theme?: 'light' | 'dark';

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

@@ -35,7 +35,7 @@ export {};
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -66,7 +66,7 @@ export {};
  *     // ...your amplification parameters
  *   },
  *   playerSettings: {
- *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     // AppLocaleValue defaults to 'en'; set 'no' to switch to Norwegian:
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,

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

@@ -1,16 +1,16 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class CommunityFeaturesLocalization {
     get membersLabel() {
-        return loc.membersLabel[getLocale()];
+        return loc.membersLabel[AppLocale.current];
     }
     get memberButtonLabel() {
-        return loc.memberButtonLabel[getLocale()];
+        return loc.memberButtonLabel[AppLocale.current];
     }
     get joinButtonLabel() {
-        return loc.joinButtonLabel[getLocale()];
+        return loc.joinButtonLabel[AppLocale.current];
     }
     get leaveButtonLabel() {
-        return loc.leaveButtonLabel[getLocale()];
+        return loc.leaveButtonLabel[AppLocale.current];
     }
 }
 const loc = {

package/dist/media-center/media-center/discover/discover-view-localization.js

@@ -1,10 +1,10 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class DiscoverViewLocalization {
     get latestStreamsSectionTitle() {
-        return loc.streamsSectionTitle[getLocale()];
+        return loc.streamsSectionTitle[AppLocale.current];
     }
     get latestShortVideosSectionTitle() {
-        return loc.shortVideosSectionTitle[getLocale()];
+        return loc.shortVideosSectionTitle[AppLocale.current];
     }
 }
 const loc = {

package/dist/media-center/media-center/handlers/media-center-settings-handler.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { IMediaCenterDataProvider } from '../../config/types';
 import type { MediaCenterSettings } from '../media-center-settings.svelte';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export declare class MediaCenterSettingsHandler {
     private _backgroundImageUrl;
     private _mediaCenterSettings;
@@ -10,7 +10,7 @@ export declare class MediaCenterSettingsHandler {
         settings: MediaCenterSettings;
     });
     get playerSettings(): ContentPlayerSettingsLocal;
-    get locale(): Locale;
+    get locale(): AppLocaleValue;
     get backgroundWrapperProps(): {
         backgroundDisabled: boolean;
         backgroundImageUrl: string | null;
@@ -21,7 +21,7 @@ export declare class MediaCenterSettingsHandler {
 }
 declare class ContentPlayerSettingsLocal {
     private settings;
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
     overlayMinOffsetTop?: number;
     constructor(settings: MediaCenterSettings);

package/dist/media-center/media-center/header/media-center-header-localization.js

@@ -1,16 +1,16 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class MediaCenterHeaderLocalization {
     get discoverLabel() {
-        return loc.discoverLabel[getLocale()];
+        return loc.discoverLabel[AppLocale.current];
     }
     get buttons() {
         return {
-            cart: loc.cartButton[getLocale()],
-            discover: loc.discoverButton[getLocale()],
-            feed: loc.feedButton[getLocale()],
-            login: loc.loginButton[getLocale()],
-            moments: loc.momentsButton[getLocale()],
-            webpage: loc.webpageButton[getLocale()]
+            cart: loc.cartButton[AppLocale.current],
+            discover: loc.discoverButton[AppLocale.current],
+            feed: loc.feedButton[AppLocale.current],
+            login: loc.loginButton[AppLocale.current],
+            moments: loc.momentsButton[AppLocale.current],
+            webpage: loc.webpageButton[AppLocale.current]
         };
     }
 }

package/dist/media-center/media-center/media-center-context.svelte.d.ts

@@ -42,7 +42,7 @@ export declare class MediaCenterContext {
     };
     get membershipHandler(): import("..").IMediaCenterMembershipHandler | null;
     get categoriesFollowingHandler(): import("..").IContentCategoryFollowingHandler | null;
-    get locale(): Locale;
+    get locale(): AppLocaleValue;
     toggleMenu: () => void;
     showMenu: () => void;
     hideMenu: () => void;

package/dist/media-center/media-center/media-center-settings.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { ThemeValue } from '../../core/theme';
 import type { MediaCenterState } from '..';
 import type { IMediaCenterSettings } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export declare class MediaCenterSettings {
-    locale: Locale;
+    locale: AppLocaleValue;
     showStreamsCloudWatermark: boolean;
     disableBackground: boolean;
     theme: ThemeValue;

package/dist/media-center/media-center/menu/menu-localization.js

@@ -1,19 +1,19 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class MenuLocalization {
     get interestsSectionTitle() {
-        return loc.interestsSectionTitle[getLocale()];
+        return loc.interestsSectionTitle[AppLocale.current];
     }
     get popularStreamsSectionTitle() {
-        return loc.popularStreamsSectionTitle[getLocale()];
+        return loc.popularStreamsSectionTitle[AppLocale.current];
     }
     get discoverLabel() {
-        return loc.discoverLabel[getLocale()];
+        return loc.discoverLabel[AppLocale.current];
     }
     get feedLabel() {
-        return loc.feedLabel[getLocale()];
+        return loc.feedLabel[AppLocale.current];
     }
     get membersLabel() {
-        return loc.membersLabel[getLocale()];
+        return loc.membersLabel[AppLocale.current];
     }
 }
 const loc = {

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

@@ -1,7 +1,7 @@
 import type { MediaCenterState } from '../navigation';
 import type { PostPlayerModel, PostsPlayerProps } from '../../posts/posts-player/types';
 import type { IStreamsPlayerDataProvider, StreamAmplificationParameters, StreamsPlayerProps } from '../../streams/streams-player/types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export type MediaCenterMode = 'discover' | 'posts-feed' | 'streams-feed' | 'moments';
 export type MediaCenterCategoryData = {
@@ -37,7 +37,7 @@ export type PlayerProps = {
     props: StreamsPlayerProps;
 };
 export type IMediaCenterSettings = {
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
     disableBackground?: boolean;
     theme?: 'light' | 'dark';

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

@@ -3,7 +3,7 @@ import type { MediaCenterState } from '../media-center/navigation';
 import type { PostPlayerModel } from '../posts/posts-player';
 import type { IStreamsPlayerDataProvider } from '../streams/streams-player';
 import type { StreamAmplificationParameters } from '../streams/streams-player/types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export { default as MediaPage } from './cmp.media-page.svelte';
 export type { IMediaCenterDataProvider };
@@ -23,7 +23,7 @@ export type { IMediaCenterDataProvider };
  *   Fields of `viewerSettings`:
  *   - {boolean} [viewerSettings.disableBackground]
  *       If true, hides the viewer background image.
- *   - {Locale} [viewerSettings.locale]
+ *   - {AppLocaleValue} [viewerSettings.locale]
  *       Localization for the viewer UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [viewerSettings.showStreamsCloudWatermark]
@@ -55,7 +55,7 @@ export type { IMediaCenterDataProvider };
  * openMediaPageModal({
  *   dataProvider,
  *   viewerSettings: {
- *     // Example: switch to Norwegian (if supported by your Locale type)
+ *     // Example: switch to Norwegian (if supported by your AppLocaleValue type)
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,
@@ -101,7 +101,7 @@ export declare function openMediaPageModalWithInitialStreamsProvider(init: {
 }): void;
 export type MediaPageViewerSettings = {
     disableBackground?: boolean;
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
     hideCloseButton?: boolean;
     theme?: 'light' | 'dark';

package/dist/media-page/index.js

@@ -20,7 +20,7 @@ export { default as MediaPage } from './cmp.media-page.svelte';
  *   Fields of `viewerSettings`:
  *   - {boolean} [viewerSettings.disableBackground]
  *       If true, hides the viewer background image.
- *   - {Locale} [viewerSettings.locale]
+ *   - {AppLocaleValue} [viewerSettings.locale]
  *       Localization for the viewer UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [viewerSettings.showStreamsCloudWatermark]
@@ -52,7 +52,7 @@ export { default as MediaPage } from './cmp.media-page.svelte';
  * openMediaPageModal({
  *   dataProvider,
  *   viewerSettings: {
- *     // Example: switch to Norwegian (if supported by your Locale type)
+ *     // Example: switch to Norwegian (if supported by your AppLocaleValue type)
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,

package/dist/posts/post-viewer/post-viewer-localization.js

@@ -1,10 +1,10 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class PostViewerLocalization {
     get viewsCount() {
-        return loc.viewsCount[getLocale()];
+        return loc.viewsCount[AppLocale.current];
     }
     get readMore() {
-        return loc.readMore[getLocale()];
+        return loc.readMore[AppLocale.current];
     }
 }
 const loc = {

package/dist/posts/posts-player/cmp.posts-player.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { IPostSocialInteractionsHandler } from '..';
 import type { IPostSharingHandler } from '../sharing';
 import type { IPostAnalyticsHandler, PostPlayerModel } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 type Props = {
     dataProvider: IPlayerDataProvider<PostPlayerModel>;
@@ -9,7 +9,7 @@ type Props = {
     sharingHandler?: IPostSharingHandler;
     analyticsHandler?: IPostAnalyticsHandler;
     playerSettings?: {
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';

package/dist/posts/posts-player/index.d.ts

@@ -3,7 +3,7 @@ import type { IPostSharingHandler } from '../sharing';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
 import { default as PostsPlayer } from './cmp.posts-player.svelte';
 import type { IPostAnalyticsHandler, PostPlayerModel } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export { PostsPlayer, type PostPlayerModel };
 export type { IMediaCenterDataProvider, IPostAnalyticsHandler };
 /**
@@ -89,7 +89,7 @@ export declare function openPostsPlayer(init: {
     sharingHandler?: IPostSharingHandler;
     playerSettings?: {
         disableBackground?: boolean;
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         hideCloseButton?: boolean;
         theme?: 'light' | 'dark';

package/dist/posts/posts-player/posts-player-proxy.svelte.d.ts

@@ -2,7 +2,7 @@ import type { IPostSharingHandler } from '../sharing';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
 import { type ICloseOrchestrator } from '../../ui/player/close-orchestrator';
 import type { IPostAnalyticsHandler, PostPlayerModel } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 type Props = {
     dataProvider: IPlayerDataProvider<PostPlayerModel>;
@@ -11,7 +11,7 @@ type Props = {
     analyticsHandler?: IPostAnalyticsHandler;
     closeOrchestrator: ICloseOrchestrator;
     playerSettings?: {
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';

package/dist/posts/posts-player/types.d.ts

@@ -3,7 +3,7 @@ import type { IPostModel } from '..';
 import type { IPostSharingHandler } from '../sharing';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
 import type { ICloseOrchestrator } from '../../ui/player/close-orchestrator';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { IPlayerBuffer, IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export interface IPostAnalyticsHandler {
     trackPostOpened: (postType: PostType, postId: string) => void;
@@ -34,7 +34,7 @@ export type PostsPlayerProps = {
     };
 };
 export type PostPlayerSettings = {
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
 };
 export type PostManagementActions = {

package/dist/products/product-card/product-card-localization.js

@@ -1,7 +1,7 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class ProductCardLocalization {
     get beforeNowPrefix() {
-        return loc.beforeNowPrefix[getLocale()];
+        return loc.beforeNowPrefix[AppLocale.current];
     }
 }
 const loc = {

package/dist/short-videos/short-video-card/localization.js

@@ -1,7 +1,7 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class ShortVideoCardLocalization {
     get viewsLabel() {
-        return loc.viewsLabel[getLocale()];
+        return loc.viewsLabel[AppLocale.current];
     }
 }
 const loc = {

package/dist/streams/layout/element-views/price-stream-element-localization.js

@@ -1,10 +1,10 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class PriceStreamElementLocalization {
     get saveValue() {
-        return loc.saveValue[getLocale()];
+        return loc.saveValue[AppLocale.current];
     }
     get beforeValue() {
-        return loc.beforeValue[getLocale()];
+        return loc.beforeValue[AppLocale.current];
     }
 }
 const loc = {

package/dist/streams/layout/element-views/stock-stream-element-localization.js

@@ -1,7 +1,7 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class StockStreamElementLocalization {
     get quantity() {
-        return loc.quantity[getLocale()];
+        return loc.quantity[AppLocale.current];
     }
 }
 const loc = {

package/dist/streams/streams-player/cmp.streams-player.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { IPostSocialInteractionsHandler } from '../../posts';
 import type { IStreamSharingHandler } from '../sharing';
 import type { IStreamAnalyticsHandler, IStreamsPlayerDataProvider, StreamAmplificationParameters } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 type Props = {
     dataProvider: IStreamsPlayerDataProvider;
     postSocialInteractionsHandler?: IPostSocialInteractionsHandler;
@@ -9,7 +9,7 @@ type Props = {
     analyticsHandler?: IStreamAnalyticsHandler;
     amplificationParameters?: StreamAmplificationParameters;
     playerSettings?: {
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';

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

@@ -3,7 +3,7 @@ import type { IPostSocialInteractionsHandler } from '../../posts/social-interact
 import type { IStreamSharingHandler } from '../sharing';
 import type { StreamPageViewerModel } from '../stream-page-viewer/types';
 import type { IStreamAnalyticsHandler, IStreamsPlayerDataProvider, StreamAmplificationParameters, StreamPlayerModel } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export { type StreamPlayerModel, type StreamPageViewerModel };
 export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterDataProvider };
 /**
@@ -30,7 +30,7 @@ export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterD
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -59,7 +59,7 @@ export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterD
  *     // ...your amplification parameters
  *   },
  *   playerSettings: {
- *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     // AppLocaleValue defaults to 'en'; set 'no' to switch to Norwegian:
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,
@@ -90,7 +90,7 @@ export declare function openStreamsPlayer(init: {
 }): void;
 export type StreamsPlayerSettings = {
     disableBackground?: boolean;
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
     hideCloseButton?: boolean;
     theme?: 'light' | 'dark';

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

@@ -28,7 +28,7 @@ export {};
  *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
- *   - {Locale} [locale='en']
+ *   - {AppLocaleValue} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
@@ -57,7 +57,7 @@ export {};
  *     // ...your amplification parameters
  *   },
  *   playerSettings: {
- *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     // AppLocaleValue defaults to 'en'; set 'no' to switch to Norwegian:
  *     locale: 'no',
  *     disableBackground: false,
  *     hideCloseButton: false,

package/dist/streams/streams-player/stream-player-localization.js

@@ -1,7 +1,7 @@
-import { getLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 export class StreamPlayerLocalization {
     get streamNotFound() {
-        return loc.streamNotFound[getLocale()];
+        return loc.streamNotFound[AppLocale.current];
     }
 }
 const loc = {

package/dist/streams/streams-player/streams-player-proxy.svelte.d.ts

@@ -2,7 +2,7 @@ import type { IPostSocialInteractionsHandler } from '../../posts/social-interact
 import type { IStreamSharingHandler } from '../sharing';
 import { type ICloseOrchestrator } from '../../ui/player/close-orchestrator';
 import type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, StreamAmplificationParameters } from './types';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 type Props = {
     dataProvider: IStreamsPlayerDataProvider;
     postSocialInteractionsHandler?: IPostSocialInteractionsHandler;
@@ -11,7 +11,7 @@ type Props = {
     amplificationParameters?: StreamAmplificationParameters;
     closeOrchestrator: ICloseOrchestrator;
     playerSettings?: {
-        locale?: Locale;
+        locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';

package/dist/streams/streams-player/types.d.ts

@@ -3,7 +3,7 @@ import type { IStreamSharingHandler } from '../sharing';
 import type { StreamPageViewerModel } from '../stream-page-viewer';
 import type { ICloseOrchestrator } from '../../ui/player/close-orchestrator';
 import type { StreamsPlayerBuffer } from './streams-player-buffer.svelte';
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export type StreamPlayerModel = {
     id: string;
     title: string;
@@ -43,7 +43,7 @@ export type StreamsPlayerProps = {
     };
 };
 export type StreamsPlayerSettings = {
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
     overlayMinOffsetTop?: number;
 };

package/dist/ui/player/player/player-settings.svelte.d.ts

@@ -1,11 +1,11 @@
-import type { Locale } from '@streamscloud/kit/locale';
+import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export declare class PlayerSettings {
-    locale: Locale;
+    locale: AppLocaleValue;
     showStreamsCloudWatermark: boolean;
     constructor(init?: IContentPlayerSettings);
     patch: (settings?: IContentPlayerSettings) => void;
 }
 export type IContentPlayerSettings = {
-    locale?: Locale;
+    locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
 };

package/dist/ui/shadow-dom/cmp.shadow-root.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">import { brandColors } from '../../core/theme';
-import { setLocale } from '@streamscloud/kit/locale';
+import { AppLocale } from '@streamscloud/kit/core/locale';
 let { locale, theme = 'dark', backgroundDisabled, backgroundImageUrl, children } = $props();
 $effect(() => {
     if (locale) {
-        setLocale(locale);
+        AppLocale.change(locale);
     }
 });
 const appendBrandPair = (values, name, pair) => {

package/dist/ui/shadow-dom/cmp.shadow-root.svelte.d.ts

@@ -1,8 +1,8 @@
 import { type ThemeValue } from '../../core/theme';
-import { type Locale } from '@streamscloud/kit/locale';
+import { type AppLocaleValue } from '@streamscloud/kit/core/locale';
 import type { Snippet } from 'svelte';
 type Props = {
-    locale?: Locale;
+    locale?: AppLocaleValue;
     theme?: ThemeValue;
     backgroundDisabled: boolean;
     backgroundImageUrl: string | null | 'not-applicable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "16.0.1",
+  "version": "16.0.2",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -133,7 +133,7 @@
     }
   },
   "peerDependencies": {
-    "@streamscloud/kit": "^0.1.3",
+    "@streamscloud/kit": "^0.1.4",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "svelte": "^5.51.0"
   },
@@ -149,7 +149,7 @@
     "@graphql-codegen/typescript": "^5.0.7",
     "@graphql-codegen/typescript-operations": "^5.0.7",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@streamscloud/kit": "^0.1.3",
+    "@streamscloud/kit": "^0.1.4",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",