@protobase/ui 0.44.3 → 0.44.5

package/dist/organizations/messages.js

@@ -78,7 +78,8 @@ const text = defineMessages({
 		newOrganization: "New organization",
 		newOrganizationDescription: "You become its owner, with every role, and work in it once it is made.",
 		invitationsForYou: "Invitations for you",
-		invitationsForYouDescription: "Open the link in the invitation email to accept one.",
+		invitationsForYouDescription: "Accept one to become a member and work there.",
+		accept: "Accept",
 		anOrganization: "An organization",
 		noAppRoles: "no app roles",
 		until: (date) => `Until ${date}`,
@@ -165,7 +166,8 @@ const text = defineMessages({
 		newOrganization: "Nieuwe organisatie",
 		newOrganizationDescription: "Je wordt de eigenaar, met elke rol, en werkt erin zodra die is gemaakt.",
 		invitationsForYou: "Uitnodigingen voor jou",
-		invitationsForYouDescription: "Open de link in de uitnodigingsmail om er een te accepteren.",
+		invitationsForYouDescription: "Accepteer er een om lid te worden en daar te werken.",
+		accept: "Accepteren",
 		anOrganization: "Een organisatie",
 		noAppRoles: "geen app-rollen",
 		until: (date) => `Tot ${date}`,

package/dist/organizations/organizations-page.js

@@ -63,35 +63,50 @@ const NewOrganization = ({ basePath }) => {
 		})]
 	});
 };
-const YourInvitations = () => {
+/** The invitations for the person's own address, each to accept, which opens the app in its organization. */
+const YourInvitations = ({ basePath }) => {
 	const { session, organizations } = useAuth();
 	const [invitations, setInvitations] = useState([]);
+	const { busy, error, run } = useAction();
 	useEffect(() => {
 		session.organizations.myInvitations().then(setInvitations, () => setInvitations([]));
 	}, [session]);
 	if (invitations.length === 0) return null;
 	const roles = organizations?.roles ?? [];
-	return /* @__PURE__ */ jsx(AccountSection, {
+	const accept = (invitationId) => run(async () => {
+		await session.organizations.acceptMine(invitationId);
+		reopenIn(basePath);
+	});
+	return /* @__PURE__ */ jsxs(AccountSection, {
 		title: text("invitationsForYou"),
 		description: text("invitationsForYouDescription"),
-		children: /* @__PURE__ */ jsx("ul", {
+		children: [/* @__PURE__ */ jsx(SectionError, { message: error }), /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
 			children: invitations.map((invitation) => /* @__PURE__ */ jsxs("li", {
-				className: "px-3 py-2.5",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "font-medium",
-						children: invitation.organizationName ?? text("anOrganization")
-					}),
-					": ",
-					invitation.appRoles.map((name) => roleLabel(roles, name)).join(", ") || text("noAppRoles"),
-					/* @__PURE__ */ jsx("span", {
-						className: "block text-xs text-muted-foreground",
-						children: text("until", new Date(invitation.expiresAt).toLocaleDateString(formatTag()))
-					})
-				]
+				className: "flex items-center gap-3 px-3 py-2.5",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: invitation.organizationName ?? text("anOrganization")
+						}),
+						": ",
+						invitation.appRoles.map((name) => roleLabel(roles, name)).join(", ") || text("noAppRoles"),
+						/* @__PURE__ */ jsx("span", {
+							className: "block text-xs text-muted-foreground",
+							children: text("until", new Date(invitation.expiresAt).toLocaleDateString(formatTag()))
+						})
+					]
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "primary",
+					loading: busy,
+					onClick: () => void accept(invitation.id),
+					children: text("accept")
+				})]
 			}, invitation.id))
-		})
+		})]
 	});
 };
 /**
@@ -127,7 +142,7 @@ const OrganizationsPage = ({ state, basePath }) => {
 					}, organization.id))
 				})]
 			}),
-			/* @__PURE__ */ jsx(YourInvitations, {}),
+			/* @__PURE__ */ jsx(YourInvitations, { basePath }),
 			mayCreate && /* @__PURE__ */ jsx(NewOrganization, { basePath }),
 			(state.current?.globalRoles.length ?? 0) > 0 && /* @__PURE__ */ jsx(AllOrganizations, {
 				basePath,

package/dist/package.js

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