@fluid-app/portal-sdk 0.1.13 → 0.1.14

package/dist/index.mjs

@@ -1,9 +1,11 @@
-import { C as toNavigationItem, D as createDefaultAuthRedirect, E as DEFAULT_AUTH_URL, S as transformThemes, T as toScreenDefinition, _ as createFluidClient, a as useMessagingConfig, b as getActiveThemeId, c as FluidProvider, d as FluidAuthProvider, f as useFluidAuthContext, g as ApiError, h as themes_exports, i as createFluidFileUploader, l as useFluidContext, m as useThemeContext, o as useMessagingAuth, p as FluidThemeProvider, r as messagingScreenPropertySchema, s as useFluidApi, t as MessagingScreen, u as DEFAULT_SDK_WIDGET_REGISTRY, v as isApiError, w as normalizeComponentTree, x as transformManifestToRepAppData, y as buildThemeDefinition } from "./MessagingScreen-YyzXdr95.mjs";
-import { t as CoreScreenPlaceholder } from "./CoreScreenPlaceholder-D93ZYKt2.mjs";
-import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CB6l0Lf1.mjs";
-import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-DB1v051q.mjs";
-import { r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-BEar6Leg.mjs";
-import { r as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-nVDsY6kf.mjs";
+import { _ as normalizeComponentTree, a as useFluidAuthContext, b as createDefaultAuthRedirect, c as themes_exports, d as isApiError, f as buildThemeDefinition, g as toNavigationItem, h as transformThemes, i as FluidAuthProvider, l as ApiError, m as transformManifestToRepAppData, n as useFluidContext, o as FluidThemeProvider, p as getActiveThemeId, r as DEFAULT_SDK_WIDGET_REGISTRY, s as useThemeContext, t as FluidProvider, u as createFluidClient, v as toScreenDefinition, y as DEFAULT_AUTH_URL } from "./FluidProvider-BafZw8PJ.mjs";
+import { a as useMessagingAuth, i as useMessagingConfig, n as messagingScreenPropertySchema, o as useFluidApi, r as createFluidFileUploader, t as MessagingScreen } from "./MessagingScreen-DCS0mtbd.mjs";
+import { a as useFluidAuth, i as useAppNavigation, n as accountScreenPropertySchema, r as AppNavigationProvider, t as AccountScreen } from "./AccountScreen-CPHYsITD.mjs";
+import { t as CoreScreenPlaceholder } from "./CoreScreenPlaceholder-DCJ1hFvJ.mjs";
+import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CHLFZX_N.mjs";
+import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-B6JCMBY5.mjs";
+import { r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-DBicCB3o.mjs";
+import { r as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-DafsauTY.mjs";
 import * as React$1 from "react";
 import { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
@@ -14,13 +16,13 @@ import { useRegistry } from "@fluid-app/portal-widgets/contexts";
 import { createScreen, createWidgetFromShareable, createWidgetRegistry, groupChildrenByColumn } from "@fluid-app/portal-core/widget-utils";
 import { AlertWidget, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContainerWidget, EmbedWidget, ImageWidget, LayoutWidget, ListWidget, MySiteWidget, NestedWidget, QuickShareWidget, RecentActivityWidget, SpacerWidget, TableWidget, TextWidget, ToDoWidget, VideoWidget, alertWidgetPropertySchema, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, containerWidgetPropertySchema, embedWidgetPropertySchema, imageWidgetPropertySchema, layoutWidgetPropertySchema, listWidgetPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, spacerWidgetPropertySchema, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, videoWidgetPropertySchema, widgetPropertySchemas } from "@fluid-app/portal-widgets/widgets";
 import { WIDGET_TYPE_NAMES, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig } from "@fluid-app/portal-core/types";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { PROPERTY_FIELD_TYPES, gapValues, isPropertyFieldType } from "@fluid-app/portal-core/registries";
 import { AppShellLayout } from "@fluid-app/portal-core/shell/AppShellLayout";
 import { ThemeModeProvider, ThemeModeProvider as ThemeModeProvider$1, getThemeModeAttribute, useThemeMode, useThemeMode as useThemeMode$1 } from "@fluid-app/portal-core/shell/ThemeModeContext";
 import { getSystemNavigationBySection, isSystemNavigationItem, normalizeSlug } from "@fluid-app/portal-core/navigation/system-navigation-items";
 import { ScreenHeader } from "@fluid-app/portal-core/shell/ScreenHeader";
 import { ScreenHeaderProvider } from "@fluid-app/portal-core/shell/ScreenHeaderContext";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faEllipsis } from "@fortawesome/pro-regular-svg-icons/faEllipsis";
 import { faXmark } from "@fortawesome/pro-regular-svg-icons/faXmark";
 import { RepIcon } from "@fluid-app/portal-core/components/RepIcon";
@@ -1121,47 +1123,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 useFluidAuthContext();
-}
-//#endregion
 //#region src/hooks/demo-data/calendar-events.ts
 const now$4 = /* @__PURE__ */ new Date();
 function daysFromNow$1(days, hour, minute = 0) {
@@ -2092,16 +2053,18 @@ function RequireAuth({ children, fallback = /* @__PURE__ */ jsx(AuthLoading, {})
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	MessagingScreen: () => import("./MessagingScreen-YyzXdr95.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => import("./ContactsScreen-CB6l0Lf1.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-DB1v051q.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
-	CustomersScreen: () => import("./CustomersScreen-BEar6Leg.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => import("./ProductsScreen-nVDsY6kf.mjs").then((n) => n.n).then((m) => m.productsScreenPropertySchema)
+	AccountScreen: () => import("./AccountScreen-CjnAbct9.mjs").then((m) => m.accountScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-D8W8V2TW.mjs").then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => import("./ContactsScreen-CHLFZX_N.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-B6JCMBY5.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
+	CustomersScreen: () => import("./CustomersScreen-DBicCB3o.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
+	ProductsScreen: () => import("./ProductsScreen-DafsauTY.mjs").then((n) => n.n).then((m) => m.productsScreenPropertySchema)
 };
 /**
 * Core page template IDs
 */
 const CORE_PAGE_IDS = {
+	ACCOUNT: "core-account",
 	MESSAGING: "core-messaging",
 	CONTACTS: "core-contacts",
 	ORDERS: "core-orders",
@@ -2113,6 +2076,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",
@@ -2617,6 +2601,10 @@ const BuilderScreenView = memo(BuilderScreenViewImpl);
 //#endregion
 //#region src/shell/PageRouter.tsx
 const SYSTEM_SLUG_SCREEN_MAP = {
+	account: AccountScreen,
+	"account/profile": AccountScreen,
+	"account/orders": AccountScreen,
+	"account/subscriptions": AccountScreen,
 	messages: MessagingScreen,
 	contacts: ContactsScreen,
 	shop: OrdersScreen,
@@ -2664,37 +2652,6 @@ function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlu
 	return /* @__PURE__ */ jsx(CoreScreenPlaceholder, { name: currentNavItem?.label ?? currentSlug });
 }
 //#endregion
-//#region src/shell/AppNavigationContext.tsx
-const AppNavigationContext = createContext(null);
-function AppNavigationProvider({ currentSlug, basePath, navigate, children }) {
-	const buildHref = useMemo(() => {
-		return (slug) => {
-			if (basePath === "/") return `/${slug}`;
-			return `${basePath}/${slug}`;
-		};
-	}, [basePath]);
-	const value = useMemo(() => ({
-		currentSlug,
-		basePath,
-		navigate,
-		buildHref
-	}), [
-		currentSlug,
-		basePath,
-		navigate,
-		buildHref
-	]);
-	return /* @__PURE__ */ jsx(AppNavigationContext.Provider, {
-		value,
-		children
-	});
-}
-function useAppNavigation() {
-	const ctx = 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 = [
@@ -2944,6 +2901,6 @@ var removeAllThemes = themes_exports.removeAllThemes;
 var removeTheme = themes_exports.removeTheme;
 var resolveTheme = themes_exports.resolveTheme;
 var serialiseTheme = themes_exports.serialiseTheme;
-export { ACTIVITY_SLUGS, APP_DATA_QUERY_KEY, AUTH_CONSTANTS, AlertWidget, ApiError, AppLink, AppNavigationProvider, AppShell, AuthError, AuthLoading, BuilderScreenView, CORE_PAGE_IDS, CURRENT_REP_QUERY_KEY, CURRENT_USER_QUERY_KEY, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContactsScreen, ContainerWidget, CustomersScreen, DEFAULT_AUTH_URL, DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADII, DEFAULT_SDK_WIDGET_REGISTRY, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_THEME_NAME, EmbedWidget, FONT_FAMILY_KEYS, FONT_SIZE_KEYS, FluidAuthProvider, FluidProvider, FluidThemeProvider, ImageWidget, LayoutWidget, ListWidget, MessagingScreen, MySiteWidget, NestedWidget, OrdersScreen, PAGE_CATEGORIES, PERMISSIONS_QUERY_KEY, PROFILE_QUERY_KEY, PROPERTY_FIELD_TYPES, PageRouter, PageTemplateProvider, PageTemplateRegistry, ProductsScreen, QuickLinksDropdown, QuickShareWidget, RADIUS_KEYS, RecentActivityWidget, RequireAuth, SEMANTIC_COLOR_NAMES, SHADE_STEPS, STORAGE_KEYS, SdkHeader, SdkNavigation, SpacerWidget, TableWidget, TextWidget, ThemeModeProvider, ToDoWidget, URL_PARAMS, USER_TYPES, VideoWidget, WIDGET_TYPE_NAMES, alertWidgetPropertySchema, applyTheme, assertDefined, assertNever, buildThemeDefinition, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, cleanTokenFromUrl, clearTokens, collectNavSlugs, contactsScreenPropertySchema, containerWidgetPropertySchema, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, createScreen, createWidgetFromShareable, createWidgetRegistry, customersScreenPropertySchema, decodeToken, deriveDarkVariant, deserialiseTheme, embedWidgetPropertySchema, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractSlugFromPathname, extractTokenFromUrl, gapValues, generateShades, generateThemeCSS, getActiveThemeId, getAvailablePageTemplates, getCorePageTemplates, getDefaultThemeDefinition, getForegroundColor, getOptionalPageTemplates, getProperty, getStoredToken, getThemeModeAttribute, getTokenExpiration, getTokenTimeRemaining, groupChildrenByColumn, hasData, hasStoredToken, hasTokenInUrl, imageWidgetPropertySchema, isActivitySlug, isApiError, isContactStatus, isErrorResult, isIdle, isLoading, isPropertyFieldType, isSlugInSection, isTokenExpired, isUserType, isValidToken, isWidgetType, isWidgetTypeName, layoutWidgetPropertySchema, listWidgetPropertySchema, matchSlugPrefix, mergeDarkOverrides, messagingScreenPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, normalizeComponentTree, ordersScreenPropertySchema, parseColor, productsScreenPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, removeAllThemes, removeTheme, resolveNavigationPages, resolveTheme, screenPropertySchemas, sectionLayoutConfig, selectProperty, serialiseTheme, spacerWidgetPropertySchema, storeToken, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useActivities, useAppNavigation, useCalendarEvents, useCatchUps, useContact, useContacts, useConversationMessages, useConversations, useCurrentRep, useCurrentUser, useFluidApi, useFluidApp, useFluidAuth, useFluidAuthContext, useFluidContext, useFluidPermissions, useFluidProfile, useFluidTheme, useMessagingAuth, useMessagingConfig, useMySite, usePageTemplates, useResolvedPages, useThemeContext, useThemeMode, useTodos, validateNavigationPages, validateToken, videoWidgetPropertySchema, widgetPropertySchemas };
+export { ACTIVITY_SLUGS, APP_DATA_QUERY_KEY, AUTH_CONSTANTS, AccountScreen, AlertWidget, ApiError, AppLink, AppNavigationProvider, AppShell, AuthError, AuthLoading, BuilderScreenView, CORE_PAGE_IDS, CURRENT_REP_QUERY_KEY, CURRENT_USER_QUERY_KEY, CalendarWidget, CarouselWidget, CatchUpWidget, ChartWidget, ContactsScreen, ContainerWidget, CustomersScreen, DEFAULT_AUTH_URL, DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADII, DEFAULT_SDK_WIDGET_REGISTRY, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_THEME_NAME, EmbedWidget, FONT_FAMILY_KEYS, FONT_SIZE_KEYS, FluidAuthProvider, FluidProvider, FluidThemeProvider, ImageWidget, LayoutWidget, ListWidget, MessagingScreen, MySiteWidget, NestedWidget, OrdersScreen, PAGE_CATEGORIES, PERMISSIONS_QUERY_KEY, PROFILE_QUERY_KEY, PROPERTY_FIELD_TYPES, PageRouter, PageTemplateProvider, PageTemplateRegistry, ProductsScreen, QuickLinksDropdown, QuickShareWidget, RADIUS_KEYS, RecentActivityWidget, RequireAuth, SEMANTIC_COLOR_NAMES, SHADE_STEPS, STORAGE_KEYS, SdkHeader, SdkNavigation, SpacerWidget, TableWidget, TextWidget, ThemeModeProvider, ToDoWidget, URL_PARAMS, USER_TYPES, VideoWidget, WIDGET_TYPE_NAMES, accountScreenPropertySchema, alertWidgetPropertySchema, applyTheme, assertDefined, assertNever, buildThemeDefinition, calendarWidgetPropertySchema, carouselWidgetPropertySchema, catchUpWidgetPropertySchema, chartWidgetPropertySchema, cleanTokenFromUrl, clearTokens, collectNavSlugs, contactsScreenPropertySchema, containerWidgetPropertySchema, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, createScreen, createWidgetFromShareable, createWidgetRegistry, customersScreenPropertySchema, decodeToken, deriveDarkVariant, deserialiseTheme, embedWidgetPropertySchema, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractSlugFromPathname, extractTokenFromUrl, gapValues, generateShades, generateThemeCSS, getActiveThemeId, getAvailablePageTemplates, getCorePageTemplates, getDefaultThemeDefinition, getForegroundColor, getOptionalPageTemplates, getProperty, getStoredToken, getThemeModeAttribute, getTokenExpiration, getTokenTimeRemaining, groupChildrenByColumn, hasData, hasStoredToken, hasTokenInUrl, imageWidgetPropertySchema, isActivitySlug, isApiError, isContactStatus, isErrorResult, isIdle, isLoading, isPropertyFieldType, isSlugInSection, isTokenExpired, isUserType, isValidToken, isWidgetType, isWidgetTypeName, layoutWidgetPropertySchema, listWidgetPropertySchema, matchSlugPrefix, mergeDarkOverrides, messagingScreenPropertySchema, mySiteWidgetPropertySchema, nestedWidgetPropertySchema, normalizeComponentTree, ordersScreenPropertySchema, parseColor, productsScreenPropertySchema, quickShareWidgetPropertySchema, recentActivityWidgetPropertySchema, removeAllThemes, removeTheme, resolveNavigationPages, resolveTheme, screenPropertySchemas, sectionLayoutConfig, selectProperty, serialiseTheme, spacerWidgetPropertySchema, storeToken, tableWidgetPropertySchema, textWidgetPropertySchema, toDoWidgetPropertySchema, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useActivities, useAppNavigation, useCalendarEvents, useCatchUps, useContact, useContacts, useConversationMessages, useConversations, useCurrentRep, useCurrentUser, useFluidApi, useFluidApp, useFluidAuth, useFluidAuthContext, useFluidContext, useFluidPermissions, useFluidProfile, useFluidTheme, useMessagingAuth, useMessagingConfig, useMySite, usePageTemplates, useResolvedPages, useThemeContext, useThemeMode, useTodos, validateNavigationPages, validateToken, videoWidgetPropertySchema, widgetPropertySchemas };
 
 //# sourceMappingURL=index.mjs.map