@fluid-app/portal-sdk 0.1.442 → 0.1.443

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");
@@ -1565,24 +1565,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 +1826,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 +2202,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 +2595,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 +3739,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)
 };
 /**