@fluid-app/portal-sdk 0.1.227 → 0.1.229

package/dist/index.mjs

@@ -60,7 +60,7 @@ import "./order-status-badge-CnQE7lFJ.mjs";
 import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-YWHy3VBL.mjs";
 import "./sortable.esm-BSpvRpWg.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Q9xN2oxD.mjs";
-import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-CNARhXTE.mjs";
+import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-DjRtywMv.mjs";
 import "./PortalProductsApiProvider-BeCWFRtF.mjs";
 import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-CJcGSrG4.mjs";
 import "./UpgradeScreen-CGiVn0KG.mjs";
@@ -2147,7 +2147,7 @@ const MessagingScreen$1 = lazy(() => import("./MessagingScreen-7VQtzmmg.mjs").th
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-DHHzJhO4.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
 const ShopScreen$1 = lazy(() => import("./ShopScreen-CJcGSrG4.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-D55HjYHC.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CNARhXTE.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-DjRtywMv.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-Q9xN2oxD.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-CGiVn0KG.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-zrhWlSE7.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
@@ -2408,17 +2408,18 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		account?.slug
 	]);
 	const activeTheme = useMemo(() => {
-		if (!appData?.profile?.themes?.length) return void 0;
-		const themes = appData.profile.themes;
-		const activeId = appData.profile.activeThemeId;
-		return activeId ? themes.find((t) => t.id === activeId) ?? themes[0] : themes[0];
+		const themes = appData?.profile?.themes;
+		const activeId = appData?.profile?.activeThemeId;
+		if (themes?.length) {
+			const matched = activeId ? themes.find((t) => t.id === activeId) : void 0;
+			const first = themes[0];
+			if (matched) return matched;
+			if (first) return first;
+		}
+		return getDefaultThemeDefinition();
 	}, [appData?.profile?.themes, appData?.profile?.activeThemeId]);
-	const resolvedTheme = useMemo(() => {
-		if (!activeTheme) return void 0;
-		return resolveTheme(activeTheme);
-	}, [activeTheme]);
+	const resolvedTheme = useMemo(() => resolveTheme(activeTheme), [activeTheme]);
 	useEffect(() => {
-		if (!resolvedTheme) return;
 		applyTheme(resolvedTheme);
 		return () => {
 			removeAllThemes();
@@ -2426,12 +2427,11 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 	}, [resolvedTheme]);
 	useEffect(() => {
 		const root = document.documentElement;
-		if (activeTheme?.id) root.setAttribute("data-theme", activeTheme.id);
-		else root.removeAttribute("data-theme");
+		root.setAttribute("data-theme", activeTheme.id);
 		return () => {
 			root.removeAttribute("data-theme");
 		};
-	}, [activeTheme?.id]);
+	}, [activeTheme.id]);
 	const navItems = useMemo(() => {
 		if (navigationProp) return navigationProp;
 		const profileNav = appData?.profile?.navigation?.navigation_items;
@@ -2463,7 +2463,6 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		};
 	}, [themeMode]);
 	useEffect(() => {
-		if (!resolvedTheme) return;
 		let meta = document.querySelector("meta[name=\"theme-color\"]");
 		if (!meta) {
 			meta = document.createElement("meta");
@@ -2562,7 +2561,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 			autoModeEnabled: false,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "font-body",
-				"data-theme": activeTheme?.id,
+				"data-theme": activeTheme.id,
 				"data-theme-mode": themeMode === "auto" ? void 0 : themeMode,
 				children: [/* @__PURE__ */ jsx(AppNavigationProvider, {
 					currentSlug: activeSlug,
@@ -3642,7 +3641,7 @@ const screenPropertySchemas = {
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-mUaEWHn5.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-D55HjYHC.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-Q9xN2oxD.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-CNARhXTE.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-DjRtywMv.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
 	ShopScreen: () => import("./ShopScreen-CJcGSrG4.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-CGiVn0KG.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-zrhWlSE7.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)