@fluid-app/rep-sdk 0.1.6 → 0.1.8

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4UJ7ZPDE_cjs = require('./chunk-4UJ7ZPDE.cjs');
+var chunkQH2W373Y_cjs = require('./chunk-QH2W373Y.cjs');
 var chunkEOXYOOWS_cjs = require('./chunk-EOXYOOWS.cjs');
 var chunkFG2CI6HA_cjs = require('./chunk-FG2CI6HA.cjs');
 var chunkMHPK7YQ2_cjs = require('./chunk-MHPK7YQ2.cjs');
@@ -18,6 +18,8 @@ var registries = require('@fluid-app/rep-core/registries');
 var AppShellLayout = require('@fluid-app/rep-core/shell/AppShellLayout');
 var ThemeModeContext = require('@fluid-app/rep-core/shell/ThemeModeContext');
 var systemNavigationItems = require('@fluid-app/rep-core/navigation/system-navigation-items');
+var ScreenHeader = require('@fluid-app/rep-core/shell/ScreenHeader');
+var ScreenHeaderContext = require('@fluid-app/rep-core/shell/ScreenHeaderContext');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var faEllipsis = require('@fortawesome/pro-regular-svg-icons/faEllipsis');
 var faXmark = require('@fortawesome/pro-regular-svg-icons/faXmark');
@@ -325,7 +327,7 @@ function useResolvedPages(navigation) {
 }
 var PROFILE_QUERY_KEY = ["fluid", "profile"];
 function useFluidProfile() {
-  const api = chunk4UJ7ZPDE_cjs.useFluidApi();
+  const api = chunkQH2W373Y_cjs.useFluidApi();
   return reactQuery.useQuery({
     queryKey: PROFILE_QUERY_KEY,
     queryFn: () => api.profile.get()
@@ -878,18 +880,18 @@ function createPersister() {
 var APP_DATA_QUERY_KEY = ["fluid", "app"];
 var appDataPersister = typeof window !== "undefined" ? createPersister() : void 0;
 function useFluidApp(options) {
-  const api = chunk4UJ7ZPDE_cjs.useFluidApi();
+  const api = chunkQH2W373Y_cjs.useFluidApi();
   return reactQuery.useQuery({
     queryKey: APP_DATA_QUERY_KEY,
     queryFn: () => api.app.getRaw(),
-    select: chunk4UJ7ZPDE_cjs.transformManifestToRepAppData,
+    select: chunkQH2W373Y_cjs.transformManifestToRepAppData,
     ...appDataPersister && { persister: appDataPersister.persisterFn },
     ...options?.enabled !== void 0 && { enabled: options.enabled }
   });
 }
 var PERMISSIONS_QUERY_KEY = ["fluid", "permissions"];
 function useFluidPermissions() {
-  const api = chunk4UJ7ZPDE_cjs.useFluidApi();
+  const api = chunkQH2W373Y_cjs.useFluidApi();
   const query = reactQuery.useQuery({
     queryKey: PERMISSIONS_QUERY_KEY,
     queryFn: () => api.permissions.get()
@@ -921,7 +923,7 @@ function useFluidPermissions() {
 
 // src/hooks/use-fluid-theme.ts
 function useFluidTheme() {
-  const { currentTheme, setTheme, setThemeMode, mode } = chunk4UJ7ZPDE_cjs.useThemeContext();
+  const { currentTheme, setTheme, setThemeMode, mode } = chunkQH2W373Y_cjs.useThemeContext();
   return {
     currentTheme,
     setTheme,
@@ -931,7 +933,7 @@ function useFluidTheme() {
 }
 var CURRENT_REP_QUERY_KEY = ["fluid", "currentRep"];
 function useCurrentRep() {
-  const api = chunk4UJ7ZPDE_cjs.useFluidApi();
+  const api = chunkQH2W373Y_cjs.useFluidApi();
   return reactQuery.useQuery({
     queryKey: CURRENT_REP_QUERY_KEY,
     queryFn: () => api.reps.current()
@@ -940,7 +942,7 @@ function useCurrentRep() {
 
 // src/hooks/use-fluid-auth.ts
 function useFluidAuth() {
-  return chunk4UJ7ZPDE_cjs.useFluidAuthContext();
+  return chunkQH2W373Y_cjs.useFluidAuthContext();
 }
 
 // src/hooks/demo-data/calendar-events.ts
@@ -1672,7 +1674,7 @@ function RequireAuth({
 
 // src/screens/index.ts
 var screenPropertySchemas = {
-  MessagingScreen: () => import('./MessagingScreen-ZATI4W3W.cjs').then((m) => m.messagingScreenPropertySchema),
+  MessagingScreen: () => import('./MessagingScreen-GHBLPYZZ.cjs').then((m) => m.messagingScreenPropertySchema),
   ContactsScreen: () => import('./ContactsScreen-ATASCZO2.cjs').then((m) => m.contactsScreenPropertySchema),
   OrdersScreen: () => import('./OrdersScreen-X7FYUROL.cjs').then((m) => m.ordersScreenPropertySchema),
   CustomersScreen: () => import('./CustomersScreen-XMPMKSQA.cjs').then((m) => m.customersScreenPropertySchema),
@@ -2174,7 +2176,7 @@ function BuilderScreenViewImpl({ screen, className }) {
 }
 var BuilderScreenView = React2.memo(BuilderScreenViewImpl);
 var SYSTEM_SLUG_SCREEN_MAP = {
-  messages: chunk4UJ7ZPDE_cjs.MessagingScreen,
+  messages: chunkQH2W373Y_cjs.MessagingScreen,
   contacts: chunkEOXYOOWS_cjs.ContactsScreen,
   shop: chunkFG2CI6HA_cjs.OrdersScreen,
   customers: chunkMHPK7YQ2_cjs.CustomersScreen,
@@ -2425,17 +2427,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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ScreenHeaderContext.ScreenHeaderProvider, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader.ScreenHeader, { title: screenTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PageRouter,
+      {
+        currentSlug: activeSlug,
+        currentNavItem,
+        customPages,
+        screens,
+        baseSlug,
+        restParams
+      }
+    )
+  ] });
   if (isLoading2 && !appData) {
     return /* @__PURE__ */ jsxRuntime.jsx(AppShellLoading, {});
   }
@@ -2514,131 +2520,131 @@ var AppLink = React2.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx("a", { ref, href: buildHref(to), onClick: handleClick, ...rest, children });
   }
 );
-var export_DEFAULT_COLORS = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_COLORS;
-var export_DEFAULT_FONT_FAMILIES = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_FONT_FAMILIES;
-var export_DEFAULT_FONT_SIZES = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_FONT_SIZES;
-var export_DEFAULT_RADII = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_RADII;
-var export_DEFAULT_SPACING = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_SPACING;
-var export_DEFAULT_THEME_ID = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_THEME_ID;
-var export_DEFAULT_THEME_NAME = chunk4UJ7ZPDE_cjs.themes_exports.DEFAULT_THEME_NAME;
-var export_FONT_FAMILY_KEYS = chunk4UJ7ZPDE_cjs.themes_exports.FONT_FAMILY_KEYS;
-var export_FONT_SIZE_KEYS = chunk4UJ7ZPDE_cjs.themes_exports.FONT_SIZE_KEYS;
-var export_RADIUS_KEYS = chunk4UJ7ZPDE_cjs.themes_exports.RADIUS_KEYS;
-var export_SEMANTIC_COLOR_NAMES = chunk4UJ7ZPDE_cjs.themes_exports.SEMANTIC_COLOR_NAMES;
-var export_SHADE_STEPS = chunk4UJ7ZPDE_cjs.themes_exports.SHADE_STEPS;
-var export_applyTheme = chunk4UJ7ZPDE_cjs.themes_exports.applyTheme;
-var export_deriveDarkVariant = chunk4UJ7ZPDE_cjs.themes_exports.deriveDarkVariant;
-var export_deserialiseTheme = chunk4UJ7ZPDE_cjs.themes_exports.deserialiseTheme;
-var export_generateShades = chunk4UJ7ZPDE_cjs.themes_exports.generateShades;
-var export_generateThemeCSS = chunk4UJ7ZPDE_cjs.themes_exports.generateThemeCSS;
-var export_getDefaultThemeDefinition = chunk4UJ7ZPDE_cjs.themes_exports.getDefaultThemeDefinition;
-var export_getForegroundColor = chunk4UJ7ZPDE_cjs.themes_exports.getForegroundColor;
-var export_mergeDarkOverrides = chunk4UJ7ZPDE_cjs.themes_exports.mergeDarkOverrides;
-var export_parseColor = chunk4UJ7ZPDE_cjs.themes_exports.parseColor;
-var export_removeAllThemes = chunk4UJ7ZPDE_cjs.themes_exports.removeAllThemes;
-var export_removeTheme = chunk4UJ7ZPDE_cjs.themes_exports.removeTheme;
-var export_resolveTheme = chunk4UJ7ZPDE_cjs.themes_exports.resolveTheme;
-var export_serialiseTheme = chunk4UJ7ZPDE_cjs.themes_exports.serialiseTheme;
+var export_DEFAULT_COLORS = chunkQH2W373Y_cjs.themes_exports.DEFAULT_COLORS;
+var export_DEFAULT_FONT_FAMILIES = chunkQH2W373Y_cjs.themes_exports.DEFAULT_FONT_FAMILIES;
+var export_DEFAULT_FONT_SIZES = chunkQH2W373Y_cjs.themes_exports.DEFAULT_FONT_SIZES;
+var export_DEFAULT_RADII = chunkQH2W373Y_cjs.themes_exports.DEFAULT_RADII;
+var export_DEFAULT_SPACING = chunkQH2W373Y_cjs.themes_exports.DEFAULT_SPACING;
+var export_DEFAULT_THEME_ID = chunkQH2W373Y_cjs.themes_exports.DEFAULT_THEME_ID;
+var export_DEFAULT_THEME_NAME = chunkQH2W373Y_cjs.themes_exports.DEFAULT_THEME_NAME;
+var export_FONT_FAMILY_KEYS = chunkQH2W373Y_cjs.themes_exports.FONT_FAMILY_KEYS;
+var export_FONT_SIZE_KEYS = chunkQH2W373Y_cjs.themes_exports.FONT_SIZE_KEYS;
+var export_RADIUS_KEYS = chunkQH2W373Y_cjs.themes_exports.RADIUS_KEYS;
+var export_SEMANTIC_COLOR_NAMES = chunkQH2W373Y_cjs.themes_exports.SEMANTIC_COLOR_NAMES;
+var export_SHADE_STEPS = chunkQH2W373Y_cjs.themes_exports.SHADE_STEPS;
+var export_applyTheme = chunkQH2W373Y_cjs.themes_exports.applyTheme;
+var export_deriveDarkVariant = chunkQH2W373Y_cjs.themes_exports.deriveDarkVariant;
+var export_deserialiseTheme = chunkQH2W373Y_cjs.themes_exports.deserialiseTheme;
+var export_generateShades = chunkQH2W373Y_cjs.themes_exports.generateShades;
+var export_generateThemeCSS = chunkQH2W373Y_cjs.themes_exports.generateThemeCSS;
+var export_getDefaultThemeDefinition = chunkQH2W373Y_cjs.themes_exports.getDefaultThemeDefinition;
+var export_getForegroundColor = chunkQH2W373Y_cjs.themes_exports.getForegroundColor;
+var export_mergeDarkOverrides = chunkQH2W373Y_cjs.themes_exports.mergeDarkOverrides;
+var export_parseColor = chunkQH2W373Y_cjs.themes_exports.parseColor;
+var export_removeAllThemes = chunkQH2W373Y_cjs.themes_exports.removeAllThemes;
+var export_removeTheme = chunkQH2W373Y_cjs.themes_exports.removeTheme;
+var export_resolveTheme = chunkQH2W373Y_cjs.themes_exports.resolveTheme;
+var export_serialiseTheme = chunkQH2W373Y_cjs.themes_exports.serialiseTheme;
 
 Object.defineProperty(exports, "ApiError", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.ApiError; }
+  get: function () { return chunkQH2W373Y_cjs.ApiError; }
 });
 Object.defineProperty(exports, "DEFAULT_AUTH_URL", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.DEFAULT_AUTH_URL; }
+  get: function () { return chunkQH2W373Y_cjs.DEFAULT_AUTH_URL; }
 });
 Object.defineProperty(exports, "DEFAULT_SDK_WIDGET_REGISTRY", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.DEFAULT_SDK_WIDGET_REGISTRY; }
+  get: function () { return chunkQH2W373Y_cjs.DEFAULT_SDK_WIDGET_REGISTRY; }
 });
 Object.defineProperty(exports, "FluidAuthProvider", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.FluidAuthProvider; }
+  get: function () { return chunkQH2W373Y_cjs.FluidAuthProvider; }
 });
 Object.defineProperty(exports, "FluidProvider", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.FluidProvider; }
+  get: function () { return chunkQH2W373Y_cjs.FluidProvider; }
 });
 Object.defineProperty(exports, "FluidThemeProvider", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.FluidThemeProvider; }
+  get: function () { return chunkQH2W373Y_cjs.FluidThemeProvider; }
 });
 Object.defineProperty(exports, "MessagingScreen", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.MessagingScreen; }
+  get: function () { return chunkQH2W373Y_cjs.MessagingScreen; }
 });
 Object.defineProperty(exports, "buildThemeDefinition", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.buildThemeDefinition; }
+  get: function () { return chunkQH2W373Y_cjs.buildThemeDefinition; }
 });
 Object.defineProperty(exports, "createDefaultAuthRedirect", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.createDefaultAuthRedirect; }
+  get: function () { return chunkQH2W373Y_cjs.createDefaultAuthRedirect; }
 });
 Object.defineProperty(exports, "createFluidClient", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.createFluidClient; }
+  get: function () { return chunkQH2W373Y_cjs.createFluidClient; }
 });
 Object.defineProperty(exports, "createFluidFileUploader", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.createFluidFileUploader; }
+  get: function () { return chunkQH2W373Y_cjs.createFluidFileUploader; }
 });
 Object.defineProperty(exports, "getActiveThemeId", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.getActiveThemeId; }
+  get: function () { return chunkQH2W373Y_cjs.getActiveThemeId; }
 });
 Object.defineProperty(exports, "isApiError", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.isApiError; }
+  get: function () { return chunkQH2W373Y_cjs.isApiError; }
 });
 Object.defineProperty(exports, "messagingScreenPropertySchema", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.messagingScreenPropertySchema; }
+  get: function () { return chunkQH2W373Y_cjs.messagingScreenPropertySchema; }
 });
 Object.defineProperty(exports, "normalizeComponentTree", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.normalizeComponentTree; }
+  get: function () { return chunkQH2W373Y_cjs.normalizeComponentTree; }
 });
 Object.defineProperty(exports, "toNavigationItem", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.toNavigationItem; }
+  get: function () { return chunkQH2W373Y_cjs.toNavigationItem; }
 });
 Object.defineProperty(exports, "toScreenDefinition", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.toScreenDefinition; }
+  get: function () { return chunkQH2W373Y_cjs.toScreenDefinition; }
 });
 Object.defineProperty(exports, "transformManifestToRepAppData", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.transformManifestToRepAppData; }
+  get: function () { return chunkQH2W373Y_cjs.transformManifestToRepAppData; }
 });
 Object.defineProperty(exports, "transformThemes", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.transformThemes; }
+  get: function () { return chunkQH2W373Y_cjs.transformThemes; }
 });
 Object.defineProperty(exports, "useFluidApi", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useFluidApi; }
+  get: function () { return chunkQH2W373Y_cjs.useFluidApi; }
 });
 Object.defineProperty(exports, "useFluidAuthContext", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useFluidAuthContext; }
+  get: function () { return chunkQH2W373Y_cjs.useFluidAuthContext; }
 });
 Object.defineProperty(exports, "useFluidContext", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useFluidContext; }
+  get: function () { return chunkQH2W373Y_cjs.useFluidContext; }
 });
 Object.defineProperty(exports, "useMessagingAuth", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useMessagingAuth; }
+  get: function () { return chunkQH2W373Y_cjs.useMessagingAuth; }
 });
 Object.defineProperty(exports, "useMessagingConfig", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useMessagingConfig; }
+  get: function () { return chunkQH2W373Y_cjs.useMessagingConfig; }
 });
 Object.defineProperty(exports, "useThemeContext", {
   enumerable: true,
-  get: function () { return chunk4UJ7ZPDE_cjs.useThemeContext; }
+  get: function () { return chunkQH2W373Y_cjs.useThemeContext; }
 });
 Object.defineProperty(exports, "ContactsScreen", {
   enumerable: true,