@fluid-app/portal-sdk 0.1.227 → 0.1.229

package/dist/index.cjs

@@ -62,7 +62,7 @@ require("./order-status-badge-NMygmn5d.cjs");
 const require_OrdersScreen = require("./OrdersScreen-BPrt9kNr.cjs");
 require("./dist-FHf4OHgt.cjs");
 const require_MySiteScreen = require("./MySiteScreen-DwgWY0cl.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-AMlPuFFk.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-o6frhZUM.cjs");
 require("./PortalProductsApiProvider-Bb5B1Hv5.cjs");
 const require_ShopScreen = require("./ShopScreen-yZUXE55P.cjs");
 require("./UpgradeScreen-BaclFXEh.cjs");
@@ -2149,7 +2149,7 @@ const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => req
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BfS33bcq.cjs")).then((m) => ({ default: m.ContactsScreen })));
 const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-IQ3tqLfP.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-DW3BuhBs.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-DyGQ-Yo_.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-CTIe6EH0.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-DsR9VEwa.cjs")).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-4Z5_ALSr.cjs")).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-BmYJ7Zgb.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => ({ default: m.AppDownloadScreen })));
@@ -2410,17 +2410,18 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		account?.slug
 	]);
 	const activeTheme = (0, react.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 require_src.getDefaultThemeDefinition();
 	}, [appData?.profile?.themes, appData?.profile?.activeThemeId]);
-	const resolvedTheme = (0, react.useMemo)(() => {
-		if (!activeTheme) return void 0;
-		return require_src.resolveTheme(activeTheme);
-	}, [activeTheme]);
+	const resolvedTheme = (0, react.useMemo)(() => require_src.resolveTheme(activeTheme), [activeTheme]);
 	(0, react.useEffect)(() => {
-		if (!resolvedTheme) return;
 		require_src.applyTheme(resolvedTheme);
 		return () => {
 			require_src.removeAllThemes();
@@ -2428,12 +2429,11 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 	}, [resolvedTheme]);
 	(0, react.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 = (0, react.useMemo)(() => {
 		if (navigationProp) return navigationProp;
 		const profileNav = appData?.profile?.navigation?.navigation_items;
@@ -2465,7 +2465,6 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		};
 	}, [themeMode]);
 	(0, react.useEffect)(() => {
-		if (!resolvedTheme) return;
 		let meta = document.querySelector("meta[name=\"theme-color\"]");
 		if (!meta) {
 			meta = document.createElement("meta");
@@ -2564,7 +2563,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 			autoModeEnabled: false,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "font-body",
-				"data-theme": activeTheme?.id,
+				"data-theme": activeTheme.id,
 				"data-theme-mode": themeMode === "auto" ? void 0 : themeMode,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AppNavigationContext.AppNavigationProvider, {
 					currentSlug: activeSlug,
@@ -3644,7 +3643,7 @@ const screenPropertySchemas = {
 	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CISCXowf.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-DW3BuhBs.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-DsR9VEwa.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-DyGQ-Yo_.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-CTIe6EH0.cjs")).then((m) => m.shareablesScreenPropertySchema),
 	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-IQ3tqLfP.cjs")).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-4Z5_ALSr.cjs")).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-BmYJ7Zgb.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)