@burdenoff/microfe-devportal 2026.705.3 → 2026.707.1

package/dist/devportal/pages/InvitationDecisionPage.js

@@ -0,0 +1,142 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { useAcceptInvitationMutation as n, useGetInvitationByTokenQuery as r, useRejectInvitationMutation as i } from "../../generated/global-operations.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
+import "../hooks/index.js";
+import { CheckCircle as s, Loader2 as c, Mail as l, Shield as u, XCircle as d } from "lucide-react";
+import { useParams as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/devportal/pages/InvitationDecisionPage.tsx
+var h = () => {
+	let { token: h } = f(), { navigate: g, basePath: _ } = e(), { data: v, loading: y, error: b } = r({
+		variables: { token: h ?? "" },
+		skip: !h,
+		fetchPolicy: "cache-and-network"
+	}), [x, { loading: S, data: C }] = n(), [w, { loading: T, data: E }] = i(), D = v?.developerOrgInvitationByToken, O = C?.acceptDeveloperOrgInvitation, k = E?.rejectDeveloperOrgInvitation, A = async () => {
+		h && await x({ variables: { token: h } });
+	}, j = async () => {
+		h && await w({ variables: { token: h } });
+	};
+	return y && !D ? /* @__PURE__ */ p(a, {
+		title: "Developer Team Invitation",
+		children: /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center py-16 text-text-secondary",
+			children: /* @__PURE__ */ p(c, { className: "h-8 w-8 animate-spin" })
+		})
+	}) : b || !D ? /* @__PURE__ */ p(a, {
+		title: "Developer Team Invitation",
+		children: /* @__PURE__ */ p(t, {
+			icon: /* @__PURE__ */ p(d, {
+				size: 32,
+				className: "text-status-error-text"
+			}),
+			title: "Invitation not available",
+			description: b?.message || "This invitation is invalid, expired, or not available to your signed-in account."
+		})
+	}) : O ? /* @__PURE__ */ p(a, {
+		title: "Invitation accepted",
+		children: /* @__PURE__ */ p(t, {
+			icon: /* @__PURE__ */ p(s, {
+				size: 32,
+				className: "text-status-success-text"
+			}),
+			title: "You joined the developer organization",
+			description: `You now have ${D.role.toLowerCase()} access to ${D.organization.name}.`,
+			action: /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => g?.(`${_}/organizations/${D.organization.id}`),
+				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: "Open organization"
+			})
+		})
+	}) : k ? /* @__PURE__ */ p(a, {
+		title: "Invitation declined",
+		children: /* @__PURE__ */ p(t, {
+			icon: /* @__PURE__ */ p(d, {
+				size: 32,
+				className: "text-status-warning-text"
+			}),
+			title: "Invitation declined",
+			description: `You declined the invitation to join ${D.organization.name}.`,
+			action: /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => g?.(`${_}`),
+				className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken",
+				children: "Return to Devportal"
+			})
+		})
+	}) : /* @__PURE__ */ p(a, {
+		title: "Developer Team Invitation",
+		description: "Review your invitation to join a developer organization",
+		children: /* @__PURE__ */ m("div", {
+			className: "mx-auto max-w-2xl space-y-6",
+			children: [/* @__PURE__ */ p(o, {
+				title: "Invitation details",
+				children: /* @__PURE__ */ m("div", {
+					className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
+					children: [
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "text-sm text-text-secondary",
+							children: "Organization"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-lg font-semibold text-text-primary",
+							children: D.organization.name
+						})] }),
+						/* @__PURE__ */ m("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								className: "text-sm text-text-secondary",
+								children: "Invited email"
+							}), /* @__PURE__ */ m("p", {
+								className: "flex items-center gap-2 text-text-primary",
+								children: [/* @__PURE__ */ p(l, { size: 14 }), D.invitedEmail]
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								className: "text-sm text-text-secondary",
+								children: "Role"
+							}), /* @__PURE__ */ m("p", {
+								className: "flex items-center gap-2 text-text-primary",
+								children: [/* @__PURE__ */ p(u, { size: 14 }), D.role]
+							})] })]
+						}),
+						D.message ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "text-sm text-text-secondary",
+							children: "Message"
+						}), /* @__PURE__ */ p("p", {
+							className: "rounded-md bg-bg-sunken px-3 py-2 text-sm text-text-primary whitespace-pre-line",
+							children: D.message
+						})] }) : null,
+						/* @__PURE__ */ m("p", {
+							className: "text-xs text-text-secondary",
+							children: ["Expires on ", new Date(D.expiresAt).toLocaleString()]
+						})
+					]
+				})
+			}), /* @__PURE__ */ m("div", {
+				className: "flex flex-wrap gap-3 justify-end",
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => void j(),
+					disabled: S || T,
+					className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50",
+					children: [T ? /* @__PURE__ */ p(c, {
+						size: 14,
+						className: "animate-spin"
+					}) : null, "Decline"]
+				}), /* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => void A(),
+					disabled: S || T,
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
+					children: [S ? /* @__PURE__ */ p(c, {
+						size: 14,
+						className: "animate-spin"
+					}) : null, "Accept invitation"]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { h as InvitationDecisionPage };
+
+//# sourceMappingURL=InvitationDecisionPage.js.map

package/dist/devportal/pages/InvitationDecisionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationDecisionPage.js","names":[],"sources":["../../../src/devportal/pages/InvitationDecisionPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { CheckCircle, Loader2, Mail, Shield, XCircle } from \"lucide-react\";\n\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useAcceptInvitationMutation,\n  useGetInvitationByTokenQuery,\n  useRejectInvitationMutation,\n} from \"../hooks\";\n\nexport const InvitationDecisionPage: FC = () => {\n  const { token } = useParams<{ token: string }>();\n  const { navigate, basePath } = useDevportal();\n\n  const { data, loading, error } = useGetInvitationByTokenQuery({\n    variables: { token: token ?? \"\" },\n    skip: !token,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [acceptInvitation, { loading: accepting, data: acceptedData }] =\n    useAcceptInvitationMutation();\n  const [rejectInvitation, { loading: rejecting, data: rejectedData }] =\n    useRejectInvitationMutation();\n\n  const invitation = data?.developerOrgInvitationByToken;\n  const acceptedMember = acceptedData?.acceptDeveloperOrgInvitation;\n  const rejected = rejectedData?.rejectDeveloperOrgInvitation;\n\n  const handleAccept = async () => {\n    if (!token) return;\n    await acceptInvitation({ variables: { token } });\n  };\n\n  const handleReject = async () => {\n    if (!token) return;\n    await rejectInvitation({ variables: { token } });\n  };\n\n  if (loading && !invitation) {\n    return (\n      <PageLayout title=\"Developer Team Invitation\">\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !invitation) {\n    return (\n      <PageLayout title=\"Developer Team Invitation\">\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-error-text\" />}\n          title=\"Invitation not available\"\n          description={\n            error?.message ||\n            \"This invitation is invalid, expired, or not available to your signed-in account.\"\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (acceptedMember) {\n    return (\n      <PageLayout title=\"Invitation accepted\">\n        <EmptyState\n          icon={<CheckCircle size={32} className=\"text-status-success-text\" />}\n          title=\"You joined the developer organization\"\n          description={`You now have ${invitation.role.toLowerCase()} access to ${invitation.organization.name}.`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() =>\n                navigate?.(`${basePath}/organizations/${invitation.organization.id}`)\n              }\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n            >\n              Open organization\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (rejected) {\n    return (\n      <PageLayout title=\"Invitation declined\">\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-warning-text\" />}\n          title=\"Invitation declined\"\n          description={`You declined the invitation to join ${invitation.organization.name}.`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(`${basePath}`)}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken\"\n            >\n              Return to Devportal\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Developer Team Invitation\"\n      description=\"Review your invitation to join a developer organization\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <PageSection title=\"Invitation details\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-4\">\n            <div>\n              <p className=\"text-sm text-text-secondary\">Organization</p>\n              <p className=\"text-lg font-semibold text-text-primary\">\n                {invitation.organization.name}\n              </p>\n            </div>\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">Invited email</p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Mail size={14} />\n                  {invitation.invitedEmail}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">Role</p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Shield size={14} />\n                  {invitation.role}\n                </p>\n              </div>\n            </div>\n            {invitation.message ? (\n              <div>\n                <p className=\"text-sm text-text-secondary\">Message</p>\n                <p className=\"rounded-md bg-bg-sunken px-3 py-2 text-sm text-text-primary whitespace-pre-line\">\n                  {invitation.message}\n                </p>\n              </div>\n            ) : null}\n            <p className=\"text-xs text-text-secondary\">\n              Expires on {new Date(invitation.expiresAt).toLocaleString()}\n            </p>\n          </div>\n        </PageSection>\n\n        <div className=\"flex flex-wrap gap-3 justify-end\">\n          <button\n            type=\"button\"\n            onClick={() => void handleReject()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50\"\n          >\n            {rejecting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            Decline\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleAccept()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {accepting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            Accept invitation\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}