@fluid-app/portal-sdk 0.1.442 → 0.1.444

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { A as DEFAULT_COLORS, B as getForegroundColor, C as removeAllThemes, D a
 import { a as assertNever, i as assertDefined, n as DataAwareWidget, o as isWidgetType, r as WIDGET_TYPE_NAMES, s as isWidgetTypeName, u as useRegistry } from "./ScreenRenderer-BQz-1cCn.mjs";
 import { t as useAccount } from "./use-account-DR6HXMw_.mjs";
 import "./use-optional-store-DpB_jK4Q.mjs";
-import { b as useLanguagesApi, h as useThemeContext, m as FluidThemeProvider, n as useFluidContext, p as shellEn, r as SUPPORTED_LANGUAGES, t as FluidProvider } from "./FluidProvider-C5-je4MJ.mjs";
+import { b as useLanguagesApi, h as useThemeContext, m as FluidThemeProvider, n as useFluidContext, p as shellEn, r as SUPPORTED_LANGUAGES, t as FluidProvider } from "./FluidProvider-hztxEA9v.mjs";
 import "./mysite-api-context-BbxSfNft.mjs";
 import "./ContactsTranslationBridge-DCSWCdyq.mjs";
 import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-Ds-J6GFM.mjs";
@@ -35,9 +35,9 @@ import "./purify.es-CcYKK30Z.mjs";
 import "./MediaRenderer-CLCBsSIU.mjs";
 import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-BlS08Aru.mjs";
 import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-dROZKeGW.mjs";
-import { Cn as Button, Ln as cn$1, ct as PopoverContent, dt as CollapsibleContent, ft as CollapsibleTrigger, g as Skeleton$1, lt as PopoverTrigger, m as Toaster, st as Popover, ut as Collapsible } from "./src-v1U7mjgR.mjs";
-import { i as useMessagingAuth, n as messagingScreenPropertySchema, r as useMessagingConfig, t as MessagingScreen } from "./MessagingScreen-BzCBjO4X.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-DzWTRFMS.mjs";
+import { Cn as Button, Ln as cn$1, N as IconButton, ct as PopoverContent, dt as CollapsibleContent, ft as CollapsibleTrigger, g as Skeleton$1, lt as PopoverTrigger, m as Toaster, st as Popover, ut as Collapsible } from "./src-v1U7mjgR.mjs";
+import { i as useMessagingAuth, n as messagingScreenPropertySchema, r as useMessagingConfig, t as MessagingScreen } from "./MessagingScreen-DP9lhGok.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-g7WC5AfX.mjs";
 import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-LcbtV1uD.mjs";
 import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-bbzSrNUJ.mjs";
 import { r as embedWidgetPropertySchema, t as EmbedWidget } from "./EmbedWidget-DfhOZVCm.mjs";
@@ -64,17 +64,17 @@ import { i as useScreenHeaderSlotRefs, r as ScreenHeaderProvider } from "./Scree
 import { a as FallbackCard, i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-95_LKw0d.mjs";
 import { a as memberTypeSlug, i as memberTypeName, n as deniesRepSurfaces, r as hasMemberPermission, t as canAccessRepSurfaces } from "./member-permissions-B5en48uH.mjs";
 import { a as implementPortalFunction } from "./portal-function-DiozZloV.mjs";
-import "./use-portal-card-add-3ds-flow-Cd7qe-uB.mjs";
+import "./use-portal-card-add-3ds-flow-Ddn35rRp.mjs";
 import "./display-nScoMx87.mjs";
 import "./use-mysite-portal-B1lFZMl2.mjs";
-import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BZhDJ-2U.mjs";
+import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BFUMx753.mjs";
 import "./dist-CBZLrT5S.mjs";
 import "./es-B3I_oMk-.mjs";
 import "./dist-CU-tsJ00.mjs";
-import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-B5pheix7.mjs";
+import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-BIaS_Rs5.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-CJ9CD896.mjs";
 import "./sortable.esm-B6B4nWkF.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-CiPevWHk.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DOXyo3Vh.mjs";
 import "./AppDownloadScreen-OiFZo-I_.mjs";
 import { buildRemoteWidgetPluginManifests } from "./utils/build-remote-widget-plugin-manifests.mjs";
 import * as React$1 from "react";
@@ -82,12 +82,13 @@ import { Component, StrictMode, Suspense, createContext, forwardRef, lazy, memo,
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
-import { Bell, Box, Boxes, Briefcase, Building2, Calendar, Check, ChevronRight, CircleUser, Compass, ContactRound, Ellipsis, File, FileText, FileVideo, Folder, FolderOpen, Globe, GraduationCap, Heart, House, Image, LayoutGrid, ListMusic, LogOut, Mail, Menu, MessageCircle, MessageSquare, Moon, PackageOpen, PanelLeft, Repeat, Search, Settings, ShoppingCart, Smartphone, Star, Store, Sun, TriangleAlert, User, UserCog, Users, X } from "lucide-react";
+import { Bell, Box, Boxes, Briefcase, Building2, Calendar, Check, ChevronLeft, ChevronRight, CircleUser, Compass, ContactRound, Ellipsis, File, FileText, FileVideo, Folder, FolderOpen, Globe, GraduationCap, Heart, House, Image, LayoutGrid, ListMusic, LogOut, Mail, Menu, MessageCircle, MessageSquare, Moon, PackageOpen, PanelLeft, Repeat, Search, Settings, ShoppingCart, Smartphone, Star, Store, Sun, TriangleAlert, User, UserCog, Users, X } from "lucide-react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { createRoot } from "react-dom/client";
+import { MobileBottomSheet } from "@fluid-app/ui-components/components/MobileBottomSheet";
 //#region src/types/page-template.ts
 /**
 * Built-in page category IDs
@@ -956,7 +957,7 @@ function AppShellLayout({ sidebarContent, headerContent, children, sidebarHeader
 							ref: screenContentRef,
 							"data-fluid-portal-screen-area": "",
 							tabIndex: -1,
-							className: "ring-foreground/5 scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-sm ring-1",
+							className: "ring-foreground/5 scrollbar-none bg-background text-foreground h-full overflow-auto rounded-xl shadow-sm ring-1 max-md:rounded-none max-md:shadow-none max-md:ring-0",
 							children
 						})
 					})]
@@ -1270,41 +1271,22 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 			className: `flex flex-1 flex-col items-center justify-center gap-0.5 py-2 text-[10px] font-medium transition-colors ${overflowItems.some((item) => isInSection(item, currentSlug)) ? "text-primary" : "text-muted-foreground"}`,
 			children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: t("nav_more") })]
 		})]
-	}), moreOpen && /* @__PURE__ */ jsxs("div", {
-		className: "fixed inset-0 z-50 flex flex-col",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "flex-1 bg-black/50",
-			onClick: () => setMoreOpen(false),
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "bg-sidebar rounded-t-2xl pb-[env(safe-area-inset-bottom)]",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between px-4 pt-4 pb-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-foreground text-sm font-semibold",
-					children: t("nav_more")
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: () => setMoreOpen(false),
-					className: "text-muted-foreground hover:bg-sidebar-accent flex items-center justify-center rounded-full p-1",
-					"aria-label": t("nav_close"),
-					children: /* @__PURE__ */ jsx(X, { className: "size-5" })
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "px-2 pb-4",
-				children: overflowItems.map((item) => {
-					return /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: () => handleItemClick(item),
-						className: `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors ${isInSection(item, currentSlug) ? "bg-sidebar-primary text-sidebar-primary-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent"}`,
-						children: [/* @__PURE__ */ jsx(RepIcon, {
-							name: item.icon || "file",
-							className: "size-5"
-						}), /* @__PURE__ */ jsx("span", { children: translateNavLabel(shellApi, item.slug, item.label) })]
-					}, item.id ?? item.slug ?? item.label);
-				})
-			})]
-		})]
+	}), /* @__PURE__ */ jsx(MobileBottomSheet, {
+		open: moreOpen,
+		onOpenChange: setMoreOpen,
+		title: t("nav_more"),
+		surface: "sidebar",
+		children: overflowItems.map((item) => {
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => handleItemClick(item),
+				className: `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition-colors ${isInSection(item, currentSlug) ? "bg-sidebar-primary text-sidebar-primary-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent"}`,
+				children: [/* @__PURE__ */ jsx(RepIcon, {
+					name: item.icon || "file",
+					className: "size-5"
+				}), /* @__PURE__ */ jsx("span", { children: translateNavLabel(shellApi, item.slug, item.label) })]
+			}, item.id ?? item.slug ?? item.label);
+		})
 	})] });
 }
 //#endregion
@@ -1563,24 +1545,37 @@ function LanguageSelector() {
 }
 //#endregion
 //#region src/shell/SdkHeader.tsx
-function SdkHeader({ mobileTabs, currentSlug, onNavigate, onLogout }) {
+function SdkHeader({ mobileTabs, currentSlug, title, onBack, onNavigate, onLogout }) {
 	const sidebar = useSidebar();
 	const shellApi = useShellTranslation();
 	const { t } = shellApi;
+	const resolvedTitle = title ? translateNavLabel(shellApi, currentSlug, title) : normalizeSlug(currentSlug) === "more" ? t("nav_more") : void 0;
 	const isMobileWithBottomNav = sidebar.isMobile && sidebar.useBottomNav;
 	const isMobileWithHamburger = sidebar.isMobile && !sidebar.useBottomNav;
 	if (!isMobileWithBottomNav && !isMobileWithHamburger) return null;
 	return /* @__PURE__ */ jsxs("header", {
-		className: "bg-sidebar shrink-0",
-		children: [isMobileWithBottomNav ? /* @__PURE__ */ jsx("div", {
-			className: "flex h-[52px] items-center px-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground ml-auto flex flex-none items-center justify-end gap-2",
-				children: [/* @__PURE__ */ jsx(LanguageSelector, {}), /* @__PURE__ */ jsx(SdkMobileProfileMenu, {
-					onNavigate,
-					onLogout
-				})]
-			})
+		className: "bg-sidebar shrink-0 pt-[env(safe-area-inset-top)]",
+		children: [isMobileWithBottomNav ? /* @__PURE__ */ jsxs("div", {
+			className: "flex h-[52px] items-center gap-2 px-4",
+			children: [
+				onBack ? /* @__PURE__ */ jsx(IconButton, {
+					icon: ChevronLeft,
+					"aria-label": t("nav_back"),
+					onClick: onBack,
+					className: "-ml-1 flex-none"
+				}) : null,
+				resolvedTitle ? /* @__PURE__ */ jsx("h1", {
+					className: "text-sidebar-foreground min-w-0 flex-1 truncate text-[17px] leading-tight font-semibold tracking-[-0.01em]",
+					children: resolvedTitle
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground ml-auto flex flex-none items-center justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(LanguageSelector, {}), /* @__PURE__ */ jsx(SdkMobileProfileMenu, {
+						onNavigate,
+						onLogout
+					})]
+				})
+			]
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "flex h-[52px] items-center px-6",
 			children: /* @__PURE__ */ jsx("button", {
@@ -1811,14 +1806,14 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-DPxQL-ly.mjs").then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-C3zGzWki.mjs").then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-Y5C8NgNC.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DjwiqfCS.mjs").then((m) => ({ default: m.MessagingScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-h6QFJYjT.mjs").then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-DaKc0IWa.mjs").then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-B2QSvJ-w.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DuoVdCoN.mjs").then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-Ds-J6GFM.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-C1ywhucr.mjs").then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-BQXHwKwM.mjs").then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-95_LKw0d.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-DouGMSCv.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CJU8G50V.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-CJ9CD896.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-OiFZo-I_.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
@@ -2187,7 +2182,7 @@ function ScreenHeader({ title, trailingContent, override }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-fluid-screen-header": "",
 		tabIndex: -1,
-		className: "border-foreground/[0.06] bg-background sticky top-0 z-30 flex flex-row items-center border-b px-4 py-3 md:px-6",
+		className: "border-foreground/[0.06] bg-background sticky top-0 z-30 flex flex-row items-center border-b px-4 py-3 max-md:hidden md:px-6",
 		children: [
 			!isMobile && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -2580,6 +2575,8 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 							headerContent: /* @__PURE__ */ jsx(SdkHeader, {
 								mobileTabs: mobileSecondLevelTabs,
 								currentSlug: activeSlug,
+								title: screenTitle,
+								...restParams !== "" && { onBack: () => handleNavigate(baseSlug) },
 								onNavigate: handleNavigate,
 								onLogout: logout
 							}),
@@ -3722,15 +3719,15 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-DPxQL-ly.mjs").then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-DjwiqfCS.mjs").then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-h6QFJYjT.mjs").then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-DuoVdCoN.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-Ds-J6GFM.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-C3zGzWki.mjs").then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-Y5C8NgNC.mjs").then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-DaKc0IWa.mjs").then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-B2QSvJ-w.mjs").then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-95_LKw0d.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-CJ9CD896.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-DouGMSCv.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-C1ywhucr.mjs").then((m) => m.shopScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-CJU8G50V.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-BQXHwKwM.mjs").then((m) => m.shopScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-OiFZo-I_.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**