feat: delete invitation to org

apps/platform/trpc/routers/orgRouter/users/invitesRouter.ts

@@ -317,6 +317,94 @@
     };
   }),
 
+  deleteInvite: orgAdminProcedure
+    .input(
+      z.object({
+        invitePublicId: typeIdValidator('orgInvitations'),
+        orgMemberPublicId: typeIdValidator('orgMembers'),
+        emailIdentitiesPublicId: typeIdValidator('emailIdentities').optional()
+      })
+    )
+    .mutation(async ({ ctx, input }) => {
+      const { db, org } = ctx;
+      const { orgMemberPublicId } = input;
+
+      return db.transaction(async (db) => {
+        //find that org member
+        const orgMember = await db.query.orgMembers.findFirst({
+          where: eq(orgMembers.publicId, orgMemberPublicId),
+          columns: {
+            id: true,
+            orgMemberProfileId: true,
+            personalSpaceId: true
+          }
+        });
+
+        if (!orgMember) {
+          throw new TRPCError({
+            code: 'NOT_FOUND',
+            message: 'Org Member not found'
+          });
+        }
+
+        const {
+          id: orgMemberId,
+          orgMemberProfileId,
+          personalSpaceId
+        } = orgMember;
+
+        //delte the email identity
+        if (input.emailIdentitiesPublicId) {
+          await db
+            .delete(emailIdentities)
+            .where(eq(emailIdentities.publicId, input.emailIdentitiesPublicId));
+        }
+
+        //delete personal space
+        if (personalSpaceId) {
+          await db
+            .delete(spaceMembers)
+            .where(eq(spaceMembers.spaceId, personalSpaceId));
+          await db.delete(spaces).where(eq(spaces.id, personalSpaceId));
+        }
+
+        // dlete the organization member profile
+        await db
+          .delete(orgMemberProfiles)
+          .where(eq(orgMemberProfiles.id, orgMemberProfileId));
+
+        // delete the organization member record
+        await db.delete(orgMembers).where(eq(orgMembers.id, orgMemberId));
+
+        const orgInvitesResponse = await db.query.orgInvitations.findFirst({
+          where: eq(orgInvitations.orgMemberId, orgMemberId),
+          columns: {
+            id: true
+          }
+        });
+
+        if (!orgInvitesResponse) {
+          throw new TRPCError({
+            code: 'NOT_FOUND',
+            message: 'Invitation not found'
+          });
+        }
+
+        //dlete the invitation for the org member
+        if (orgInvitesResponse) {
+          await db
+            .delete(orgInvitations)
+            .where(eq(orgInvitations.id, orgInvitesResponse.id));
+        }
+
+        return {
+          success: true,
+          message:
+            'Organization invitation and all related records successfully deleted.'
+        };
+      });
+    }),
+
   validateInvite: publicProcedure
     .use(ratelimiter({ limit: 10, namespace: 'invite.validate' }))
     .input(

apps/web/src/app/[orgShortcode]/settings/org/users/invites/_components/columns.tsx

@@ -1,12 +1,19 @@
 'use client';
 
 import { createColumnHelper, type ColumnDef } from '@tanstack/react-table';
+import { Button } from '@/src/components/shadcn-ui/button';
 import { CopyButton } from '@/src/components/copy-button';
 import { Badge } from '@/src/components/shadcn-ui/badge';
+import { useOrgShortcode } from '@/src/hooks/use-params';
+import React, { useCallback, useEffect } from 'react';
 import type { RouterOutputs } from '@/src/lib/trpc';
 import { Avatar } from '@/src/components/avatar';
+import { Trash } from '@phosphor-icons/react';
+import { platform } from '@/src/lib/trpc';
+import { cn } from '@/src/lib/utils';
 import { format } from 'date-fns';
 import { env } from '@/src/env';
+import { toast } from 'sonner';
 
 type Member =
   RouterOutputs['org']['users']['invites']['viewInvites']['invites'][number];
@@ -129,5 +136,54 @@
         </div>
       ) : null;
     }
+  }),
+  columnHelper.display({
+    id: 'delete',
+    header: '',
+
+    cell: ({ row }) => <DeleteInviteCell row={row.original} />
   })
 ];
+
+const DeleteInviteCell: React.FC<{ row: Member }> = ({ row }) => {
+  const orgShortcode = useOrgShortcode();
+  const utils = platform.useUtils();
+
+  const { mutate: deleteInvite } =
+    platform.org.users.invites.deleteInvite.useMutation({
+      onSuccess: () => {
+        toast.success('Invitation deleted');
+        void utils.org.users.invites.viewInvites.refetch();
+      },
+      onError: (error) => {
+        toast.error('Something went wrong. Please try again later.');
+        console.error(error);
+      }
+    });
+
+  const handleDelete = () => {
+    const invitePublicId = row.publicId as string;
+    const orgMemberPublicId = row.orgMember?.publicId as string;
+
+    deleteInvite({
+      orgShortcode,
+      invitePublicId,
+      orgMemberPublicId
+    });
+  };
+
+  return (
+    <div className="flex h-full w-full items-center">
+      <Button
+        onClick={handleDelete}
+        variant={'ghost'}
+        size="icon"
+        className={cn(
+          'bg-red-4 hover:bg-red-5 m-1 uppercase',
+          row.acceptedAt ? 'hidden' : 'flex'
+        )}>
+        <Trash className="fill-white" />
+      </Button>
+    </div>
+  );
+};