Lemma Members

1"use client"
2 
3import * as React from "react"
4import { AlertCircle, Check, ChevronsUpDown, Loader2, RefreshCw, Search, ShieldPlus, User, UserPlus, Users, X } from "lucide-react"
5import { Badge } from "@/components/lemma/ui/badge"
6import { Button } from "@/components/lemma/ui/button"
7import { Input } from "@/components/lemma/ui/input"
8import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/lemma/ui/select"
9import {
10  Popover,
11  PopoverContent,
12  PopoverTrigger,
13} from "@/components/lemma/ui/popover"
14import { Skeleton } from "@/components/lemma/ui/skeleton"
15import {
16  useAddPodMember,
17  useMembers,
18  useOrganizationMembers,
19  useRemovePodMember,
20  useUpdatePodMemberRole,
21} from "lemma-sdk/react"
22import { PodRole, type LemmaClient, type OrganizationMember, type PodMember } from "lemma-sdk"
23import { cn } from "@/components/lemma/lib/utils"
24 
25export type LemmaMemberAppearance = "default" | "minimal" | "borderless" | "contained"
26export type LemmaMemberDensity = "compact" | "comfortable" | "spacious"
27export type LemmaMemberRadius = "none" | "sm" | "md" | "lg" | "xl"
28export type LemmaMemberChipSize = "sm" | "md" | "lg"
29 
30export interface LemmaMembersProps {
31  client: LemmaClient
32  podId?: string
33  organizationId?: string
34  enabled?: boolean
35  title?: React.ReactNode
36  description?: React.ReactNode
37  searchPlaceholder?: string
38  allowRoleEdit?: boolean
39  allowRemove?: boolean
40  allowAdd?: boolean
41  defaultAddRole?: PodRole
42  currentUserId?: string | null
43  appearance?: LemmaMemberAppearance
44  density?: LemmaMemberDensity
45  radius?: LemmaMemberRadius
46  className?: string
47}
48 
49export interface LemmaMemberChipProps {
50  member?: PodMember | null
51  userId?: string | null
52  label?: React.ReactNode
53  email?: string | null
54  role?: React.ReactNode
55  avatarUrl?: string | null
56  size?: LemmaMemberChipSize
57  appearance?: LemmaMemberAppearance
58  radius?: LemmaMemberRadius
59  className?: string
60}
61 
62export interface LemmaAvatarGroupProps {
63  members: Array<PodMember | null | undefined>
64  max?: number
65  size?: LemmaMemberChipSize
66  radius?: LemmaMemberRadius
67  className?: string
68}
69 
70export interface LemmaMemberSelectProps {
71  client: LemmaClient
72  podId?: string
73  value?: string | null
74  onValueChange?: (userId: string | null, member: PodMember | null) => void
75  enabled?: boolean
76  placeholder?: string
77  searchPlaceholder?: string
78  clearable?: boolean
79  appearance?: LemmaMemberAppearance
80  density?: LemmaMemberDensity
81  radius?: LemmaMemberRadius
82// … truncated