Organization

1"use client"
2 
3import type { OrganizationView } from "@better-auth-ui/core/plugins"
4import {
5  type OrganizationAuthClient,
6  useActiveOrganization,
7  useAuth,
8  useAuthenticate,
9  useAuthPlugin
10} from "@better-auth-ui/react"
11import { Settings as SettingsIcon, User2 as UserIcon } from "lucide-react"
12import { useEffect, useMemo } from "react"
13 
14import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
15import { organizationPlugin } from "@/lib/auth/organization-plugin"
16import { cn } from "@/lib/utils"
17import { OrganizationPeople } from "./organization-people"
18import { OrganizationSettings } from "./organization-settings"
19 
20export type OrganizationProps = {
21  className?: string
22  hideNav?: boolean
23  path?: string
24  /** @remarks `OrganizationView` */
25  view?: OrganizationView
26}
27 
28/**
29 * Organization management shell: tabs for profile / danger zone and for
30 * people (members / invitations). Path segments come from
31 * `useAuthPlugin(organizationPlugin).viewPaths.organization`.
32 */
33export function Organization({
34  className,
35  hideNav,
36  path,
37  view
38}: OrganizationProps) {
39  if (!view && !path) {
40    throw new Error("[Better Auth UI] Either `view` or `path` must be provided")
41  }
42 
43  const { authClient, basePaths, localization, navigate } = useAuth()
44  useAuthenticate(authClient)
45 
46  const {
47    localization: organizationLocalization,
48    viewPaths: organizationViewPaths,
49    slug,
50    slugPrefix
51  } = useAuthPlugin(organizationPlugin)
52 
53  const { data: activeOrganization, isPending } = useActiveOrganization(
54    authClient as OrganizationAuthClient
55  )
56 
57  useEffect(() => {
58    if (!isPending && !activeOrganization) {
59      navigate({
60        to: `${basePaths.settings}/${organizationViewPaths.settings?.organizations}`,
61        replace: true
62      })
63    }
64  }, [
65    basePaths.settings,
66    isPending,
67    navigate,
68    organizationViewPaths.settings?.organizations,
69    activeOrganization
70  ])
71 
72  const currentView = useMemo(() => {
73    if (view) return view
74 
75    const match = Object.entries(organizationViewPaths.organization).find(
76      ([, segment]) => segment === path
77    )
78 
79    return match?.[0] as OrganizationView | undefined
80  }, [view, path, organizationViewPaths.organization])
81 
82  if (!currentView) {
83    const validPaths = Object.values(organizationViewPaths.organization).join(
84      ", "
85    )
86    throw new Error(
87      `[Better Auth UI] Unknown organization path "${path}". Valid paths are: ${validPaths}`
88    )
89  }
90 
91// … truncated