@rebasepro/app 0.11.1-canary.gfadf355 → 0.12.0

package/dist/components/LoginView/LoginView.d.ts

@@ -104,10 +104,18 @@ export interface LoginViewProps {
      * Pre-fill the password field (e.g. for demo or testing environments).
      */
     defaultPassword?: string;
+    /**
+     * When set, the email/password forms render a "Join the newsletter"
+     * opt-in checkbox. Called with the address that just authenticated —
+     * sign-in or registration — if the box was ticked. Wire it to whatever
+     * stores the subscription; failures are the callback's problem, the
+     * login flow never waits on it.
+     */
+    onNewsletterOptIn?: (email: string) => void;
 }
 /**
  * Generic login view component that works with any AuthControllerExtended.
  * Feature-detects capabilities to show/hide login methods.
  * @group Core
  */
-export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, topComponent, defaultEmail, defaultPassword }: LoginViewProps): React.JSX.Element;
+export declare function LoginView({ logo, authController, noUserComponent, disableSignupScreen, disabled, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, topComponent, defaultEmail, defaultPassword, onNewsletterOptIn }: LoginViewProps): React.JSX.Element;

package/dist/components/RebaseAuth.d.ts

@@ -1,4 +1,4 @@
-import type { RebaseAuthConfig } from "@rebasepro/admin-types";
+import type { RebaseAuthViewConfig } from "@rebasepro/admin-types";
 /**
  * Declarative component to configure authentication in Rebase.
  * Renders nothing — purely registers config into the RebaseRegistry.
@@ -7,4 +7,4 @@ import type { RebaseAuthConfig } from "@rebasepro/admin-types";
  * authentication is cross-cutting (admin, Studio, any app area).
  * @group Core
  */
-export declare function RebaseAuth({ loginView }: RebaseAuthConfig): null;
+export declare function RebaseAuth({ loginView }: RebaseAuthViewConfig): null;

package/dist/core/RebaseProps.d.ts

@@ -43,10 +43,8 @@ type DeepPartial<T> = T extends object ? {
  * Controller to simulate different roles when dev mode is active.
  * @group Models
  */
-export interface EffectiveRoleController {
-    effectiveRole: string | null;
-    setEffectiveRole: (role: string | null) => void;
-}
+export type { EffectiveRoleController } from "@rebasepro/types";
+import type { EffectiveRoleController } from "@rebasepro/types";
 /**
  * Props for the main {@link Rebase} component.
  *
@@ -289,4 +287,3 @@ export type RebaseProps<USER extends User> = {
      */
     components?: ComponentOverrideMap;
 };
-export {};

package/dist/hooks/useRebaseRegistry.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { RebaseRegistryController, RebaseAdminConfig, RebaseStudioConfig, RebaseAuthConfig } from "@rebasepro/admin-types";
+import type { RebaseRegistryController, RebaseAdminConfig, RebaseStudioConfig, RebaseAuthViewConfig } from "@rebasepro/admin-types";
 /**
  * Split into two contexts to prevent infinite re-render loops:
  * - DispatchContext: stable register/unregister functions (never changes identity)
@@ -14,7 +14,7 @@ interface RegistryDispatch {
     unregisterAdmin: () => void;
     registerStudio: (config: RebaseStudioConfig) => void;
     unregisterStudio: () => void;
-    registerAuth: (config: RebaseAuthConfig) => void;
+    registerAuth: (config: RebaseAuthViewConfig) => void;
     unregisterAuth: () => void;
 }
 export declare function RebaseRegistryProvider({ children }: {

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import React, { createContext, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Alert, AlertCircleIcon, AlertTriangleIcon, AppWindow, ArrowDownIcon, ArrowLeftIcon, ArrowRightLeftIcon, ArrowUpDownIcon, ArrowUpIcon, Avatar, BooleanSwitch, Button, CHIP_COLORS, CalendarIcon, Card, CenteredView, CheckCircle2Icon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, Chip, CircleDotIcon, CircleUserIcon, CircularProgress, ColumnsIcon, Container, Dialog, DialogActions, DialogContent, DialogTitle, DollarSignIcon, ErrorBoundary, FileIcon, FileTextIcon, FilterChip, FilterIcon, FolderIcon, FolderKanbanIcon, IconButton, KanbanIcon, KanbanView, LanguagesIcon, LayoutGridIcon, ListIcon, ListPlusIcon, ListTodoIcon, LoadingButton, LogOutIcon, MailIcon, Menu, MenuItem, MessageCircleIcon, MoonIcon, MultiSelect, MultiSelectItem, PanelLeftIcon, Paper, PenLineIcon, PencilIcon, PhoneIcon, PinIcon, PlusIcon, Popover, RefreshCwIcon, SearchBar, Select, SelectItem, Separator, SettingsIcon, Skeleton, StickyNoteIcon, SunIcon, SunMoonIcon, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TagIcon, TextField, ToggleButtonGroup, Tooltip, Trash2Icon, TrendingUpIcon, TypeIcon, Typography, UserIcon, UserPlus, UsersIcon, VideoIcon, Wand2Icon, WrenchIcon, XIcon, cls, colorClassesMapping, coolIconKeys, defaultBorderMixin, getColorSchemeForSeed, iconKeys, iconSize, lucideIcons } from "@rebasepro/ui";
-import { ALL_WHERE_FILTER_OPS, DEFAULT_DATA_SOURCE_KEY, DEFAULT_FILTERABLE_RELATION_KINDS, DEFAULT_STORAGE_SOURCE_KEY, EntityReference, EntityRelation, GeoPoint, RebaseApiError, Vector, getDataSourceCapabilities, isLazyComponentRef } from "@rebasepro/types";
+import { ALL_WHERE_FILTER_OPS, DEFAULT_DATA_SOURCE_KEY, DEFAULT_FILTERABLE_RELATION_KINDS, DEFAULT_STORAGE_SOURCE_KEY, EntityReference, EntityRelation, GeoPoint, RebaseApiError, Vector, getDataSourceCapabilities, isLazyComponentRef, isRelationalCollectionConfig } from "@rebasepro/types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import { buildRebaseData, canCreateEntity, canDeleteEntity, canEditEntity, canReadCollection, evaluateCondition, getEntityChildViews, getLabelOrConfigFrom, getPrimaryKeys, getSubcollections, isPropertyBuilder, resolveStorageFilenameString, resolveStoragePathString, resolveStorageSource, stripCollectionPath, wrapAsEntityData, wrapAsSdkData } from "@rebasepro/common";
@@ -8942,12 +8942,13 @@ function warnAboutHalfConfiguredOAuth(provider, clientId, backendProviders) {
 * Feature-detects capabilities to show/hide login methods.
 * @group Core
 */
-function LoginView({ logo, authController, noUserComponent, disableSignupScreen = false, disabled = false, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, topComponent, defaultEmail, defaultPassword }) {
+function LoginView({ logo, authController, noUserComponent, disableSignupScreen = false, disabled = false, notAllowedError, googleClientId, githubClientId, linkedinClientId, title, subtitle, needsSetup, registrationEnabled, additionalComponent, topComponent, defaultEmail, defaultPassword, onNewsletterOptIn }) {
 	const { mode: colorMode, setMode: setColorMode } = useModeController();
 	const { t } = useTranslation();
 	const [mode, setMode] = useState("buttons");
 	const [fadeIn, setFadeIn] = useState(false);
 	const [viewVisible, setViewVisible] = useState(true);
+	const [newsletterOptIn, setNewsletterOptIn] = useState(false);
 	const switchMode = (newMode) => {
 		setViewVisible(false);
 		setTimeout(() => {
@@ -9069,7 +9070,10 @@ function LoginView({ logo, authController, noUserComponent, disableSignupScreen
 						disableSignupScreen: false,
 						bootstrapMode: true,
 						defaultEmail,
-						defaultPassword
+						defaultPassword,
+						onNewsletterOptIn,
+						newsletterOptIn,
+						setNewsletterOptIn
 					}), !isBootstrapMode && /* @__PURE__ */ jsxs(Fragment, { children: [
 						mode === "buttons" && /* @__PURE__ */ jsxs("div", {
 							className: "w-full flex flex-col gap-3 mt-2",
@@ -9138,7 +9142,10 @@ function LoginView({ logo, authController, noUserComponent, disableSignupScreen
 							disableSignupScreen,
 							switchToRegister: showRegistration ? () => switchMode("register") : void 0,
 							defaultEmail,
-							defaultPassword
+							defaultPassword,
+							onNewsletterOptIn,
+							newsletterOptIn,
+							setNewsletterOptIn
 						}),
 						mode === "register" && /* @__PURE__ */ jsx(LoginForm, {
 							authController,
@@ -9149,7 +9156,10 @@ function LoginView({ logo, authController, noUserComponent, disableSignupScreen
 							disableSignupScreen,
 							switchToLogin: () => switchMode("login"),
 							defaultEmail,
-							defaultPassword
+							defaultPassword,
+							onNewsletterOptIn,
+							newsletterOptIn,
+							setNewsletterOptIn
 						}),
 						mode === "forgot" && authController.forgotPassword && /* @__PURE__ */ jsx(ForgotPasswordForm, {
 							authController,
@@ -9289,8 +9299,9 @@ function LinkedInLoginButton({ disabled, linkedinClientId }) {
 		onClick: handleClick
 	});
 }
-function LoginForm({ onClose, onForgotPassword, authController, registrationMode, noUserComponent, disableSignupScreen, bootstrapMode = false, switchToRegister, switchToLogin, defaultEmail, defaultPassword }) {
+function LoginForm({ onClose, onForgotPassword, authController, registrationMode, noUserComponent, disableSignupScreen, bootstrapMode = false, switchToRegister, switchToLogin, defaultEmail, defaultPassword, onNewsletterOptIn, newsletterOptIn = false, setNewsletterOptIn }) {
 	const passwordRef = useRef(null);
+	const { t } = useTranslation();
 	const [email, setEmail] = useState(defaultEmail);
 	const [password, setPassword] = useState(defaultPassword);
 	const [displayName, setDisplayName] = useState();
@@ -9304,11 +9315,14 @@ function LoginForm({ onClose, onForgotPassword, authController, registrationMode
 			document.removeEventListener("keydown", escFunction, false);
 		};
 	}, [onClose]);
+	function subscribeIfOptedIn(email) {
+		if (newsletterOptIn && onNewsletterOptIn) onNewsletterOptIn(email);
+	}
 	function handleEnterPassword() {
-		if (email && password && authController.emailPasswordLogin) Promise.resolve(authController.emailPasswordLogin(email, password)).catch(() => void 0);
+		if (email && password && authController.emailPasswordLogin) Promise.resolve(authController.emailPasswordLogin(email, password)).then(() => subscribeIfOptedIn(email)).catch(() => void 0);
 	}
 	function handleRegistration() {
-		if (email && password && authController.register) Promise.resolve(authController.register(email, password, displayName)).catch(() => void 0);
+		if (email && password && authController.register) Promise.resolve(authController.register(email, password, displayName)).then(() => subscribeIfOptedIn(email)).catch(() => void 0);
 	}
 	const handleSubmit = (event) => {
 		event.preventDefault();
@@ -9420,6 +9434,19 @@ function LoginForm({ onClose, onForgotPassword, authController, registrationMode
 					children: "Forgot password?"
 				})
 			}),
+			onNewsletterOptIn && /* @__PURE__ */ jsxs("label", {
+				className: "flex items-center gap-2 cursor-pointer mt-1 mb-1",
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					checked: newsletterOptIn,
+					onCheckedChange: (checked) => setNewsletterOptIn?.(checked === true),
+					size: "small"
+				}), /* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					color: "secondary",
+					className: "select-none",
+					children: t("join_newsletter")
+				})]
+			}),
 			/* @__PURE__ */ jsx(LoadingButton, {
 				type: "submit",
 				variant: "filled",
@@ -9680,6 +9707,7 @@ var en = {
 	dark_mode: "Dark",
 	light_mode: "Light",
 	system_mode: "System",
+	join_newsletter: "Join the newsletter, no spam",
 	ok: "Ok",
 	save_collection_config: "Save collection structure",
 	search_for_more_icons: "Search for more icons…",
@@ -10560,6 +10588,7 @@ var es = {
 	dark_mode: "Oscuro",
 	light_mode: "Claro",
 	system_mode: "Sistema",
+	join_newsletter: "Únete a la newsletter, sin spam",
 	ok: "Aceptar",
 	save_collection_config: "Guardar la estructura de la colección",
 	search_for_more_icons: "Buscar más iconos…",
@@ -11397,6 +11426,7 @@ var de = {
 	dark_mode: "Dunkel",
 	light_mode: "Hell",
 	system_mode: "System",
+	join_newsletter: "Newsletter abonnieren, kein Spam",
 	ok: "Ok",
 	save_collection_config: "Sammlungsstruktur speichern",
 	search_for_more_icons: "Nach weiteren Symbolen suchen…",
@@ -12224,6 +12254,7 @@ var fr = {
 	dark_mode: "Sombre",
 	light_mode: "Clair",
 	system_mode: "Système",
+	join_newsletter: "Rejoignez la newsletter, pas de spam",
 	ok: "Ok",
 	save_collection_config: "Enregistrer la structure de la collection",
 	search_for_more_icons: "Rechercher d'autres icônes…",
@@ -13051,6 +13082,7 @@ var it = {
 	dark_mode: "Scuro",
 	light_mode: "Chiaro",
 	system_mode: "Sistema",
+	join_newsletter: "Iscriviti alla newsletter, niente spam",
 	ok: "Ok",
 	save_collection_config: "Salva struttura della collezione",
 	search_for_more_icons: "Cerca altre icone…",
@@ -13878,6 +13910,7 @@ var hi = {
 	dark_mode: "डार्क",
 	light_mode: "लाइट",
 	system_mode: "सिस्टम",
+	join_newsletter: "न्यूज़लेटर से जुड़ें, कोई स्पैम नहीं",
 	ok: "ठीक है",
 	save_collection_config: "संग्रह संरचना सहेजें",
 	search_for_more_icons: "और आइकन खोजें…",
@@ -14710,6 +14743,7 @@ var pt = {
 	dark_mode: "Escuro",
 	light_mode: "Claro",
 	system_mode: "Sistema",
+	join_newsletter: "Assine a newsletter, sem spam",
 	ok: "Ok",
 	save_collection_config: "Guardar estrutura da coleção",
 	search_for_more_icons: "Pesquisar mais ícones…",
@@ -17478,11 +17512,20 @@ function applyPropertyConditions(property, context) {
 	if ("enum" in result && result.enum && (conditions.enumConditions || conditions.allowedEnumValues || conditions.excludedEnumValues)) result.enum = applyEnumConditions(result.enum, conditions, context);
 	if (result.type === "reference") {
 		if (conditions.referencePath) result.path = evaluateCondition(conditions.referencePath, context);
-		if (conditions.referenceFilter) result.fixedFilter = evaluateCondition(conditions.referenceFilter, context);
+		if (conditions.referenceFilter) {
+			result.admin = result.admin || {};
+			result.admin.fixedFilter = evaluateCondition(conditions.referenceFilter, context);
+		}
 	}
 	if (result.type === "array") {
-		if (conditions.canAddElements !== void 0) result.canAddElements = evaluateCondition(conditions.canAddElements, context);
-		if (conditions.sortable !== void 0) result.sortable = evaluateCondition(conditions.sortable, context);
+		if (conditions.canAddElements !== void 0) {
+			result.admin = result.admin || {};
+			result.admin.canAddElements = evaluateCondition(conditions.canAddElements, context);
+		}
+		if (conditions.sortable !== void 0) {
+			result.admin = result.admin || {};
+			result.admin.sortable = evaluateCondition(conditions.sortable, context);
+		}
 	}
 	return result;
 }
@@ -17612,7 +17655,7 @@ function getForeignKeyColumns(collection) {
 			default: break;
 		}
 	};
-	for (const relation of collection.relations ?? []) addRelationKeys(relation);
+	for (const relation of (isRelationalCollectionConfig(collection) ? collection.relations : void 0) ?? []) addRelationKeys(relation);
 	for (const [key, propertyRaw] of Object.entries(collection.properties ?? {})) {
 		const property = propertyRaw;
 		if (!property || isPropertyBuilder(property) || property.type !== "relation") continue;