@fluid-app/portal-sdk 0.1.450 → 0.1.451

package/dist/index.cjs

@@ -4,7 +4,7 @@ const require_build_widget_registry = require("./build-widget-registry-L8a9-O3A.
 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-BjSf_FiB.cjs");
+const require_FluidProvider = require("./FluidProvider-BULkBuyn.cjs");
 require("./mysite-api-context-SWweFE49.cjs");
 require("./ContactsTranslationBridge-BvkMkPED.cjs");
 const require_ContactsScreen = require("./ContactsScreen-CBXOEkvz.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-NdUsPc_N.cjs");
-require("./use-portal-card-add-3ds-flow-Ch7FwzUp.cjs");
+const require_MessagingScreen = require("./MessagingScreen-CApfcPd5.cjs");
+require("./use-portal-card-add-3ds-flow-1JkstOR0.cjs");
 require("./display-B4SeWw2h.cjs");
 require("./use-mysite-portal-DtJ9elyn.cjs");
-const require_ProfileScreen = require("./ProfileScreen-CCVbDYek.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-DhxSxQ43.cjs");
+const require_ProfileScreen = require("./ProfileScreen-Dh1zfLSC.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-aaF2B1qD.cjs");
 require("./dist-Cpt-uZEu.cjs");
 require("./es-DgpoYsI0.cjs");
 require("./dist-BGBmj4YO.cjs");
-const require_OrdersScreen = require("./OrdersScreen-CNCGv-jL.cjs");
+const require_OrdersScreen = require("./OrdersScreen-DEv_TOuP.cjs");
 const require_MySiteScreen = require("./MySiteScreen-153RP02E.cjs");
 require("./dist-DbRyOeMz.cjs");
-const require_ShopScreen = require("./ShopScreen-Cm-B46dF.cjs");
+const require_ShopScreen = require("./ShopScreen-DqdBdkjS.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");
@@ -1225,24 +1225,35 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 	const { isMobile, useBottomNav } = useSidebar();
 	const shellApi = require_shell_translation_api_context.useShellTranslation();
 	const { t } = shellApi;
+	const nativeCapabilities = require_FluidProvider.useNativeCapabilities();
 	const [moreOpen, setMoreOpen] = react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(RepIcon, {
 					name: item.icon || "file",
 					className: "size-5"
@@ -1253,8 +1264,9 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 			}, item.id ?? item.slug ?? item.label);
 		}), hasOverflow && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("nav_more") })]
 		})]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fluid_app_ui_components_components_MobileBottomSheet.MobileBottomSheet, {
@@ -1854,12 +1866,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-Ce8jwoAg.cjs")).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-iCm9w3Kz.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-D1qYFGmN.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-BAl4Hg2w.cjs")).then((m) => ({ default: m.MessagingScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-Bp3kvBsM.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-CgU8hdeD.cjs")).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-CYCQcYMB.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-N3CiZ807.cjs")).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-C1kfIxoL.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-CRVZOMY5.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-lyjY8yxm.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-Kkhv7muB.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-DBbZBYAj.cjs")).then((m) => ({ default: m.MySiteScreen })));
@@ -3767,15 +3779,15 @@ const CORE_PAGE_IDS = {
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-Ce8jwoAg.cjs")).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-BAl4Hg2w.cjs")).then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-Bp3kvBsM.cjs")).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-N3CiZ807.cjs")).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-C1kfIxoL.cjs")).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-iCm9w3Kz.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-D1qYFGmN.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-CgU8hdeD.cjs")).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-CYCQcYMB.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-Kkhv7muB.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-CRVZOMY5.cjs")).then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-lyjY8yxm.cjs")).then((m) => m.shopScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-BUhwZtAN.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**