@protobase/ui 0.62.3 → 0.62.5

package/dist/account/account-page.js

@@ -18,11 +18,13 @@ const useAccountPage = () => {
 	const auth = useAuth();
 	const { mcp, accountDeletion } = auth;
 	const linkable = linkableProviders(auth).length > 0;
+	const mailboxes = auth.personalMail.length > 0;
 	return useMemo(() => {
 		if (!account) return void 0;
 		const hidden = /* @__PURE__ */ new Set([
 			...mcp ? [] : ["ConnectedApps"],
 			...linkable ? [] : ["ConnectedAccounts"],
+			...mailboxes ? [] : ["PersonalMail"],
 			...accountDeletion ? [] : ["DeleteAccount"]
 		]);
 		return {
@@ -33,6 +35,7 @@ const useAccountPage = () => {
 		account,
 		mcp,
 		linkable,
+		mailboxes,
 		accountDeletion
 	]);
 };

package/dist/account/blocks/connected-accounts-block.js

@@ -34,4 +34,4 @@ const ConnectedAccountsBlock = () => {
 	return linkable.length > 0 ? /* @__PURE__ */ jsx(Linked, { providers: linkable }) : null;
 };
 //#endregion
-export { ConnectedAccountsBlock, linkableProviders };
+export { ConnectedAccountsBlock, linkableProviders, takeLinkError };

package/dist/account/blocks/personal-mail-block.js

@@ -0,0 +1,36 @@
+import { text } from "../messages.js";
+import { useAuth } from "../../auth/auth-provider.js";
+import { providerMessage } from "../../auth/auth-messages.js";
+import { SignInProvidersSection } from "../sign-in-providers-section.js";
+import { AccountLoading } from "./account-loading.js";
+import { useAccountData } from "./use-account-data.js";
+import { takeLinkError } from "./connected-accounts-block.js";
+import { useCallback, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/account/blocks/personal-mail-block.tsx
+const Mailboxes = ({ links }) => {
+	const { session, linkPersonalMail } = useAuth();
+	const { account } = session;
+	const [linkError] = useState(takeLinkError);
+	const { data: linked, error } = useAccountData(useCallback(() => account.linkedPersonalMail(links), [account, links]), text("couldNotReadMethods"));
+	if (!linked) return /* @__PURE__ */ jsx(AccountLoading, { error });
+	const connect = (id) => linkPersonalMail(links.find((link) => link.id === id));
+	return /* @__PURE__ */ jsx(SignInProvidersSection, {
+		title: text("mailbox"),
+		description: text("mailboxDescription"),
+		providers: links.map(({ id, name }) => ({
+			id,
+			name
+		})),
+		linked,
+		onConnect: connect,
+		error: linkError && providerMessage(linkError, links.length === 1 ? links[0].name : text("theProvider"))
+	});
+};
+/** The `PersonalMail` block: the mailboxes the signed-in person can link for the app to send mail from, hidden when the app has none. */
+const PersonalMailBlock = () => {
+	const { personalMail } = useAuth();
+	return personalMail.length > 0 ? /* @__PURE__ */ jsx(Mailboxes, { links: personalMail }) : null;
+};
+//#endregion
+export { PersonalMailBlock };

package/dist/account/messages.js

@@ -71,6 +71,8 @@ const text = defineMessages({
 		connectedAccountsDescription: "Sign in with these instead of your password. Connecting one asks you to sign in there; its address may differ from yours here.",
 		connected: "Connected",
 		connect: (name) => `Connect ${name}`,
+		mailbox: "Mailbox",
+		mailboxDescription: "Mail this app sends for you goes out from your own mailbox. Connecting one asks you to sign in there and allow sending mail; it cannot read your mail.",
 		stopped: (time) => `Stopped ${time}`,
 		ended: (time) => `Ended ${time}`,
 		signedInUntil: (time) => `Signed in until ${time}`,
@@ -234,6 +236,8 @@ const text = defineMessages({
 		connectedAccountsDescription: "Log hiermee in in plaats van met je wachtwoord. Koppelen vraagt je daar in te loggen; het adres daar kan anders zijn dan hier.",
 		connected: "Gekoppeld",
 		connect: (name) => `${name} koppelen`,
+		mailbox: "Mailbox",
+		mailboxDescription: "Mail die deze app voor je verstuurt, gaat uit vanuit je eigen mailbox. Koppelen vraagt je daar in te loggen en het versturen van mail toe te staan; je mail lezen kan de app niet.",
 		stopped: (time) => `Gestopt ${time}`,
 		ended: (time) => `Afgelopen ${time}`,
 		signedInUntil: (time) => `Ingelogd tot ${time}`,

package/dist/account/sign-in-providers-section.js

@@ -9,7 +9,7 @@ import { AuthError } from "@protobase/client";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/sign-in-providers-section.tsx
 /** The providers someone can sign in with besides a password, and a way to connect one whatever address it has. */
-const SignInProvidersSection = ({ providers, linked, onConnect, error: returned }) => {
+const SignInProvidersSection = ({ providers, linked, onConnect, error: returned, title = text("connectedAccounts"), description = text("connectedAccountsDescription") }) => {
 	const [busy, setBusy] = useState();
 	const [error, setError] = useState(returned);
 	const connect = async (provider) => {
@@ -24,8 +24,8 @@ const SignInProvidersSection = ({ providers, linked, onConnect, error: returned
 		}
 	};
 	return /* @__PURE__ */ jsxs(AccountSection, {
-		title: text("connectedAccounts"),
-		description: text("connectedAccountsDescription"),
+		title,
+		description,
 		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
 			children: providers.map((provider) => /* @__PURE__ */ jsxs("li", {

package/dist/app/pages/render-node.js

@@ -23,6 +23,7 @@ import { TableBlock } from "./blocks/table.js";
 import { TabBlock, TabsBlock } from "./blocks/tabs.js";
 import { UsersBlock } from "../../users/users-block.js";
 import { ConnectedAccountsBlock } from "../../account/blocks/connected-accounts-block.js";
+import { PersonalMailBlock } from "../../account/blocks/personal-mail-block.js";
 import { ConnectedAppsBlock } from "../../account/blocks/connected-apps-block.js";
 import { DeleteAccountBlock } from "../../account/blocks/delete-account-block.js";
 import { DevicesBlock } from "../../account/blocks/devices-block.js";
@@ -61,6 +62,7 @@ const blocks = {
 	Passkeys: PasskeysBlock,
 	TwoFactor: TwoFactorBlock,
 	ConnectedAccounts: ConnectedAccountsBlock,
+	PersonalMail: PersonalMailBlock,
 	Devices: DevicesBlock,
 	ConnectedApps: ConnectedAppsBlock,
 	DeleteAccount: DeleteAccountBlock

package/dist/auth/auth-provider.js

@@ -31,6 +31,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 	const [passkeyDomains, setPasskeyDomains] = useState([]);
 	const [socialProviders, setSocialProviders] = useState([]);
 	const [platformSignIn, setPlatformSignIn] = useState();
+	const [personalMail, setPersonalMail] = useState([]);
 	const [samlProviders, setSamlProviders] = useState([]);
 	const [staffSignIn, setStaffSignIn] = useState();
 	const [organizations, setOrganizations] = useState();
@@ -117,6 +118,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 			setPasskeyDomains(status.passkeyDomains ?? []);
 			setSocialProviders(status.socialProviders);
 			setPlatformSignIn(status.platformSignIn);
+			setPersonalMail(status.personalMail ?? []);
 			setSamlProviders(status.samlProviders);
 			setStaffSignIn(status.staffSignIn);
 			setOrganizations(status.organizations);
@@ -183,6 +185,10 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		linkProvider: async (provider) => {
 			window.location.assign(await session.account.linkProvider(provider, new URL(withoutSignInLink(window.location.href), window.location.href).href));
 		},
+		personalMail,
+		linkPersonalMail: async (link) => {
+			window.location.assign(await session.account.linkPersonalMail(link, new URL(withoutSignInLink(window.location.href), window.location.href).href));
+		},
 		stopStaffSession: async () => {
 			await push.forget();
 			await session.staff.stop();
@@ -213,6 +219,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		passkeyDomains,
 		socialProviders,
 		platformSignIn,
+		personalMail,
 		samlProviders,
 		staffSignIn,
 		organizations,

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.62.3";
+var version = "0.62.5";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };