feat: refactor rback to its own package

apps/captable/app/(authenticated)/(dashboard)/[publicId]/audits/page.tsx

@@ -1,7 +1,7 @@
 import { AuditTable } from "@/components/audit/audit-table";
 import { Card } from "@/components/ui/card";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { serverAccessControl } from "@/server/member";
 import { api } from "@/trpc/server";
 import type { Metadata } from "next";
 import { headers } from "next/headers";

apps/captable/app/(authenticated)/(dashboard)/[publicId]/documents/esign/v/[templatePublicId]/page.tsx

@@ -2,12 +2,13 @@ import { PdfCanvas } from "@/components/template/pdf-canvas";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { serverAccessControl } from "@/server/member";
 import { TemplateSigningFieldProvider } from "@/providers/template-signing-field-provider";
 import { api } from "@/trpc/server";
 import type { RouterOutputs } from "@/trpc/shared";
 import { RiCheckFill } from "@remixicon/react";
 import { headers } from "next/headers";
+import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
 
 type BadgeVariant =
   | "warning"

apps/captable/app/(authenticated)/(dashboard)/[publicId]/documents/page.tsx

@@ -1,11 +1,12 @@
+import { Button } from "@/components/ui/button";
 import EmptyState from "@/components/common/empty-state";
 import { PageLayout } from "@/components/dashboard/page-layout";
 import { Card } from "@/components/ui/card";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { serverAccessControl } from "@/server/member";
 import { useServerSideSession } from "@/hooks/use-server-side-session";
 import { api } from "@/trpc/server";
-import { RiUploadCloudLine } from "@remixicon/react";
+import { RiUploadCloudLine, RiAddFill } from "@remixicon/react";
 import type { Metadata } from "next";
 import DocumentsTable from "./components/table";
 import { DocumentUploadButton } from "./document-upload-button";

apps/captable/app/(authenticated)/(dashboard)/[publicId]/equity-plans/table.tsx

@@ -9,12 +9,11 @@ import {
 
 import Tldr from "@/components/common/tldr";
 import { Card } from "@/components/ui/card";
-import { type EquityPlanMutationType } from "@/trpc/routers/equity-plan/schema";
-import { type ShareClassMutationType } from "@/trpc/routers/share-class/schema";
+import type { EquityPlanMutationType } from "@/trpc/routers/equity-plan/schema";
+import type { ShareClassMutationType } from "@/trpc/routers/share-class/schema";
 import { RiEqualizer2Line } from "@remixicon/react";
 import EquityPlanModal from "./modal";
 import { cn } from "@/lib/utils";
-import { pushModal } from "@/providers/modal-provider";
 import type { RouterOutputs } from "@/trpc/shared";
 import type { ColumnDef } from "@tanstack/react-table";
 const formatter = new Intl.NumberFormat("en-US");
@@ -53,7 +52,7 @@ const EquityPlanTable = ({
             <TableHead>Cancellation behavior</TableHead>
             <TableHead>Board approval date</TableHead>
             <TableHead>Plan effective date</TableHead>
-            <TableHead></TableHead>
+            <TableHead />
           </TableRow>
         </TableHeader>
         <TableBody>

apps/captable/app/(authenticated)/(dashboard)/[publicId]/layout.tsx

@@ -5,10 +5,12 @@ import { useServerSideSession } from "@/hooks/use-server-side-session";
 import { getCompanyList } from "@/server/company";
 import { redirect } from "next/navigation";
 import "@/styles/hint.css";
-import { RBAC } from "@/lib/rbac";
-import { getServerPermissions } from "@/lib/rbac/access-control";
+import { RBAC } from "@captable/rbac";
+import { getServerPermissions } from "@/server/member";
 import { RolesProvider } from "@/providers/roles-provider";
 import { headers } from "next/headers";
+import { checkMembership } from "@/server/member";
+import { db } from "@captable/db";
 
 type DashboardLayoutProps = {
   children: React.ReactNode;

apps/captable/app/(authenticated)/(dashboard)/[publicId]/settings/bank-accounts/page.tsx

@@ -1,13 +1,14 @@
 import EmptyState from "@/components/common/empty-state";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { serverAccessControl } from "@/server/member";
 import { api } from "@/trpc/server";
 import { RiBankFill } from "@remixicon/react";
 import type { Metadata } from "next";
 import { Fragment } from "react";
 import CtaButton from "./components/cta-button";
 import BankAccountsTable from "./components/table";
 import { headers } from "next/headers";
+import { PageLayout } from "@/components/dashboard/page-layout";
 
 export const metadata: Metadata = {
   title: "Bank accounts",

apps/captable/app/(authenticated)/(dashboard)/[publicId]/settings/company/page.tsx

@@ -1,9 +1,10 @@
 import { CompanyForm } from "@/components/onboarding/company-form";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { serverAccessControl } from "@/server/member";
 import { api } from "@/trpc/server";
 import type { Metadata } from "next";
 import { headers } from "next/headers";
+import { PageLayout } from "@/components/dashboard/page-layout";
 
 export const metadata: Metadata = {
   title: "Company",

apps/captable/app/(authenticated)/(dashboard)/[publicId]/settings/roles/page.tsx

@@ -1,10 +1,13 @@
 import { PageLayout } from "@/components/dashboard/page-layout";
-import { RoleCreateUpdateModalAction } from "@/components/modals/role-create-update-modal";
-import { RoleTable } from "@/components/rbac/role-table";
+import { Button } from "@/components/ui/button";
+import RoleCreateUpdateModal from "@/components/modals/role-create-update-modal";
+import RoleTable from "@/components/rbac/role-table";
 import { Card } from "@/components/ui/card";
-import { serverAccessControl } from "@/lib/rbac/access-control";
+import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
+import { serverAccessControl } from "@/server/member";
 import { api } from "@/trpc/server";
 import { headers } from "next/headers";
+import { pushModal } from "@/components/modals";
 
 export default async function RolesPage() {
   const { allow } = await serverAccessControl({ headers: await headers() });
@@ -18,7 +21,7 @@ export default async function RolesPage() {
       <PageLayout
         title="Roles"
         description="Create and manage roles for your company."
-        action={<RoleCreateUpdateModalAction disabled={!canCreate} />}
+        action={<RoleCreateUpdateModal disabled={!canCreate} />}
       />
 
       {data ? <RoleTable roles={data.rolesList} /> : null}

apps/captable/app/(authenticated)/(dashboard)/[publicId]/stakeholders/page.tsx

@@ -1,9 +1,11 @@
+import StakeholderTable from "@/components/stakeholder/stakeholder-table";
+import { Button } from "@/components/ui/button";
 import EmptyState from "@/components/common/empty-state";
+import { PageLayout } from "@/components/dashboard/page-layout";
+import { serverAccessControl } from "@/server/member";
 import StakeholderDropdown from "@/components/stakeholder/stakeholder-dropdown";
-import StakeholderTable from "@/components/stakeholder/stakeholder-table";
 import { Card } from "@/components/ui/card";
 import { UnAuthorizedState } from "@/components/ui/un-authorized-state";
-import { serverAccessControl } from "@/lib/rbac/access-control";
 import { api } from "@/trpc/server";
 import { RiGroup2Fill } from "@remixicon/react";
 import type { Metadata } from "next";

apps/captable/components/member/member-table.tsx

@@ -31,7 +31,8 @@ import { api } from "@/trpc/react";
 
 import { Avatar, AvatarImage } from "@/components/ui/avatar";
 
-import { getRoleId } from "@/lib/rbac/access-control-utils";
+import { createStandardRoleIdMapper } from "@captable/rbac/utils";
+import type { RoleEnum } from "@captable/db";
 import type { RouterOutputs } from "@/trpc/shared";
 import { RiMore2Fill } from "@remixicon/react";
 import { clientSideSession } from "@captable/auth/client";
@@ -53,6 +54,12 @@ type MembersType = {
   roles: Roles;
 };
 
+// Create the role ID mapper inline
+const getRoleId = createStandardRoleIdMapper<RoleEnum>({
+  adminRoleValue: "ADMIN",
+  customRoleValue: "CUSTOM",
+});
+
 const humanizeStatus = (status: string) => {
   if (status === "PENDING") {
     return (

apps/captable/components/modals/index.ts

@@ -8,7 +8,7 @@ import { ExistingSafeModal } from "./existing-safe-modal";
 import { IssueShareModal } from "./issue-share-modal";
 import { IssueStockOptionModal } from "./issue-stock-option-modal";
 import { NewSafeModal } from "./new-safe-modal";
-import { RoleCreateUpdateModal } from "./role-create-update-modal";
+import RoleCreateUpdateModal from "./role-create-update-modal";
 import { ShareClassModal } from "./share-class/share-class-modal";
 import { ShareDataRoomModal } from "./share-dataroom-modal";
 import { ShareUpdateModal } from "./share-update-modal";