@stigmer/react 0.0.71 → 0.0.73

package/invitation/InvitationCreatedAlert.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * One-time banner displayed after a new invitation link is created.
+ *
+ * Shows the invite URL in a monospace read-only field with a **Copy**
+ * button. While invite URLs are always retrievable from the invitation
+ * list, surfacing the URL immediately after creation provides the
+ * critical "copy and share" moment that admins expect.
+ *
+ * This is a standalone alert component, not a modal — the parent
+ * decides how to present and position it.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <InvitationCreatedAlert
+ *   inviteUrl="https://app.stigmer.ai/invite/abc123..."
+ *   label="Engineering team invite"
+ *   onDismiss={() => setCreatedUrl(null)}
+ * />
+ * ```
+ */
+export function InvitationCreatedAlert({ inviteUrl, label, onDismiss, className, }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(inviteUrl);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch {
+            const el = document.getElementById("stgm-invite-url-reveal");
+            if (el) {
+                const selection = window.getSelection();
+                const range = document.createRange();
+                range.selectNodeContents(el);
+                selection?.removeAllRanges();
+                selection?.addRange(range);
+            }
+        }
+    }, [inviteUrl]);
+    return (_jsxs("div", { role: "alert", className: cn("rounded-lg border border-primary/30 bg-primary-subtle p-4", className), children: [_jsxs("div", { className: "mb-2 flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "text-sm font-medium text-foreground", children: ["Invite link created: ", label] }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Share this link to invite people to your organization." })] }), _jsx("button", { type: "button", onClick: onDismiss, "aria-label": "Dismiss", className: cn("shrink-0 rounded p-1", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "transition-colors"), children: _jsx(CloseIcon, {}) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { id: "stgm-invite-url-reveal", className: cn("min-w-0 flex-1 select-all truncate rounded-md", "border border-input bg-background px-2.5 py-1.5", "font-mono text-xs text-foreground"), children: inviteUrl }), _jsxs("button", { type: "button", onClick: handleCopy, className: cn("inline-flex shrink-0 items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary/90", "transition-colors"), children: [copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}), copied ? "Copied" : "Copy"] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function CopyIcon() {
+    return (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1.5" }), _jsx("path", { d: "M5 11H3.5A1.5 1.5 0 0 1 2 9.5V3.5A1.5 1.5 0 0 1 3.5 2h6A1.5 1.5 0 0 1 11 3.5V5" })] }));
+}
+function CheckIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M3 8.5l3.5 3.5L13 5" }) }));
+}
+function CloseIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) }));
+}
+//# sourceMappingURL=InvitationCreatedAlert.js.map

package/invitation/InvitationCreatedAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationCreatedAlert.js","sourceRoot":"","sources":["../../src/invitation/InvitationCreatedAlert.tsx"],"names":[],"mappings":"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"}

package/invitation/InvitationManager.d.ts

@@ -0,0 +1,44 @@
+/** Props for {@link InvitationManager}. */
+export interface InvitationManagerProps {
+    /** Organization slug whose invitations to manage. */
+    readonly org: string;
+    /**
+     * Build the full invite URL from a token.
+     *
+     * Platform builders override this when their invite route differs
+     * from the default `/invite/<token>` path or runs on a different
+     * domain.
+     *
+     * @default `${window.location.origin}/invite/${token}`
+     */
+    readonly buildInviteUrl?: (token: string) => string;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Self-contained panel for managing organization invitation links.
+ *
+ * Displays all invitations for the organization with inline actions
+ * (copy link, revoke) and a create form for generating new invite
+ * links. Follows the same pattern as {@link OrgMembersPanel}: a
+ * single embeddable component that handles the full management flow.
+ *
+ * The component composes three invitation hooks internally:
+ * - {@link useOrgInvitations} for listing
+ * - {@link useCreateInvitation} for creation
+ * - {@link useRevokeInvitation} for revocation
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <InvitationManager org="acme" />
+ *
+ * <InvitationManager
+ *   org="acme"
+ *   buildInviteUrl={(token) => `https://myapp.com/join/${token}`}
+ * />
+ * ```
+ */
+export declare function InvitationManager({ org, buildInviteUrl, className, }: InvitationManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvitationManager.d.ts.map

package/invitation/InvitationManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationManager.d.ts","sourceRoot":"","sources":["../../src/invitation/InvitationManager.tsx"],"names":[],"mappings":"AAuBA,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;;;;;;OAQG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpD,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAcD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,cAAsC,EACtC,SAAS,GACV,EAAE,sBAAsB,2CA2HxB"}

package/invitation/InvitationManager.js

@@ -0,0 +1,248 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { getUserMessage, iamRoleDisplayName, } from "@stigmer/sdk";
+import { IamRole } from "@stigmer/protos/ai/stigmer/iam/v1/enum_pb";
+import { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/apiresourcekind/api_resource_kind_pb";
+import { InvitationState } from "@stigmer/protos/ai/stigmer/iam/invitation/v1/enum_pb";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { useOrgInvitations } from "./useOrgInvitations";
+import { useCreateInvitation } from "./useCreateInvitation";
+import { useRevokeInvitation } from "./useRevokeInvitation";
+import { InvitationCreatedAlert } from "./InvitationCreatedAlert";
+import { RoleSelector } from "../iam-policy/RoleSelector";
+function defaultBuildInviteUrl(token) {
+    if (typeof window !== "undefined") {
+        return `${window.location.origin}/invite/${token}`;
+    }
+    return `/invite/${token}`;
+}
+/**
+ * Self-contained panel for managing organization invitation links.
+ *
+ * Displays all invitations for the organization with inline actions
+ * (copy link, revoke) and a create form for generating new invite
+ * links. Follows the same pattern as {@link OrgMembersPanel}: a
+ * single embeddable component that handles the full management flow.
+ *
+ * The component composes three invitation hooks internally:
+ * - {@link useOrgInvitations} for listing
+ * - {@link useCreateInvitation} for creation
+ * - {@link useRevokeInvitation} for revocation
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <InvitationManager org="acme" />
+ *
+ * <InvitationManager
+ *   org="acme"
+ *   buildInviteUrl={(token) => `https://myapp.com/join/${token}`}
+ * />
+ * ```
+ */
+export function InvitationManager({ org, buildInviteUrl = defaultBuildInviteUrl, className, }) {
+    const { invitations, isLoading, error, refetch } = useOrgInvitations(org);
+    const [flow, setFlow] = useState({ phase: "idle" });
+    const [revokingId, setRevokingId] = useState(null);
+    const activeCount = invitations.filter((inv) => inv.status?.state === InvitationState.active).length;
+    const handleCreated = useCallback((invitation) => {
+        const token = invitation.status?.token ?? "";
+        const label = invitation.spec?.label || invitation.metadata?.name || "Invite link";
+        setFlow({ phase: "created", inviteUrl: buildInviteUrl(token), label });
+        refetch();
+    }, [buildInviteUrl, refetch]);
+    const handleRevoked = useCallback(() => {
+        setRevokingId(null);
+        refetch();
+    }, [refetch]);
+    if (isLoading) {
+        return (_jsx("div", { className: cn("space-y-2", className), "aria-busy": "true", "aria-label": "Loading invitations", children: Array.from({ length: 2 }, (_, i) => (_jsx("div", { className: "bg-muted/40 h-14 animate-pulse rounded-lg" }, i))) }));
+    }
+    if (error) {
+        return (_jsx("p", { className: cn("text-destructive text-xs", className), role: "alert", children: getUserMessage(error) }));
+    }
+    return (_jsxs("div", { className: cn("space-y-3", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-semibold text-foreground", children: "Invite Links" }), activeCount > 0 && (_jsxs("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[0.65rem] font-medium text-muted-foreground", children: [activeCount, " active"] }))] }), flow.phase === "idle" && (_jsx("button", { type: "button", onClick: () => setFlow({ phase: "creating" }), className: "text-primary hover:text-foreground text-xs font-medium transition-colors", children: "+ Create invite link" }))] }), flow.phase === "created" && (_jsx(InvitationCreatedAlert, { inviteUrl: flow.inviteUrl, label: flow.label, onDismiss: () => setFlow({ phase: "idle" }) })), flow.phase === "creating" && (_jsx("div", { className: "border-border bg-card rounded-lg border p-4", children: _jsx(CreateInvitationForm, { org: org, onCreated: handleCreated, onCancel: () => setFlow({ phase: "idle" }) }) })), invitations.length === 0 ? (_jsx("p", { className: "text-muted-foreground py-4 text-center text-xs", children: "No invite links yet. Create one to start inviting people." })) : (_jsx("div", { role: "list", "aria-label": "Invitation links", className: "space-y-2", children: invitations.map((inv) => {
+                    const id = inv.metadata?.id ?? "";
+                    return (_jsx(InvitationRow, { invitation: inv, buildInviteUrl: buildInviteUrl, isRevoking: revokingId === id, onStartRevoke: () => setRevokingId(id), onCancelRevoke: () => setRevokingId(null), onRevoked: handleRevoked }, id));
+                }) }))] }));
+}
+const EXPIRY_OPTIONS = [
+    { value: "7", label: "7 days" },
+    { value: "14", label: "14 days" },
+    { value: "30", label: "30 days" },
+];
+function CreateInvitationForm({ org, onCreated, onCancel, }) {
+    const { create, isCreating, error, clearError } = useCreateInvitation();
+    const [label, setLabel] = useState("");
+    const [role, setRole] = useState(IamRole.viewer);
+    const [expiry, setExpiry] = useState("30");
+    const [redemptionMode, setRedemptionMode] = useState("unlimited");
+    const canSubmit = !isCreating;
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        if (!canSubmit)
+            return;
+        clearError();
+        try {
+            const invitation = await create({
+                name: label.trim() || `invite-${Date.now()}`,
+                org,
+                role,
+                expiresAt: daysFromNow(Number(expiry)),
+                maxRedemptions: redemptionMode === "single" ? 1 : 0,
+                label: label.trim() || undefined,
+            });
+            onCreated(invitation);
+        }
+        catch {
+            // error state is managed by useCreateInvitation
+        }
+    }, [canSubmit, label, org, role, expiry, redemptionMode, create, clearError, onCreated]);
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("label", { htmlFor: "stgm-new-invite-label", className: "text-xs font-medium text-foreground", children: ["Label", " ", _jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })] }), _jsx("input", { id: "stgm-new-invite-label", type: "text", value: label, onChange: (e) => setLabel(e.target.value), placeholder: "e.g. Engineering team link", disabled: isCreating, autoFocus: true, maxLength: 200, className: cn("w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50") })] }), _jsx(RoleSelector, { kind: ApiResourceKind.organization, selected: role, onSelect: (r) => setRole(r), disabled: isCreating }), _jsxs("fieldset", { className: "space-y-1.5", children: [_jsx("legend", { className: "text-xs font-medium text-foreground", children: "Expires in" }), _jsx("div", { className: "flex flex-wrap gap-2", children: EXPIRY_OPTIONS.map(({ value, label: optLabel }) => (_jsx(ExpiryRadio, { value: value, label: optLabel, checked: expiry === value, disabled: isCreating, onChange: setExpiry }, value))) })] }), _jsxs("fieldset", { className: "space-y-1.5", children: [_jsx("legend", { className: "text-xs font-medium text-foreground", children: "Usage limit" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(RedemptionRadio, { value: "unlimited", label: "Unlimited", description: "Anyone with the link can join", checked: redemptionMode === "unlimited", disabled: isCreating, onChange: setRedemptionMode }), _jsx(RedemptionRadio, { value: "single", label: "Single use", description: "One person only", checked: redemptionMode === "single", disabled: isCreating, onChange: setRedemptionMode })] })] }), error && (_jsx("p", { className: "text-destructive text-[0.65rem]", role: "alert", children: getUserMessage(error) })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "submit", disabled: !canSubmit, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary/90", "disabled:pointer-events-none disabled:opacity-40"), children: [isCreating && _jsx(SpinnerIcon, {}), "Create invite link"] }), _jsx("button", { type: "button", onClick: onCancel, disabled: isCreating, className: cn("rounded-md px-3 py-1.5 text-xs", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "disabled:pointer-events-none disabled:opacity-50"), children: "Cancel" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// InvitationRow (internal)
+// ---------------------------------------------------------------------------
+function InvitationRow({ invitation, buildInviteUrl, isRevoking, onStartRevoke, onCancelRevoke, onRevoked, }) {
+    const [copied, setCopied] = useState(false);
+    const id = invitation.metadata?.id ?? "";
+    const label = invitation.spec?.label || invitation.metadata?.name || "Unnamed invite";
+    const role = invitation.spec?.role ?? IamRole.iam_role_unspecified;
+    const state = invitation.status?.state ?? InvitationState.invitation_state_unspecified;
+    const token = invitation.status?.token ?? "";
+    const redemptionCount = invitation.status?.redemptionCount ?? 0;
+    const maxRedemptions = invitation.spec?.maxRedemptions ?? 0;
+    const expiresAt = invitation.spec?.expiresAt;
+    const isActive = state === InvitationState.active;
+    const handleCopy = useCallback(async () => {
+        try {
+            await navigator.clipboard.writeText(buildInviteUrl(token));
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch {
+            // silently fail — copy is a convenience, not critical
+        }
+    }, [token, buildInviteUrl]);
+    if (isRevoking) {
+        return (_jsx(RevokeConfirmation, { invitationId: id, label: label, onRevoked: onRevoked, onCancel: onCancelRevoke }));
+    }
+    return (_jsxs("div", { role: "listitem", className: "flex items-center gap-3 rounded-lg border border-border/60 px-3 py-2.5 hover:border-border transition-colors", children: [_jsx(LinkIcon, { active: isActive }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn("block truncate text-sm font-medium", isActive ? "text-foreground" : "text-muted-foreground"), children: label }), _jsx("span", { className: "block text-xs text-muted-foreground", children: formatRedemptions(redemptionCount, maxRedemptions) })] }), _jsxs("div", { className: "hidden sm:flex shrink-0 items-center gap-3", children: [_jsx("span", { className: "inline-flex items-center rounded-md border border-border bg-muted px-2 py-0.5 text-[0.65rem] font-medium text-foreground", children: iamRoleDisplayName(role) }), _jsx(StateBadge, { state: state }), expiresAt && (_jsx("span", { className: "text-xs text-muted-foreground", title: timestampDate(expiresAt).toISOString(), children: isActive
+                            ? formatRelativeExpiry(timestampDate(expiresAt))
+                            : formatShortDate(timestampDate(expiresAt)) }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [isActive && (_jsx("button", { type: "button", onClick: handleCopy, "aria-label": copied ? "Link copied" : `Copy invite link for ${label}`, className: cn("shrink-0 rounded p-1 transition-colors", copied
+                            ? "text-primary"
+                            : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) })), isActive && (_jsx("button", { type: "button", onClick: onStartRevoke, "aria-label": `Revoke ${label}`, className: "shrink-0 rounded p-1 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors", children: _jsx(RevokeIcon, {}) }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// RevokeConfirmation (internal)
+// ---------------------------------------------------------------------------
+function RevokeConfirmation({ invitationId, label, onRevoked, onCancel, }) {
+    const { revoke, isRevoking, error } = useRevokeInvitation();
+    const handleConfirm = useCallback(async () => {
+        try {
+            await revoke(invitationId);
+            onRevoked();
+        }
+        catch {
+            // error state is surfaced via the hook
+        }
+    }, [invitationId, revoke, onRevoked]);
+    return (_jsxs("div", { role: "listitem", className: "flex items-center justify-between rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2.5", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("p", { className: "text-xs text-foreground", children: ["Revoke ", _jsx("span", { className: "font-medium", children: label }), "? The link will stop working immediately."] }), error && (_jsx("p", { className: "mt-0.5 text-[0.65rem] text-destructive", children: getUserMessage(error) }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5 ml-3", children: [_jsxs("button", { type: "button", onClick: handleConfirm, disabled: isRevoking, className: cn("inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-xs font-medium", "bg-destructive text-destructive-foreground hover:bg-destructive/90", "disabled:pointer-events-none disabled:opacity-50"), children: [isRevoking && _jsx(SpinnerIcon, {}), "Revoke"] }), _jsx("button", { type: "button", onClick: onCancel, disabled: isRevoking, className: cn("rounded-md px-2.5 py-1 text-xs", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "disabled:pointer-events-none disabled:opacity-50"), children: "Cancel" })] })] }));
+}
+// ---------------------------------------------------------------------------
+// StateBadge (internal)
+// ---------------------------------------------------------------------------
+function StateBadge({ state }) {
+    const config = STATE_BADGE_CONFIG[state] ?? STATE_BADGE_CONFIG[InvitationState.invitation_state_unspecified];
+    return (_jsx("span", { className: cn("inline-flex items-center rounded-full px-2 py-0.5 text-[0.6rem] font-medium", config.className), children: config.label }));
+}
+const STATE_BADGE_CONFIG = {
+    [InvitationState.invitation_state_unspecified]: {
+        label: "Unknown",
+        className: "bg-muted text-muted-foreground",
+    },
+    [InvitationState.active]: {
+        label: "Active",
+        className: "bg-primary-subtle text-primary",
+    },
+    [InvitationState.expired]: {
+        label: "Expired",
+        className: "bg-muted text-muted-foreground",
+    },
+    [InvitationState.revoked]: {
+        label: "Revoked",
+        className: "bg-muted text-muted-foreground",
+    },
+    [InvitationState.fully_redeemed]: {
+        label: "Fully redeemed",
+        className: "bg-muted text-muted-foreground",
+    },
+};
+// ---------------------------------------------------------------------------
+// Radio helpers (internal)
+// ---------------------------------------------------------------------------
+function ExpiryRadio({ value, label, checked, disabled, onChange, }) {
+    return (_jsxs("label", { className: cn("inline-flex cursor-pointer items-center rounded-md border px-2.5 py-1 text-xs transition-colors", checked
+            ? "border-primary bg-primary-subtle text-primary font-medium"
+            : "border-input bg-background text-muted-foreground hover:border-border hover:text-foreground", disabled && "pointer-events-none opacity-50"), children: [_jsx("input", { type: "radio", name: "stgm-invite-expiry", value: value, checked: checked, disabled: disabled, onChange: () => onChange(value), className: "sr-only" }), label] }));
+}
+function RedemptionRadio({ value, label, description, checked, disabled, onChange, }) {
+    return (_jsxs("label", { className: cn("inline-flex cursor-pointer flex-col rounded-md border px-3 py-1.5 text-xs transition-colors", checked
+            ? "border-primary bg-primary-subtle text-primary font-medium"
+            : "border-input bg-background text-muted-foreground hover:border-border hover:text-foreground", disabled && "pointer-events-none opacity-50"), children: [_jsx("input", { type: "radio", name: "stgm-invite-redemption", value: value, checked: checked, disabled: disabled, onChange: () => onChange(value), className: "sr-only" }), _jsx("span", { children: label }), _jsx("span", { className: "text-[0.625rem] text-muted-foreground font-normal mt-0.5", children: description })] }));
+}
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function daysFromNow(days) {
+    const date = new Date();
+    date.setDate(date.getDate() + days);
+    return date;
+}
+function formatRedemptions(count, max) {
+    if (max === 0) {
+        return count === 0 ? "No redemptions yet" : `${count} redeemed`;
+    }
+    return `${count} / ${max} redeemed`;
+}
+function formatRelativeExpiry(date) {
+    const now = Date.now();
+    const diffMs = date.getTime() - now;
+    if (diffMs <= 0)
+        return "Expired";
+    const days = Math.ceil(diffMs / 86_400_000);
+    if (days === 1)
+        return "Expires tomorrow";
+    if (days <= 30)
+        return `Expires in ${days} days`;
+    return `Expires ${formatShortDate(date)}`;
+}
+function formatShortDate(date) {
+    return date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function LinkIcon({ active }) {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: cn("shrink-0", active ? "text-primary" : "text-muted-foreground"), children: [_jsx("path", { d: "M6.5 9.5a3.5 3.5 0 0 0 5 0l2-2a3.5 3.5 0 0 0-5-5l-1 1" }), _jsx("path", { d: "M9.5 6.5a3.5 3.5 0 0 0-5 0l-2 2a3.5 3.5 0 0 0 5 5l1-1" })] }));
+}
+function CopyIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1.5" }), _jsx("path", { d: "M5 11H3.5A1.5 1.5 0 0 1 2 9.5V3.5A1.5 1.5 0 0 1 3.5 2h6A1.5 1.5 0 0 1 11 3.5V5" })] }));
+}
+function CheckIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M3 8.5l3.5 3.5L13 5" }) }));
+}
+function RevokeIcon() {
+    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M4.5 11.5l7-7" })] }));
+}
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InvitationManager.js.map

package/invitation/InvitationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationManager.js","sourceRoot":"","sources":["../../src/invitation/InvitationManager.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EACL,cAAc,EACd,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,qFAAqF,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,sDAAsD,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAwB1D,SAAS,qBAAqB,CAAC,KAAa;IAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAK,EAAE,CAAC;IACrD,CAAC;IACD,OAAO,WAAW,KAAK,EAAE,CAAC;AAC5B,CAAC;AAOD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,GAAG,EACH,cAAc,GAAG,qBAAqB,EACtC,SAAS,GACc;IACvB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAY,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAElE,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,KAAK,eAAe,CAAC,MAAM,CACtD,CAAC,MAAM,CAAC;IAET,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,UAAsB,EAAE,EAAE;QACzB,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,aAAa,CAAC;QACnF,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACvE,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,eAC3B,MAAM,gBACL,qBAAqB,YAE/B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,cAEE,SAAS,EAAC,2CAA2C,IADhD,CAAC,CAEN,CACH,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,YAAG,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,YAClE,cAAc,CAAC,KAAK,CAAC,GACpB,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aAExC,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,uCAAuC,6BAEhD,EACN,WAAW,GAAG,CAAC,IAAI,CAClB,gBAAM,SAAS,EAAC,6GAA6G,aAC1H,WAAW,eACP,CACR,IACG,EACL,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,CACxB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAC7C,SAAS,EAAC,0EAA0E,qCAG7E,CACV,IACG,EAGL,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,KAAC,sBAAsB,IACrB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAC3C,CACH,EAGA,IAAI,CAAC,KAAK,KAAK,UAAU,IAAI,CAC5B,cAAK,SAAS,EAAC,6CAA6C,YAC1D,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAC1C,GACE,CACP,EAGA,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,YAAG,SAAS,EAAC,gDAAgD,0EAEzD,CACL,CAAC,CAAC,CAAC,CACF,cACE,IAAI,EAAC,MAAM,gBACA,kBAAkB,EAC7B,SAAS,EAAC,WAAW,YAEpB,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACvB,MAAM,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC;oBAClC,OAAO,CACL,KAAC,aAAa,IAEZ,UAAU,EAAE,GAAG,EACf,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,KAAK,EAAE,EAC7B,aAAa,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EACtC,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACzC,SAAS,EAAE,aAAa,IANnB,EAAE,CAOP,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAQD,MAAM,cAAc,GAA6C;IAC/D,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;CAClC,CAAC;AAIF,SAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,QAAQ,GAKT;IACC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAExE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,WAAW,CAAC,CAAC;IAElF,MAAM,SAAS,GAAG,CAAC,UAAU,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,CAAY,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,UAAU,EAAE,CAAC;QACb,IAAI,CAAC;YACH,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC;gBAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,UAAU,IAAI,CAAC,GAAG,EAAE,EAAE;gBAC5C,GAAG;gBACH,IAAI;gBACJ,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACtC,cAAc,EAAE,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnD,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,SAAS;aACjC,CAAC,CAAC;YACH,SAAS,CAAC,UAAU,CAAC,CAAC;QACxB,CAAC;QAAC,MAAM,CAAC;YACP,gDAAgD;QAClD,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,CACrF,CAAC;IAEF,OAAO,CACL,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,WAAW,aAEjD,eAAK,SAAS,EAAC,WAAW,aACxB,iBACE,OAAO,EAAC,uBAAuB,EAC/B,SAAS,EAAC,qCAAqC,sBAEzC,GAAG,EACT,eAAM,SAAS,EAAC,mCAAmC,2BAAkB,IAC/D,EACR,gBACE,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,4BAA4B,EACxC,QAAQ,EAAE,UAAU,EACpB,SAAS,QACT,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,mCAAmC,EACnC,yEAAyE,EACzE,kDAAkD,CACnD,GACD,IACE,EAGN,KAAC,YAAY,IACX,IAAI,EAAE,eAAe,CAAC,YAAY,EAClC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,UAAU,GACpB,EAGF,oBAAU,SAAS,EAAC,aAAa,aAC/B,iBAAQ,SAAS,EAAC,qCAAqC,2BAE9C,EACT,cAAK,SAAS,EAAC,sBAAsB,YAClC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClD,KAAC,WAAW,IAEV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,MAAM,KAAK,KAAK,EACzB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,SAAS,IALd,KAAK,CAMV,CACH,CAAC,GACE,IACG,EAGX,oBAAU,SAAS,EAAC,aAAa,aAC/B,iBAAQ,SAAS,EAAC,qCAAqC,4BAE9C,EACT,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,eAAe,IACd,KAAK,EAAC,WAAW,EACjB,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,+BAA+B,EAC3C,OAAO,EAAE,cAAc,KAAK,WAAW,EACvC,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,iBAAiB,GAC3B,EACF,KAAC,eAAe,IACd,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,iBAAiB,EAC7B,OAAO,EAAE,cAAc,KAAK,QAAQ,EACpC,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,iBAAiB,GAC3B,IACE,IACG,EAEV,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,OAAO,YACxD,cAAc,CAAC,KAAK,CAAC,GACpB,CACL,EAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,SAAS,EACpB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,wDAAwD,EACxD,kDAAkD,CACnD,aAEA,UAAU,IAAI,KAAC,WAAW,KAAG,0BAEvB,EAET,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,gEAAgE,EAChE,kDAAkD,CACnD,uBAGM,IACL,IACD,CACR,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,SAAS,aAAa,CAAC,EACrB,UAAU,EACV,cAAc,EACd,UAAU,EACV,aAAa,EACb,cAAc,EACd,SAAS,GAQV;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAE,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,IAAI,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,gBAAgB,CAAC;IACtF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,IAAI,OAAO,CAAC,oBAAoB,CAAC;IACnE,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,IAAI,eAAe,CAAC,4BAA4B,CAAC;IACvF,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;IAC7C,MAAM,eAAe,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,cAAc,IAAI,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC;IAC7C,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe,CAAC,MAAM,CAAC;IAElD,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,MAAM,CAAC;YACP,sDAAsD;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5B,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,KAAC,kBAAkB,IACjB,YAAY,EAAE,EAAE,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,cAAc,GACxB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,8GAA8G,aAGxH,KAAC,QAAQ,IAAC,MAAM,EAAE,QAAQ,GAAI,EAG9B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eACE,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CACvD,YAEA,KAAK,GACD,EACP,eAAM,SAAS,EAAC,qCAAqC,YAClD,iBAAiB,CAAC,eAAe,EAAE,cAAc,CAAC,GAC9C,IACH,EAGN,eAAK,SAAS,EAAC,4CAA4C,aAEzD,eAAM,SAAS,EAAC,0HAA0H,YACvI,kBAAkB,CAAC,IAAI,CAAC,GACpB,EAGP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,EAG3B,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,+BAA+B,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,YAC1F,QAAQ;4BACP,CAAC,CAAC,oBAAoB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;4BAChD,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,GACxC,CACR,IACG,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,gBACP,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,KAAK,EAAE,EACpE,SAAS,EAAE,EAAE,CACX,wCAAwC,EACxC,MAAM;4BACJ,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,gEAAgE,CACrE,YAEA,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GAC/B,CACV,EACA,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,gBACV,UAAU,KAAK,EAAE,EAC7B,SAAS,EAAC,6GAA6G,YAEvH,KAAC,UAAU,KAAG,GACP,CACV,IACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,gCAAgC;AAChC,8EAA8E;AAE9E,SAAS,kBAAkB,CAAC,EAC1B,YAAY,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,GAMT;IACC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE5D,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,IAAI,CAAC;YACH,MAAM,MAAM,CAAC,YAAY,CAAC,CAAC;YAC3B,SAAS,EAAE,CAAC;QACd,CAAC;QAAC,MAAM,CAAC;YACP,uCAAuC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,eACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,wGAAwG,aAElH,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAG,SAAS,EAAC,yBAAyB,wBAC7B,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,GAAQ,iDAEjD,EACH,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,wCAAwC,YAClD,cAAc,CAAC,KAAK,CAAC,GACpB,CACL,IACG,EAEN,eAAK,SAAS,EAAC,yCAAyC,aACtD,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,oEAAoE,EACpE,kDAAkD,CACnD,aAEA,UAAU,IAAI,KAAC,WAAW,KAAG,cAEvB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,gEAAgE,EAChE,kDAAkD,CACnD,uBAGM,IACL,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,wBAAwB;AACxB,8EAA8E;AAE9E,SAAS,UAAU,CAAC,EAAE,KAAK,EAA8B;IACvD,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,IAAI,kBAAkB,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;IAC7G,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,MAAM,CAAC,SAAS,CACjB,YAEA,MAAM,CAAC,KAAK,GACR,CACR,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAkE;IACxF,CAAC,eAAe,CAAC,4BAA4B,CAAC,EAAE;QAC9C,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,gCAAgC;KAC5C;IACD,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE;QACxB,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,gCAAgC;KAC5C;IACD,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,gCAAgC;KAC5C;IACD,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,gCAAgC;KAC5C;IACD,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE;QAChC,KAAK,EAAE,gBAAgB;QACvB,SAAS,EAAE,gCAAgC;KAC5C;CACF,CAAC;AAEF,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GAOT;IACC,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,OAAO;YACL,CAAC,CAAC,2DAA2D;YAC7D,CAAC,CAAC,4FAA4F,EAChG,QAAQ,IAAI,gCAAgC,CAC7C,aAED,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,SAAS,GACnB,EACD,KAAK,IACA,CACT,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,GAQT;IACC,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,OAAO;YACL,CAAC,CAAC,2DAA2D;YAC7D,CAAC,CAAC,4FAA4F,EAChG,QAAQ,IAAI,gCAAgC,CAC7C,aAED,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,SAAS,GACnB,EACF,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0DAA0D,YACvE,WAAW,GACP,IACD,CACT,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,qBAAqB;AACrB,8EAA8E;AAE9E,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAa,EAAE,GAAW;IACnD,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;QACd,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC;IAClE,CAAC;IACD,OAAO,GAAG,KAAK,MAAM,GAAG,WAAW,CAAC;AACtC,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAU;IACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC;IAEpC,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO,SAAS,CAAC;IAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;IAC5C,IAAI,IAAI,KAAK,CAAC;QAAE,OAAO,kBAAkB,CAAC;IAC1C,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,cAAc,IAAI,OAAO,CAAC;IACjD,OAAO,WAAW,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;AAC5C,CAAC;AAED,SAAS,eAAe,CAAC,IAAU;IACjC,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;QACxC,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;AACL,CAAC;AAED,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,SAAS,QAAQ,CAAC,EAAE,MAAM,EAAuB;IAC/C,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,UAAU,EACV,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAClD,aAED,eAAM,CAAC,EAAC,uDAAuD,GAAG,EAClE,eAAM,CAAC,EAAC,uDAAuD,GAAG,IAC9D,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG,EAClD,eAAM,CAAC,EAAC,gFAAgF,GAAG,IACvF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,eAAM,CAAC,EAAC,qBAAqB,GAAG,GAC5B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,EAC9B,eAAM,CAAC,EAAC,eAAe,GAAG,IACtB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,SAAS,EAAC,cAAc,iBACZ,MAAM,YAElB,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,CACP,CAAC;AACJ,CAAC"}

package/invitation/InvitationRedemption.d.ts

@@ -0,0 +1,69 @@
+import type { Invitation } from "@stigmer/protos/ai/stigmer/iam/invitation/v1/api_pb";
+/** Props for {@link InvitationRedemption}. */
+export interface InvitationRedemptionProps {
+    /** The invitation token from the invite URL. */
+    readonly token: string;
+    /**
+     * Whether the current user is authenticated.
+     *
+     * When `false`, the component shows a "Sign in to accept" CTA
+     * instead of the accept button. When `true` or omitted, the
+     * accept button calls `redeem` directly.
+     *
+     * @default true
+     */
+    readonly isAuthenticated?: boolean;
+    /**
+     * Fired after the invitation is successfully redeemed.
+     *
+     * The returned {@link Invitation} contains the organization and
+     * role information needed for post-redemption navigation
+     * (e.g. redirecting to the org dashboard).
+     */
+    readonly onAccepted?: (invitation: Invitation) => void;
+    /**
+     * Fired when an unauthenticated user clicks "Sign in to accept".
+     *
+     * The host application controls what "sign in" means — this
+     * callback typically triggers a redirect to the login page with
+     * a return URL back to the invite page.
+     */
+    readonly onAuthRequired?: () => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Self-contained invite acceptance flow.
+ *
+ * Fetches the invitation preview by token (public endpoint, no auth
+ * required), displays the organization info and role being offered,
+ * and provides an accept button that redeems the invitation.
+ *
+ * Handles all states: loading, invalid (expired / revoked / fully
+ * redeemed), authentication required, redemption in flight,
+ * success, and error — with appropriate UX for each.
+ *
+ * The component is auth-agnostic: it delegates authentication
+ * decisions to the host application via `isAuthenticated` and
+ * `onAuthRequired` props. Platform builders who render this
+ * component only for authenticated users can ignore both props.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <InvitationRedemption
+ *   token={tokenFromUrl}
+ *   onAccepted={(inv) => router.push("/dashboard")}
+ * />
+ *
+ * <InvitationRedemption
+ *   token={tokenFromUrl}
+ *   isAuthenticated={!!currentUser}
+ *   onAccepted={(inv) => router.push(`/org/${inv.metadata?.org}`)}
+ *   onAuthRequired={() => router.push(`/login?return=/invite/${token}`)}
+ * />
+ * ```
+ */
+export declare function InvitationRedemption({ token, isAuthenticated, onAccepted, onAuthRequired, className, }: InvitationRedemptionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InvitationRedemption.d.ts.map

package/invitation/InvitationRedemption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationRedemption.d.ts","sourceRoot":"","sources":["../../src/invitation/InvitationRedemption.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AAStF,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,gDAAgD;IAChD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;;;;OAQG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;;OAMG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACvD;;;;;;OAMG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,eAAsB,EACtB,UAAU,EACV,cAAc,EACd,SAAS,GACV,EAAE,yBAAyB,2CAqK3B"}

package/invitation/InvitationRedemption.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { getUserMessage, iamRoleDisplayName } from "@stigmer/sdk";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { useInvitationPreview } from "./useInvitationPreview";
+import { useRedeemInvitation } from "./useRedeemInvitation";
+/**
+ * Self-contained invite acceptance flow.
+ *
+ * Fetches the invitation preview by token (public endpoint, no auth
+ * required), displays the organization info and role being offered,
+ * and provides an accept button that redeems the invitation.
+ *
+ * Handles all states: loading, invalid (expired / revoked / fully
+ * redeemed), authentication required, redemption in flight,
+ * success, and error — with appropriate UX for each.
+ *
+ * The component is auth-agnostic: it delegates authentication
+ * decisions to the host application via `isAuthenticated` and
+ * `onAuthRequired` props. Platform builders who render this
+ * component only for authenticated users can ignore both props.
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <InvitationRedemption
+ *   token={tokenFromUrl}
+ *   onAccepted={(inv) => router.push("/dashboard")}
+ * />
+ *
+ * <InvitationRedemption
+ *   token={tokenFromUrl}
+ *   isAuthenticated={!!currentUser}
+ *   onAccepted={(inv) => router.push(`/org/${inv.metadata?.org}`)}
+ *   onAuthRequired={() => router.push(`/login?return=/invite/${token}`)}
+ * />
+ * ```
+ */
+export function InvitationRedemption({ token, isAuthenticated = true, onAccepted, onAuthRequired, className, }) {
+    const { preview, isLoading, error: fetchError, refetch } = useInvitationPreview(token);
+    const { redeem, isRedeeming, error: redeemError, clearError } = useRedeemInvitation();
+    const [accepted, setAccepted] = useState(null);
+    const handleAccept = useCallback(async () => {
+        clearError();
+        try {
+            const invitation = await redeem(token);
+            setAccepted(invitation);
+            onAccepted?.(invitation);
+        }
+        catch {
+            // error state is managed by useRedeemInvitation
+        }
+    }, [token, redeem, clearError, onAccepted]);
+    // Loading state
+    if (isLoading) {
+        return (_jsx("div", { className: cn("mx-auto max-w-sm", className), "aria-busy": "true", "aria-label": "Loading invitation", children: _jsx(LoadingSkeleton, {}) }));
+    }
+    // Fetch error
+    if (fetchError) {
+        return (_jsx("div", { className: cn("mx-auto max-w-sm", className), children: _jsx(ErrorCard, { message: getUserMessage(fetchError), onRetry: refetch }) }));
+    }
+    // No preview returned
+    if (!preview) {
+        return (_jsx("div", { className: cn("mx-auto max-w-sm", className), children: _jsx(ErrorCard, { message: "This invitation could not be found." }) }));
+    }
+    // Redemption success
+    if (accepted) {
+        const orgName = preview.organizationName || "the organization";
+        const roleName = iamRoleDisplayName(preview.role);
+        return (_jsx("div", { className: cn("mx-auto max-w-sm", className), children: _jsxs("div", { className: "rounded-lg border border-primary/30 bg-primary-subtle p-6 text-center", children: [_jsx(SuccessIcon, {}), _jsxs("h2", { className: "mt-3 text-base font-semibold text-foreground", children: ["You\u2019ve joined ", orgName] }), _jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: ["You now have ", _jsx("span", { className: "font-medium text-foreground", children: roleName }), " access."] })] }) }));
+    }
+    const orgName = preview.organizationName || "Unknown organization";
+    const orgLogo = preview.organizationLogoUrl;
+    const orgInitial = orgName.charAt(0).toUpperCase();
+    const roleName = iamRoleDisplayName(preview.role);
+    const expiresAt = preview.expiresAt ? timestampDate(preview.expiresAt) : null;
+    return (_jsx("div", { className: cn("mx-auto max-w-sm", className), children: _jsxs("div", { className: "rounded-lg border border-border bg-card p-6", children: [_jsxs("div", { className: "flex flex-col items-center text-center", children: [orgLogo ? (_jsx("img", { src: orgLogo, alt: `${orgName} logo`, className: "size-12 rounded-full object-cover" })) : (_jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-muted text-lg font-semibold text-muted-foreground", children: orgInitial })), _jsxs("h2", { className: "mt-3 text-base font-semibold text-foreground", children: ["Join ", orgName] }), preview.label && (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: preview.label }))] }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-3 text-xs text-muted-foreground", children: [_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(ShieldIcon, {}), roleName, " access"] }), expiresAt && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("span", { children: formatExpiry(expiresAt) })] }))] }), !preview.isValid && (_jsx(InvalidNotice, { reason: preview.invalidReason })), preview.isValid && (_jsx("div", { className: "mt-5", children: isAuthenticated ? (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: handleAccept, disabled: isRedeeming, className: cn("w-full inline-flex items-center justify-center gap-1.5 rounded-md px-4 py-2 text-sm font-medium", "bg-primary text-primary-foreground hover:bg-primary/90", "disabled:pointer-events-none disabled:opacity-50", "transition-colors"), children: [isRedeeming && _jsx(SpinnerIcon, {}), isRedeeming ? "Accepting\u2026" : "Accept Invitation"] }), redeemError && (_jsx("p", { className: "mt-2 text-center text-[0.65rem] text-destructive", role: "alert", children: getUserMessage(redeemError) }))] })) : (_jsx("button", { type: "button", onClick: onAuthRequired, className: cn("w-full inline-flex items-center justify-center gap-1.5 rounded-md px-4 py-2 text-sm font-medium", "bg-primary text-primary-foreground hover:bg-primary/90", "transition-colors"), children: "Sign in to accept" })) }))] }) }));
+}
+// ---------------------------------------------------------------------------
+// InvalidNotice (internal)
+// ---------------------------------------------------------------------------
+function InvalidNotice({ reason }) {
+    return (_jsxs("div", { className: "mt-4 rounded-md bg-muted/50 px-3 py-2.5 text-center", children: [_jsx(WarningIcon, {}), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: reason || "This invitation is no longer valid." })] }));
+}
+// ---------------------------------------------------------------------------
+// ErrorCard (internal)
+// ---------------------------------------------------------------------------
+function ErrorCard({ message, onRetry, }) {
+    return (_jsxs("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 p-6 text-center", children: [_jsx("p", { className: "text-sm text-destructive", children: message }), onRetry && (_jsx("button", { type: "button", onClick: onRetry, className: cn("mt-3 inline-flex items-center rounded-md px-3 py-1.5 text-xs font-medium", "text-muted-foreground hover:text-foreground hover:bg-accent/50", "transition-colors"), children: "Try again" }))] }));
+}
+// ---------------------------------------------------------------------------
+// LoadingSkeleton (internal)
+// ---------------------------------------------------------------------------
+function LoadingSkeleton() {
+    return (_jsxs("div", { className: "rounded-lg border border-border bg-card p-6 space-y-4", children: [_jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx("div", { className: "size-12 rounded-full bg-muted/40 animate-pulse" }), _jsx("div", { className: "h-5 w-40 rounded bg-muted/40 animate-pulse" }), _jsx("div", { className: "h-4 w-56 rounded bg-muted/40 animate-pulse" })] }), _jsxs("div", { className: "flex justify-center gap-3", children: [_jsx("div", { className: "h-4 w-24 rounded bg-muted/40 animate-pulse" }), _jsx("div", { className: "h-4 w-24 rounded bg-muted/40 animate-pulse" })] }), _jsx("div", { className: "h-10 w-full rounded-md bg-muted/40 animate-pulse" })] }));
+}
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function formatExpiry(date) {
+    const now = Date.now();
+    const diffMs = date.getTime() - now;
+    if (diffMs <= 0)
+        return "Expired";
+    const days = Math.ceil(diffMs / 86_400_000);
+    if (days === 1)
+        return "Expires tomorrow";
+    if (days <= 30)
+        return `Expires in ${days} days`;
+    return `Expires ${date.toLocaleDateString(undefined, {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    })}`;
+}
+// ---------------------------------------------------------------------------
+// Separator (internal)
+// ---------------------------------------------------------------------------
+function Separator() {
+    return (_jsx("span", { className: "text-border", "aria-hidden": "true", children: "\u00B7" }));
+}
+// ---------------------------------------------------------------------------
+// Icons
+// ---------------------------------------------------------------------------
+function ShieldIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: "shrink-0", children: _jsx("path", { d: "M8 1.5l5.5 2v4.5c0 3.5-2.5 5.5-5.5 7-3-1.5-5.5-3.5-5.5-7V3.5L8 1.5z" }) }));
+}
+function WarningIcon() {
+    return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: "mx-auto text-muted-foreground", children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M8 5v3.5M8 10.5v.5" })] }));
+}
+function SuccessIcon() {
+    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: "mx-auto text-primary", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M8 12l2.5 2.5L16 9" })] }));
+}
+function SpinnerIcon() {
+    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=InvitationRedemption.js.map