@fluid-app/portal-sdk 0.1.451 → 0.1.453

package/dist/index.cjs

@@ -68,7 +68,7 @@ const require_MessagingScreen = require("./MessagingScreen-CApfcPd5.cjs");
 require("./use-portal-card-add-3ds-flow-1JkstOR0.cjs");
 require("./display-B4SeWw2h.cjs");
 require("./use-mysite-portal-DtJ9elyn.cjs");
-const require_ProfileScreen = require("./ProfileScreen-Dh1zfLSC.cjs");
+const require_ProfileScreen = require("./ProfileScreen-Cs3B8vfS.cjs");
 const require_SubscriptionsScreen = require("./SubscriptionsScreen-aaF2B1qD.cjs");
 require("./dist-Cpt-uZEu.cjs");
 require("./es-DgpoYsI0.cjs");
@@ -896,6 +896,59 @@ function useSuppressInitialIframeFocusScroll(ref) {
 	}, [ref]);
 }
 //#endregion
+//#region ../react/src/shell/BottomNavVisibilityContext.tsx
+function createBottomNavVisibilityCoordinator() {
+	let hideCount = 0;
+	let hidden = false;
+	const listeners = /* @__PURE__ */ new Set();
+	const emit = () => {
+		const next = hideCount > 0;
+		if (next === hidden) return;
+		hidden = next;
+		for (const listener of listeners) listener();
+	};
+	return {
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		getSnapshot: () => hidden,
+		requestHide: () => {
+			hideCount += 1;
+			emit();
+			let released = false;
+			return () => {
+				if (released) return;
+				released = true;
+				hideCount -= 1;
+				emit();
+			};
+		}
+	};
+}
+const BottomNavVisibilityContext = (0, react.createContext)(null);
+function BottomNavVisibilityProvider({ children }) {
+	const coordinatorRef = (0, react.useRef)(null);
+	if (!coordinatorRef.current) coordinatorRef.current = createBottomNavVisibilityCoordinator();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomNavVisibilityContext.Provider, {
+		value: coordinatorRef.current,
+		children
+	});
+}
+const subscribeToNothing = () => () => void 0;
+const getNotHidden = () => false;
+/**
+* Read whether the bottom nav should currently be hidden. Safe to call without
+* a provider — falls back to "visible" so shells that never mount the provider
+* (and existing tests) behave exactly as before.
+*/
+function useBottomNavHidden() {
+	const coordinator = (0, react.useContext)(BottomNavVisibilityContext);
+	return (0, react.useSyncExternalStore)(coordinator?.subscribe ?? subscribeToNothing, coordinator?.getSnapshot ?? getNotHidden, getNotHidden);
+}
+//#endregion
 //#region ../react/src/shell/AppShellLayout.tsx
 /**
 * Pure visual frame that replicates the RepApp layout:
@@ -907,6 +960,8 @@ function useSuppressInitialIframeFocusScroll(ref) {
 */
 function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader, sidebarFooter, afterContent, useBottomNav = false }) {
 	const screenContentRef = (0, react.useRef)(null);
+	const bottomNavHidden = useBottomNavHidden();
+	const mobileBottomPadding = useBottomNav ? bottomNavHidden ? "max-md:pb-0" : "max-md:pb-[calc(3.5rem+env(safe-area-inset-bottom))]" : "";
 	(0, react.useLayoutEffect)(() => {
 		const el = screenContentRef.current;
 		if (!el) return;
@@ -938,7 +993,7 @@ function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SidebarInset, {
 					className: "flex flex-1 flex-col overflow-hidden",
 					children: [headerContent, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: `bg-muted min-h-0 flex-1 md:pt-4 md:pr-4 md:pb-4 md:pl-2 ${useBottomNav ? "max-md:pb-[calc(3.5rem+env(safe-area-inset-bottom))]" : ""}`,
+						className: `bg-muted min-h-0 flex-1 transition-[padding] duration-300 ease-out motion-reduce:transition-none md:pt-4 md:pr-4 md:pb-4 md:pl-2 ${mobileBottomPadding}`,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							ref: screenContentRef,
 							"data-fluid-portal-screen-area": "",
@@ -1226,6 +1281,7 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 	const shellApi = require_shell_translation_api_context.useShellTranslation();
 	const { t } = shellApi;
 	const nativeCapabilities = require_FluidProvider.useNativeCapabilities();
+	const hidden = useBottomNavHidden();
 	const [moreOpen, setMoreOpen] = react.useState(false);
 	if (!isMobile || !useBottomNav) return null;
 	const navigableItems = navItems.filter((item) => !item.parent_id).filter((item) => item.slug || item.children && item.children.length > 0);
@@ -1246,7 +1302,11 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 		setMoreOpen(true);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-		className: "border-border bg-sidebar fixed right-0 bottom-0 left-0 z-40 flex h-[calc(3.5rem+env(safe-area-inset-bottom))] items-start justify-around border-t pb-[env(safe-area-inset-bottom)]",
+		"data-fluid-bottom-nav": "",
+		"data-hidden": hidden ? "" : void 0,
+		"aria-hidden": hidden || void 0,
+		inert: hidden,
+		className: `border-border bg-sidebar fixed right-0 bottom-0 left-0 z-40 flex h-[calc(3.5rem+env(safe-area-inset-bottom))] items-start justify-around border-t pb-[env(safe-area-inset-bottom)] transition-[transform,opacity] duration-300 ease-out motion-reduce:transition-none ${hidden ? "pointer-events-none translate-y-full opacity-0" : "translate-y-0 opacity-100"}`,
 		children: [visibleItems.map((item) => {
 			const isActive = isInSection(item, currentSlug);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -1866,7 +1926,7 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-Bp3kvBsM.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-cCOWdo-G.cjs")).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-CgU8hdeD.cjs")).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CYCQcYMB.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-N3CiZ807.cjs")).then((m) => ({ default: m.MessagingScreen })));
@@ -2626,7 +2686,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetInteractionContext.WidgetInteractionProvider, {
 						onItemClick: handleWidgetItemClick,
 						onNavigate: handleNavigate,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppShellLayout, {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomNavVisibilityProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppShellLayout, {
 							sidebarContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SdkNavigation, {
 								navItems: filteredNavItems,
 								currentSlug: activeSlug,
@@ -2650,7 +2710,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 								appDefinitionId: appData?.definition_id ?? 0
 							}),
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_build_widget_registry.ScreenAreaFullscreenProvider, { children: content })
-						})
+						}) })
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.Toaster, {})]
 			})
@@ -3779,7 +3839,7 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-Bp3kvBsM.cjs")).then((m) => m.profileScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-cCOWdo-G.cjs")).then((m) => m.profileScreenPropertySchema),
 	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-N3CiZ807.cjs")).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-C1kfIxoL.cjs")).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-CgU8hdeD.cjs")).then((m) => m.ordersScreenPropertySchema),