@fluid-app/portal-sdk 0.1.13 → 0.1.14

package/dist/index.cjs

@@ -1,22 +1,24 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MessagingScreen = require("./MessagingScreen-Ca22FObh.cjs");
-const require_CoreScreenPlaceholder = require("./CoreScreenPlaceholder-Bw8YOPwv.cjs");
-const require_ContactsScreen = require("./ContactsScreen-Dwn5onLu.cjs");
-const require_OrdersScreen = require("./OrdersScreen-DbON-kBA.cjs");
-const require_CustomersScreen = require("./CustomersScreen-gQb6cWL5.cjs");
-const require_ProductsScreen = require("./ProductsScreen-CMDGGvE2.cjs");
+const require_FluidProvider = require("./FluidProvider-C6SCZDjX.cjs");
+const require_MessagingScreen = require("./MessagingScreen-Bd-1_J9q.cjs");
+const require_AccountScreen = require("./AccountScreen-BH7hueZP.cjs");
+const require_CoreScreenPlaceholder = require("./CoreScreenPlaceholder-C9lBkcyc.cjs");
+const require_ContactsScreen = require("./ContactsScreen-CjnCemeI.cjs");
+const require_OrdersScreen = require("./OrdersScreen-DBxpXgZ9.cjs");
+const require_CustomersScreen = require("./CustomersScreen-CqwRJogV.cjs");
+const require_ProductsScreen = require("./ProductsScreen-BK8cz_MN.cjs");
 let react = require("react");
-react = require_MessagingScreen.__toESM(react);
+react = require_FluidProvider.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
 let _fluid_app_portal_core_theme = require("@fluid-app/portal-core/theme");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _fluid_app_portal_widgets_contexts = require("@fluid-app/portal-widgets/contexts");
+let _fortawesome_react_fontawesome = require("@fortawesome/react-fontawesome");
 let _fluid_app_portal_core_shell_AppShellLayout = require("@fluid-app/portal-core/shell/AppShellLayout");
 let _fluid_app_portal_core_shell_ThemeModeContext = require("@fluid-app/portal-core/shell/ThemeModeContext");
 let _fluid_app_portal_core_navigation_system_navigation_items = require("@fluid-app/portal-core/navigation/system-navigation-items");
 let _fluid_app_portal_core_shell_ScreenHeader = require("@fluid-app/portal-core/shell/ScreenHeader");
 let _fluid_app_portal_core_shell_ScreenHeaderContext = require("@fluid-app/portal-core/shell/ScreenHeaderContext");
-let _fortawesome_react_fontawesome = require("@fortawesome/react-fontawesome");
 let _fortawesome_pro_regular_svg_icons_faEllipsis = require("@fortawesome/pro-regular-svg-icons/faEllipsis");
 let _fortawesome_pro_regular_svg_icons_faXmark = require("@fortawesome/pro-regular-svg-icons/faXmark");
 let _fluid_app_portal_core_components_RepIcon = require("@fluid-app/portal-core/components/RepIcon");
@@ -969,7 +971,7 @@ function useFluidApp(options) {
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: APP_DATA_QUERY_KEY,
 		queryFn: () => api.app.getRaw(),
-		select: require_MessagingScreen.transformManifestToRepAppData,
+		select: require_FluidProvider.transformManifestToRepAppData,
 		...appDataPersister && { persister: appDataPersister.persisterFn },
 		...options?.enabled !== void 0 && { enabled: options.enabled }
 	});
@@ -1053,7 +1055,7 @@ function useFluidPermissions() {
 * ```
 */
 function useFluidTheme() {
-	const { currentTheme, setTheme, setThemeMode, mode } = require_MessagingScreen.useThemeContext();
+	const { currentTheme, setTheme, setThemeMode, mode } = require_FluidProvider.useThemeContext();
 	return {
 		currentTheme,
 		setTheme,
@@ -1122,47 +1124,6 @@ function useCurrentUser() {
 	});
 }
 //#endregion
-//#region src/hooks/use-fluid-auth.ts
-/**
-* useFluidAuth Hook
-*
-* Provides access to authentication state and utilities.
-* This is the primary hook for interacting with auth in components.
-*/
-/**
-* Hook to access authentication state and utilities.
-*
-* Must be used within a `FluidAuthProvider`.
-*
-* @returns Authentication context with user info, loading state, and utilities
-* @throws Error if used outside FluidAuthProvider
-*
-* @example
-* ```tsx
-* function UserProfile() {
-*   const { isAuthenticated, isLoading, user, clearAuth } = useFluidAuth();
-*
-*   if (isLoading) {
-*     return <Spinner />;
-*   }
-*
-*   if (!isAuthenticated) {
-*     return <p>Please log in</p>;
-*   }
-*
-*   return (
-*     <div>
-*       <p>Welcome, {user.full_name}!</p>
-*       <button onClick={clearAuth}>Log out</button>
-*     </div>
-*   );
-* }
-* ```
-*/
-function useFluidAuth() {
-	return require_MessagingScreen.useFluidAuthContext();
-}
-//#endregion
 //#region src/hooks/demo-data/calendar-events.ts
 const now$4 = /* @__PURE__ */ new Date();
 function daysFromNow$1(days, hour, minute = 0) {
@@ -2085,7 +2046,7 @@ function AuthLoading() {
 * ```
 */
 function RequireAuth({ children, fallback = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthLoading, {}), errorComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthError, {}) }) {
-	const { isAuthenticated, isLoading, error } = useFluidAuth();
+	const { isAuthenticated, isLoading, error } = require_AccountScreen.useFluidAuth();
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
 	if (!isAuthenticated || error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: errorComponent });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
@@ -2093,16 +2054,18 @@ function RequireAuth({ children, fallback = /* @__PURE__ */ (0, react_jsx_runtim
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-Ca22FObh.cjs")).then((n) => n.MessagingScreen_exports).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-Dwn5onLu.cjs")).then((n) => n.ContactsScreen_exports).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-DbON-kBA.cjs")).then((n) => n.OrdersScreen_exports).then((m) => m.ordersScreenPropertySchema),
-	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-gQb6cWL5.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-CMDGGvE2.cjs")).then((n) => n.ProductsScreen_exports).then((m) => m.productsScreenPropertySchema)
+	AccountScreen: () => Promise.resolve().then(() => require("./AccountScreen-BH7hueZP.cjs")).then((n) => n.AccountScreen_exports).then((m) => m.accountScreenPropertySchema),
+	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-Bd-1_J9q.cjs")).then((n) => n.MessagingScreen_exports).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-CjnCemeI.cjs")).then((n) => n.ContactsScreen_exports).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-DBxpXgZ9.cjs")).then((n) => n.OrdersScreen_exports).then((m) => m.ordersScreenPropertySchema),
+	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-CqwRJogV.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-BK8cz_MN.cjs")).then((n) => n.ProductsScreen_exports).then((m) => m.productsScreenPropertySchema)
 };
 /**
 * Core page template IDs
 */
 const CORE_PAGE_IDS = {
+	ACCOUNT: "core-account",
 	MESSAGING: "core-messaging",
 	CONTACTS: "core-contacts",
 	ORDERS: "core-orders",
@@ -2114,6 +2077,27 @@ const CORE_PAGE_IDS = {
 * These are automatically registered when the SDK is imported.
 */
 function registerCorePageTemplates() {
+	PageTemplateRegistry.register({
+		id: CORE_PAGE_IDS.ACCOUNT,
+		slug: "account",
+		name: "Account",
+		description: "Account management with profile, orders, and subscriptions",
+		category: PAGE_CATEGORIES.CORE,
+		tags: [
+			"account",
+			"profile",
+			"orders",
+			"subscriptions"
+		],
+		version: "1.0.0",
+		isCore: true,
+		component_tree: [{
+			type: "AccountScreen",
+			id: "account-screen-root",
+			props: {}
+		}],
+		defaultProps: {}
+	});
 	PageTemplateRegistry.register({
 		id: CORE_PAGE_IDS.MESSAGING,
 		slug: "messaging",
@@ -2618,6 +2602,10 @@ const BuilderScreenView = (0, react.memo)(BuilderScreenViewImpl);
 //#endregion
 //#region src/shell/PageRouter.tsx
 const SYSTEM_SLUG_SCREEN_MAP = {
+	account: require_AccountScreen.AccountScreen,
+	"account/profile": require_AccountScreen.AccountScreen,
+	"account/orders": require_AccountScreen.AccountScreen,
+	"account/subscriptions": require_AccountScreen.AccountScreen,
 	messages: require_MessagingScreen.MessagingScreen,
 	contacts: require_ContactsScreen.ContactsScreen,
 	shop: require_OrdersScreen.OrdersScreen,
@@ -2665,37 +2653,6 @@ function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlu
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CoreScreenPlaceholder.CoreScreenPlaceholder, { name: currentNavItem?.label ?? currentSlug });
 }
 //#endregion
-//#region src/shell/AppNavigationContext.tsx
-const AppNavigationContext = (0, react.createContext)(null);
-function AppNavigationProvider({ currentSlug, basePath, navigate, children }) {
-	const buildHref = (0, react.useMemo)(() => {
-		return (slug) => {
-			if (basePath === "/") return `/${slug}`;
-			return `${basePath}/${slug}`;
-		};
-	}, [basePath]);
-	const value = (0, react.useMemo)(() => ({
-		currentSlug,
-		basePath,
-		navigate,
-		buildHref
-	}), [
-		currentSlug,
-		basePath,
-		navigate,
-		buildHref
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppNavigationContext.Provider, {
-		value,
-		children
-	});
-}
-function useAppNavigation() {
-	const ctx = (0, react.useContext)(AppNavigationContext);
-	if (!ctx) throw new Error("useAppNavigation must be used within an <AppShell> or <AppNavigationProvider>");
-	return ctx;
-}
-//#endregion
 //#region src/shell/AppShell.tsx
 const THEME_STORAGE_KEY = "portal-theme-mode";
 const DEFAULT_NAVIGATION = [
@@ -2858,7 +2815,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		mode: themeMode,
 		onModeChange: handleThemeModeChange,
 		autoModeEnabled: false,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppNavigationProvider, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccountScreen.AppNavigationProvider, {
 			currentSlug: activeSlug,
 			basePath: normalizedBasePath,
 			navigate: handleNavigate,
@@ -2901,7 +2858,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 * clicks for client-side navigation.
 */
 const AppLink = (0, react.forwardRef)(function AppLink({ to, onClick, children, ...rest }, ref) {
-	const { navigate, buildHref } = useAppNavigation();
+	const { navigate, buildHref } = require_AccountScreen.useAppNavigation();
 	const handleClick = (e) => {
 		onClick?.(e);
 		if (e.defaultPrevented) return;
@@ -2928,15 +2885,16 @@ Object.defineProperty(exports, "AUTH_CONSTANTS", {
 		return _fluid_app_auth.AUTH_CONSTANTS;
 	}
 });
+exports.AccountScreen = require_AccountScreen.AccountScreen;
 Object.defineProperty(exports, "AlertWidget", {
 	enumerable: true,
 	get: function() {
 		return _fluid_app_portal_widgets_widgets.AlertWidget;
 	}
 });
-exports.ApiError = require_MessagingScreen.ApiError;
+exports.ApiError = require_FluidProvider.ApiError;
 exports.AppLink = AppLink;
-exports.AppNavigationProvider = AppNavigationProvider;
+exports.AppNavigationProvider = require_AccountScreen.AppNavigationProvider;
 exports.AppShell = AppShell;
 exports.AuthError = AuthError;
 exports.AuthLoading = AuthLoading;
@@ -3006,7 +2964,7 @@ Object.defineProperty(exports, "DEFAULT_RADII", {
 		return themes_exports.DEFAULT_RADII;
 	}
 });
-exports.DEFAULT_SDK_WIDGET_REGISTRY = require_MessagingScreen.DEFAULT_SDK_WIDGET_REGISTRY;
+exports.DEFAULT_SDK_WIDGET_REGISTRY = require_FluidProvider.DEFAULT_SDK_WIDGET_REGISTRY;
 Object.defineProperty(exports, "DEFAULT_SPACING", {
 	enumerable: true,
 	get: function() {
@@ -3043,9 +3001,9 @@ Object.defineProperty(exports, "FONT_SIZE_KEYS", {
 		return themes_exports.FONT_SIZE_KEYS;
 	}
 });
-exports.FluidAuthProvider = require_MessagingScreen.FluidAuthProvider;
-exports.FluidProvider = require_MessagingScreen.FluidProvider;
-exports.FluidThemeProvider = require_MessagingScreen.FluidThemeProvider;
+exports.FluidAuthProvider = require_FluidProvider.FluidAuthProvider;
+exports.FluidProvider = require_FluidProvider.FluidProvider;
+exports.FluidThemeProvider = require_FluidProvider.FluidThemeProvider;
 Object.defineProperty(exports, "ImageWidget", {
 	enumerable: true,
 	get: function() {
@@ -3185,6 +3143,7 @@ Object.defineProperty(exports, "WIDGET_TYPE_NAMES", {
 		return _fluid_app_portal_core_types.WIDGET_TYPE_NAMES;
 	}
 });
+exports.accountScreenPropertySchema = require_AccountScreen.accountScreenPropertySchema;
 Object.defineProperty(exports, "alertWidgetPropertySchema", {
 	enumerable: true,
 	get: function() {
@@ -3265,7 +3224,7 @@ Object.defineProperty(exports, "createDefaultAuthRedirect", {
 		return _fluid_app_auth.createDefaultAuthRedirect;
 	}
 });
-exports.createFluidClient = require_MessagingScreen.createFluidClient;
+exports.createFluidClient = require_FluidProvider.createFluidClient;
 exports.createFluidFileUploader = require_MessagingScreen.createFluidFileUploader;
 Object.defineProperty(exports, "createScreen", {
 	enumerable: true,
@@ -3419,7 +3378,7 @@ Object.defineProperty(exports, "imageWidgetPropertySchema", {
 	}
 });
 exports.isActivitySlug = isActivitySlug;
-exports.isApiError = require_MessagingScreen.isApiError;
+exports.isApiError = require_FluidProvider.isApiError;
 exports.isContactStatus = isContactStatus;
 exports.isErrorResult = isErrorResult;
 exports.isIdle = isIdle;
@@ -3493,7 +3452,7 @@ Object.defineProperty(exports, "nestedWidgetPropertySchema", {
 		return _fluid_app_portal_widgets_widgets.nestedWidgetPropertySchema;
 	}
 });
-exports.normalizeComponentTree = require_MessagingScreen.normalizeComponentTree;
+exports.normalizeComponentTree = require_FluidProvider.normalizeComponentTree;
 exports.ordersScreenPropertySchema = require_OrdersScreen.ordersScreenPropertySchema;
 Object.defineProperty(exports, "parseColor", {
 	enumerable: true,
@@ -3577,9 +3536,9 @@ Object.defineProperty(exports, "toDoWidgetPropertySchema", {
 		return _fluid_app_portal_widgets_widgets.toDoWidgetPropertySchema;
 	}
 });
-exports.toNavigationItem = require_MessagingScreen.toNavigationItem;
-exports.toScreenDefinition = require_MessagingScreen.toScreenDefinition;
-exports.transformManifestToRepAppData = require_MessagingScreen.transformManifestToRepAppData;
+exports.toNavigationItem = require_FluidProvider.toNavigationItem;
+exports.toScreenDefinition = require_FluidProvider.toScreenDefinition;
+exports.transformManifestToRepAppData = require_FluidProvider.transformManifestToRepAppData;
 Object.defineProperty(exports, "transformThemes", {
 	enumerable: true,
 	get: function() {
@@ -3587,7 +3546,7 @@ Object.defineProperty(exports, "transformThemes", {
 	}
 });
 exports.useActivities = useActivities;
-exports.useAppNavigation = useAppNavigation;
+exports.useAppNavigation = require_AccountScreen.useAppNavigation;
 exports.useCalendarEvents = useCalendarEvents;
 exports.useCatchUps = useCatchUps;
 exports.useContact = useContact;
@@ -3598,9 +3557,9 @@ exports.useCurrentRep = useCurrentRep;
 exports.useCurrentUser = useCurrentUser;
 exports.useFluidApi = require_MessagingScreen.useFluidApi;
 exports.useFluidApp = useFluidApp;
-exports.useFluidAuth = useFluidAuth;
-exports.useFluidAuthContext = require_MessagingScreen.useFluidAuthContext;
-exports.useFluidContext = require_MessagingScreen.useFluidContext;
+exports.useFluidAuth = require_AccountScreen.useFluidAuth;
+exports.useFluidAuthContext = require_FluidProvider.useFluidAuthContext;
+exports.useFluidContext = require_FluidProvider.useFluidContext;
 exports.useFluidPermissions = useFluidPermissions;
 exports.useFluidProfile = useFluidProfile;
 exports.useFluidTheme = useFluidTheme;
@@ -3609,7 +3568,7 @@ exports.useMessagingConfig = require_MessagingScreen.useMessagingConfig;
 exports.useMySite = useMySite;
 exports.usePageTemplates = usePageTemplates;
 exports.useResolvedPages = useResolvedPages;
-exports.useThemeContext = require_MessagingScreen.useThemeContext;
+exports.useThemeContext = require_FluidProvider.useThemeContext;
 Object.defineProperty(exports, "useThemeMode", {
 	enumerable: true,
 	get: function() {