@fluid-app/portal-sdk 0.1.442 → 0.1.444

package/dist/index.cjs

@@ -4,7 +4,7 @@ const require_build_widget_registry = require("./build-widget-registry-BQ1Re7ib.
 const require_ScreenRenderer = require("./ScreenRenderer-EGk5-w0h.cjs");
 const require_use_account = require("./use-account-CPOGOGl6.cjs");
 require("./use-optional-store-CIM4spDu.cjs");
-const require_FluidProvider = require("./FluidProvider-E3BxHccm.cjs");
+const require_FluidProvider = require("./FluidProvider-DRyFjZ6v.cjs");
 require("./mysite-api-context-SWweFE49.cjs");
 require("./ContactsTranslationBridge-BvkMkPED.cjs");
 const require_ContactsScreen = require("./ContactsScreen-BMnHQQQj.cjs");
@@ -64,19 +64,19 @@ const require_ScreenHeaderContext = require("./ScreenHeaderContext-BnxDDgZR.cjs"
 const require_CustomersScreen = require("./CustomersScreen-SJYpWEB0.cjs");
 const require_member_permissions = require("./member-permissions-DjM_MJxs.cjs");
 const require_portal_function = require("./portal-function-Croms0WD.cjs");
-const require_MessagingScreen = require("./MessagingScreen-DRD0nEc4.cjs");
-require("./use-portal-card-add-3ds-flow-CNX-EEX9.cjs");
+const require_MessagingScreen = require("./MessagingScreen-BcKMkp38.cjs");
+require("./use-portal-card-add-3ds-flow-BESpmw-C.cjs");
 require("./display-B4SeWw2h.cjs");
 require("./use-mysite-portal-DtJ9elyn.cjs");
-const require_ProfileScreen = require("./ProfileScreen-Bz8xAR2F.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-cskYuL1i.cjs");
+const require_ProfileScreen = require("./ProfileScreen-CJ02u5_k.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-D8uE5QRT.cjs");
 require("./dist-Cpt-uZEu.cjs");
 require("./es-DgpoYsI0.cjs");
 require("./dist-BGBmj4YO.cjs");
-const require_OrdersScreen = require("./OrdersScreen-DouJFuWM.cjs");
+const require_OrdersScreen = require("./OrdersScreen-9LZSY0r6.cjs");
 const require_MySiteScreen = require("./MySiteScreen-153RP02E.cjs");
 require("./dist-DbRyOeMz.cjs");
-const require_ShopScreen = require("./ShopScreen-CWCX8u6W.cjs");
+const require_ShopScreen = require("./ShopScreen-IBpCfhLT.cjs");
 require("./AppDownloadScreen-BUhwZtAN.cjs");
 const require_utils_build_remote_widget_plugin_manifests = require("./utils/build-remote-widget-plugin-manifests.cjs");
 let react = require("react");
@@ -90,6 +90,7 @@ let tailwind_merge = require("tailwind-merge");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let class_variance_authority = require("class-variance-authority");
 let react_dom_client = require("react-dom/client");
+let _fluid_app_ui_components_components_MobileBottomSheet = require("@fluid-app/ui-components/components/MobileBottomSheet");
 //#region src/types/page-template.ts
 /**
 * Built-in page category IDs
@@ -958,7 +959,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
 						})
 					})]
@@ -1272,41 +1273,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("nav_more") })]
 		})]
-	}), moreOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "fixed inset-0 z-50 flex flex-col",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex-1 bg-black/50",
-			onClick: () => setMoreOpen(false),
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "bg-sidebar rounded-t-2xl pb-[env(safe-area-inset-bottom)]",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center justify-between px-4 pt-4 pb-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-foreground text-sm font-semibold",
-					children: t("nav_more")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-5" })
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "px-2 pb-4",
-				children: overflowItems.map((item) => {
-					return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RepIcon, {
-							name: item.icon || "file",
-							className: "size-5"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: translateNavLabel(shellApi, item.slug, item.label) })]
-					}, item.id ?? item.slug ?? item.label);
-				})
-			})]
-		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fluid_app_ui_components_components_MobileBottomSheet.MobileBottomSheet, {
+		open: moreOpen,
+		onOpenChange: setMoreOpen,
+		title: t("nav_more"),
+		surface: "sidebar",
+		children: overflowItems.map((item) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RepIcon, {
+					name: item.icon || "file",
+					className: "size-5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: translateNavLabel(shellApi, item.slug, item.label) })]
+			}, item.id ?? item.slug ?? item.label);
+		})
 	})] });
 }
 //#endregion
@@ -1565,24 +1547,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 = require_shell_translation_api_context.useShellTranslation();
 	const { t } = shellApi;
+	const resolvedTitle = title ? translateNavLabel(shellApi, currentSlug, title) : require_use_navigation_parent.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__ */ (0, react_jsx_runtime.jsxs)("header", {
-		className: "bg-sidebar shrink-0",
-		children: [isMobileWithBottomNav ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex h-[52px] items-center px-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "text-muted-foreground ml-auto flex flex-none items-center justify-end gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageSelector, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SdkMobileProfileMenu, {
-					onNavigate,
-					onLogout
-				})]
-			})
+		className: "bg-sidebar shrink-0 pt-[env(safe-area-inset-top)]",
+		children: [isMobileWithBottomNav ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex h-[52px] items-center gap-2 px-4",
+			children: [
+				onBack ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.IconButton, {
+					icon: lucide_react.ChevronLeft,
+					"aria-label": t("nav_back"),
+					onClick: onBack,
+					className: "-ml-1 flex-none"
+				}) : null,
+				resolvedTitle ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-muted-foreground ml-auto flex flex-none items-center justify-end gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageSelector, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SdkMobileProfileMenu, {
+						onNavigate,
+						onLogout
+					})]
+				})
+			]
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex h-[52px] items-center px-6",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1813,12 +1808,12 @@ 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-D3oLgrla.cjs")).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-7U1ViXnt.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CL-NKw6s.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-Da19zbmP.cjs")).then((m) => ({ default: m.MessagingScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-C8efV745.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-C1QEm5aJ.cjs")).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-D_YvnfPC.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-D9lMoFHp.cjs")).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-CbWOdrpK.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-TckT3N88.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-BOv02SK-.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-BglnNB4X.cjs")).then((m) => ({ default: m.CustomersScreen })));
 const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BIHgA14y.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-DBbZBYAj.cjs")).then((m) => ({ default: m.MySiteScreen })));
@@ -2189,7 +2184,7 @@ function ScreenHeader({ title, trailingContent, override }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
@@ -2582,6 +2577,8 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 							headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SdkHeader, {
 								mobileTabs: mobileSecondLevelTabs,
 								currentSlug: activeSlug,
+								title: screenTitle,
+								...restParams !== "" && { onBack: () => handleNavigate(baseSlug) },
 								onNavigate: handleNavigate,
 								onLogout: logout
 							}),
@@ -3724,15 +3721,15 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-D3oLgrla.cjs")).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-Da19zbmP.cjs")).then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-C8efV745.cjs")).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-D9lMoFHp.cjs")).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-CbWOdrpK.cjs")).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-7U1ViXnt.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CL-NKw6s.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-C1QEm5aJ.cjs")).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-D_YvnfPC.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-BglnNB4X.cjs")).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-DBbZBYAj.cjs")).then((m) => m.mySiteScreenPropertySchema),
 	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BIHgA14y.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-TckT3N88.cjs")).then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-BOv02SK-.cjs")).then((m) => m.shopScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-BUhwZtAN.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**