@fluid-app/portal-sdk 0.1.246 → 0.1.248

package/dist/{FluidProvider-o1Gu53TN.cjs → FluidProvider-DprqXNu4.cjs}

@@ -1658,6 +1658,28 @@ function useThemeContext() {
 	return context;
 }
 //#endregion
+//#region ../../platform/i18n/src/locale-context.tsx
+const LocaleCtx = (0, react.createContext)(null);
+function LocaleProvider({ initialLocale, onLocaleChange, children }) {
+	const [locale, setLocaleState] = (0, react.useState)(initialLocale);
+	const value = (0, react.useMemo)(() => ({
+		locale,
+		setLocale(next) {
+			setLocaleState(next);
+			onLocaleChange?.(next);
+		}
+	}), [locale, onLocaleChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleCtx.Provider, {
+		value,
+		children
+	});
+}
+function useActiveLocale() {
+	const value = (0, react.useContext)(LocaleCtx);
+	if (!value) throw new Error("useActiveLocale must be used within a LocaleProvider");
+	return value;
+}
+//#endregion
 //#region src/adapters/widgets-api-adapter.ts
 function mapBffCalendarEvent(event) {
 	return {
@@ -2105,6 +2127,148 @@ const DEFAULT_SDK_WIDGET_REGISTRY = createWidgetRegistry({
 	VideoWidget: require_VideoWidget.VideoWidget
 });
 //#endregion
+//#region src/hooks/use-portal-active-locale.ts
+const STORAGE_KEY = "portal-language";
+const SUPPORTED_LANGUAGES = [
+	{
+		id: 1,
+		iso: "en",
+		name: "English"
+	},
+	{
+		id: 2,
+		iso: "es",
+		name: "Español (Spanish)"
+	},
+	{
+		id: 3,
+		iso: "pt",
+		name: "Português (Portuguese)"
+	},
+	{
+		id: 4,
+		iso: "fr",
+		name: "Français (French)"
+	},
+	{
+		id: 5,
+		iso: "de",
+		name: "Deutsch (German)"
+	},
+	{
+		id: 6,
+		iso: "it",
+		name: "Italiano (Italian)"
+	},
+	{
+		id: 7,
+		iso: "nl",
+		name: "Nederlands (Dutch)"
+	},
+	{
+		id: 8,
+		iso: "pl",
+		name: "Polski (Polish)"
+	},
+	{
+		id: 9,
+		iso: "hu",
+		name: "Magyar (Hungarian)"
+	},
+	{
+		id: 10,
+		iso: "id",
+		name: "Bahasa Indonesia (Indonesian)"
+	},
+	{
+		id: 11,
+		iso: "ja",
+		name: "日本語 (Japanese)"
+	},
+	{
+		id: 12,
+		iso: "ko",
+		name: "한국어 (Korean)"
+	},
+	{
+		id: 13,
+		iso: "ru",
+		name: "Русский (Russian)"
+	},
+	{
+		id: 14,
+		iso: "el",
+		name: "Ελληνικά (Greek)"
+	},
+	{
+		id: 15,
+		iso: "ro",
+		name: "Română (Romanian)"
+	},
+	{
+		id: 16,
+		iso: "tr",
+		name: "Türkçe (Turkish)"
+	},
+	{
+		id: 17,
+		iso: "he",
+		name: "עברית (Hebrew)"
+	},
+	{
+		id: 18,
+		iso: "tl",
+		name: "Tagalog"
+	},
+	{
+		id: 19,
+		iso: "th",
+		name: "ไทย (Thai)"
+	},
+	{
+		id: 20,
+		iso: "zh_CN",
+		name: "简体中文 (Chinese - Simplified)"
+	},
+	{
+		id: 21,
+		iso: "zh_TW",
+		name: "繁體中文 (Chinese - Traditional)"
+	}
+];
+const SUPPORTED_CODES = SUPPORTED_LANGUAGES.map((l) => l.iso);
+function getPersistedLocale() {
+	try {
+		return localStorage.getItem(STORAGE_KEY);
+	} catch {
+		return null;
+	}
+}
+function persistLocale(locale) {
+	try {
+		localStorage.setItem(STORAGE_KEY, locale);
+	} catch {}
+}
+function getBrowserLocale() {
+	if (typeof navigator === "undefined") return "en";
+	return navigator.language.replace(/-/g, "_");
+}
+function getOptimisticLocale() {
+	const persisted = getPersistedLocale();
+	if (persisted && SUPPORTED_CODES.includes(persisted)) return persisted;
+	return resolveLocale(SUPPORTED_CODES);
+}
+function resolveLocale(supportedCodes) {
+	const persisted = getPersistedLocale();
+	if (persisted && supportedCodes.includes(persisted)) return persisted;
+	const browser = getBrowserLocale();
+	if (supportedCodes.includes(browser)) return browser;
+	const browserLang = browser.split("_")[0];
+	const match = supportedCodes.find((c) => c === browserLang || c.startsWith(`${browserLang}_`));
+	if (match) return match;
+	return supportedCodes[0] ?? "en";
+}
+//#endregion
 //#region src/providers/FluidProvider.tsx
 /**
 * Main Fluid SDK Provider
@@ -2134,7 +2298,8 @@ function FluidProvider({ config, children, queryClient, initialTheme, themeConta
 		return new _tanstack_react_query.QueryClient({ defaultOptions: { queries: {
 			staleTime: 1e3 * 60,
 			retry: 1,
-			persister: (typeof window !== "undefined" && !{}.env?.DEV ? createPersister() : void 0)?.persisterFn
+			persister: (typeof window !== "undefined" && !{}.env?.DEV ? createPersister() : void 0)?.persisterFn,
+			refetchOnWindowFocus: false
 		} } });
 	}, []);
 	const configRef = (0, react.useRef)(config);
@@ -2192,7 +2357,7 @@ function FluidProvider({ config, children, queryClient, initialTheme, themeConta
 									value: countriesApi,
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguagesApiProvider, {
 										value: languagesApi,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_mysite_api_context.MySiteApiProvider, {
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalLocaleProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_mysite_api_context.MySiteApiProvider, {
 											value: mysiteApi,
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenRenderer.DataSourceApiProvider, {
 												value: dataSourceApi,
@@ -2205,7 +2370,7 @@ function FluidProvider({ config, children, queryClient, initialTheme, themeConta
 													children
 												})
 											})
-										})
+										}) })
 									})
 								})
 							})
@@ -2238,6 +2403,13 @@ function ProviderStack({ baseUrl, getApiHeaders, variables, registry, themeProvi
 		})
 	});
 }
+function PortalLocaleProvider({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleProvider, {
+		initialLocale: getOptimisticLocale(),
+		onLocaleChange: persistLocale,
+		children
+	});
+}
 /**
 * Hook to access the Fluid context
 * Must be used within a FluidProvider
@@ -2272,6 +2444,12 @@ Object.defineProperty(exports, "FluidThemeProvider", {
 		return FluidThemeProvider;
 	}
 });
+Object.defineProperty(exports, "SUPPORTED_LANGUAGES", {
+	enumerable: true,
+	get: function() {
+		return SUPPORTED_LANGUAGES;
+	}
+});
 Object.defineProperty(exports, "createPersister", {
 	enumerable: true,
 	get: function() {
@@ -2302,6 +2480,12 @@ Object.defineProperty(exports, "deleteDatabase", {
 		return deleteDatabase;
 	}
 });
+Object.defineProperty(exports, "useActiveLocale", {
+	enumerable: true,
+	get: function() {
+		return useActiveLocale;
+	}
+});
 Object.defineProperty(exports, "useAppDefinitionApi", {
 	enumerable: true,
 	get: function() {
@@ -2333,4 +2517,4 @@ Object.defineProperty(exports, "widgetPropertySchemas", {
 	}
 });
 
-//# sourceMappingURL=FluidProvider-o1Gu53TN.cjs.map
+//# sourceMappingURL=FluidProvider-DprqXNu4.cjs.map