@protobase/ui 0.46.3 → 0.46.4

package/dist/side-panel/side-panel.js

@@ -1,5 +1,5 @@
-import { useIsDesktop } from "../lib/use-media-query.js";
 import { Button } from "../primitives/button.js";
+import { useIsDesktop } from "../lib/use-media-query.js";
 import { useVisualViewport } from "../lib/use-visual-viewport.js";
 import { text } from "./messages.js";
 import { X } from "lucide-react";

package/dist/toasts/toast.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/cn.js";
-import { inApp } from "../app-shell/breadcrumb.js";
 import { Spinner } from "../primitives/spinner.js";
+import { inApp } from "../app-shell/breadcrumb.js";
 import { text } from "./messages.js";
 import { CheckCircle2, RotateCw, TriangleAlert, X, XCircle } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/users/create-user-form.js

@@ -1,6 +1,6 @@
-import { Input } from "../primitives/input.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
 import { AccountSection, SectionError } from "../account/account-section.js";
 import { useAction } from "../organizations/use-action.js";
 import { AppRolesPicker } from "../organizations/app-roles-picker.js";

package/dist/users/use-user-roles.js

@@ -1,5 +1,5 @@
-import { authMessage } from "../auth/auth-messages.js";
 import { useAuth } from "../auth/auth-provider.js";
+import { authMessage } from "../auth/auth-messages.js";
 import { text } from "./messages.js";
 import { useEffect, useState } from "react";
 import { AuthError } from "@protobase/client";

package/dist/users/user-row.js

@@ -1,6 +1,6 @@
-import { Badge } from "../primitives/badge.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { Button } from "../primitives/button.js";
+import { Badge } from "../primitives/badge.js";
 import { useAction } from "../organizations/use-action.js";
 import { AppRolesPicker } from "../organizations/app-roles-picker.js";
 import { text } from "./messages.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.46.3",
+  "version": "0.46.4",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -39,9 +39,9 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@protobase/client": "0.46.3",
-    "@protobase/layout": "0.46.3",
-    "@protobase/schema": "0.46.3",
+    "@protobase/client": "0.46.4",
+    "@protobase/layout": "0.46.4",
+    "@protobase/schema": "0.46.4",
     "@sentry/browser": "^11.7.0",
     "@tanstack/react-query": "^5.104.1",
     "@tanstack/react-table": "^9.2.6",

package/dist/account/account-security-page.js

@@ -1,97 +0,0 @@
-import { text } from "./messages.js";
-import { Spinner } from "../primitives/spinner.js";
-import { PageHeader } from "../app-shell/page-header.js";
-import { authMessage, providerMessage } from "../auth/auth-messages.js";
-import { readProviderError, withoutSignInLink } from "../auth/provider-link.js";
-import { useAuth } from "../auth/auth-provider.js";
-import { ConnectedAppsSection } from "./connected-apps-section.js";
-import { PasskeysSection } from "./passkeys-section.js";
-import { SignInProvidersSection } from "./sign-in-providers-section.js";
-import { TwoFactorSection } from "./two-factor-section.js";
-import { useCallback, useEffect, useState } from "react";
-import { AuthError } from "@protobase/client";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/account/account-security-page.tsx
-const takeLinkError = () => {
-	const code = readProviderError(window.location.href);
-	if (code) window.history.replaceState(window.history.state, "", withoutSignInLink(window.location.href));
-	return code;
-};
-/**
-* The signed-in person's passkeys, two-factor authentication and connected accounts, within what the sign-in policy
-* allows, and with MCP on the apps they allowed to act as them.
-*/
-const AccountSecurityPage = ({ email }) => {
-	const { session, signInProviders, socialProviders, linkProvider, mcp } = useAuth();
-	const linkable = signInProviders.filter((provider) => socialProviders.includes(provider.id));
-	const { account } = session;
-	const [loaded, setLoaded] = useState();
-	const [error, setError] = useState();
-	const [linkError] = useState(takeLinkError);
-	const reload = useCallback(() => {
-		Promise.all([
-			account.signInMethods(),
-			account.passkeys(),
-			account.linkedProviders(),
-			mcp ? account.connectedApps() : []
-		]).then(([methods, passkeys, linked, apps]) => setLoaded({
-			methods,
-			passkeys,
-			linked,
-			apps
-		}), (failure) => setError(failure instanceof AuthError ? authMessage(failure) : text("couldNotReadMethods")));
-	}, [account, mcp]);
-	useEffect(reload, [reload]);
-	const thenReload = (change) => change.then((result) => (reload(), result));
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex w-full max-w-3xl flex-col gap-4 px-4 py-6 md:px-6",
-		children: [/* @__PURE__ */ jsx(PageHeader, {
-			title: text("signInSecurity"),
-			subtitle: email
-		}), loaded ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx(PasskeysSection, {
-				rule: loaded.methods.policy.passkey,
-				passkeys: loaded.passkeys,
-				onAdd: () => thenReload(account.addPasskey()),
-				onRename: (id, name) => thenReload(account.renamePasskey(id, name)),
-				onRemove: (id) => thenReload(account.removePasskey(id))
-			}),
-			/* @__PURE__ */ jsx(TwoFactorSection, {
-				rule: loaded.methods.policy.twoFactor,
-				enabled: loaded.methods.account.twoFactor,
-				authenticatorApp: loaded.methods.account.authenticatorApp,
-				mail: loaded.methods.mail,
-				needsPassword: loaded.methods.account.password,
-				onStartApp: (password) => account.startAuthenticatorApp(password),
-				onConfirmApp: (code) => account.confirmAuthenticatorApp(code),
-				onEmailedCodes: (password) => account.turnOnEmailedCodes(password),
-				onTurnOff: (password) => account.turnOffTwoFactor(password),
-				onNewBackupCodes: (password) => account.newBackupCodes(password),
-				onChanged: reload
-			}),
-			linkable.length > 0 && /* @__PURE__ */ jsx(SignInProvidersSection, {
-				providers: linkable,
-				linked: loaded.linked,
-				onConnect: linkProvider,
-				error: linkError && providerMessage(linkError, linkable.length === 1 ? linkable[0].name : text("theProvider"))
-			}),
-			mcp && /* @__PURE__ */ jsx(ConnectedAppsSection, {
-				apps: loaded.apps,
-				onDisconnect: (clientId) => thenReload(account.disconnectApp(clientId))
-			})
-		] }) : error ? /* @__PURE__ */ jsx("p", {
-			role: "alert",
-			className: "text-danger-text",
-			children: error
-		}) : /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 text-muted-foreground",
-			children: [
-				/* @__PURE__ */ jsx(Spinner, {}),
-				" ",
-				text("loading")
-			]
-		})]
-	});
-};
-//#endregion
-export { AccountSecurityPage };