@fluid-app/portal-sdk 0.1.442 → 0.1.443

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,7 +82,7 @@ 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";
@@ -1563,24 +1563,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 +1824,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 +2200,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 +2593,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 +3737,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)
 };
 /**