@fluid-app/portal-sdk 0.1.451 → 0.1.453

package/dist/index.mjs

@@ -67,7 +67,7 @@ import { a as implementPortalFunction } from "./portal-function-DiozZloV.mjs";
 import "./use-portal-card-add-3ds-flow-DueNr2yx.mjs";
 import "./display-nScoMx87.mjs";
 import "./use-mysite-portal-B1lFZMl2.mjs";
-import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-Gvi6qWH9.mjs";
+import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BdzjBeMm.mjs";
 import "./dist-CBZLrT5S.mjs";
 import "./es-B3I_oMk-.mjs";
 import "./dist-CU-tsJ00.mjs";
@@ -894,6 +894,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 = createContext(null);
+function BottomNavVisibilityProvider({ children }) {
+	const coordinatorRef = useRef(null);
+	if (!coordinatorRef.current) coordinatorRef.current = createBottomNavVisibilityCoordinator();
+	return /* @__PURE__ */ 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 = useContext(BottomNavVisibilityContext);
+	return useSyncExternalStore(coordinator?.subscribe ?? subscribeToNothing, coordinator?.getSnapshot ?? getNotHidden, getNotHidden);
+}
+//#endregion
 //#region ../react/src/shell/AppShellLayout.tsx
 /**
 * Pure visual frame that replicates the RepApp layout:
@@ -905,6 +958,8 @@ function useSuppressInitialIframeFocusScroll(ref) {
 */
 function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader, sidebarFooter, afterContent, useBottomNav = false }) {
 	const screenContentRef = useRef(null);
+	const bottomNavHidden = useBottomNavHidden();
+	const mobileBottomPadding = useBottomNav ? bottomNavHidden ? "max-md:pb-0" : "max-md:pb-[calc(3.5rem+env(safe-area-inset-bottom))]" : "";
 	useLayoutEffect(() => {
 		const el = screenContentRef.current;
 		if (!el) return;
@@ -936,7 +991,7 @@ function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader
 				/* @__PURE__ */ jsxs(SidebarInset, {
 					className: "flex flex-1 flex-col overflow-hidden",
 					children: [headerContent, /* @__PURE__ */ 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__ */ jsx("div", {
 							ref: screenContentRef,
 							"data-fluid-portal-screen-area": "",
@@ -1224,6 +1279,7 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 	const shellApi = useShellTranslation();
 	const { t } = shellApi;
 	const nativeCapabilities = useNativeCapabilities();
+	const hidden = useBottomNavHidden();
 	const [moreOpen, setMoreOpen] = React$1.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);
@@ -1244,7 +1300,11 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 		setMoreOpen(true);
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ 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__ */ jsxs("button", {
@@ -1864,7 +1924,7 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BPPBknUb.mjs").then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-3gbdDTy0.mjs").then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-Cv-qovZG.mjs").then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-Db9gI6D6.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = lazy(() => import("./MessagingScreen-BdsSr7l4.mjs").then((m) => ({ default: m.MessagingScreen })));
@@ -2624,7 +2684,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 					children: /* @__PURE__ */ jsx(WidgetInteractionProvider, {
 						onItemClick: handleWidgetItemClick,
 						onNavigate: handleNavigate,
-						children: /* @__PURE__ */ jsx(AppShellLayout, {
+						children: /* @__PURE__ */ jsx(BottomNavVisibilityProvider, { children: /* @__PURE__ */ jsx(AppShellLayout, {
 							sidebarContent: /* @__PURE__ */ jsx(SdkNavigation, {
 								navItems: filteredNavItems,
 								currentSlug: activeSlug,
@@ -2648,7 +2708,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 								appDefinitionId: appData?.definition_id ?? 0
 							}),
 							children: /* @__PURE__ */ jsx(ScreenAreaFullscreenProvider, { children: content })
-						})
+						}) })
 					})
 				}), /* @__PURE__ */ jsx(Toaster, {})]
 			})
@@ -3777,7 +3837,7 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-BPPBknUb.mjs").then((m) => m.profileScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-3gbdDTy0.mjs").then((m) => m.profileScreenPropertySchema),
 	MessagingScreen: () => import("./MessagingScreen-BdsSr7l4.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-DjMBu144.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-Cv-qovZG.mjs").then((m) => m.ordersScreenPropertySchema),