@fluid-app/portal-sdk 0.1.428 → 0.1.430

package/dist/{SubscriptionsScreen-RMjqJpCY.cjs → SubscriptionsScreen-wxcIwNni.cjs}

@@ -57,6 +57,6 @@ require("./use-portal-card-add-3ds-flow-OFAaY1ms.cjs");
 require("./display-Bbu9dVv-.cjs");
 require("./Combobox-CMWzBod7.cjs");
 require("./prop-types-BL9DoSxF.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-BJWA3S9y.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-CHssmfkf.cjs");
 exports.SubscriptionsScreen = require_SubscriptionsScreen.SubscriptionsScreen;
 exports.subscriptionsScreenPropertySchema = require_SubscriptionsScreen.subscriptionsScreenPropertySchema;

package/dist/adapters/subscriptions-api-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions-api-adapter.d.ts","sourceRoot":"","sources":["../../src/adapters/subscriptions-api-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAenE,KAAK,uBAAuB,GAAG,OAAO,CACpC,UAAU,CAAC,OAAO,YAAY,CAAC,kBAAkB,CAAC,CACnD,CAAC;AAMF,KAAK,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;AAe5E;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,eAAe,GACnB,aAAa,CAAC,8BAA8B,CA+N9C;AAuGD;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,WAAW,GAClB,gBAAgB,CA6IlB"}
+{"version":3,"file":"subscriptions-api-adapter.d.ts","sourceRoot":"","sources":["../../src/adapters/subscriptions-api-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAenE,KAAK,uBAAuB,GAAG,OAAO,CACpC,UAAU,CAAC,OAAO,YAAY,CAAC,kBAAkB,CAAC,CACnD,CAAC;AAMF,KAAK,eAAe,GAAG,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;AAe5E;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,eAAe,GACnB,aAAa,CAAC,8BAA8B,CAgO9C;AAuGD;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,WAAW,GAClB,gBAAgB,CA6IlB"}

package/dist/index.cjs

@@ -72,7 +72,7 @@ require("./Combobox-CMWzBod7.cjs");
 require("./prop-types-BL9DoSxF.cjs");
 require("./use-mysite-portal-C_V5cNaa.cjs");
 const require_ProfileScreen = require("./ProfileScreen-GJzKpyV2.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-BJWA3S9y.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-CHssmfkf.cjs");
 require("./dist-BY7oIoRh.cjs");
 require("./es-C0D2Nzch.cjs");
 require("./dist-D2JCrLWW.cjs");
@@ -1850,7 +1850,7 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 //#region src/shell/system-screen-map.ts
 const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-BgufOBvz.cjs")).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-CdMqtyp-.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-RMjqJpCY.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-wxcIwNni.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-B9cy5cow.cjs")).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-CHZ0KEUy.cjs")).then((m) => ({ default: m.ContactsScreen })));
 const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-BsjQ3GzV.cjs")).then((m) => ({ default: m.ShopScreen })));
@@ -2023,6 +2023,29 @@ var AppShellErrorBoundary = class extends react.Component {
 	}
 };
 //#endregion
+//#region src/shell/native-theme-bridge.ts
+const PORTAL_NATIVE_THEME_MESSAGE_TYPE = "fluid.portal.theme";
+function colorToSrgbHex(color) {
+	const srgb = color.to("srgb");
+	srgb.alpha = 1;
+	return srgb.toString({ format: "hex" });
+}
+function createPortalNativeThemeMessage({ resolvedTheme, mode }) {
+	return {
+		type: PORTAL_NATIVE_THEME_MESSAGE_TYPE,
+		version: 1,
+		payload: {
+			themeId: resolvedTheme.id,
+			mode,
+			colors: { muted: colorToSrgbHex(resolvedTheme[mode].muted.base) }
+		}
+	};
+}
+function postPortalNativeThemeMessage(message) {
+	if (typeof window === "undefined") return;
+	window.ReactNativeWebView?.postMessage(JSON.stringify(message));
+}
+//#endregion
 //#region src/shell/SdkLogoutButton.tsx
 /**
 * Sidebar footer slot. Renders Theme toggle + Log out.
@@ -2227,9 +2250,14 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		const metaEl = meta;
 		const theme = resolvedTheme;
 		function update(prefersDark) {
-			const hex = ((themeMode === "auto" ? prefersDark ? "dark" : "light" : themeMode) === "dark" ? theme.dark.muted.base : theme.light.muted.base).toString();
-			metaEl.content = hex;
-			document.body.style.backgroundColor = hex;
+			const nativeThemeMessage = createPortalNativeThemeMessage({
+				resolvedTheme: theme,
+				mode: themeMode === "auto" ? prefersDark ? "dark" : "light" : themeMode
+			});
+			const mutedColor = nativeThemeMessage.payload.colors.muted;
+			metaEl.content = mutedColor;
+			document.body.style.backgroundColor = mutedColor;
+			postPortalNativeThemeMessage(nativeThemeMessage);
 		}
 		const mql = window.matchMedia("(prefers-color-scheme: dark)");
 		update(mql.matches);
@@ -3467,7 +3495,7 @@ const screenPropertySchemas = {
 	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-B9cy5cow.cjs")).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-CHZ0KEUy.cjs")).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-CdMqtyp-.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-RMjqJpCY.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-wxcIwNni.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-BM08PF8p.cjs")).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-ClWFu_8I.cjs")).then((m) => m.mySiteScreenPropertySchema),
 	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BAzK2RgL.cjs")).then((m) => m.shareablesScreenPropertySchema),