@fluid-app/rep-sdk 0.1.5 → 0.1.7

package/dist/index.d.cts

@@ -8,6 +8,7 @@ import { WidgetSchema, ThemeDefinition, ScreenDefinition as ScreenDefinition$1,
 export { AlignOptions, BackgroundType, BackgroundValue, BorderRadiusOptions, ButtonSizeOptions, ColorOptions, FontSizeOptions, GapOptions, NavigationItem, PaddingOptions, RepAppData, RepAppManifest, RepAppProfile, ResolvedTheme, SectionLayoutType, ShareableItem, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetSchema, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig } from '@fluid-app/rep-core/types';
 import { RawApiTheme } from '@fluid-app/rep-core/theme';
 export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADII, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_THEME_NAME, FONT_FAMILY_KEYS, FONT_SIZE_KEYS, FontFamilyKey, FontSizeKey, GenerateThemeCSSOptions, OklchPlain, RADIUS_KEYS, RadiusKey, RawApiTheme, ResolvedColorSet, ResolvedSemanticColor, SEMANTIC_COLOR_NAMES, SHADE_STEPS, SemanticColorName, ShadeStep, ThemeColorPlain, applyTheme, buildThemeDefinition, deriveDarkVariant, deserialiseTheme, generateShades, generateThemeCSS, getActiveThemeId, getDefaultThemeDefinition, getForegroundColor, mergeDarkOverrides, parseColor, removeAllThemes, removeTheme, resolveTheme, serialiseTheme, transformThemes } from '@fluid-app/rep-core/theme';
+import { components } from '@fluid-app/fluidos-api-client';
 import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
 export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
 import { MessagingAuthContext, FileUploader } from '@fluid-app/fluid-messaging-core';
@@ -355,17 +356,8 @@ declare function toScreenDefinition(screen: RawApiScreen): ScreenDefinition$1;
  * - apps/fluid-admin/networking/reps/screens.api.ts
  */
 
-/** Raw navigation item from the FluidOS API */
-interface RawApiNavigationItem {
-    id: number | string;
-    label?: string | null;
-    slug?: string | null;
-    icon?: string | null;
-    screen_id?: number | string | null;
-    parent_id?: number | string | null;
-    position?: number | null;
-    children?: RawApiNavigationItem[];
-}
+/** Raw navigation item from the FluidOS API (derived from generated types) */
+type RawApiNavigationItem = components["schemas"]["FluidOSNavigationItem"];
 /**
  * Convert a raw FluidOS navigation item to NavigationItem.
  * Recursively transforms children and sorts by position.

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { WidgetSchema, ThemeDefinition, ScreenDefinition as ScreenDefinition$1,
 export { AlignOptions, BackgroundType, BackgroundValue, BorderRadiusOptions, ButtonSizeOptions, ColorOptions, FontSizeOptions, GapOptions, NavigationItem, PaddingOptions, RepAppData, RepAppManifest, RepAppProfile, ResolvedTheme, SectionLayoutType, ShareableItem, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetSchema, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig } from '@fluid-app/rep-core/types';
 import { RawApiTheme } from '@fluid-app/rep-core/theme';
 export { DEFAULT_COLORS, DEFAULT_FONT_FAMILIES, DEFAULT_FONT_SIZES, DEFAULT_RADII, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_THEME_NAME, FONT_FAMILY_KEYS, FONT_SIZE_KEYS, FontFamilyKey, FontSizeKey, GenerateThemeCSSOptions, OklchPlain, RADIUS_KEYS, RadiusKey, RawApiTheme, ResolvedColorSet, ResolvedSemanticColor, SEMANTIC_COLOR_NAMES, SHADE_STEPS, SemanticColorName, ShadeStep, ThemeColorPlain, applyTheme, buildThemeDefinition, deriveDarkVariant, deserialiseTheme, generateShades, generateThemeCSS, getActiveThemeId, getDefaultThemeDefinition, getForegroundColor, mergeDarkOverrides, parseColor, removeAllThemes, removeTheme, resolveTheme, serialiseTheme, transformThemes } from '@fluid-app/rep-core/theme';
+import { components } from '@fluid-app/fluidos-api-client';
 import { FluidAuthConfig, FluidAuthContextValue } from '@fluid-app/auth';
 export { AUTH_CONSTANTS, DEFAULT_AUTH_URL, FluidAuthConfig, FluidAuthContextValue, JWTPayload, STORAGE_KEYS, TokenValidationResult, URL_PARAMS, USER_TYPES, UserType, cleanTokenFromUrl, clearTokens, createDefaultAuthRedirect, decodeToken, extractAllTokensFromUrl, extractCompanyTokenFromUrl, extractTokenFromUrl, getStoredToken, getTokenExpiration, getTokenTimeRemaining, hasStoredToken, hasTokenInUrl, isTokenExpired, isUserType, isValidToken, storeToken, validateToken } from '@fluid-app/auth';
 import { MessagingAuthContext, FileUploader } from '@fluid-app/fluid-messaging-core';
@@ -355,17 +356,8 @@ declare function toScreenDefinition(screen: RawApiScreen): ScreenDefinition$1;
  * - apps/fluid-admin/networking/reps/screens.api.ts
  */
 
-/** Raw navigation item from the FluidOS API */
-interface RawApiNavigationItem {
-    id: number | string;
-    label?: string | null;
-    slug?: string | null;
-    icon?: string | null;
-    screen_id?: number | string | null;
-    parent_id?: number | string | null;
-    position?: number | null;
-    children?: RawApiNavigationItem[];
-}
+/** Raw navigation item from the FluidOS API (derived from generated types) */
+type RawApiNavigationItem = components["schemas"]["FluidOSNavigationItem"];
 /**
  * Convert a raw FluidOS navigation item to NavigationItem.
  * Recursively transforms children and sorts by position.

package/dist/index.js

@@ -1,5 +1,5 @@
-import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-O47ODLEF.js';
-export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-O47ODLEF.js';
+import { themes_exports, useFluidApi, transformManifestToRepAppData, useThemeContext, useFluidAuthContext, MessagingScreen } from './chunk-VIITMYKW.js';
+export { ApiError, DEFAULT_AUTH_URL, DEFAULT_SDK_WIDGET_REGISTRY, FluidAuthProvider, FluidProvider, FluidThemeProvider, MessagingScreen, buildThemeDefinition, createDefaultAuthRedirect, createFluidClient, createFluidFileUploader, getActiveThemeId, isApiError, messagingScreenPropertySchema, normalizeComponentTree, toNavigationItem, toScreenDefinition, transformManifestToRepAppData, transformThemes, useFluidApi, useFluidAuthContext, useFluidContext, useMessagingAuth, useMessagingConfig, useThemeContext } from './chunk-VIITMYKW.js';
 import { ContactsScreen } from './chunk-CMF2FYTD.js';
 export { ContactsScreen, contactsScreenPropertySchema } from './chunk-CMF2FYTD.js';
 import { OrdersScreen } from './chunk-WFPYEYC7.js';
@@ -23,6 +23,8 @@ import { AppShellLayout } from '@fluid-app/rep-core/shell/AppShellLayout';
 import { useThemeMode, ThemeModeProvider } from '@fluid-app/rep-core/shell/ThemeModeContext';
 export { ThemeModeProvider, getThemeModeAttribute, useThemeMode } from '@fluid-app/rep-core/shell/ThemeModeContext';
 import { normalizeSlug, getSystemNavigationBySection, isSystemNavigationItem } from '@fluid-app/rep-core/navigation/system-navigation-items';
+import { ScreenHeader } from '@fluid-app/rep-core/shell/ScreenHeader';
+import { ScreenHeaderProvider } from '@fluid-app/rep-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';
@@ -1657,7 +1659,7 @@ function RequireAuth({
 
 // src/screens/index.ts
 var screenPropertySchemas = {
-  MessagingScreen: () => import('./MessagingScreen-BBINFP67.js').then((m) => m.messagingScreenPropertySchema),
+  MessagingScreen: () => import('./MessagingScreen-6WDU3XE4.js').then((m) => m.messagingScreenPropertySchema),
   ContactsScreen: () => import('./ContactsScreen-33AJ5XUB.js').then((m) => m.contactsScreenPropertySchema),
   OrdersScreen: () => import('./OrdersScreen-IPPZLEYF.js').then((m) => m.ordersScreenPropertySchema),
   CustomersScreen: () => import('./CustomersScreen-E4HXBKV7.js').then((m) => m.customersScreenPropertySchema),
@@ -2410,17 +2412,21 @@ function AppShell({
   const mobileCurrentSection = findCurrentSection(mobileNavItems, baseSlug);
   const mobileSecondLevelTabs = mobileCurrentSection?.children ?? [];
   const currentNavItem = findNavItem(navItems, baseSlug);
-  const content = typeof children === "function" ? children({ currentSlug: activeSlug, currentNavItem }) : children ?? /* @__PURE__ */ jsx(
-    PageRouter,
-    {
-      currentSlug: activeSlug,
-      currentNavItem,
-      customPages,
-      screens,
-      baseSlug,
-      restParams
-    }
-  );
+  const screenTitle = currentNavItem?.label || screens?.find((s) => s.id === currentNavItem?.screen_id)?.name || void 0;
+  const content = typeof children === "function" ? children({ currentSlug: activeSlug, currentNavItem }) : children ?? /* @__PURE__ */ jsxs(ScreenHeaderProvider, { children: [
+    /* @__PURE__ */ jsx(ScreenHeader, { title: screenTitle }),
+    /* @__PURE__ */ jsx(
+      PageRouter,
+      {
+        currentSlug: activeSlug,
+        currentNavItem,
+        customPages,
+        screens,
+        baseSlug,
+        restParams
+      }
+    )
+  ] });
   if (isLoading2 && !appData) {
     return /* @__PURE__ */ jsx(AppShellLoading, {});
   }