@fluid-app/portal-sdk 0.1.450 → 0.1.452

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-CXqSq1iX.mjs";
+import { g as useNativeCapabilities, h as useThemeContext, m as FluidThemeProvider, n as useFluidContext, p as shellEn, r as SUPPORTED_LANGUAGES, t as FluidProvider, x as useLanguagesApi } from "./FluidProvider-CA_HAl9a.mjs";
 import "./mysite-api-context-BbxSfNft.mjs";
 import "./ContactsTranslationBridge-DCSWCdyq.mjs";
 import { i as useIsMobile, r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-DjMBu144.mjs";
@@ -36,8 +36,8 @@ import "./MediaRenderer-DflyyaXq.mjs";
 import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-DEyRWj_S.mjs";
 import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-dROZKeGW.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-CtMw_Wp3.mjs";
-import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-IWNnfQ36.mjs";
+import { i as useMessagingAuth, n as messagingScreenPropertySchema, r as useMessagingConfig, t as MessagingScreen } from "./MessagingScreen-Cf0OOWZ5.mjs";
+import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-bCXc9Bqn.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-EjCuOFOz.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-hgln6QRL.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-DD8HaCNH.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";
-import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-B3sEroyv.mjs";
+import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-BPihQMaX.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-DsKCSRzS.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BQu3Hv89.mjs";
 import "./AppDownloadScreen-OiFZo-I_.mjs";
 import { buildRemoteWidgetPluginManifests } from "./utils/build-remote-widget-plugin-manifests.mjs";
 import * as React$1 from "react";
@@ -1223,24 +1223,35 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 	const { isMobile, useBottomNav } = useSidebar();
 	const shellApi = useShellTranslation();
 	const { t } = shellApi;
+	const nativeCapabilities = useNativeCapabilities();
 	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);
 	const hasOverflow = navigableItems.length > maxVisibleItems;
 	const visibleItems = hasOverflow ? navigableItems.slice(0, maxVisibleItems - 1) : navigableItems;
 	const overflowItems = hasOverflow ? navigableItems.slice(maxVisibleItems - 1) : [];
+	const overflowIsActive = overflowItems.some((item) => isInSection(item, currentSlug));
 	const handleItemClick = (item) => {
 		const target = getNavigationTarget(item, appDefinitionId);
-		if (target) onNavigate(target);
+		if (target) {
+			nativeCapabilities.haptic("light");
+			onNavigate(target);
+		}
 		setMoreOpen(false);
 	};
+	const handleMoreClick = () => {
+		nativeCapabilities.haptic("light");
+		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-end justify-around border-t pb-[env(safe-area-inset-bottom)]",
+		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)]",
 		children: [visibleItems.map((item) => {
+			const isActive = isInSection(item, currentSlug);
 			return /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				onClick: () => handleItemClick(item),
-				className: `flex flex-1 flex-col items-center justify-center gap-0.5 py-2 text-[10px] font-medium transition-colors ${isInSection(item, currentSlug) ? "text-primary" : "text-muted-foreground"}`,
+				"aria-current": isActive ? "page" : void 0,
+				className: `flex h-14 flex-1 touch-manipulation flex-col items-center justify-center gap-0.5 pt-2 pb-1 text-[10px] font-medium transition-[color,transform] duration-150 active:scale-95 ${isActive ? "text-primary" : "text-muted-foreground"}`,
 				children: [/* @__PURE__ */ jsx(RepIcon, {
 					name: item.icon || "file",
 					className: "size-5"
@@ -1251,8 +1262,9 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 			}, item.id ?? item.slug ?? item.label);
 		}), hasOverflow && /* @__PURE__ */ jsxs("button", {
 			type: "button",
-			onClick: () => setMoreOpen(true),
-			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"}`,
+			onClick: handleMoreClick,
+			"aria-current": overflowIsActive ? "page" : void 0,
+			className: `flex h-14 flex-1 touch-manipulation flex-col items-center justify-center gap-0.5 pt-2 pb-1 text-[10px] font-medium transition-[color,transform] duration-150 active:scale-95 ${overflowIsActive ? "text-primary" : "text-muted-foreground"}`,
 			children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: t("nav_more") })]
 		})]
 	}), /* @__PURE__ */ jsx(MobileBottomSheet, {
@@ -1852,12 +1864,12 @@ function resolveMemberTypePage(registry, memberTypeSlug, currentSlug, baseSlug)
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen--xpXB--h.mjs").then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-Dz_rz68P.mjs").then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-C17iAZ_N.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-Ck5kiA-O.mjs").then((m) => ({ default: m.MessagingScreen })));
+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 })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-DjMBu144.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-B9xABYoy.mjs").then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-eC3clAjp.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-ClWi9ctd.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-CJ9CD896.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
@@ -3765,15 +3777,15 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen--xpXB--h.mjs").then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-Ck5kiA-O.mjs").then((m) => m.messagingScreenPropertySchema),
+	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-Dz_rz68P.mjs").then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-C17iAZ_N.mjs").then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-Cv-qovZG.mjs").then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-Db9gI6D6.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-ClWi9ctd.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-B9xABYoy.mjs").then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-eC3clAjp.mjs").then((m) => m.shopScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-OiFZo-I_.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**