@protobase/ui 0.53.7 → 0.53.8

package/dist/account/account-page.js

@@ -16,11 +16,15 @@ import { jsx } from "react/jsx-runtime";
 const useAccountPage = () => {
 	const { account } = useAdminMeta();
 	const auth = useAuth();
-	const { mcp } = auth;
+	const { mcp, accountDeletion } = auth;
 	const linkable = linkableProviders(auth).length > 0;
 	return useMemo(() => {
 		if (!account) return void 0;
-		const hidden = /* @__PURE__ */ new Set([...mcp ? [] : ["ConnectedApps"], ...linkable ? [] : ["ConnectedAccounts"]]);
+		const hidden = /* @__PURE__ */ new Set([
+			...mcp ? [] : ["ConnectedApps"],
+			...linkable ? [] : ["ConnectedAccounts"],
+			...accountDeletion ? [] : ["DeleteAccount"]
+		]);
 		return {
 			...account,
 			tree: shownAccountTree(account.tree, hidden)
@@ -28,7 +32,8 @@ const useAccountPage = () => {
 	}, [
 		account,
 		mcp,
-		linkable
+		linkable,
+		accountDeletion
 	]);
 };
 /** `/-/account`, and `/-/account/<tab>` for one of its tabs: the signed-in person's account page. */

package/dist/account/blocks/delete-account-block.js

@@ -0,0 +1,22 @@
+import { text } from "../messages.js";
+import { useAuth } from "../../auth/auth-provider.js";
+import { AccountLoading } from "./account-loading.js";
+import { useAccountData } from "./use-account-data.js";
+import { DeleteAccountSection } from "../delete-account-section.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/account/blocks/delete-account-block.tsx
+/** The `DeleteAccount` block: the signed-in person deletes their own account, which signs them out; staff signed in as them cannot. */
+const DeleteAccountBlock = () => {
+	const { session, state, deleteAccount } = useAuth();
+	const { account } = session;
+	const { data: methods, error } = useAccountData(useCallback(() => account.signInMethods(), [account]), text("couldNotReadMethods"));
+	if (!methods) return /* @__PURE__ */ jsx(AccountLoading, { error });
+	return /* @__PURE__ */ jsx(DeleteAccountSection, {
+		hasPassword: methods.account.password,
+		staff: state.kind === "signed-in" && Boolean(state.staff),
+		onDelete: deleteAccount
+	});
+};
+//#endregion
+export { DeleteAccountBlock };

package/dist/account/delete-account-dialog.js

@@ -0,0 +1,71 @@
+import { text } from "./messages.js";
+import { Button } from "../primitives/button.js";
+import { Dialog } from "../primitives/dialog.js";
+import { Input } from "../primitives/input.js";
+import { SectionError } from "./account-section.js";
+import { authMessage } from "../auth/auth-messages.js";
+import { useId, useState } from "react";
+import { AuthError } from "@protobase/client";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/account/delete-account-dialog.tsx
+const deletionMessage = (error) => {
+	if (error.code === "LAST_ADMIN") return text("deleteAccountLastAdmin");
+	if (error.code === "ACCOUNT_LOCKED") return text("deleteAccountLocked");
+	return authMessage(error);
+};
+/** Asks the person to confirm deleting their own account, with their password when it has one. */
+const DeleteAccountDialog = ({ hasPassword, onDelete, onClose }) => {
+	const [password, setPassword] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState();
+	const formId = useId();
+	const confirm = async () => {
+		setBusy(true);
+		setError(void 0);
+		try {
+			await onDelete(hasPassword ? password : void 0);
+		} catch (failure) {
+			if (!(failure instanceof AuthError)) throw failure;
+			setError(deletionMessage(failure));
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		title: text("deleteAccountQuestion"),
+		description: text("deleteAccountWarning"),
+		onClose,
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+			onClick: onClose,
+			children: text("cancel")
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "danger",
+			type: "submit",
+			form: formId,
+			loading: busy,
+			disabled: hasPassword && !password,
+			children: text("deleteAccountConfirm")
+		})] }),
+		children: /* @__PURE__ */ jsxs("form", {
+			id: formId,
+			className: "flex flex-col gap-4",
+			onSubmit: (event) => {
+				event.preventDefault();
+				confirm();
+			},
+			children: [hasPassword && /* @__PURE__ */ jsxs("label", {
+				className: "flex flex-col gap-1.5 font-medium",
+				children: [text("deleteAccountPassword"), /* @__PURE__ */ jsx(Input, {
+					type: "password",
+					name: "current-password",
+					autoComplete: "current-password",
+					autoFocus: true,
+					value: password,
+					invalid: Boolean(error),
+					onChange: (event) => setPassword(event.target.value)
+				})]
+			}), /* @__PURE__ */ jsx(SectionError, { message: error })]
+		})
+	});
+};
+//#endregion
+export { DeleteAccountDialog };

package/dist/account/delete-account-section.js

@@ -0,0 +1,26 @@
+import { text } from "./messages.js";
+import { Button } from "../primitives/button.js";
+import { AccountSection } from "./account-section.js";
+import { DeleteAccountDialog } from "./delete-account-dialog.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/account/delete-account-section.tsx
+/** Deletes the signed-in person's own account, once they confirm it in a dialog. */
+const DeleteAccountSection = ({ hasPassword, staff, onDelete }) => {
+	const [confirming, setConfirming] = useState(false);
+	return /* @__PURE__ */ jsxs(AccountSection, {
+		title: text("deleteAccount"),
+		description: staff ? text("deleteAccountStaff") : text("deleteAccountDescription"),
+		children: [!staff && /* @__PURE__ */ jsx(Button, {
+			variant: "danger",
+			onClick: () => setConfirming(true),
+			children: text("deleteAccount")
+		}), confirming && /* @__PURE__ */ jsx(DeleteAccountDialog, {
+			hasPassword,
+			onDelete,
+			onClose: () => setConfirming(false)
+		})]
+	});
+};
+//#endregion
+export { DeleteAccountSection };

package/dist/account/messages.js

@@ -153,7 +153,16 @@ const text = defineMessages({
 		mcpAddress: "MCP address",
 		mcpAddressDescription: "Add this address to an AI assistant or code editor that speaks MCP, as a custom connector or remote MCP server. It opens this app in your browser, where you sign in and allow it; it then works with your access.",
 		copyMcpAddress: "Copy the MCP address",
-		addToClaude: "Add to Claude"
+		addToClaude: "Add to Claude",
+		deleteAccount: "Delete account",
+		deleteAccountDescription: "Delete your account and sign out everywhere. You can no longer sign in with it, and this cannot be undone.",
+		deleteAccountStaff: "Staff signed in as someone cannot delete their account.",
+		deleteAccountQuestion: "Delete your account?",
+		deleteAccountWarning: "Your account, its sign-in methods and every device signed in to it are deleted. This cannot be undone.",
+		deleteAccountPassword: "Enter your password to confirm.",
+		deleteAccountConfirm: "Delete my account",
+		deleteAccountLastAdmin: "You are the last admin of this app. Make someone else an admin first.",
+		deleteAccountLocked: "This account is locked, so it cannot be deleted."
 	},
 	nl: {
 		account: "Account",
@@ -307,7 +316,16 @@ const text = defineMessages({
 		mcpAddress: "MCP-adres",
 		mcpAddressDescription: "Voeg dit adres toe aan een AI-assistent of code-editor die MCP spreekt, als aangepaste connector of externe MCP-server. Die opent deze app in je browser, waar je inlogt en hem toestaat; daarna werkt hij met jouw toegang.",
 		copyMcpAddress: "Het MCP-adres kopiëren",
-		addToClaude: "Toevoegen aan Claude"
+		addToClaude: "Toevoegen aan Claude",
+		deleteAccount: "Account verwijderen",
+		deleteAccountDescription: "Verwijder je account en log overal uit. Je kunt er daarna niet meer mee inloggen, en dit kan niet ongedaan worden gemaakt.",
+		deleteAccountStaff: "Een medewerker die als iemand anders is ingelogd, kan diens account niet verwijderen.",
+		deleteAccountQuestion: "Je account verwijderen?",
+		deleteAccountWarning: "Je account, je inlogmethoden en elk apparaat dat ermee is ingelogd worden verwijderd. Dit kan niet ongedaan worden gemaakt.",
+		deleteAccountPassword: "Vul je wachtwoord in om te bevestigen.",
+		deleteAccountConfirm: "Mijn account verwijderen",
+		deleteAccountLastAdmin: "Je bent de laatste beheerder van deze app. Maak eerst iemand anders beheerder.",
+		deleteAccountLocked: "Dit account is vergrendeld en kan dus niet worden verwijderd."
 	}
 });
 //#endregion

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

@@ -24,6 +24,7 @@ import { TabBlock, TabsBlock } from "./blocks/tabs.js";
 import { UsersBlock } from "../../users/users-block.js";
 import { ConnectedAccountsBlock } from "../../account/blocks/connected-accounts-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";
 import { PasskeysBlock } from "../../account/blocks/passkeys-block.js";
 import { PasswordBlock } from "../../account/blocks/password-block.js";
@@ -61,7 +62,8 @@ const blocks = {
 	TwoFactor: TwoFactorBlock,
 	ConnectedAccounts: ConnectedAccountsBlock,
 	Devices: DevicesBlock,
-	ConnectedApps: ConnectedAppsBlock
+	ConnectedApps: ConnectedAppsBlock,
+	DeleteAccount: DeleteAccountBlock
 };
 const isInline = (child) => typeof child === "string" || !child.custom && child.type === "Link";
 /** Text and links run together as one paragraph, like a sentence with a link in it; other elements stand alone. */

package/dist/auth/auth-messages.js

@@ -100,6 +100,7 @@ const messages = {
 	PREVIOUSLY_REGISTERED: "passkeyAdded",
 	ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED: "passkeyAdded",
 	SESSION_NOT_FRESH: "notFresh",
+	SESSION_EXPIRED: "notFresh",
 	PASSWORD_COMPROMISED: "passwordLeaked"
 };
 const lookup = (ids, code) => {

package/dist/auth/auth-provider.js

@@ -25,6 +25,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 	const [signInFirst, setSignInFirst] = useState("password");
 	const [passwordReset, setPasswordReset] = useState(false);
 	const [changeEmail, setChangeEmail] = useState(false);
+	const [accountDeletion, setAccountDeletion] = useState(false);
 	const [mcp, setMcp] = useState();
 	const [canSignUp, setCanSignUp] = useState(false);
 	const [passkeyDomains, setPasskeyDomains] = useState([]);
@@ -110,6 +111,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 			setSignInFirst(status.signInFirst ?? "password");
 			setPasswordReset(status.passwordReset && !nativeBridge);
 			setChangeEmail(Boolean(status.changeEmail));
+			setAccountDeletion(Boolean(status.accountDeletion));
 			setMcp(status.mcp);
 			setCanSignUp(Boolean(status.signUp));
 			setPasskeyDomains(status.passkeyDomains ?? []);
@@ -141,6 +143,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		signInFirst,
 		passwordReset,
 		changeEmail,
+		accountDeletion,
 		mcp,
 		canSignUp,
 		passkeyDomains,
@@ -190,6 +193,11 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 			await session.signOut();
 			setState(signedOutState());
 		},
+		deleteAccount: async (password) => {
+			await session.deleteAccount(password);
+			await push.forget();
+			setState(signedOutState());
+		},
 		push
 	}), [
 		push,
@@ -199,6 +207,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		signInFirst,
 		passwordReset,
 		changeEmail,
+		accountDeletion,
 		mcp,
 		canSignUp,
 		passkeyDomains,

package/dist/package.js

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