From 20a48cc778d3d374dc31e13d1949df1600839c62 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Mon, 12 Aug 2024 15:28:54 +0530
Subject: [PATCH 01/48] feat: add convertible note schema

---
 src/server/api/schema/convertible-note.ts | 61 +++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 src/server/api/schema/convertible-note.ts

diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
new file mode 100644
index 000000000..102196873
--- /dev/null
+++ b/src/server/api/schema/convertible-note.ts
@@ -0,0 +1,61 @@
+import {
+  ConvertibleInterestAccrualEnum,
+  ConvertibleInterestMethodEnum,
+  ConvertibleInterestPaymentScheduleEnum,
+  ConvertibleStatusEnum,
+  ConvertibleTypeEnum,
+} from "@/prisma/enums";
+import { z } from "@hono/zod-openapi";
+
+const ConvertibleStatus = Object.values(ConvertibleStatusEnum) as [
+  ConvertibleStatusEnum,
+  ...ConvertibleStatusEnum[],
+];
+
+const ConvertibleType = Object.values(ConvertibleTypeEnum) as [
+  ConvertibleTypeEnum,
+  ...ConvertibleTypeEnum[],
+];
+
+const ConvertibleInterestMethod = Object.values(
+  ConvertibleInterestMethodEnum,
+) as [ConvertibleInterestMethodEnum, ...ConvertibleInterestMethodEnum[]];
+
+const ConvertibleInterestPaymentSchedule = Object.values(
+  ConvertibleInterestPaymentScheduleEnum,
+) as [
+  ConvertibleInterestPaymentScheduleEnum,
+  ...ConvertibleInterestPaymentScheduleEnum[],
+];
+
+const ConvertibleInterestAccrual = Object.values(
+  ConvertibleInterestAccrualEnum,
+) as [ConvertibleInterestAccrualEnum, ...ConvertibleInterestAccrualEnum[]];
+
+export const ConvertibleNoteSchema = z
+  .object({
+    id: z.string().cuid(),
+    publicId: z.string(),
+    capital: z.number(),
+    conversionCap: z.number().nullable(),
+    discountRate: z.number().nullable(),
+    mfn: z.boolean().nullable(),
+    additionalTerms: z.string().nullable(),
+    interestRate: z.number().nullable(),
+    stakeholderId: z.string(),
+    companyId: z.string(),
+    issueDate: z.coerce.date(),
+    boardApprovalDate: z.coerce.date(),
+
+    status: z.enum(ConvertibleStatus),
+    type: z.enum(ConvertibleType),
+    interestMethod: z.enum(ConvertibleInterestMethod).nullable(),
+    interestAccrual: z.enum(ConvertibleInterestPaymentSchedule).nullable(),
+    interestPaymentSchedule: z.enum(ConvertibleInterestAccrual).nullable(),
+
+    createdAt: z.coerce.date(),
+    updatedAt: z.coerce.date(),
+  })
+  .openapi("Convertible Note");
+
+export type TConvertibleNoteSchema = z.infer<typeof ConvertibleNoteSchema>;

From e51b1fb7928a77502a7949b2f98e1dbb2852f1e5 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Mon, 12 Aug 2024 16:56:54 +0530
Subject: [PATCH 02/48] feat: add register

---
 src/server/api/index.ts                         | 2 ++
 src/server/api/routes/convertible-note/index.ts | 3 +++
 2 files changed, 5 insertions(+)
 create mode 100644 src/server/api/routes/convertible-note/index.ts

diff --git a/src/server/api/index.ts b/src/server/api/index.ts
index 7e919c248..4fe496cfc 100644
--- a/src/server/api/index.ts
+++ b/src/server/api/index.ts
@@ -1,6 +1,7 @@
 import { PublicAPI } from "./hono";
 import { middlewareServices } from "./middlewares/services";
 import { registerCompanyRoutes } from "./routes/company";
+import { registerConvertibleNotesRoutes } from "./routes/convertible-note";
 import { registerShareRoutes } from "./routes/share";
 import { registerStakeholderRoutes } from "./routes/stakeholder";
 
@@ -12,5 +13,6 @@ api.use("*", middlewareServices());
 registerCompanyRoutes(api);
 registerShareRoutes(api);
 registerStakeholderRoutes(api);
+registerConvertibleNotesRoutes(api);
 
 export default api;
diff --git a/src/server/api/routes/convertible-note/index.ts b/src/server/api/routes/convertible-note/index.ts
new file mode 100644
index 000000000..38ab9f820
--- /dev/null
+++ b/src/server/api/routes/convertible-note/index.ts
@@ -0,0 +1,3 @@
+import type { PublicAPI } from "@/server/api/hono";
+
+export const registerConvertibleNotesRoutes = (api: PublicAPI) => {};

From f18f246aacf41177adac00af30eb4aa39df7cb6d Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Mon, 12 Aug 2024 17:24:38 +0530
Subject: [PATCH 03/48] feat: add create convertible note

---
 .../api/routes/convertible-note/create.ts     | 80 +++++++++++++++++++
 .../api/routes/convertible-note/index.ts      |  6 +-
 src/server/api/schema/convertible-note.ts     | 18 ++++-
 3 files changed, 101 insertions(+), 3 deletions(-)
 create mode 100644 src/server/api/routes/convertible-note/create.ts

diff --git a/src/server/api/routes/convertible-note/create.ts b/src/server/api/routes/convertible-note/create.ts
new file mode 100644
index 000000000..dbfbec363
--- /dev/null
+++ b/src/server/api/routes/convertible-note/create.ts
@@ -0,0 +1,80 @@
+import { generatePublicId } from "@/common/id";
+
+import { z } from "@hono/zod-openapi";
+import {
+  ConvertibleNoteSchema,
+  CreateConvertibleNotesSchema,
+} from "../../schema/convertible-note";
+import { authMiddleware, withAuthApiV1 } from "../../utils/endpoint-creator";
+("../../utils/endpoint-creator");
+
+const ResponseSchema = z.object({
+  message: z.string(),
+  data: ConvertibleNoteSchema,
+});
+
+const ParamsSchema = z.object({
+  companyId: z.string().openapi({
+    param: {
+      name: "companyId",
+      in: "path",
+    },
+    description: "Company ID",
+    type: "string",
+    example: "clxwbok580000i7nge8nm1ry0",
+  }),
+});
+
+export const create = withAuthApiV1
+  .createRoute({
+    method: "post",
+    path: "/v1/{companyId}/convertible-notes",
+    summary: "Create convertible notes",
+    description: "Add convertible notes to a company.",
+    tags: ["Convertible Notes"],
+    middleware: [authMiddleware()],
+    request: {
+      params: ParamsSchema,
+      body: {
+        content: {
+          "application/json": {
+            schema: CreateConvertibleNotesSchema,
+          },
+        },
+      },
+    },
+    responses: {
+      200: {
+        content: {
+          "application/json": {
+            schema: ResponseSchema,
+          },
+        },
+        description:
+          "Confirmation of convertible notes created with relevant details.",
+      },
+    },
+  })
+  .handler(async (c) => {
+    const { db } = c.get("services");
+    const { membership } = c.get("session");
+    const body = c.req.valid("json");
+
+    const note = await db.convertibleNote.create({
+      data: {
+        ...body,
+        publicId: generatePublicId(),
+        companyId: membership.companyId,
+      },
+    });
+
+    const data: z.infer<typeof ResponseSchema>["data"] = note;
+
+    return c.json(
+      {
+        data,
+        message: "Stakeholders successfully created.",
+      },
+      200,
+    );
+  });
diff --git a/src/server/api/routes/convertible-note/index.ts b/src/server/api/routes/convertible-note/index.ts
index 38ab9f820..18fd93d6e 100644
--- a/src/server/api/routes/convertible-note/index.ts
+++ b/src/server/api/routes/convertible-note/index.ts
@@ -1,3 +1,7 @@
 import type { PublicAPI } from "@/server/api/hono";
 
-export const registerConvertibleNotesRoutes = (api: PublicAPI) => {};
+import { create } from "./create";
+
+export const registerConvertibleNotesRoutes = (api: PublicAPI) => {
+  api.openapi(create.route, create.handler);
+};
diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index 102196873..5c17c5d0a 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -50,8 +50,10 @@ export const ConvertibleNoteSchema = z
     status: z.enum(ConvertibleStatus),
     type: z.enum(ConvertibleType),
     interestMethod: z.enum(ConvertibleInterestMethod).nullable(),
-    interestAccrual: z.enum(ConvertibleInterestPaymentSchedule).nullable(),
-    interestPaymentSchedule: z.enum(ConvertibleInterestAccrual).nullable(),
+    interestAccrual: z.enum(ConvertibleInterestAccrual).nullable(),
+    interestPaymentSchedule: z
+      .enum(ConvertibleInterestPaymentSchedule)
+      .nullable(),
 
     createdAt: z.coerce.date(),
     updatedAt: z.coerce.date(),
@@ -59,3 +61,15 @@ export const ConvertibleNoteSchema = z
   .openapi("Convertible Note");
 
 export type TConvertibleNoteSchema = z.infer<typeof ConvertibleNoteSchema>;
+
+export const CreateConvertibleNotesSchema = ConvertibleNoteSchema.omit({
+  id: true,
+  publicId: true,
+  createdAt: true,
+  updatedAt: true,
+  companyId: true,
+});
+
+export type TCreateConvertibleNotesSchema = z.infer<
+  typeof CreateConvertibleNotesSchema
+>;

From 09ba976b993f5d9a7e2acb3850ded3463dd5d569 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Mon, 12 Aug 2024 21:20:46 +0530
Subject: [PATCH 04/48] feat: add basic modal

---
 .../add-convertible-notes-button.tsx          | 18 +++++++++++++
 .../add-convertible-notes-modal.tsx           | 25 +++++++++++++++++++
 .../fundraise/convertible-notes/page.tsx      |  9 ++++---
 src/components/modals/index.ts                |  3 +++
 .../api/routes/convertible-note/create.ts     |  2 +-
 5 files changed, 52 insertions(+), 5 deletions(-)
 create mode 100644 src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
 create mode 100644 src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
new file mode 100644
index 000000000..82e3027c7
--- /dev/null
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import { pushModal } from "@/components/modals";
+import { Button } from "@/components/ui/button";
+
+export function AddConvertibleNotesButton() {
+  return (
+    <Button
+      onClick={() => {
+        pushModal("AddConvertibleNotes", {
+          title: "Create a new convertible note",
+        });
+      }}
+    >
+      Add Convertible Note
+    </Button>
+  );
+}
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
new file mode 100644
index 000000000..460a2ab1e
--- /dev/null
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
@@ -0,0 +1,25 @@
+import {
+  StepperModal,
+  StepperModalContent,
+  type StepperModalProps,
+  StepperStep,
+} from "@/components/ui/stepper";
+
+export function AddConvertibleNotesModal(
+  props: Omit<StepperModalProps, "children">,
+) {
+  return (
+    <StepperModal {...props}>
+      <StepperStep title="General details">
+        <StepperModalContent>
+          <div>hello</div>
+        </StepperModalContent>
+      </StepperStep>
+      <StepperStep title="Documents">
+        <StepperModalContent>
+          <div>hello</div>
+        </StepperModalContent>
+      </StepperStep>
+    </StepperModal>
+  );
+}
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
index 3690e43e0..340e5eb81 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
@@ -1,7 +1,8 @@
 import EmptyState from "@/components/common/empty-state";
-import { Button } from "@/components/ui/button";
+
 import { RiPieChartFill } from "@remixicon/react";
 import type { Metadata } from "next";
+import { AddConvertibleNotesButton } from "./components/add-convertible-notes-button";
 
 export const metadata: Metadata = {
   title: "Convertible notes",
@@ -11,10 +12,10 @@ const ConvertibleNotesPage = () => {
   return (
     <EmptyState
       icon={<RiPieChartFill />}
-      title="Work in progress."
-      subtitle="This page is not yet available."
+      title="Create and manage convertible notes."
+      subtitle="Please click the button for creating convertible notes."
     >
-      <Button>Coming soon...</Button>
+      <AddConvertibleNotesButton />
     </EmptyState>
   );
 };
diff --git a/src/components/modals/index.ts b/src/components/modals/index.ts
index c05179f74..d5b668eb4 100644
--- a/src/components/modals/index.ts
+++ b/src/components/modals/index.ts
@@ -18,6 +18,7 @@ import { UpdateSingleStakeholderModal } from "./stakeholder/update-stakeholder-m
 import { TeamMemberModal } from "./team-member/team-member-modal";
 import { WipModal } from "./wip-modal";
 
+import { AddConvertibleNotesModal } from "@/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal";
 import { AddEsignDocumentModal } from "./esign-doc";
 import { InvestorModal } from "./investor/add-investor-modal";
 
@@ -43,5 +44,7 @@ export const { pushModal, popModal, ModalProvider } = createPushModal({
     NewSafeModal,
     ExistingSafeModal,
     InvestorModal,
+
+    AddConvertibleNotes: AddConvertibleNotesModal,
   },
 });
diff --git a/src/server/api/routes/convertible-note/create.ts b/src/server/api/routes/convertible-note/create.ts
index dbfbec363..9c1377a8d 100644
--- a/src/server/api/routes/convertible-note/create.ts
+++ b/src/server/api/routes/convertible-note/create.ts
@@ -73,7 +73,7 @@ export const create = withAuthApiV1
     return c.json(
       {
         data,
-        message: "Stakeholders successfully created.",
+        message: "Convertible note successfully created.",
       },
       200,
     );

From 1c47e68f4b99adee5fc6b39ad01e4ec324e36b93 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 00:38:36 +0530
Subject: [PATCH 05/48] chore: fix schema

---
 src/server/api/schema/convertible-note.ts | 43 +++++------------------
 src/server/api/schema/shares.ts           | 13 ++-----
 src/server/api/schema/stakeholder.ts      | 12 ++-----
 3 files changed, 13 insertions(+), 55 deletions(-)

diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index 5c17c5d0a..d227426b5 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -7,31 +7,6 @@ import {
 } from "@/prisma/enums";
 import { z } from "@hono/zod-openapi";
 
-const ConvertibleStatus = Object.values(ConvertibleStatusEnum) as [
-  ConvertibleStatusEnum,
-  ...ConvertibleStatusEnum[],
-];
-
-const ConvertibleType = Object.values(ConvertibleTypeEnum) as [
-  ConvertibleTypeEnum,
-  ...ConvertibleTypeEnum[],
-];
-
-const ConvertibleInterestMethod = Object.values(
-  ConvertibleInterestMethodEnum,
-) as [ConvertibleInterestMethodEnum, ...ConvertibleInterestMethodEnum[]];
-
-const ConvertibleInterestPaymentSchedule = Object.values(
-  ConvertibleInterestPaymentScheduleEnum,
-) as [
-  ConvertibleInterestPaymentScheduleEnum,
-  ...ConvertibleInterestPaymentScheduleEnum[],
-];
-
-const ConvertibleInterestAccrual = Object.values(
-  ConvertibleInterestAccrualEnum,
-) as [ConvertibleInterestAccrualEnum, ...ConvertibleInterestAccrualEnum[]];
-
 export const ConvertibleNoteSchema = z
   .object({
     id: z.string().cuid(),
@@ -44,19 +19,19 @@ export const ConvertibleNoteSchema = z
     interestRate: z.number().nullable(),
     stakeholderId: z.string(),
     companyId: z.string(),
-    issueDate: z.coerce.date(),
-    boardApprovalDate: z.coerce.date(),
+    issueDate: z.string().date(),
+    boardApprovalDate: z.string().date(),
 
-    status: z.enum(ConvertibleStatus),
-    type: z.enum(ConvertibleType),
-    interestMethod: z.enum(ConvertibleInterestMethod).nullable(),
-    interestAccrual: z.enum(ConvertibleInterestAccrual).nullable(),
+    status: z.nativeEnum(ConvertibleStatusEnum),
+    type: z.nativeEnum(ConvertibleTypeEnum),
+    interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).nullable(),
+    interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).nullable(),
     interestPaymentSchedule: z
-      .enum(ConvertibleInterestPaymentSchedule)
+      .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
       .nullable(),
 
-    createdAt: z.coerce.date(),
-    updatedAt: z.coerce.date(),
+    createdAt: z.string().date(),
+    updatedAt: z.string().date(),
   })
   .openapi("Convertible Note");
 
diff --git a/src/server/api/schema/shares.ts b/src/server/api/schema/shares.ts
index a8401eef6..83f79a47c 100644
--- a/src/server/api/schema/shares.ts
+++ b/src/server/api/schema/shares.ts
@@ -1,15 +1,6 @@
 import { SecuritiesStatusEnum, ShareLegendsEnum } from "@/prisma/enums";
 import { z } from "@hono/zod-openapi";
 
-const ShareLegendsArr = Object.values(ShareLegendsEnum) as [
-  ShareLegendsEnum,
-  ...ShareLegendsEnum[],
-];
-const SecuritiesStatusArr = Object.values(SecuritiesStatusEnum) as [
-  SecuritiesStatusEnum,
-  ...SecuritiesStatusEnum[],
-];
-
 export const ShareSchema = z
   .object({
     id: z.string().cuid().nullish().openapi({
@@ -17,7 +8,7 @@ export const ShareSchema = z
       example: "clyvb2s8d0000f1ngd72y2cxw",
     }),
 
-    status: z.enum(SecuritiesStatusArr).openapi({
+    status: z.nativeEnum(SecuritiesStatusEnum).openapi({
       description: "Security Status",
       example: "DRAFT",
     }),
@@ -67,7 +58,7 @@ export const ShareSchema = z
     }),
 
     companyLegends: z
-      .enum(ShareLegendsArr)
+      .nativeEnum(ShareLegendsEnum)
       .array()
       .openapi({
         description: "Company Legends",
diff --git a/src/server/api/schema/stakeholder.ts b/src/server/api/schema/stakeholder.ts
index 854ff7470..853fc06b8 100644
--- a/src/server/api/schema/stakeholder.ts
+++ b/src/server/api/schema/stakeholder.ts
@@ -4,14 +4,6 @@ import {
 } from "@/prisma/enums";
 import { z } from "@hono/zod-openapi";
 
-const StakeholderTypeArray = Object.values(StakeholderTypeEnum) as [
-  StakeholderTypeEnum,
-  ...StakeholderTypeEnum[],
-];
-const StakeholderRelationshipArray = Object.values(
-  StakeholderRelationshipEnum,
-) as [StakeholderRelationshipEnum, ...StakeholderRelationshipEnum[]];
-
 export const StakeholderSchema = z
   .object({
     id: z.string().cuid().openapi({
@@ -34,12 +26,12 @@ export const StakeholderSchema = z
       example: "ACME Corp",
     }),
 
-    stakeholderType: z.enum(StakeholderTypeArray).openapi({
+    stakeholderType: z.nativeEnum(StakeholderTypeEnum).openapi({
       description: "Stakeholder type",
       example: "INDIVIDUAL",
     }),
 
-    currentRelationship: z.enum(StakeholderRelationshipArray).openapi({
+    currentRelationship: z.nativeEnum(StakeholderRelationshipEnum).openapi({
       description: "Current relationship with the company",
       example: "EMPLOYEE",
     }),

From d426ee765ea6c2f83e2223a8ae74bfda1d69d392 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 00:38:47 +0530
Subject: [PATCH 06/48] chore: fix formatting

---
 src/server/api/routes/convertible-note/create.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/server/api/routes/convertible-note/create.ts b/src/server/api/routes/convertible-note/create.ts
index 9c1377a8d..93ff5118a 100644
--- a/src/server/api/routes/convertible-note/create.ts
+++ b/src/server/api/routes/convertible-note/create.ts
@@ -68,7 +68,13 @@ export const create = withAuthApiV1
       },
     });
 
-    const data: z.infer<typeof ResponseSchema>["data"] = note;
+    const data: z.infer<typeof ResponseSchema>["data"] = {
+      ...note,
+      updatedAt: note.updatedAt.toISOString(),
+      createdAt: note.createdAt.toISOString(),
+      issueDate: note.issueDate.toISOString(),
+      boardApprovalDate: note.boardApprovalDate.toISOString(),
+    };
 
     return c.json(
       {

From fba122b6e95676d6e085271ae0496103b8076d72 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 00:44:17 +0530
Subject: [PATCH 07/48] feat: add basic fields

---
 .../components/add-convertible-notes-form.tsx | 182 ++++++++++++++++++
 .../add-convertible-notes-modal.tsx           |   3 +-
 2 files changed, 184 insertions(+), 1 deletion(-)
 create mode 100644 src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
new file mode 100644
index 000000000..2573b966b
--- /dev/null
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
@@ -0,0 +1,182 @@
+"use client";
+
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
+import {
+  ConvertibleInterestAccrualEnum,
+  ConvertibleInterestMethodEnum,
+  ConvertibleInterestPaymentScheduleEnum,
+  type ConvertibleTypeEnum,
+} from "@/prisma/enums";
+
+const InterestMethodOption: Record<ConvertibleInterestMethodEnum, string> = {
+  COMPOUND: "Compound",
+  SIMPLE: "Simple",
+};
+
+const TypeOption: Record<ConvertibleTypeEnum, string> = {
+  CCD: "Compulsory Convertible Debenture",
+  NOTE: "Simple Convertible note",
+  OCD: "Optionally Convertible Debenture",
+};
+
+const InterestPaymentScheduleOption: Record<
+  ConvertibleInterestPaymentScheduleEnum,
+  string
+> = {
+  DEFERRED: "Deferred",
+  PAY_AT_MATURITY: "Pay-At-Maturity",
+};
+
+const InterestAccrualOption: Record<ConvertibleInterestAccrualEnum, string> = {
+  ANNUALLY: "Annually",
+  CONTINUOUSLY: "Continuously",
+  DAILY: "Daily",
+  MONTHLY: "Monthly",
+  SEMI_ANNUALLY: "Semi-Annually",
+  YEARLY: "Yearly",
+};
+
+const Schema = z.object({
+  capital: z.number(),
+  issueDate: z.string().date(),
+  boardApprovalDate: z.string().date(),
+  additionalTerms: z.string().optional(),
+  conversionCap: z.number().optional(),
+  discountRate: z.number().optional(),
+  interestRate: z.number().optional(),
+  interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).optional(),
+  interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).optional(),
+  interestPaymentSchedule: z
+    .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
+    .optional(),
+});
+
+type TSchema = z.infer<typeof Schema>;
+
+export function AddConvertibleNotesForm() {
+  const form = useForm<TSchema>({
+    resolver: zodResolver(Schema),
+  });
+
+  const onSubmit = (_data: TSchema) => {};
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <div className="grid grid-cols-2 gap-3">
+          <FormField
+            control={form.control}
+            name="capital"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Capital</FormLabel>
+                <FormControl>
+                  <Input type="number" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="conversionCap"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Conversion capital</FormLabel>
+                <FormControl>
+                  <Input type="number" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="discountRate"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Discount Rate</FormLabel>
+                <FormControl>
+                  <Input type="number" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="interestRate"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Interest Rate</FormLabel>
+                <FormControl>
+                  <Input type="number" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="issueDate"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Issue date</FormLabel>
+                <FormControl>
+                  <Input type="date" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="boardApprovalDate"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Board approval date</FormLabel>
+                <FormControl>
+                  <Input type="date" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="col-span-2">
+            <FormField
+              control={form.control}
+              name="additionalTerms"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Additional Terms</FormLabel>
+                  <FormControl>
+                    <Textarea {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+        </div>
+      </form>
+    </Form>
+  );
+}
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
index 460a2ab1e..001b1430d 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
@@ -4,6 +4,7 @@ import {
   type StepperModalProps,
   StepperStep,
 } from "@/components/ui/stepper";
+import { AddConvertibleNotesForm } from "./add-convertible-notes-form";
 
 export function AddConvertibleNotesModal(
   props: Omit<StepperModalProps, "children">,
@@ -12,7 +13,7 @@ export function AddConvertibleNotesModal(
     <StepperModal {...props}>
       <StepperStep title="General details">
         <StepperModalContent>
-          <div>hello</div>
+          <AddConvertibleNotesForm />
         </StepperModalContent>
       </StepperStep>
       <StepperStep title="Documents">

From 9d933500ecec4e79f7d268cf7547d8ccae2ff05e Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 18:13:17 +0530
Subject: [PATCH 08/48] feat: add basic form

---
 .../components/add-convertible-notes-form.tsx | 158 +++++++++++++++++-
 .../add-convertible-notes-modal.tsx           |  23 +--
 2 files changed, 163 insertions(+), 18 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
index 2573b966b..8371c983c 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
@@ -14,12 +14,26 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import {
+  StepperModalFooter,
+  StepperPrev,
+  useStepper,
+} from "@/components/ui/stepper";
 import {
   ConvertibleInterestAccrualEnum,
   ConvertibleInterestMethodEnum,
   ConvertibleInterestPaymentScheduleEnum,
-  type ConvertibleTypeEnum,
+  ConvertibleTypeEnum,
 } from "@/prisma/enums";
+import { useFormValueUpdater } from "@/providers/form-value-provider";
 
 const InterestMethodOption: Record<ConvertibleInterestMethodEnum, string> = {
   COMPOUND: "Compound",
@@ -50,28 +64,34 @@ const InterestAccrualOption: Record<ConvertibleInterestAccrualEnum, string> = {
 };
 
 const Schema = z.object({
-  capital: z.number(),
+  capital: z.coerce.number(),
   issueDate: z.string().date(),
   boardApprovalDate: z.string().date(),
   additionalTerms: z.string().optional(),
-  conversionCap: z.number().optional(),
-  discountRate: z.number().optional(),
-  interestRate: z.number().optional(),
+  conversionCap: z.coerce.number().optional(),
+  discountRate: z.coerce.number().optional(),
+  interestRate: z.coerce.number().optional(),
   interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).optional(),
   interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).optional(),
   interestPaymentSchedule: z
     .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
     .optional(),
+  type: z.nativeEnum(ConvertibleTypeEnum),
 });
 
-type TSchema = z.infer<typeof Schema>;
+type TFormSchema = z.infer<typeof Schema>;
 
 export function AddConvertibleNotesForm() {
-  const form = useForm<TSchema>({
+  const form = useForm<TFormSchema>({
     resolver: zodResolver(Schema),
   });
+  const setValue = useFormValueUpdater<TFormSchema>();
+  const { next } = useStepper();
 
-  const onSubmit = (_data: TSchema) => {};
+  const onSubmit = (data: TFormSchema) => {
+    next();
+    setValue(data);
+  };
 
   return (
     <Form {...form}>
@@ -133,6 +153,124 @@ export function AddConvertibleNotesForm() {
             )}
           />
 
+          <FormField
+            control={form.control}
+            name="type"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Type</FormLabel>
+                <Select
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {Object.entries(TypeOption).map(([key, value]) => (
+                      <SelectItem key={key} value={key}>
+                        {value}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="interestMethod"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Interest Method</FormLabel>
+                <Select
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {Object.entries(InterestMethodOption).map(
+                      ([key, value]) => (
+                        <SelectItem key={key} value={key}>
+                          {value}
+                        </SelectItem>
+                      ),
+                    )}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="interestAccrual"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Interest Accrual</FormLabel>
+                <Select
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {Object.entries(InterestAccrualOption).map(
+                      ([key, value]) => (
+                        <SelectItem key={key} value={key}>
+                          {value}
+                        </SelectItem>
+                      ),
+                    )}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="interestPaymentSchedule"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Interest Payment Schedule</FormLabel>
+                <Select
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {Object.entries(InterestPaymentScheduleOption).map(
+                      ([key, value]) => (
+                        <SelectItem key={key} value={key}>
+                          {value}
+                        </SelectItem>
+                      ),
+                    )}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
           <FormField
             control={form.control}
             name="issueDate"
@@ -176,6 +314,10 @@ export function AddConvertibleNotesForm() {
             />
           </div>
         </div>
+        <StepperModalFooter className="pt-6">
+          <StepperPrev>Back</StepperPrev>
+          <Button type="submit">Save & Continue</Button>
+        </StepperModalFooter>
       </form>
     </Form>
   );
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
index 001b1430d..dc2ab9f6d 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
@@ -4,6 +4,7 @@ import {
   type StepperModalProps,
   StepperStep,
 } from "@/components/ui/stepper";
+import { FormValueProvider } from "@/providers/form-value-provider";
 import { AddConvertibleNotesForm } from "./add-convertible-notes-form";
 
 export function AddConvertibleNotesModal(
@@ -11,16 +12,18 @@ export function AddConvertibleNotesModal(
 ) {
   return (
     <StepperModal {...props}>
-      <StepperStep title="General details">
-        <StepperModalContent>
-          <AddConvertibleNotesForm />
-        </StepperModalContent>
-      </StepperStep>
-      <StepperStep title="Documents">
-        <StepperModalContent>
-          <div>hello</div>
-        </StepperModalContent>
-      </StepperStep>
+      <FormValueProvider>
+        <StepperStep title="General details">
+          <StepperModalContent>
+            <AddConvertibleNotesForm />
+          </StepperModalContent>
+        </StepperStep>
+        <StepperStep title="Documents">
+          <StepperModalContent>
+            <div>hello</div>
+          </StepperModalContent>
+        </StepperStep>
+      </FormValueProvider>
     </StepperModal>
   );
 }

From bf859287a38605644fe76ad4d49d68ae001fde41 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 18:37:08 +0530
Subject: [PATCH 09/48] feat: add hooks

---
 src/hooks/use-callback-ref.ts       | 27 ++++++++++++
 src/hooks/use-controllable-state.ts | 68 +++++++++++++++++++++++++++++
 2 files changed, 95 insertions(+)
 create mode 100644 src/hooks/use-callback-ref.ts
 create mode 100644 src/hooks/use-controllable-state.ts

diff --git a/src/hooks/use-callback-ref.ts b/src/hooks/use-callback-ref.ts
new file mode 100644
index 000000000..b47cbfc4d
--- /dev/null
+++ b/src/hooks/use-callback-ref.ts
@@ -0,0 +1,27 @@
+import * as React from "react";
+
+/**
+ * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx
+ */
+
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */
+function useCallbackRef<T extends (...args: never[]) => unknown>(
+  callback: T | undefined,
+): T {
+  const callbackRef = React.useRef(callback);
+
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+
+  // https://github.com/facebook/react/issues/19240
+  return React.useMemo(
+    () => ((...args) => callbackRef.current?.(...args)) as T,
+    [],
+  );
+}
+
+export { useCallbackRef };
diff --git a/src/hooks/use-controllable-state.ts b/src/hooks/use-controllable-state.ts
new file mode 100644
index 000000000..9d7242fdf
--- /dev/null
+++ b/src/hooks/use-controllable-state.ts
@@ -0,0 +1,68 @@
+import * as React from "react";
+
+import { useCallbackRef } from "./use-callback-ref";
+
+/**
+ * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx
+ */
+
+type UseControllableStateParams<T> = {
+  prop?: T | undefined;
+  defaultProp?: T | undefined;
+  onChange?: (state: T) => void;
+};
+
+type SetStateFn<T> = (prevState?: T) => T;
+
+function useControllableState<T>({
+  prop,
+  defaultProp,
+  onChange = () => {},
+}: UseControllableStateParams<T>) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({
+    defaultProp,
+    onChange,
+  });
+  const isControlled = prop !== undefined;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef(onChange);
+
+  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =
+    React.useCallback(
+      (nextValue) => {
+        if (isControlled) {
+          const setter = nextValue as SetStateFn<T>;
+          const value =
+            typeof nextValue === "function" ? setter(prop) : nextValue;
+          if (value !== prop) handleChange(value as T);
+        } else {
+          setUncontrolledProp(nextValue);
+        }
+      },
+      [isControlled, prop, setUncontrolledProp, handleChange],
+    );
+
+  return [value, setValue] as const;
+}
+
+function useUncontrolledState<T>({
+  defaultProp,
+  onChange,
+}: Omit<UseControllableStateParams<T>, "prop">) {
+  const uncontrolledState = React.useState<T | undefined>(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React.useRef(value);
+  const handleChange = useCallbackRef(onChange);
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+  React.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value as T);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+
+  return uncontrolledState;
+}
+
+export { useControllableState };

From 7d87a028c2605e4d5586889081e6246b271467ed Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 18:37:24 +0530
Subject: [PATCH 10/48] feat: add file uploader component

---
 src/components/ui/file-uploader.tsx | 334 ++++++++++++++++++++++++++++
 1 file changed, 334 insertions(+)
 create mode 100644 src/components/ui/file-uploader.tsx

diff --git a/src/components/ui/file-uploader.tsx b/src/components/ui/file-uploader.tsx
new file mode 100644
index 000000000..2e9a8f5b7
--- /dev/null
+++ b/src/components/ui/file-uploader.tsx
@@ -0,0 +1,334 @@
+"use client";
+
+import * as React from "react";
+
+import Dropzone, {
+  type DropzoneProps,
+  type FileRejection,
+} from "react-dropzone";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+import { useControllableState } from "@/hooks/use-controllable-state";
+import { cn } from "@/lib/utils";
+
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { RiCloseLine, RiUpload2Line } from "@remixicon/react";
+
+interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Value of the uploader.
+   * @type File[]
+   * @default undefined
+   * @example value={files}
+   */
+  value?: File[];
+
+  /**
+   * Function to be called when the value changes.
+   * @type (files: File[]) => void
+   * @default undefined
+   * @example onValueChange={(files) => setFiles(files)}
+   */
+  onValueChange?: (files: File[]) => void;
+
+  /**
+   * Function to be called when files are uploaded.
+   * @type (files: File[]) => Promise<void>
+   * @default undefined
+   * @example onUpload={(files) => uploadFiles(files)}
+   */
+  onUpload?: (files: File[]) => Promise<void>;
+
+  /**
+   * Progress of the uploaded files.
+   * @type Record<string, number> | undefined
+   * @default undefined
+   * @example progresses={{ "file1.png": 50 }}
+   */
+  progresses?: Record<string, number>;
+
+  /**
+   * Accepted file types for the uploader.
+   * @type { [key: string]: string[]}
+   * @default
+   * ```ts
+   * { "image/*": [] }
+   * ```
+   * @example accept={["image/png", "image/jpeg"]}
+   */
+  accept?: DropzoneProps["accept"];
+
+  /**
+   * Maximum file size for the uploader.
+   * @type number | undefined
+   * @default 1024 * 1024 * 2 // 2MB
+   * @example maxSize={1024 * 1024 * 2} // 2MB
+   */
+  maxSize?: DropzoneProps["maxSize"];
+
+  /**
+   * Maximum number of files for the uploader.
+   * @type number | undefined
+   * @default 1
+   * @example maxFileCount={4}
+   */
+  maxFileCount?: DropzoneProps["maxFiles"];
+
+  /**
+   * Whether the uploader should accept multiple files.
+   * @type boolean
+   * @default false
+   * @example multiple
+   */
+  multiple?: boolean;
+
+  /**
+   * Whether the uploader is disabled.
+   * @type boolean
+   * @default false
+   * @example disabled
+   */
+  disabled?: boolean;
+}
+
+export function FileUploader(props: FileUploaderProps) {
+  const {
+    value: valueProp,
+    onValueChange,
+    onUpload,
+    progresses,
+    accept = {
+      "image/*": [],
+    },
+    maxSize = 1024 * 1024 * 2,
+    maxFileCount = 1,
+    multiple = false,
+    disabled = false,
+    className,
+    ...dropzoneProps
+  } = props;
+
+  const [files, setFiles] = useControllableState({
+    prop: valueProp,
+    onChange: onValueChange,
+  });
+
+  const onDrop = React.useCallback(
+    (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {
+      if (!multiple && maxFileCount === 1 && acceptedFiles.length > 1) {
+        toast.error("Cannot upload more than 1 file at a time");
+        return;
+      }
+
+      if ((files?.length ?? 0) + acceptedFiles.length > maxFileCount) {
+        toast.error(`Cannot upload more than ${maxFileCount} files`);
+        return;
+      }
+
+      const updatedFiles = files ? [...files, ...acceptedFiles] : acceptedFiles;
+
+      setFiles(updatedFiles);
+
+      if (rejectedFiles.length > 0) {
+        for (const { file } of rejectedFiles) {
+          toast.error(`File ${file.name} was rejected`);
+        }
+      }
+
+      if (
+        onUpload &&
+        updatedFiles.length > 0 &&
+        updatedFiles.length <= maxFileCount
+      ) {
+        const target =
+          updatedFiles.length > 0 ? `${updatedFiles.length} files` : "file";
+
+        toast.promise(onUpload(updatedFiles), {
+          loading: `Uploading ${target}...`,
+          success: () => {
+            setFiles([]);
+            return `${target} uploaded`;
+          },
+          error: `Failed to upload ${target}`,
+        });
+      }
+    },
+
+    [files, maxFileCount, multiple, onUpload, setFiles],
+  );
+
+  function onRemove(index: number) {
+    if (!files) return;
+    const newFiles = files.filter((_, i) => i !== index);
+    setFiles(newFiles);
+    onValueChange?.(newFiles);
+  }
+
+  const isDisabled = disabled || (files?.length ?? 0) >= maxFileCount;
+
+  return (
+    <div className="relative flex flex-col gap-6 overflow-hidden">
+      <Dropzone
+        onDrop={onDrop}
+        accept={accept}
+        maxSize={maxSize}
+        maxFiles={maxFileCount}
+        multiple={maxFileCount > 1 || multiple}
+        disabled={isDisabled}
+      >
+        {({ getRootProps, getInputProps, isDragActive }) => (
+          <div
+            {...getRootProps()}
+            className={cn(
+              "group relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed border-muted-foreground/25 px-5 py-2.5 text-center transition hover:bg-muted/25",
+              "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              isDragActive && "border-muted-foreground/50",
+              isDisabled && "pointer-events-none opacity-60",
+              className,
+            )}
+            {...dropzoneProps}
+          >
+            <input {...getInputProps()} />
+            {isDragActive ? (
+              <div className="flex flex-col items-center justify-center gap-4 sm:px-5">
+                <div className="rounded-full border border-dashed p-3">
+                  <RiUpload2Line
+                    className="h-7 w-7 text-muted-foreground"
+                    aria-hidden="true"
+                  />
+                </div>
+                <p className="font-medium text-muted-foreground">
+                  Drop the files here
+                </p>
+              </div>
+            ) : (
+              <div className="flex flex-col items-center justify-center gap-4 sm:px-5">
+                <div className="rounded-full border border-dashed p-3">
+                  <RiUpload2Line
+                    className="h-7 w-7 text-muted-foreground"
+                    aria-hidden="true"
+                  />
+                </div>
+                <div className="flex flex-col gap-px">
+                  <p className="font-medium text-muted-foreground">
+                    Drag {`'n'`} drop files here, or click to select files
+                  </p>
+                  <p className="text-sm text-muted-foreground/70">
+                    You can upload
+                    {maxFileCount > 1
+                      ? ` ${
+                          maxFileCount === Number.POSITIVE_INFINITY
+                            ? "multiple"
+                            : maxFileCount
+                        }
+                      files (up to ${formatBytes(maxSize)} each)`
+                      : ` a file with ${formatBytes(maxSize)}`}
+                  </p>
+                </div>
+              </div>
+            )}
+          </div>
+        )}
+      </Dropzone>
+      {files?.length ? (
+        <ScrollArea className="h-fit w-full px-3">
+          <div className="flex max-h-48 flex-col gap-4">
+            {files?.map((file, index) => (
+              <FileCard
+                key={file.name + file.lastModified}
+                file={file}
+                onRemove={() => onRemove(index)}
+              />
+            ))}
+          </div>
+        </ScrollArea>
+      ) : null}
+    </div>
+  );
+}
+
+interface FileCardProps {
+  file: File;
+  onRemove: () => void;
+}
+
+function FileCard({ file, onRemove }: FileCardProps) {
+  return (
+    <div className="relative flex items-center gap-2.5">
+      <div className="flex flex-1 gap-2.5">
+        {/* {isFileWithPreview(file) ? <FilePreview file={file} /> : null} */}
+        <div className="flex w-full flex-col gap-2">
+          <div className="flex flex-col gap-px">
+            <p className="line-clamp-1 text-sm font-medium text-foreground/80">
+              {file.name}
+            </p>
+            <p className="text-xs text-muted-foreground">
+              {formatBytes(file.size)}
+            </p>
+          </div>
+        </div>
+      </div>
+      <div className="flex items-center gap-2">
+        <Button
+          type="button"
+          variant="outline"
+          size="icon"
+          className="h-7 w-7"
+          onClick={onRemove}
+        >
+          <RiCloseLine className="h-4 w-4" aria-hidden="true" />
+          <span className="sr-only">Remove file</span>
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export function formatBytes(
+  bytes: number,
+  opts: {
+    decimals?: number;
+    sizeType?: "accurate" | "normal";
+  } = {},
+) {
+  const { decimals = 0, sizeType = "normal" } = opts;
+
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const accurateSizes = ["Bytes", "KiB", "MiB", "GiB", "TiB"];
+  if (bytes === 0) return "0 Byte";
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return `${(bytes / 1024 ** i).toFixed(decimals)} ${
+    sizeType === "accurate" ? accurateSizes[i] ?? "Bytest" : sizes[i] ?? "Bytes"
+  }`;
+}
+
+// function isFileWithPreview(file: File): file is File & { preview: string } {
+//   return "preview" in file && typeof file.preview === "string"
+// }
+
+// interface FilePreviewProps {
+//   file: File & { preview: string }
+// }
+
+// function FilePreview({ file }: FilePreviewProps) {
+//   if (file.type.startsWith("image/")) {
+//     return (
+//       <Image
+//         src={file.preview}
+//         alt={file.name}
+//         width={48}
+//         height={48}
+//         loading="lazy"
+//         className="aspect-square shrink-0 rounded-md object-cover"
+//       />
+//     )
+//   }
+
+//   return (
+//     <FileTextIcon
+//       className="size-10 text-muted-foreground"
+//       aria-hidden="true"
+//     />
+//   )
+// }

From 7c00b32b1fb3762cdacfb74e89ed5018e050de3b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 19:29:34 +0530
Subject: [PATCH 11/48] feat: add document step

---
 .../components/add-convertible-notes-modal.tsx    |  3 ++-
 .../components/upload-document-step.tsx           | 15 +++++++++++++++
 src/components/ui/file-uploader.tsx               |  5 ++---
 3 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
index dc2ab9f6d..25c4ac7f4 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
@@ -6,6 +6,7 @@ import {
 } from "@/components/ui/stepper";
 import { FormValueProvider } from "@/providers/form-value-provider";
 import { AddConvertibleNotesForm } from "./add-convertible-notes-form";
+import { UploadDocumentStep } from "./upload-document-step";
 
 export function AddConvertibleNotesModal(
   props: Omit<StepperModalProps, "children">,
@@ -20,7 +21,7 @@ export function AddConvertibleNotesModal(
         </StepperStep>
         <StepperStep title="Documents">
           <StepperModalContent>
-            <div>hello</div>
+            <UploadDocumentStep />
           </StepperModalContent>
         </StepperStep>
       </FormValueProvider>
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
new file mode 100644
index 000000000..a651744bb
--- /dev/null
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -0,0 +1,15 @@
+import { FileUploader } from "@/components/ui/file-uploader";
+
+export function UploadDocumentStep() {
+  return (
+    <FileUploader
+      accept={{
+        "application/pdf": [".pdf"],
+      }}
+      multiple
+      maxSize={1024 * 1024 * 50}
+      // biome-ignore lint/style/useNumberNamespace: <explanation>
+      maxFileCount={Infinity}
+    />
+  );
+}
diff --git a/src/components/ui/file-uploader.tsx b/src/components/ui/file-uploader.tsx
index 2e9a8f5b7..dd63ba351 100644
--- a/src/components/ui/file-uploader.tsx
+++ b/src/components/ui/file-uploader.tsx
@@ -218,9 +218,8 @@ export function FileUploader(props: FileUploaderProps) {
                     You can upload
                     {maxFileCount > 1
                       ? ` ${
-                          maxFileCount === Number.POSITIVE_INFINITY
-                            ? "multiple"
-                            : maxFileCount
+                          // biome-ignore lint/style/useNumberNamespace: <explanation>
+                          maxFileCount === Infinity ? "multiple" : maxFileCount
                         }
                       files (up to ${formatBytes(maxSize)} each)`
                       : ` a file with ${formatBytes(maxSize)}`}

From 280048b052080ef61c7dbd3a2d39f7e1e8dfcdfb Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 21:57:55 +0530
Subject: [PATCH 12/48] feat: add api client

---
 src/server/api/api-client.ts                    | 11 +++++++++++
 src/server/api/index.ts                         | 12 ++++++++----
 src/server/api/routes/company/index.ts          |  9 +++++----
 src/server/api/routes/convertible-note/index.ts |  6 ++----
 src/server/api/routes/share/index.ts            | 16 ++++++++--------
 src/server/api/routes/stakeholder/index.ts      | 16 ++++++++--------
 6 files changed, 42 insertions(+), 28 deletions(-)
 create mode 100644 src/server/api/api-client.ts

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
new file mode 100644
index 000000000..deae75e0c
--- /dev/null
+++ b/src/server/api/api-client.ts
@@ -0,0 +1,11 @@
+import { env } from "@/env";
+import { hc } from "hono/client";
+import type { APIType } from ".";
+
+export const apiClient = hc<APIType>(env.NEXTAUTH_URL, {
+  fetch: (input: RequestInfo | URL, init?: RequestInit) =>
+    fetch(input, {
+      ...init,
+      cache: "no-cache",
+    }),
+});
diff --git a/src/server/api/index.ts b/src/server/api/index.ts
index 4fe496cfc..75e4724ec 100644
--- a/src/server/api/index.ts
+++ b/src/server/api/index.ts
@@ -10,9 +10,13 @@ const api = PublicAPI();
 api.use("*", middlewareServices());
 
 // Register RESTful routes
-registerCompanyRoutes(api);
-registerShareRoutes(api);
-registerStakeholderRoutes(api);
-registerConvertibleNotesRoutes(api);
+
+const routes = api
+  .route("", registerCompanyRoutes(api))
+  .route("", registerConvertibleNotesRoutes(api))
+  .route("", registerShareRoutes(api))
+  .route("", registerStakeholderRoutes(api));
+
+export type APIType = typeof routes;
 
 export default api;
diff --git a/src/server/api/routes/company/index.ts b/src/server/api/routes/company/index.ts
index f57879ee9..34db61d5f 100644
--- a/src/server/api/routes/company/index.ts
+++ b/src/server/api/routes/company/index.ts
@@ -1,8 +1,9 @@
-import type { PublicAPI } from "@/server/api/hono";
+import type { OpenAPIHono } from "@hono/zod-openapi";
 import { getMany } from "./getMany";
 import { getOne } from "./getOne";
 
-export const registerCompanyRoutes = (api: PublicAPI) => {
-  api.openapi(getMany.route, getMany.handler);
-  api.openapi(getOne.route, getOne.handler);
+export const registerCompanyRoutes = (api: OpenAPIHono) => {
+  return api
+    .openapi(getMany.route, getMany.handler)
+    .openapi(getOne.route, getOne.handler);
 };
diff --git a/src/server/api/routes/convertible-note/index.ts b/src/server/api/routes/convertible-note/index.ts
index 18fd93d6e..3191c483a 100644
--- a/src/server/api/routes/convertible-note/index.ts
+++ b/src/server/api/routes/convertible-note/index.ts
@@ -1,7 +1,5 @@
-import type { PublicAPI } from "@/server/api/hono";
-
+import type { OpenAPIHono } from "@hono/zod-openapi";
 import { create } from "./create";
 
-export const registerConvertibleNotesRoutes = (api: PublicAPI) => {
+export const registerConvertibleNotesRoutes = (api: OpenAPIHono) =>
   api.openapi(create.route, create.handler);
-};
diff --git a/src/server/api/routes/share/index.ts b/src/server/api/routes/share/index.ts
index 96bed96d2..22f826ecb 100644
--- a/src/server/api/routes/share/index.ts
+++ b/src/server/api/routes/share/index.ts
@@ -1,14 +1,14 @@
-import type { PublicAPI } from "@/server/api/hono";
+import type { OpenAPIHono } from "@hono/zod-openapi";
 import { create } from "./create";
 import { _delete } from "./delete";
 import { getMany } from "./getMany";
 import { getOne } from "./getOne";
 import { update } from "./update";
 
-export const registerShareRoutes = (api: PublicAPI) => {
-  api.openapi(_delete.route, _delete.handler);
-  api.openapi(getOne.route, getOne.handler);
-  api.openapi(getMany.route, getMany.handler);
-  api.openapi(create.route, create.handler);
-  api.openapi(update.route, update.handler);
-};
+export const registerShareRoutes = (api: OpenAPIHono) =>
+  api
+    .openapi(_delete.route, _delete.handler)
+    .openapi(getOne.route, getOne.handler)
+    .openapi(getMany.route, getMany.handler)
+    .openapi(create.route, create.handler)
+    .openapi(update.route, update.handler);
diff --git a/src/server/api/routes/stakeholder/index.ts b/src/server/api/routes/stakeholder/index.ts
index ce936807c..55b97418d 100644
--- a/src/server/api/routes/stakeholder/index.ts
+++ b/src/server/api/routes/stakeholder/index.ts
@@ -1,14 +1,14 @@
-import type { PublicAPI } from "@/server/api/hono";
+import type { OpenAPIHono } from "@hono/zod-openapi";
 import { create } from "./create";
 import { _delete } from "./delete";
 import { getMany } from "./getMany";
 import { getOne } from "./getOne";
 import { update } from "./update";
 
-export const registerStakeholderRoutes = (api: PublicAPI) => {
-  api.openapi(getOne.route, getOne.handler);
-  api.openapi(update.route, update.handler);
-  api.openapi(_delete.route, _delete.handler);
-  api.openapi(create.route, create.handler);
-  api.openapi(getMany.route, getMany.handler);
-};
+export const registerStakeholderRoutes = (api: OpenAPIHono) =>
+  api
+    .openapi(getOne.route, getOne.handler)
+    .openapi(update.route, update.handler)
+    .openapi(_delete.route, _delete.handler)
+    .openapi(create.route, create.handler)
+    .openapi(getMany.route, getMany.handler);

From 860a5c79537041b9b5f7831624aab2dd3c23ecf8 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Tue, 13 Aug 2024 21:58:13 +0530
Subject: [PATCH 13/48] feat: add document step

---
 .../components/upload-document-step.tsx       | 27 ++++++++++++-------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index a651744bb..7a8d951b0 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -1,15 +1,24 @@
+import { Button } from "@/components/ui/button";
 import { FileUploader } from "@/components/ui/file-uploader";
+import { StepperModalFooter, StepperPrev } from "@/components/ui/stepper";
 
 export function UploadDocumentStep() {
   return (
-    <FileUploader
-      accept={{
-        "application/pdf": [".pdf"],
-      }}
-      multiple
-      maxSize={1024 * 1024 * 50}
-      // biome-ignore lint/style/useNumberNamespace: <explanation>
-      maxFileCount={Infinity}
-    />
+    <div>
+      <FileUploader
+        accept={{
+          "application/pdf": [".pdf"],
+        }}
+        multiple
+        maxSize={1024 * 1024 * 50}
+        // biome-ignore lint/style/useNumberNamespace: <explanation>
+        maxFileCount={Infinity}
+      />
+
+      <StepperModalFooter className="pt-6">
+        <StepperPrev>Back</StepperPrev>
+        <Button type="submit">Save & Continue</Button>
+      </StepperModalFooter>
+    </div>
   );
 }

From ebd8f349d44240521b7c8d48afa2057d493cdaa7 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 08:16:54 +0530
Subject: [PATCH 14/48] fix: api client

---
 src/server/api/api-client.ts | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
index deae75e0c..af741f90b 100644
--- a/src/server/api/api-client.ts
+++ b/src/server/api/api-client.ts
@@ -2,10 +2,8 @@ import { env } from "@/env";
 import { hc } from "hono/client";
 import type { APIType } from ".";
 
-export const apiClient = hc<APIType>(env.NEXTAUTH_URL, {
-  fetch: (input: RequestInfo | URL, init?: RequestInit) =>
-    fetch(input, {
-      ...init,
-      cache: "no-cache",
-    }),
+export const apiClient = hc<APIType>(env.NEXT_PUBLIC_BASE_URL, {
+  init: {
+    cache: "no-cache",
+  },
 });

From 243996ba21d4b59f0e2d8c3a3e457f02c7418d6d Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 08:17:11 +0530
Subject: [PATCH 15/48] feat: make header optional

---
 src/server/api/utils/endpoint-creator.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/server/api/utils/endpoint-creator.ts b/src/server/api/utils/endpoint-creator.ts
index d22d9f158..592914bf2 100644
--- a/src/server/api/utils/endpoint-creator.ts
+++ b/src/server/api/utils/endpoint-creator.ts
@@ -28,7 +28,8 @@ const AuthHeaderSchema = z.object({
     .openapi({
       description: "Bearer token to authorize the request",
       example: "Bearer api_x0X0x0X0x0X0x0X0x0X0x0X",
-    }),
+    })
+    .optional(),
 });
 
 type AuthHeaders = {
@@ -92,7 +93,7 @@ const createApi = <V extends Version, L extends boolean>(
 };
 
 export const authMiddleware = (option?: accessTokenAuthMiddlewareOptions) =>
-  some(sessionCookieAuthMiddleware(), accessTokenAuthMiddleware(option));
+  some(accessTokenAuthMiddleware(option), sessionCookieAuthMiddleware());
 
 export const ApiV1 = createApi("v1");
 

From 793ab83db2f71d85462d6d09c91c2d8593183d39 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 08:17:25 +0530
Subject: [PATCH 16/48] fix: schema

---
 src/server/api/schema/convertible-note.ts | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index d227426b5..3323044dc 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -12,11 +12,11 @@ export const ConvertibleNoteSchema = z
     id: z.string().cuid(),
     publicId: z.string(),
     capital: z.number(),
-    conversionCap: z.number().nullable(),
-    discountRate: z.number().nullable(),
-    mfn: z.boolean().nullable(),
-    additionalTerms: z.string().nullable(),
-    interestRate: z.number().nullable(),
+    conversionCap: z.number().nullish(),
+    discountRate: z.number().nullish(),
+    mfn: z.boolean().nullish(),
+    additionalTerms: z.string().nullish(),
+    interestRate: z.number().nullish(),
     stakeholderId: z.string(),
     companyId: z.string(),
     issueDate: z.string().date(),
@@ -24,11 +24,11 @@ export const ConvertibleNoteSchema = z
 
     status: z.nativeEnum(ConvertibleStatusEnum),
     type: z.nativeEnum(ConvertibleTypeEnum),
-    interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).nullable(),
-    interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).nullable(),
+    interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).nullish(),
+    interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).nullish(),
     interestPaymentSchedule: z
       .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
-      .nullable(),
+      .nullish(),
 
     createdAt: z.string().date(),
     updatedAt: z.string().date(),
@@ -43,6 +43,7 @@ export const CreateConvertibleNotesSchema = ConvertibleNoteSchema.omit({
   createdAt: true,
   updatedAt: true,
   companyId: true,
+  status: true,
 });
 
 export type TCreateConvertibleNotesSchema = z.infer<

From 48758298662ad73a8d8aad66fa2fef4dcf9ec15b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 08:18:15 +0530
Subject: [PATCH 17/48] fix: auth

---
 src/server/api/middlewares/session-token.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/server/api/middlewares/session-token.ts b/src/server/api/middlewares/session-token.ts
index 4cc0ecf89..470f2ec57 100644
--- a/src/server/api/middlewares/session-token.ts
+++ b/src/server/api/middlewares/session-token.ts
@@ -74,7 +74,6 @@ async function fetchSessionFromAuthUrl(
     new Request(newUrl, {
       method: "GET",
       headers: clonedRequest.headers,
-      body: clonedRequest.body,
     }),
   );
 

From c63d8f82981dca643ba8ea8c3e10c7b9dfc2cb6f Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 22:50:47 +0530
Subject: [PATCH 18/48] chore: add ky

---
 package.json   | 1 +
 pnpm-lock.yaml | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/package.json b/package.json
index 4a952280a..cc2de2e17 100644
--- a/package.json
+++ b/package.json
@@ -87,6 +87,7 @@
     "html-to-image": "^1.11.11",
     "input-otp": "^1.1.0",
     "jose": "^5.3.0",
+    "ky": "^1.6.0",
     "lodash-es": "^4.17.21",
     "mime": "^4.0.3",
     "nanoid": "^5.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c6e578d3b..c3db7bf9a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -179,6 +179,9 @@ importers:
       jose:
         specifier: ^5.3.0
         version: 5.3.0
+      ky:
+        specifier: ^1.6.0
+        version: 1.6.0
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
@@ -5967,6 +5970,10 @@ packages:
       '@types/node': '>=18'
       typescript: '>=5.0.4'
 
+  ky@1.6.0:
+    resolution: {integrity: sha512-MG7hlH26oShC4Lysk5TYzXshHLfEY52IJ0ofOeCsifquqTymbXCSTx+g4rXO30XYxoM6Y1ed5pNnpULe9Rx19A==}
+    engines: {node: '>=18'}
+
   leac@0.6.0:
     resolution: {integrity: sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==}
 
@@ -15721,6 +15728,8 @@ snapshots:
       zod: 3.23.8
       zod-validation-error: 3.3.0(zod@3.23.8)
 
+  ky@1.6.0: {}
+
   leac@0.6.0: {}
 
   leven@4.0.0: {}

From e6d5cd5a3144f6f893599216ec053d6d811a34d3 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 22:51:06 +0530
Subject: [PATCH 19/48] feat: add api client

---
 src/server/api/api-client.ts | 83 +++++++++++++++++++++++++++++++++---
 1 file changed, 77 insertions(+), 6 deletions(-)

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
index af741f90b..a8ff42d2b 100644
--- a/src/server/api/api-client.ts
+++ b/src/server/api/api-client.ts
@@ -1,9 +1,80 @@
 import { env } from "@/env";
-import { hc } from "hono/client";
-import type { APIType } from ".";
+import type {
+  RouteConfigToTypedResponse,
+  createRoute,
+  z,
+} from "@hono/zod-openapi";
 
-export const apiClient = hc<APIType>(env.NEXT_PUBLIC_BASE_URL, {
-  init: {
-    cache: "no-cache",
-  },
+import ky from "ky";
+
+const api = ky.create({
+  cache: "no-cache",
 });
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+type ExtractParams<T> = T extends { params: z.ZodType<any, any, any> }
+  ? z.infer<T["params"]>
+  : never;
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+type ExtractQuery<T> = T extends { query: z.ZodType<any, any, any> }
+  ? z.infer<T["query"]>
+  : never;
+
+type ExtractRequestBody<T> = T extends {
+  body: {
+    content: {
+      "application/json": {
+        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+        schema: z.ZodType<any, any, any>;
+      };
+    };
+  };
+}
+  ? z.infer<T["body"]["content"]["application/json"]["schema"]>
+  : never;
+
+// biome-ignore lint/complexity/noBannedTypes: <explanation>
+type IfNever<T, Obj> = [T] extends [never] ? {} : Obj;
+
+export type APIClientParams<T extends RouteConfig> = IfNever<
+  ExtractParams<T["request"]>,
+  { urlParams: ExtractParams<T["request"]> }
+> &
+  IfNever<
+    ExtractQuery<T["request"]>,
+    { searchParams: ExtractQuery<T["request"]> }
+  > &
+  IfNever<
+    ExtractRequestBody<T["request"]>,
+    { json: ExtractRequestBody<T["request"]> }
+  >;
+
+type RouteConfig = Parameters<typeof createRoute>[0];
+
+export function createClient<
+  T extends Omit<RouteConfig, "path">,
+  P extends string,
+  U extends T & { path: P },
+>(handler: U, params: APIClientParams<U>) {
+  const path = interpolatePath(
+    `${env.NEXT_PUBLIC_BASE_URL}/api${handler.path}`,
+    "urlParams" in params ? params.urlParams : {},
+  );
+
+  const req = api(path, {
+    method: handler.method,
+    ...("json" in params && { json: params.json }),
+    ...("searchParams" in params && { searchParams: params.searchParams }),
+  });
+  handler.request?.body;
+  return req.json<RouteConfigToTypedResponse<U>["_data"]>();
+}
+
+function interpolatePath(
+  path: string,
+  params: Record<string, string | number>,
+): string {
+  return path.replace(/{([^}]+)}/g, (_, key) =>
+    encodeURIComponent(String(params[key])),
+  );
+}

From 1b49d96610e5a16a7cec06ff7e6c33a6e8711d40 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:39:15 +0530
Subject: [PATCH 20/48] feat: add api client

---
 src/server/api/api-client.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
index a8ff42d2b..9ec475415 100644
--- a/src/server/api/api-client.ts
+++ b/src/server/api/api-client.ts
@@ -51,22 +51,22 @@ export type APIClientParams<T extends RouteConfig> = IfNever<
 
 type RouteConfig = Parameters<typeof createRoute>[0];
 
-export function createClient<
-  T extends Omit<RouteConfig, "path">,
-  P extends string,
-  U extends T & { path: P },
->(handler: U, params: APIClientParams<U>) {
+export async function createClient<U extends RouteConfig>(
+  method: U["method"],
+  url: U["path"],
+  params: APIClientParams<U>,
+) {
   const path = interpolatePath(
-    `${env.NEXT_PUBLIC_BASE_URL}/api${handler.path}`,
+    `${env.NEXT_PUBLIC_BASE_URL}/api${url}`,
     "urlParams" in params ? params.urlParams : {},
   );
 
-  const req = api(path, {
-    method: handler.method,
+  const req = await api(path, {
+    method: method,
     ...("json" in params && { json: params.json }),
     ...("searchParams" in params && { searchParams: params.searchParams }),
   });
-  handler.request?.body;
+
   return req.json<RouteConfigToTypedResponse<U>["_data"]>();
 }
 

From 597f5ab9730f6625f0dd832e00fb501e828d22f2 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:40:05 +0530
Subject: [PATCH 21/48] feat: add handler utility

---
 .../api/client-handlers/convertible-note.ts     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/server/api/client-handlers/convertible-note.ts

diff --git a/src/server/api/client-handlers/convertible-note.ts b/src/server/api/client-handlers/convertible-note.ts
new file mode 100644
index 000000000..3c3bd9716
--- /dev/null
+++ b/src/server/api/client-handlers/convertible-note.ts
@@ -0,0 +1,17 @@
+import { type APIClientParams, createClient } from "../api-client";
+import type { create } from "../routes/convertible-note/create";
+
+type CreateRoute = typeof create.route;
+
+export const createConvertibleNote = (params: TCreateConvertibleNoteParams) => {
+  return createClient<CreateRoute>(
+    "post",
+    "/v1/{companyId}/convertible-notes",
+    params,
+  );
+};
+
+export type TCreateConvertibleNoteParams = APIClientParams<CreateRoute>;
+export type TCreateConvertibleNoteRes = Awaited<
+  ReturnType<typeof createConvertibleNote>
+>;

From b55c22e13e3ff4ec0829e08fef879c083faf279b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:40:56 +0530
Subject: [PATCH 22/48] fix: schema

---
 src/server/api/schema/convertible-note.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index 3323044dc..a79f7fa4c 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -19,8 +19,8 @@ export const ConvertibleNoteSchema = z
     interestRate: z.number().nullish(),
     stakeholderId: z.string(),
     companyId: z.string(),
-    issueDate: z.string().date(),
-    boardApprovalDate: z.string().date(),
+    issueDate: z.string().datetime(),
+    boardApprovalDate: z.string().datetime(),
 
     status: z.nativeEnum(ConvertibleStatusEnum),
     type: z.nativeEnum(ConvertibleTypeEnum),
@@ -30,8 +30,8 @@ export const ConvertibleNoteSchema = z
       .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
       .nullish(),
 
-    createdAt: z.string().date(),
-    updatedAt: z.string().date(),
+    createdAt: z.string().datetime(),
+    updatedAt: z.string().datetime(),
   })
   .openapi("Convertible Note");
 

From 72c0159e7e8f65c0d06f9254d37e282545e4413c Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:41:07 +0530
Subject: [PATCH 23/48] chore: remove modal

---
 src/components/modals/index.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/modals/index.ts b/src/components/modals/index.ts
index d5b668eb4..c05179f74 100644
--- a/src/components/modals/index.ts
+++ b/src/components/modals/index.ts
@@ -18,7 +18,6 @@ import { UpdateSingleStakeholderModal } from "./stakeholder/update-stakeholder-m
 import { TeamMemberModal } from "./team-member/team-member-modal";
 import { WipModal } from "./wip-modal";
 
-import { AddConvertibleNotesModal } from "@/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal";
 import { AddEsignDocumentModal } from "./esign-doc";
 import { InvestorModal } from "./investor/add-investor-modal";
 
@@ -44,7 +43,5 @@ export const { pushModal, popModal, ModalProvider } = createPushModal({
     NewSafeModal,
     ExistingSafeModal,
     InvestorModal,
-
-    AddConvertibleNotes: AddConvertibleNotesModal,
   },
 });

From ae4af43998552fce1f8f24fb8eda55f964860718 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:44:02 +0530
Subject: [PATCH 24/48] feat: update modal

---
 .../add-convertible-notes-button.tsx          |  20 ++--
 .../components/add-convertible-notes-form.tsx |  59 +++++++++-
 .../add-convertible-notes-modal.tsx           |   8 +-
 .../components/upload-document-step.tsx       | 103 +++++++++++++++---
 4 files changed, 159 insertions(+), 31 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
index 82e3027c7..1222df672 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-button.tsx
@@ -1,18 +1,14 @@
-"use client";
-
-import { pushModal } from "@/components/modals";
 import { Button } from "@/components/ui/button";
+import { Dialog, DialogTrigger } from "@/components/ui/dialog";
+import { AddConvertibleNotesModal } from "./add-convertible-notes-modal";
 
 export function AddConvertibleNotesButton() {
   return (
-    <Button
-      onClick={() => {
-        pushModal("AddConvertibleNotes", {
-          title: "Create a new convertible note",
-        });
-      }}
-    >
-      Add Convertible Note
-    </Button>
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button>Add Convertible Note</Button>
+      </DialogTrigger>
+      <AddConvertibleNotesModal title="Create a new convertible note" />
+    </Dialog>
   );
 }
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
index 8371c983c..44e87a405 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
@@ -15,6 +15,7 @@ import { useForm } from "react-hook-form";
 import { z } from "zod";
 
 import { Button } from "@/components/ui/button";
+import { LinearCombobox } from "@/components/ui/combobox";
 import {
   Select,
   SelectContent,
@@ -34,6 +35,10 @@ import {
   ConvertibleTypeEnum,
 } from "@/prisma/enums";
 import { useFormValueUpdater } from "@/providers/form-value-provider";
+import type { RouterOutputs } from "@/trpc/shared";
+import { RiAddCircleLine } from "@remixicon/react";
+import { useSession } from "next-auth/react";
+import { useRouter } from "next/navigation";
 
 const InterestMethodOption: Record<ConvertibleInterestMethodEnum, string> = {
   COMPOUND: "Compound",
@@ -77,11 +82,22 @@ const Schema = z.object({
     .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
     .optional(),
   type: z.nativeEnum(ConvertibleTypeEnum),
+  mfn: z.boolean().optional(),
+  stakeholderId: z.string(),
 });
 
-type TFormSchema = z.infer<typeof Schema>;
+export type TFormSchema = z.infer<typeof Schema>;
 
-export function AddConvertibleNotesForm() {
+interface AddConvertibleNotesFormProps {
+  stakeholders: RouterOutputs["stakeholder"]["getStakeholders"];
+}
+
+export function AddConvertibleNotesForm({
+  stakeholders,
+}: AddConvertibleNotesFormProps) {
+  const { data: session } = useSession();
+
+  const router = useRouter();
   const form = useForm<TFormSchema>({
     resolver: zodResolver(Schema),
   });
@@ -93,6 +109,11 @@ export function AddConvertibleNotesForm() {
     setValue(data);
   };
 
+  const stakeHolderOpts = stakeholders?.map((sh) => ({
+    value: sh.id,
+    label: sh.institutionName ? `${sh.institutionName} - ${sh.name}` : sh.name,
+  }));
+
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)}>
@@ -181,6 +202,40 @@ export function AddConvertibleNotesForm() {
             )}
           />
 
+          <FormField
+            control={form.control}
+            name="stakeholderId"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Stakeholder</FormLabel>
+                <div>
+                  <LinearCombobox
+                    options={stakeHolderOpts}
+                    onValueChange={(option) => field.onChange(option.value)}
+                  >
+                    <button
+                      type="button"
+                      className="cursor-pointer w-full text-left"
+                      onClick={() => {
+                        router.push(
+                          `/${session?.user.companyPublicId}/stakeholders`,
+                        );
+                      }}
+                    >
+                      <div className="flex items-center my-1 gap-x-2">
+                        <span>
+                          <RiAddCircleLine className="h-4 w-4" aria-hidden />
+                        </span>
+                        <div>Add a stakeholder</div>
+                      </div>
+                    </button>
+                  </LinearCombobox>
+                </div>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
           <FormField
             control={form.control}
             name="interestMethod"
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
index 25c4ac7f4..454ae8b7a 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-modal.tsx
@@ -5,9 +5,15 @@ import {
   StepperStep,
 } from "@/components/ui/stepper";
 import { FormValueProvider } from "@/providers/form-value-provider";
+import { api } from "@/trpc/server";
 import { AddConvertibleNotesForm } from "./add-convertible-notes-form";
 import { UploadDocumentStep } from "./upload-document-step";
 
+async function AddConvertibleNotesFormStep() {
+  const stakeholders = await api.stakeholder.getStakeholders.query();
+  return <AddConvertibleNotesForm stakeholders={stakeholders} />;
+}
+
 export function AddConvertibleNotesModal(
   props: Omit<StepperModalProps, "children">,
 ) {
@@ -16,7 +22,7 @@ export function AddConvertibleNotesModal(
       <FormValueProvider>
         <StepperStep title="General details">
           <StepperModalContent>
-            <AddConvertibleNotesForm />
+            <AddConvertibleNotesFormStep />
           </StepperModalContent>
         </StepperStep>
         <StepperStep title="Documents">
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index 7a8d951b0..ddbbd36f4 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -1,24 +1,95 @@
+"use client";
+
 import { Button } from "@/components/ui/button";
 import { FileUploader } from "@/components/ui/file-uploader";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
 import { StepperModalFooter, StepperPrev } from "@/components/ui/stepper";
+import { invariant } from "@/lib/error";
+import { useFormValueState } from "@/providers/form-value-provider";
+import {
+  type TCreateConvertibleNoteParams,
+  type TCreateConvertibleNoteRes,
+  createConvertibleNote,
+} from "@/server/api/client-handlers/convertible-note";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation } from "@tanstack/react-query";
+import { useSession } from "next-auth/react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import type { TFormSchema } from "./add-convertible-notes-form";
+
+const Schema = z.object({
+  files: z.array(z.instanceof(File)).min(1, "Add one or more files"),
+});
+
+type TSchema = z.infer<typeof Schema>;
 
 export function UploadDocumentStep() {
+  const { data: session } = useSession();
+  const formData = useFormValueState<TFormSchema>();
+
+  const form = useForm<TSchema>({
+    resolver: zodResolver(Schema),
+    defaultValues: {
+      files: [],
+    },
+  });
+
+  const { mutateAsync: createNote } = useMutation<
+    TCreateConvertibleNoteRes,
+    Error,
+    TCreateConvertibleNoteParams
+  >((params) => {
+    return createConvertibleNote(params);
+  }, {});
+
+  const onSubmit = async (data: TSchema) => {
+    invariant(session, "session not found");
+    await createNote({
+      urlParams: { companyId: session.user.companyId },
+      json: formData,
+    });
+  };
+
   return (
-    <div>
-      <FileUploader
-        accept={{
-          "application/pdf": [".pdf"],
-        }}
-        multiple
-        maxSize={1024 * 1024 * 50}
-        // biome-ignore lint/style/useNumberNamespace: <explanation>
-        maxFileCount={Infinity}
-      />
-
-      <StepperModalFooter className="pt-6">
-        <StepperPrev>Back</StepperPrev>
-        <Button type="submit">Save & Continue</Button>
-      </StepperModalFooter>
-    </div>
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <FormField
+          control={form.control}
+          name="files"
+          render={({ field }) => (
+            <FormItem className="w-full">
+              <FormLabel className="sr-only">files</FormLabel>
+              <FormControl>
+                <FileUploader
+                  value={field.value}
+                  onValueChange={field.onChange}
+                  accept={{
+                    "application/pdf": [".pdf"],
+                  }}
+                  multiple
+                  maxSize={1024 * 1024 * 50}
+                  // biome-ignore lint/style/useNumberNamespace: <explanation>
+                  maxFileCount={Infinity}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <StepperModalFooter className="pt-6">
+          <StepperPrev>Back</StepperPrev>
+          <Button type="submit">Save & Continue</Button>
+        </StepperModalFooter>
+      </form>
+    </Form>
   );
 }

From 6f75f9e318c50bf115afe4ef5c2d37ecff20d53e Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Wed, 14 Aug 2024 23:48:41 +0530
Subject: [PATCH 25/48] fix: formatting

---
 .../components/upload-document-step.tsx                | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index ddbbd36f4..2e80a04da 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -54,7 +54,15 @@ export function UploadDocumentStep() {
     invariant(session, "session not found");
     await createNote({
       urlParams: { companyId: session.user.companyId },
-      json: formData,
+      json: {
+        ...formData,
+        ...(formData.boardApprovalDate && {
+          boardApprovalDate: new Date(formData.boardApprovalDate).toISOString(),
+        }),
+        ...(formData.issueDate && {
+          issueDate: new Date(formData.issueDate).toISOString(),
+        }),
+      },
     });
   };
 

From 37b5198973a3627ac90b2d8fcbb75feae4a3e22a Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 10:36:09 +0530
Subject: [PATCH 26/48] fix: client

---
 src/server/api/api-client.ts | 89 +++++++++++++++++++++++++++++-------
 1 file changed, 72 insertions(+), 17 deletions(-)

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
index 9ec475415..ea918f718 100644
--- a/src/server/api/api-client.ts
+++ b/src/server/api/api-client.ts
@@ -5,12 +5,6 @@ import type {
   z,
 } from "@hono/zod-openapi";
 
-import ky from "ky";
-
-const api = ky.create({
-  cache: "no-cache",
-});
-
 // biome-ignore lint/suspicious/noExplicitAny: <explanation>
 type ExtractParams<T> = T extends { params: z.ZodType<any, any, any> }
   ? z.infer<T["params"]>
@@ -47,7 +41,9 @@ export type APIClientParams<T extends RouteConfig> = IfNever<
   IfNever<
     ExtractRequestBody<T["request"]>,
     { json: ExtractRequestBody<T["request"]> }
-  >;
+  > & {
+    headers?: Headers;
+  };
 
 type RouteConfig = Parameters<typeof createRoute>[0];
 
@@ -56,18 +52,27 @@ export async function createClient<U extends RouteConfig>(
   url: U["path"],
   params: APIClientParams<U>,
 ) {
-  const path = interpolatePath(
-    `${env.NEXT_PUBLIC_BASE_URL}/api${url}`,
-    "urlParams" in params ? params.urlParams : {},
-  );
+  try {
+    const path = buildPath(url, params);
+    const headers = buildHeaders(params.headers);
+    const requestOptions = buildRequestOptions(method, headers, params);
+
+    const response = await fetch(path, requestOptions);
 
-  const req = await api(path, {
-    method: method,
-    ...("json" in params && { json: params.json }),
-    ...("searchParams" in params && { searchParams: params.searchParams }),
-  });
+    if (!response.ok) {
+      const errorMessage = await getErrorMessage(response);
+      throw new Error(`HTTP Error: ${response.status} - ${errorMessage}`);
+    }
 
-  return req.json<RouteConfigToTypedResponse<U>["_data"]>();
+    try {
+      return response.json() as RouteConfigToTypedResponse<U>["_data"];
+    } catch (_jsonError) {
+      throw new Error("Failed to parse JSON response.");
+    }
+  } catch (error) {
+    console.error("Error in createClient:", error);
+    throw error;
+  }
 }
 
 function interpolatePath(
@@ -78,3 +83,53 @@ function interpolatePath(
     encodeURIComponent(String(params[key])),
   );
 }
+
+function buildHeaders(customHeaders?: HeadersInit): Headers {
+  const headers = new Headers(customHeaders);
+  headers.set("Content-Type", "application/json");
+  return headers;
+}
+
+function buildPath<U extends RouteConfig>(
+  url: string,
+  params: APIClientParams<U>,
+): string {
+  let path = interpolatePath(
+    `${env.NEXT_PUBLIC_BASE_URL}/api${url}`,
+    "urlParams" in params ? params.urlParams : {},
+  );
+
+  if ("searchParams" in params) {
+    const queryString = new URLSearchParams(params.searchParams).toString();
+    path += `?${queryString}`;
+  }
+
+  return path;
+}
+
+function buildRequestOptions<U extends RouteConfig>(
+  method: string,
+  headers: Headers,
+  params: APIClientParams<U>,
+): RequestInit {
+  const requestOptions: RequestInit = {
+    method: method.toUpperCase(),
+    credentials: "include",
+    headers,
+  };
+
+  if ("json" in params) {
+    requestOptions.body = JSON.stringify(params.json);
+  }
+
+  return requestOptions;
+}
+
+async function getErrorMessage(response: Response): Promise<string> {
+  try {
+    const data = await response.json();
+    return data.message || "Unknown error occurred.";
+  } catch {
+    return response.statusText || "Unknown error occurred.";
+  }
+}

From 72b8e8f1e6e59e1187ce9c66d33501ca82a8b42b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 10:36:59 +0530
Subject: [PATCH 27/48] feat: add get many route and handler

---
 .../api/client-handlers/convertible-note.ts   | 18 ++++
 .../api/routes/convertible-note/getMany.ts    | 84 +++++++++++++++++++
 .../api/routes/convertible-note/index.ts      |  5 +-
 src/server/api/schema/convertible-note.ts     |  8 ++
 4 files changed, 114 insertions(+), 1 deletion(-)
 create mode 100644 src/server/api/routes/convertible-note/getMany.ts

diff --git a/src/server/api/client-handlers/convertible-note.ts b/src/server/api/client-handlers/convertible-note.ts
index 3c3bd9716..b364df465 100644
--- a/src/server/api/client-handlers/convertible-note.ts
+++ b/src/server/api/client-handlers/convertible-note.ts
@@ -1,5 +1,6 @@
 import { type APIClientParams, createClient } from "../api-client";
 import type { create } from "../routes/convertible-note/create";
+import type { getMany } from "../routes/convertible-note/getMany";
 
 type CreateRoute = typeof create.route;
 
@@ -15,3 +16,20 @@ export type TCreateConvertibleNoteParams = APIClientParams<CreateRoute>;
 export type TCreateConvertibleNoteRes = Awaited<
   ReturnType<typeof createConvertibleNote>
 >;
+
+type GetManyRoute = typeof getMany.route;
+
+export const getManyConvertibleNote = (
+  params: TGetManyConvertibleNoteParams,
+) => {
+  return createClient<GetManyRoute>(
+    "get",
+    "/v1/{companyId}/convertible-notes",
+    params,
+  );
+};
+
+export type TGetManyConvertibleNoteParams = APIClientParams<GetManyRoute>;
+export type TGetManyConvertibleNoteRes = Awaited<
+  ReturnType<typeof getManyConvertibleNote>
+>;
diff --git a/src/server/api/routes/convertible-note/getMany.ts b/src/server/api/routes/convertible-note/getMany.ts
new file mode 100644
index 000000000..ce6faa662
--- /dev/null
+++ b/src/server/api/routes/convertible-note/getMany.ts
@@ -0,0 +1,84 @@
+import { z } from "@hono/zod-openapi";
+import { ConvertibleNoteSchemaWithStakeHolder } from "../../schema/convertible-note";
+import {
+  PaginationQuerySchema,
+  PaginationResponseSchema,
+} from "../../schema/pagination";
+import { authMiddleware, withAuthApiV1 } from "../../utils/endpoint-creator";
+
+const ResponseSchema = z.object({
+  data: z.array(ConvertibleNoteSchemaWithStakeHolder),
+  meta: PaginationResponseSchema,
+});
+
+const ParamsSchema = z.object({
+  companyId: z.string().openapi({
+    param: {
+      name: "companyId",
+      in: "path",
+    },
+    description: "Company ID",
+    type: "string",
+    example: "clxwbok580000i7nge8nm1ry0",
+  }),
+});
+
+export const getMany = withAuthApiV1
+  .createRoute({
+    summary: "List convertible notes",
+    description:
+      "Retrieve a paginated list of all convertible notes in the company.",
+    tags: ["Convertible Notes"],
+    method: "get",
+    path: "/v1/{companyId}/convertible-notes",
+    middleware: [authMiddleware()],
+    request: {
+      query: PaginationQuerySchema,
+      params: ParamsSchema,
+    },
+    responses: {
+      200: {
+        content: {
+          "application/json": {
+            schema: ResponseSchema,
+          },
+        },
+        description:
+          "A list of convertible notes in a company with their details.",
+      },
+    },
+  })
+  .handler(async (c) => {
+    const { membership } = c.get("session");
+    const { db } = c.get("services");
+    const query = c.req.valid("query");
+
+    const [data, meta] = await db.convertibleNote
+      .paginate({
+        where: { companyId: membership.companyId },
+        include: { stakeholder: { select: { name: true } } },
+      })
+      .withCursor({
+        limit: query.limit,
+        after: query.cursor,
+        getCursor({ id }) {
+          return id;
+        },
+        parseCursor(cursor) {
+          return { id: cursor };
+        },
+      });
+
+    const response: z.infer<typeof ResponseSchema> = {
+      data: data.map((note) => ({
+        ...note,
+        createdAt: note.createdAt.toISOString(),
+        updatedAt: note.updatedAt.toISOString(),
+        issueDate: note.issueDate.toISOString(),
+        boardApprovalDate: note.boardApprovalDate.toISOString(),
+      })),
+      meta,
+    };
+
+    return c.json(response, 200);
+  });
diff --git a/src/server/api/routes/convertible-note/index.ts b/src/server/api/routes/convertible-note/index.ts
index 3191c483a..e954fff1c 100644
--- a/src/server/api/routes/convertible-note/index.ts
+++ b/src/server/api/routes/convertible-note/index.ts
@@ -1,5 +1,8 @@
 import type { OpenAPIHono } from "@hono/zod-openapi";
 import { create } from "./create";
+import { getMany } from "./getMany";
 
 export const registerConvertibleNotesRoutes = (api: OpenAPIHono) =>
-  api.openapi(create.route, create.handler);
+  api
+    .openapi(create.route, create.handler)
+    .openapi(getMany.route, getMany.handler);
diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index a79f7fa4c..836cb9635 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -49,3 +49,11 @@ export const CreateConvertibleNotesSchema = ConvertibleNoteSchema.omit({
 export type TCreateConvertibleNotesSchema = z.infer<
   typeof CreateConvertibleNotesSchema
 >;
+
+export const ConvertibleNoteSchemaWithStakeHolder = z
+  .object({
+    stakeholder: z.object({
+      name: z.string(),
+    }),
+  })
+  .merge(ConvertibleNoteSchema);

From 8654bbe5caaaf28aa3cad5c464fbdbbeb8ed91a0 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 10:39:05 +0530
Subject: [PATCH 28/48] feat: add no store option

---
 src/server/api/api-client.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/server/api/api-client.ts b/src/server/api/api-client.ts
index ea918f718..fd7f77853 100644
--- a/src/server/api/api-client.ts
+++ b/src/server/api/api-client.ts
@@ -116,6 +116,7 @@ function buildRequestOptions<U extends RouteConfig>(
     method: method.toUpperCase(),
     credentials: "include",
     headers,
+    cache: "no-store",
   };
 
   if ("json" in params) {

From c1b5dcb493f28c9894d05b09ee16335797776ff9 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 10:40:48 +0530
Subject: [PATCH 29/48] feat: add limit

---
 .../components/convertible-notes-table.tsx    | 251 ++++++++++++++++++
 .../fundraise/convertible-notes/page.tsx      |  44 ++-
 2 files changed, 288 insertions(+), 7 deletions(-)
 create mode 100644 src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx
new file mode 100644
index 000000000..1a80dd41f
--- /dev/null
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx
@@ -0,0 +1,251 @@
+"use client";
+
+import {
+  type ColumnDef,
+  type ColumnFiltersState,
+  type SortingState,
+  type VisibilityState,
+  getCoreRowModel,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+import { Avatar, AvatarImage } from "@/components/ui/avatar";
+import { DataTable } from "@/components/ui/data-table/data-table";
+import { DataTableBody } from "@/components/ui/data-table/data-table-body";
+import { SortButton } from "@/components/ui/data-table/data-table-buttons";
+import { DataTableContent } from "@/components/ui/data-table/data-table-content";
+import { DataTableHeader } from "@/components/ui/data-table/data-table-header";
+import { DataTablePagination } from "@/components/ui/data-table/data-table-pagination";
+import type { TGetManyConvertibleNoteRes } from "@/server/api/client-handlers/convertible-note";
+import { RiMore2Fill } from "@remixicon/react";
+
+type ConvertibleNote = TGetManyConvertibleNoteRes["data"];
+
+type Props = {
+  notes: ConvertibleNote;
+};
+
+export const columns: ColumnDef<ConvertibleNote[number]>[] = [
+  {
+    id: "select",
+    header: ({ table }) => (
+      <Checkbox
+        checked={
+          table.getIsAllPageRowsSelected() ||
+          (table.getIsSomePageRowsSelected() && "indeterminate")
+        }
+        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={(value) => row.toggleSelected(!!value)}
+        aria-label="Select row"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  },
+  {
+    id: "stakeholderName",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Stakeholder"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    accessorFn: (row) => row?.stakeholder?.name,
+    cell: ({ row }) => (
+      <div className="flex">
+        <Avatar className="h-10 w-10 rounded-full">
+          <AvatarImage src={"/avatar.svg"} />
+        </Avatar>
+        <div className=" ml-2 pt-2">
+          <p>{row?.original?.stakeholder?.name}</p>
+        </div>
+      </div>
+    ),
+  },
+  {
+    accessorKey: "capital",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Capital"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => (
+      <div className="text-left">{row.getValue("capital")}</div>
+    ),
+  },
+  {
+    accessorKey: "valuationCap",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="ValuationCap"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => (
+      <div className="text-left">{row.getValue("valuationCap")}</div>
+    ),
+  },
+  {
+    accessorKey: "type",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Type"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => <div className="text-left">{row.getValue("type")}</div>,
+  },
+  {
+    accessorKey: "status",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Status"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => (
+      <div className="text-left">{row.getValue("status")}</div>
+    ),
+  },
+  {
+    accessorKey: "discountRate",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Discount Rate"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => (
+      <div className="text-left">{row.getValue("discountRate")}</div>
+    ),
+  },
+  {
+    accessorKey: "issueDate",
+    header: ({ column }) => {
+      return (
+        <SortButton
+          label="Issue Date"
+          onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}
+        />
+      );
+    },
+    cell: ({ row }) => (
+      <div className="text-left">
+        {new Date(row.getValue("issueDate")).toLocaleDateString()}
+      </div>
+    ),
+  },
+
+  {
+    id: "actions",
+    enableHiding: false,
+    cell: ({ row }) => {
+      return (
+        <DropdownMenu>
+          <div className="items-end justify-end text-right">
+            <DropdownMenuTrigger
+              className="border-0 border-white outline-none focus:outline-none"
+              asChild
+            >
+              <Button variant="ghost" className="h-8 w-8 p-0">
+                <>
+                  <span className="sr-only">Open menu</span>
+                  <RiMore2Fill aria-hidden className="h-4 w-4" />
+                </>
+              </Button>
+            </DropdownMenuTrigger>
+          </div>
+          <DropdownMenuContent align="end">
+            <DropdownMenuLabel>Actions</DropdownMenuLabel>
+
+            <DropdownMenuSeparator />
+
+            <DropdownMenuItem onSelect={() => {}} className="text-red-500">
+              Delete Note
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      );
+    },
+  },
+];
+
+export const ConvertibleNotesTable = ({ notes }: Props) => {
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
+    [],
+  );
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>({});
+  const [rowSelection, setRowSelection] = React.useState({});
+
+  const table = useReactTable({
+    data: notes ?? [],
+    columns: columns,
+    enableRowSelection: true,
+    onRowSelectionChange: setRowSelection,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFacetedRowModel: getFacetedRowModel(),
+    getFacetedUniqueValues: getFacetedUniqueValues(),
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+    },
+  });
+
+  return (
+    <div className="w-full p-6">
+      <DataTable table={table}>
+        <DataTableContent>
+          <DataTableHeader />
+          <DataTableBody />
+        </DataTableContent>
+        <DataTablePagination />
+      </DataTable>
+    </div>
+  );
+};
diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
index 340e5eb81..766a9bb8f 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
@@ -1,22 +1,52 @@
 import EmptyState from "@/components/common/empty-state";
 
+import { PageLayout } from "@/components/dashboard/page-layout";
+import { Card } from "@/components/ui/card";
+import { getManyConvertibleNote } from "@/server/api/client-handlers/convertible-note";
+import { withServerSession } from "@/server/auth";
 import { RiPieChartFill } from "@remixicon/react";
 import type { Metadata } from "next";
+import { headers } from "next/headers";
 import { AddConvertibleNotesButton } from "./components/add-convertible-notes-button";
+import { ConvertibleNotesTable } from "./components/convertible-notes-table";
 
 export const metadata: Metadata = {
   title: "Convertible notes",
 };
 
-const ConvertibleNotesPage = () => {
+const ConvertibleNotesPage = async () => {
+  // const session = await withServerSession();
+  const notes = await getManyConvertibleNote({
+    searchParams: {
+      limit: 50,
+    },
+    urlParams: { companyId: "clzjkpjne0005kpdrg9ibpg9x" },
+    headers: headers(),
+  });
+
+  if (!notes?.data?.length) {
+    return (
+      <EmptyState
+        icon={<RiPieChartFill />}
+        title="Create and manage convertible notes."
+        subtitle="Please click the button for creating convertible notes."
+      >
+        <AddConvertibleNotesButton />
+      </EmptyState>
+    );
+  }
   return (
-    <EmptyState
-      icon={<RiPieChartFill />}
-      title="Create and manage convertible notes."
-      subtitle="Please click the button for creating convertible notes."
+    <PageLayout
+      title="Convertible notes"
+      description="Create and manage convertible notes."
+      action={<AddConvertibleNotesButton />}
     >
-      <AddConvertibleNotesButton />
-    </EmptyState>
+      <Card className="mt-3">
+        <div className="p-6">
+          <ConvertibleNotesTable notes={notes.data} />
+        </div>
+      </Card>
+    </PageLayout>
   );
 };
 

From aa5c090d77e61eab935f9215cd8309e0089f94fe Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 10:44:37 +0530
Subject: [PATCH 30/48] chore: remove ky

---
 package.json   | 1 -
 pnpm-lock.yaml | 9 ---------
 2 files changed, 10 deletions(-)

diff --git a/package.json b/package.json
index cc2de2e17..4a952280a 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,6 @@
     "html-to-image": "^1.11.11",
     "input-otp": "^1.1.0",
     "jose": "^5.3.0",
-    "ky": "^1.6.0",
     "lodash-es": "^4.17.21",
     "mime": "^4.0.3",
     "nanoid": "^5.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c3db7bf9a..c6e578d3b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -179,9 +179,6 @@ importers:
       jose:
         specifier: ^5.3.0
         version: 5.3.0
-      ky:
-        specifier: ^1.6.0
-        version: 1.6.0
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
@@ -5970,10 +5967,6 @@ packages:
       '@types/node': '>=18'
       typescript: '>=5.0.4'
 
-  ky@1.6.0:
-    resolution: {integrity: sha512-MG7hlH26oShC4Lysk5TYzXshHLfEY52IJ0ofOeCsifquqTymbXCSTx+g4rXO30XYxoM6Y1ed5pNnpULe9Rx19A==}
-    engines: {node: '>=18'}
-
   leac@0.6.0:
     resolution: {integrity: sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==}
 
@@ -15728,8 +15721,6 @@ snapshots:
       zod: 3.23.8
       zod-validation-error: 3.3.0(zod@3.23.8)
 
-  ky@1.6.0: {}
-
   leac@0.6.0: {}
 
   leven@4.0.0: {}

From 485a60c3e96ac44e7d40797ea7f6e165255bc50c Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 18:28:32 +0530
Subject: [PATCH 31/48] feat: add delete step

---
 .../components/convertible-notes-table.tsx    | 41 ++++++++-
 .../api/client-handlers/convertible-note.ts   | 18 ++++
 .../api/routes/convertible-note/delete.ts     | 88 +++++++++++++++++++
 .../api/routes/convertible-note/index.ts      |  2 +
 4 files changed, 147 insertions(+), 2 deletions(-)
 create mode 100644 src/server/api/routes/convertible-note/delete.ts

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx
index 1a80dd41f..ed1335902 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/convertible-notes-table.tsx
@@ -33,8 +33,18 @@ import { SortButton } from "@/components/ui/data-table/data-table-buttons";
 import { DataTableContent } from "@/components/ui/data-table/data-table-content";
 import { DataTableHeader } from "@/components/ui/data-table/data-table-header";
 import { DataTablePagination } from "@/components/ui/data-table/data-table-pagination";
-import type { TGetManyConvertibleNoteRes } from "@/server/api/client-handlers/convertible-note";
+import { invariant } from "@/lib/error";
+import {
+  type TDeleteOneConvertibleNoteParams,
+  type TDeleteOneConvertibleNoteRes,
+  type TGetManyConvertibleNoteRes,
+  deleteOneConvertibleNote,
+} from "@/server/api/client-handlers/convertible-note";
 import { RiMore2Fill } from "@remixicon/react";
+import { useMutation } from "@tanstack/react-query";
+import { useSession } from "next-auth/react";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
 
 type ConvertibleNote = TGetManyConvertibleNoteRes["data"];
 
@@ -176,6 +186,33 @@ export const columns: ColumnDef<ConvertibleNote[number]>[] = [
     id: "actions",
     enableHiding: false,
     cell: ({ row }) => {
+      const { data: session } = useSession();
+      const note = row.original;
+      const router = useRouter();
+
+      const { mutateAsync: deleteNote } = useMutation<
+        TDeleteOneConvertibleNoteRes,
+        Error,
+        TDeleteOneConvertibleNoteParams
+      >(
+        (params) => {
+          return deleteOneConvertibleNote(params);
+        },
+        {
+          onSuccess: (res) => {
+            router.refresh();
+            toast.success(res.message);
+          },
+        },
+      );
+
+      const handleDelete = async () => {
+        invariant(session, "session not found");
+        await deleteNote({
+          urlParams: { companyId: session.user.companyId, id: note.id },
+        });
+      };
+
       return (
         <DropdownMenu>
           <div className="items-end justify-end text-right">
@@ -196,7 +233,7 @@ export const columns: ColumnDef<ConvertibleNote[number]>[] = [
 
             <DropdownMenuSeparator />
 
-            <DropdownMenuItem onSelect={() => {}} className="text-red-500">
+            <DropdownMenuItem onSelect={handleDelete} className="text-red-500">
               Delete Note
             </DropdownMenuItem>
           </DropdownMenuContent>
diff --git a/src/server/api/client-handlers/convertible-note.ts b/src/server/api/client-handlers/convertible-note.ts
index b364df465..298d833d2 100644
--- a/src/server/api/client-handlers/convertible-note.ts
+++ b/src/server/api/client-handlers/convertible-note.ts
@@ -1,5 +1,6 @@
 import { type APIClientParams, createClient } from "../api-client";
 import type { create } from "../routes/convertible-note/create";
+import type { deleteOne } from "../routes/convertible-note/delete";
 import type { getMany } from "../routes/convertible-note/getMany";
 
 type CreateRoute = typeof create.route;
@@ -33,3 +34,20 @@ export type TGetManyConvertibleNoteParams = APIClientParams<GetManyRoute>;
 export type TGetManyConvertibleNoteRes = Awaited<
   ReturnType<typeof getManyConvertibleNote>
 >;
+
+type DeleteOneRoute = typeof deleteOne.route;
+
+export const deleteOneConvertibleNote = (
+  params: TDeleteOneConvertibleNoteParams,
+) => {
+  return createClient<DeleteOneRoute>(
+    "delete",
+    "/v1/{companyId}/convertible-notes/{id}",
+    params,
+  );
+};
+
+export type TDeleteOneConvertibleNoteParams = APIClientParams<DeleteOneRoute>;
+export type TDeleteOneConvertibleNoteRes = Awaited<
+  ReturnType<typeof deleteOneConvertibleNote>
+>;
diff --git a/src/server/api/routes/convertible-note/delete.ts b/src/server/api/routes/convertible-note/delete.ts
new file mode 100644
index 000000000..3d765dfe7
--- /dev/null
+++ b/src/server/api/routes/convertible-note/delete.ts
@@ -0,0 +1,88 @@
+import { z } from "@hono/zod-openapi";
+import { ApiError } from "../../error";
+
+import { authMiddleware, withAuthApiV1 } from "../../utils/endpoint-creator";
+
+const ParamsSchema = z.object({
+  id: z.string().openapi({
+    param: {
+      name: "id",
+      in: "path",
+    },
+    description: "convertible note ID",
+    type: "string",
+    example: "clyabgufg004u5tbtnz0r4cax",
+  }),
+  companyId: z.string().openapi({
+    param: {
+      name: "companyId",
+      in: "path",
+    },
+    description: "Company ID",
+    type: "string",
+    example: "clxwbok580000i7nge8nm1ry0",
+  }),
+});
+
+const ResponseSchema = z.object({
+  message: z.string(),
+});
+
+export const deleteOne = withAuthApiV1
+  .createRoute({
+    summary: "Delete a convertible note",
+    description: "Remove a convertible note from a company by ID.",
+    tags: ["Convertible Notes"],
+    method: "delete",
+    path: "/v1/{companyId}/convertible-notes/{id}",
+    middleware: [authMiddleware()],
+    request: { params: ParamsSchema },
+    responses: {
+      200: {
+        content: {
+          "application/json": {
+            schema: ResponseSchema,
+          },
+        },
+        description: "Confirmation that the convertible note has been removed.",
+      },
+    },
+  })
+  .handler(async (c) => {
+    const { db } = c.get("services");
+    const { membership } = c.get("session");
+    const { id } = c.req.valid("param");
+
+    await db.$transaction(async (tx) => {
+      const note = await tx.convertibleNote.findUnique({
+        where: {
+          id,
+          companyId: membership.companyId,
+        },
+        select: {
+          id: true,
+          companyId: true,
+        },
+      });
+
+      if (!note) {
+        throw new ApiError({
+          code: "NOT_FOUND",
+          message: "No convertible note with the provided Id",
+        });
+      }
+
+      await tx.convertibleNote.delete({
+        where: {
+          id: note.id,
+        },
+      });
+    });
+
+    return c.json(
+      {
+        message: "Convertible Note deleted successfully",
+      },
+      200,
+    );
+  });
diff --git a/src/server/api/routes/convertible-note/index.ts b/src/server/api/routes/convertible-note/index.ts
index e954fff1c..4ff78bf1c 100644
--- a/src/server/api/routes/convertible-note/index.ts
+++ b/src/server/api/routes/convertible-note/index.ts
@@ -1,8 +1,10 @@
 import type { OpenAPIHono } from "@hono/zod-openapi";
 import { create } from "./create";
+import { deleteOne } from "./delete";
 import { getMany } from "./getMany";
 
 export const registerConvertibleNotesRoutes = (api: OpenAPIHono) =>
   api
     .openapi(create.route, create.handler)
+    .openapi(deleteOne.route, deleteOne.handler)
     .openapi(getMany.route, getMany.handler);

From 0806365d95b2cd55c3190c8d55e8ebb3a39afc6b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 19:28:31 +0530
Subject: [PATCH 32/48] feat: add refresh

---
 .../components/upload-document-step.tsx         | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index 2e80a04da..a545fd0d9 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -21,7 +21,9 @@ import {
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
 import { useSession } from "next-auth/react";
+import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
+import { toast } from "sonner";
 import { z } from "zod";
 import type { TFormSchema } from "./add-convertible-notes-form";
 
@@ -32,6 +34,7 @@ const Schema = z.object({
 type TSchema = z.infer<typeof Schema>;
 
 export function UploadDocumentStep() {
+  const router = useRouter();
   const { data: session } = useSession();
   const formData = useFormValueState<TFormSchema>();
 
@@ -46,9 +49,17 @@ export function UploadDocumentStep() {
     TCreateConvertibleNoteRes,
     Error,
     TCreateConvertibleNoteParams
-  >((params) => {
-    return createConvertibleNote(params);
-  }, {});
+  >(
+    (params) => {
+      return createConvertibleNote(params);
+    },
+    {
+      onSuccess: () => {
+        router.refresh();
+        toast.success("Convertible note created successfully");
+      },
+    },
+  );
 
   const onSubmit = async (data: TSchema) => {
     invariant(session, "session not found");

From df381fd4dadaf5087544199614c94968f364994b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 21:02:35 +0530
Subject: [PATCH 33/48] chore: add notes

---
 src/server/api/schema/convertible-note.ts | 113 +++++++++++++++++-----
 1 file changed, 90 insertions(+), 23 deletions(-)

diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index 836cb9635..f430f898c 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -9,31 +9,95 @@ import { z } from "@hono/zod-openapi";
 
 export const ConvertibleNoteSchema = z
   .object({
-    id: z.string().cuid(),
-    publicId: z.string(),
-    capital: z.number(),
-    conversionCap: z.number().nullish(),
-    discountRate: z.number().nullish(),
-    mfn: z.boolean().nullish(),
-    additionalTerms: z.string().nullish(),
-    interestRate: z.number().nullish(),
-    stakeholderId: z.string(),
-    companyId: z.string(),
-    issueDate: z.string().datetime(),
-    boardApprovalDate: z.string().datetime(),
-
-    status: z.nativeEnum(ConvertibleStatusEnum),
-    type: z.nativeEnum(ConvertibleTypeEnum),
-    interestMethod: z.nativeEnum(ConvertibleInterestMethodEnum).nullish(),
-    interestAccrual: z.nativeEnum(ConvertibleInterestAccrualEnum).nullish(),
+    id: z.string().cuid().openapi({
+      description: "Convertible note ID",
+      example: "clyvb2s8d0000f1ngd72y2cxw",
+    }),
+    publicId: z.string().openapi({
+      description: "Public identifier of the convertible note",
+      example: "public-note-1234",
+    }),
+    capital: z.number().openapi({
+      description: "Capital amount in the convertible note",
+      example: 100000,
+    }),
+    conversionCap: z.number().nullish().openapi({
+      description: "Conversion cap amount",
+      example: 150000,
+    }),
+    discountRate: z.number().nullish().openapi({
+      description: "Discount rate applied to the convertible note",
+      example: 0.2,
+    }),
+    mfn: z.boolean().nullish().openapi({
+      description: "Most-favored nation (MFN) clause",
+      example: true,
+    }),
+    additionalTerms: z.string().nullish().openapi({
+      description: "Any additional terms for the convertible note",
+      example: "Additional terms here",
+    }),
+    interestRate: z.number().nullish().openapi({
+      description: "Interest rate on the convertible note",
+      example: 0.05,
+    }),
+    stakeholderId: z.string().openapi({
+      description: "ID of the stakeholder associated with the note",
+      example: "stakeholder-5678",
+    }),
+    companyId: z.string().openapi({
+      description: "ID of the company issuing the note",
+      example: "company-9876",
+    }),
+    issueDate: z.string().datetime().openapi({
+      description: "Date when the convertible note was issued",
+      example: "2024-01-01T00:00:00Z",
+    }),
+    boardApprovalDate: z.string().datetime().openapi({
+      description: "Date when the board approved the convertible note",
+      example: "2024-01-15T00:00:00Z",
+    }),
+    status: z.nativeEnum(ConvertibleStatusEnum).openapi({
+      description: "Status of the convertible note",
+      example: ConvertibleStatusEnum.ACTIVE,
+    }),
+    type: z.nativeEnum(ConvertibleTypeEnum).openapi({
+      description: "Type of convertible note",
+      example: ConvertibleTypeEnum.NOTE,
+    }),
+    interestMethod: z
+      .nativeEnum(ConvertibleInterestMethodEnum)
+      .nullish()
+      .openapi({
+        description: "Method of calculating interest",
+        example: ConvertibleInterestMethodEnum.SIMPLE,
+      }),
+    interestAccrual: z
+      .nativeEnum(ConvertibleInterestAccrualEnum)
+      .nullish()
+      .openapi({
+        description: "Interest accrual method",
+        example: ConvertibleInterestAccrualEnum.MONTHLY,
+      }),
     interestPaymentSchedule: z
       .nativeEnum(ConvertibleInterestPaymentScheduleEnum)
-      .nullish(),
-
-    createdAt: z.string().datetime(),
-    updatedAt: z.string().datetime(),
+      .nullish()
+      .openapi({
+        description: "Schedule for interest payments",
+        example: ConvertibleInterestPaymentScheduleEnum.DEFERRED,
+      }),
+    createdAt: z.string().datetime().openapi({
+      description: "Timestamp of when the note was created",
+      example: "2024-01-01T12:00:00Z",
+    }),
+    updatedAt: z.string().datetime().openapi({
+      description: "Timestamp of the last update to the note",
+      example: "2024-02-01T12:00:00Z",
+    }),
   })
-  .openapi("Convertible Note");
+  .openapi("Convertible Note", {
+    description: "Schema for a convertible note",
+  });
 
 export type TConvertibleNoteSchema = z.infer<typeof ConvertibleNoteSchema>;
 
@@ -53,7 +117,10 @@ export type TCreateConvertibleNotesSchema = z.infer<
 export const ConvertibleNoteSchemaWithStakeHolder = z
   .object({
     stakeholder: z.object({
-      name: z.string(),
+      name: z.string().openapi({
+        description: "Name of the stakeholder",
+        example: "John Doe",
+      }),
     }),
   })
   .merge(ConvertibleNoteSchema);

From 9cf947ed476e1fe61c04433fb92512c3641c351b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 22:13:25 +0530
Subject: [PATCH 34/48] feat: add upload

---
 .../components/upload-document-step.tsx       | 29 ++++++++++++++++++-
 src/lib/tags.ts                               |  1 +
 src/server/file-uploads.ts                    |  1 +
 src/trpc/routers/document-router/schema.ts    |  1 +
 4 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index a545fd0d9..dabc1d67b 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { uploadFile } from "@/common/uploads";
 import { Button } from "@/components/ui/button";
 import { FileUploader } from "@/components/ui/file-uploader";
 import {
@@ -12,12 +13,14 @@ import {
 } from "@/components/ui/form";
 import { StepperModalFooter, StepperPrev } from "@/components/ui/stepper";
 import { invariant } from "@/lib/error";
+import { TAG } from "@/lib/tags";
 import { useFormValueState } from "@/providers/form-value-provider";
 import {
   type TCreateConvertibleNoteParams,
   type TCreateConvertibleNoteRes,
   createConvertibleNote,
 } from "@/server/api/client-handlers/convertible-note";
+import { api } from "@/trpc/react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
 import { useSession } from "next-auth/react";
@@ -34,6 +37,8 @@ const Schema = z.object({
 type TSchema = z.infer<typeof Schema>;
 
 export function UploadDocumentStep() {
+  const { mutateAsync } = api.bucket.create.useMutation();
+  const { mutateAsync: documentUpload } = api.document.create.useMutation();
   const router = useRouter();
   const { data: session } = useSession();
   const formData = useFormValueState<TFormSchema>();
@@ -63,7 +68,8 @@ export function UploadDocumentStep() {
 
   const onSubmit = async (data: TSchema) => {
     invariant(session, "session not found");
-    await createNote({
+
+    const note = await createNote({
       urlParams: { companyId: session.user.companyId },
       json: {
         ...formData,
@@ -75,6 +81,27 @@ export function UploadDocumentStep() {
         }),
       },
     });
+
+    for (const file of data.files) {
+      const { key, mimeType, name, size } = await uploadFile(file, {
+        identifier: session.user.companyPublicId,
+        keyPrefix: "convertible-note",
+      });
+
+      const data = await mutateAsync({
+        key,
+        mimeType,
+        name,
+        size,
+        tags: [TAG.CONVERTIBLE_NOTE],
+      });
+
+      await documentUpload({
+        bucketId: data.id,
+        name: data.name,
+        convertibleNoteId: note.data.id,
+      });
+    }
   };
 
   return (
diff --git a/src/lib/tags.ts b/src/lib/tags.ts
index 59035d570..1218ac862 100644
--- a/src/lib/tags.ts
+++ b/src/lib/tags.ts
@@ -6,6 +6,7 @@ export enum TAG {
   EQUITY = "equity",
   DATA_ROOM = "data-room",
   GENERIC = "generic",
+  CONVERTIBLE_NOTE = "convertible-note",
 }
 
 const TagSchema = z.nativeEnum(TAG);
diff --git a/src/server/file-uploads.ts b/src/server/file-uploads.ts
index 950827b06..9c5fa1ba1 100644
--- a/src/server/file-uploads.ts
+++ b/src/server/file-uploads.ts
@@ -33,6 +33,7 @@ const S3 = new S3Client({
 
 export type TypeKeyPrefixes =
   | "new-safes"
+  | "convertible-note"
   | "existing-safes"
   | "signed-esign-doc"
   | "unsigned-esign-doc"
diff --git a/src/trpc/routers/document-router/schema.ts b/src/trpc/routers/document-router/schema.ts
index f1ffe9558..05648578f 100644
--- a/src/trpc/routers/document-router/schema.ts
+++ b/src/trpc/routers/document-router/schema.ts
@@ -3,6 +3,7 @@ import { z } from "zod";
 export const ZodCreateDocumentMutationSchema = z.object({
   name: z.string(),
   bucketId: z.string(),
+  convertibleNoteId: z.string().optional(),
 });
 
 export type TypeZodCreateDocumentMutationSchema = z.infer<

From 784fd51e58bcbff7677e1066c09a56ce5a9319ab Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 22:15:25 +0530
Subject: [PATCH 35/48] feat: add session

---
 .../[publicId]/fundraise/convertible-notes/page.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
index 766a9bb8f..05f9e74c3 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/page.tsx
@@ -15,12 +15,12 @@ export const metadata: Metadata = {
 };
 
 const ConvertibleNotesPage = async () => {
-  // const session = await withServerSession();
+  const session = await withServerSession();
   const notes = await getManyConvertibleNote({
     searchParams: {
       limit: 50,
     },
-    urlParams: { companyId: "clzjkpjne0005kpdrg9ibpg9x" },
+    urlParams: { companyId: session.user.companyId },
     headers: headers(),
   });
 

From 582821c8e85f4e026ec5acb75e2164c2fd0ebffb Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 22:20:36 +0530
Subject: [PATCH 36/48] feat: add handler

---
 src/server/api/client-handlers/stakeholder.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/server/api/client-handlers/stakeholder.ts

diff --git a/src/server/api/client-handlers/stakeholder.ts b/src/server/api/client-handlers/stakeholder.ts
new file mode 100644
index 000000000..48080bac6
--- /dev/null
+++ b/src/server/api/client-handlers/stakeholder.ts
@@ -0,0 +1,18 @@
+import { type APIClientParams, createClient } from "../api-client";
+
+import type { getMany } from "../routes/stakeholder/getMany";
+
+type GetManyRoute = typeof getMany.route;
+
+export const getManyStakeholder = (params: TGetManyStakeholderParams) => {
+  return createClient<GetManyRoute>(
+    "get",
+    "/v1/{companyId}/stakeholders",
+    params,
+  );
+};
+
+export type TGetManyStakeholderParams = APIClientParams<GetManyRoute>;
+export type TGetManyStakeholderRes = Awaited<
+  ReturnType<typeof getManyStakeholder>
+>;

From 6f7d7ea8c1f6848212ede01bd9657ebdb02a62ef Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 23:55:01 +0530
Subject: [PATCH 37/48] chore: upgrade packages

---
 package.json   |   23 +-
 pnpm-lock.yaml | 1396 +++++++-----------------------------------------
 2 files changed, 207 insertions(+), 1212 deletions(-)

diff --git a/package.json b/package.json
index 70b54111b..1c157e2ef 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,6 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@ark-ui/react": "^2.2.3",
     "@aws-sdk/client-s3": "^3.577.0",
     "@aws-sdk/s3-request-presigner": "^3.577.0",
     "@blocknote/react": "^0.12.2",
@@ -41,21 +40,21 @@
     "@prisma/client": "^5.13.0",
     "@prisma/generator-helper": "^5.17.0",
     "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-alert-dialog": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-scroll-area": "^1.1.0",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toolbar": "^1.0.4",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toolbar": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@react-email/components": "0.0.22",
     "@react-pdf/renderer": "^3.4.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a849666b1..bd1e6e758 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,6 @@ importers:
 
   .:
     dependencies:
-      '@ark-ui/react':
-        specifier: ^2.2.3
-        version: 2.2.3(@internationalized/date@3.5.2)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@aws-sdk/client-s3':
         specifier: ^3.577.0
         version: 3.577.0
@@ -42,23 +39,23 @@ importers:
         specifier: ^1.2.0
         version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-alert-dialog':
-        specifier: ^1.0.5
-        version: 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-avatar':
-        specifier: ^1.0.4
-        version: 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-checkbox':
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dialog':
-        specifier: ^1.0.5
-        version: 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dropdown-menu':
-        specifier: ^2.0.6
-        version: 2.0.6(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^2.1.1
+        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-label':
-        specifier: ^2.0.2
-        version: 2.0.2(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^2.1.0
+        version: 2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-popover':
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
@@ -69,23 +66,23 @@ importers:
         specifier: ^1.1.0
         version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-select':
-        specifier: ^2.0.0
-        version: 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^2.1.1
+        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-separator':
-        specifier: ^1.0.3
-        version: 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-slot':
-        specifier: ^1.0.2
-        version: 1.0.2(@types/react@18.3.3)(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react@18.3.3)(react@18.3.1)
       '@radix-ui/react-switch':
-        specifier: ^1.0.3
-        version: 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tabs':
-        specifier: ^1.0.4
-        version: 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-toolbar':
-        specifier: ^1.0.4
-        version: 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
@@ -223,7 +220,7 @@ importers:
         version: 3.0.4(prisma@5.14.0)(typescript@5.4.5)
       pushmodal:
         specifier: ^1.0.4
-        version: 1.0.4(@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1))(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+        version: 1.0.4(@radix-ui/react-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1))(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -371,15 +368,6 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@ark-ui/anatomy@2.3.1':
-    resolution: {integrity: sha512-pfHDkuFRFdzOnZxqNcAld1b03ehvFrOqXery9JHBTchP8+VmAmxg6ZDn4Se1ie4HvcmXD6IU61jltJB/aXYpJg==}
-
-  '@ark-ui/react@2.2.3':
-    resolution: {integrity: sha512-W43rbimG1f7v1jk8J+PG/3um8/PaL1lQZEnRPzaXtQjEoiBlXH4yFyJakoEldxoZEQGB8x7SUkjHxZ93cRceuQ==}
-    peerDependencies:
-      react: '>=18.0.0'
-      react-dom: '>=18.0.0'
-
   '@asteasolutions/zod-to-openapi@7.1.1':
     resolution: {integrity: sha512-lF0d1gAc0lYLO9/BAGivwTwE2Sh9h6CHuDcbk5KnGBfIuAsAkDC+Fdat4dkQY3CS/zUWKHRmFEma0B7X132Ymw==}
     peerDependencies:
@@ -1228,9 +1216,6 @@ packages:
   '@floating-ui/core@1.6.2':
     resolution: {integrity: sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==}
 
-  '@floating-ui/dom@1.6.3':
-    resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
-
   '@floating-ui/dom@1.6.5':
     resolution: {integrity: sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==}
 
@@ -1442,15 +1427,9 @@ packages:
     resolution: {integrity: sha512-4F1MBwVr3c/m4bAUef6LgkvBfSjzwH+OfldgHqcuacWwSUetFebM2wi58WfG9uk1rR98U6GwLed4asLJbwdV5w==}
     engines: {node: '>=18'}
 
-  '@internationalized/date@3.5.2':
-    resolution: {integrity: sha512-vo1yOMUt2hzp63IutEaTUxROdvQg1qlMRsbCvbay2AK2Gai7wIgCyK5weEX3nHkiLgo4qCXHijFNC/ILhlRpOQ==}
-
   '@internationalized/date@3.5.4':
     resolution: {integrity: sha512-qoVJVro+O0rBaw+8HPjUB1iH8Ihf8oziEnqMnvhJUSuVIrHOuZ6eNLHNvzXJKUvAtaDiqMnRlg8Z2mgh09BlUw==}
 
-  '@internationalized/number@3.5.1':
-    resolution: {integrity: sha512-N0fPU/nz15SwR9IbfJ5xaS9Ss/O5h1sVXMZf43vc9mxEG48ovglvvzBjF53aHlq20uoR6c+88CrIXipU/LSzwg==}
-
   '@internationalized/number@3.5.3':
     resolution: {integrity: sha512-rd1wA3ebzlp0Mehj5YTuTI50AQEx80gWFyHcQu+u91/5NgdwBecO8BH6ipPfE+lmQ9d63vpB3H9SHoIUiupllw==}
 
@@ -1931,9 +1910,6 @@ packages:
   '@radix-ui/colors@1.0.1':
     resolution: {integrity: sha512-xySw8f0ZVsAEP+e7iLl3EvcBXX7gsIlC1Zso/sPBW9gIWerBTgz6axrjU+MZ39wD+WFi5h5zdWpsg3+hwt2Qsg==}
 
-  '@radix-ui/number@1.0.1':
-    resolution: {integrity: sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==}
-
   '@radix-ui/number@1.1.0':
     resolution: {integrity: sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==}
 
@@ -1956,26 +1932,13 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-alert-dialog@1.0.5':
-    resolution: {integrity: sha512-OrVIOcZL0tl6xibeuGt5/+UxoT2N27KCFOPjFyfXMnchxSHZ/OW7cCX2nGlIYJrbHK/fczPcFzAwvNBB6XBNMA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-arrow@1.0.3':
-    resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
+  '@radix-ui/react-alert-dialog@1.1.1':
+    resolution: {integrity: sha512-wmCoJwj7byuVuiLKqDLlX7ClSUU0vd9sdCeM+2Ls+uf13+cpSJoMgwysHq1SGVVkJj5Xn0XWi1NoRCdkMpr6Mw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -1995,13 +1958,13 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-avatar@1.0.4':
-    resolution: {integrity: sha512-kVK2K7ZD3wwj3qhle0ElXhOjbezIgyl2hVvgwfIdexL3rN6zJmy5AqqIf+D31lxVppdzV8CjAfZ6PklkmInZLw==}
+  '@radix-ui/react-avatar@1.1.0':
+    resolution: {integrity: sha512-Q/PbuSMk/vyAd/UoIShVGZ7StHHeRFYU7wXmi5GV+8cLXflZAEpHL/F697H1klrzxKXNtZ97vWiC0q3RKUH8UA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2034,19 +1997,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-collection@1.0.3':
-    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-collection@1.1.0':
     resolution: {integrity: sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==}
     peerDependencies:
@@ -2109,14 +2059,18 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-direction@1.0.1':
-    resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
+  '@radix-ui/react-dialog@1.1.1':
+    resolution: {integrity: sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==}
     peerDependencies:
       '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
+      '@types/react-dom':
+        optional: true
 
   '@radix-ui/react-direction@1.1.0':
     resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
@@ -2153,13 +2107,13 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-dropdown-menu@2.0.6':
-    resolution: {integrity: sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==}
+  '@radix-ui/react-dropdown-menu@2.1.1':
+    resolution: {integrity: sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2228,26 +2182,26 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-label@2.0.2':
-    resolution: {integrity: sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==}
+  '@radix-ui/react-label@2.1.0':
+    resolution: {integrity: sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-menu@2.0.6':
-    resolution: {integrity: sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==}
+  '@radix-ui/react-menu@2.1.1':
+    resolution: {integrity: sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2267,19 +2221,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-popper@1.1.3':
-    resolution: {integrity: sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-popper@1.2.0':
     resolution: {integrity: sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==}
     peerDependencies:
@@ -2384,19 +2325,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-roving-focus@1.0.4':
-    resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-roving-focus@1.1.0':
     resolution: {integrity: sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==}
     peerDependencies:
@@ -2423,26 +2351,26 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-select@2.0.0':
-    resolution: {integrity: sha512-RH5b7af4oHtkcHS7pG6Sgv5rk5Wxa7XI8W5gvB1N/yiuDGZxko1ynvOiVhFM7Cis2A8zxF9bTOUVbRDzPepe6w==}
+  '@radix-ui/react-select@2.1.1':
+    resolution: {integrity: sha512-8iRDfyLtzxlprOo9IicnzvpsO1wNCkuwzzCM+Z5Rb5tNOpCdMvcc2AkzX0Fz+Tz9v6NJ5B/7EEgyZveo4FBRfQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-separator@1.0.3':
-    resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==}
+  '@radix-ui/react-separator@1.1.0':
+    resolution: {integrity: sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2467,39 +2395,26 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-switch@1.0.3':
-    resolution: {integrity: sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-tabs@1.0.4':
-    resolution: {integrity: sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==}
+  '@radix-ui/react-switch@1.1.0':
+    resolution: {integrity: sha512-OBzy5WAj641k0AOSpKQtreDMe+isX0MQJ1IVyF03ucdF3DunOnROVrjWs8zsXUxC3zfZ6JL9HFVCUlMghz9dJw==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toggle-group@1.0.4':
-    resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
+  '@radix-ui/react-tabs@1.1.0':
+    resolution: {integrity: sha512-bZgOKB/LtZIij75FSuPzyEti/XBhJH52ExgtdVqjCIh+Nx/FW+LhnbXtbCzIi34ccyMsyOja8T0thCzoHFXNKA==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2519,19 +2434,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toggle@1.0.3':
-    resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-toggle@1.1.0':
     resolution: {integrity: sha512-gwoxaKZ0oJ4vIgzsfESBuSgJNdc0rv12VhHgcqN0TEJmmZixXG/2XpsLK8kzNWYcnaoRIEEQc0bEi3dIvdUpjw==}
     peerDependencies:
@@ -2545,13 +2447,13 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toolbar@1.0.4':
-    resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==}
+  '@radix-ui/react-toolbar@1.1.0':
+    resolution: {integrity: sha512-ZUKknxhMTL/4hPh+4DuaTot9aO7UD6Kupj4gqXCsBTayX1pD1L+0C2/2VZKXb4tIifQklZ3pf2hG9T+ns+FclQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2656,15 +2558,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-previous@1.0.1':
-    resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-use-previous@1.1.0':
     resolution: {integrity: sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==}
     peerDependencies:
@@ -2674,15 +2567,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-rect@1.0.1':
-    resolution: {integrity: sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-use-rect@1.1.0':
     resolution: {integrity: sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==}
     peerDependencies:
@@ -2692,15 +2576,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-use-size@1.0.1':
-    resolution: {integrity: sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@radix-ui/react-use-size@1.1.0':
     resolution: {integrity: sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==}
     peerDependencies:
@@ -2710,19 +2585,6 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-visually-hidden@1.0.3':
-    resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
   '@radix-ui/react-visually-hidden@1.1.0':
     resolution: {integrity: sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==}
     peerDependencies:
@@ -2736,9 +2598,6 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/rect@1.0.1':
-    resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
-
   '@radix-ui/rect@1.1.0':
     resolution: {integrity: sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==}
 
@@ -4146,197 +4005,6 @@ packages:
   '@xtuc/long@4.2.2':
     resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
 
-  '@zag-js/accordion@0.38.0':
-    resolution: {integrity: sha512-qovoN5KKX8kj5IH9N3r5GUHksL6Xa45YU0fbCeoDeMd/erObRKHoA7bnM+rfJLIKCifzO53ooWWYOVZaXOmT8Q==}
-
-  '@zag-js/anatomy@0.38.0':
-    resolution: {integrity: sha512-VlCOnKCOSFOonvZjdGTRwp3D/A9iQd69WQTI8i5G0JwS0lhq5lK/qJ7pJ0+UHnLcqAWEv5eywbpHOLFrSlr7Nw==}
-
-  '@zag-js/aria-hidden@0.38.0':
-    resolution: {integrity: sha512-yPdezG+ucZyaDD7p0jB7B6prtNQGyBJSfWlTyo69W+SFxkSdocdFF/dKjoReDEY6AvCc1ZhxgHVR/sd56F50/A==}
-
-  '@zag-js/auto-resize@0.38.0':
-    resolution: {integrity: sha512-wauqOQwz8fAGzD2cHJEgqkCiNejWSq/Qsa7a0DdBX7BOdLyMloF6kc4YFNfQksUHgRaojLFHYJ5sfqzDO06yBQ==}
-
-  '@zag-js/avatar@0.38.0':
-    resolution: {integrity: sha512-ZJqlwFcEET6OdmFgWPv7YQiYM7CyFTzfEN7wXeourRdkMlgbQvi1V0Ett3LteV2kYtFjFZCmEdxP4VMfOU3w0w==}
-
-  '@zag-js/carousel@0.38.0':
-    resolution: {integrity: sha512-5CHRLaD9ZR5aivf1+MwmOYjkGCy8KXWx7XyWiUtlxu8ULJ4mFk6+s3RK12gmPHG7RVX5wPX9xC+2LSuVayXs5w==}
-
-  '@zag-js/checkbox@0.38.0':
-    resolution: {integrity: sha512-xOjbh35lxffAOyk+JwSxmKCV8wBTPe6O6aknBQkBa7Vd3KCZrgCtf/7fN8BG6cmnVjWmMk5edRt7lvZDHV8IHQ==}
-
-  '@zag-js/clipboard@0.38.0':
-    resolution: {integrity: sha512-YVWdoPuqzqdy0PXzAd66gqbvFv6qRTe84HaPNXZLBeFiL1OFdH9pl+xoa4Zxx5x4zJFPkOjbcd1jeXu0HMn7Ew==}
-
-  '@zag-js/collapsible@0.38.0':
-    resolution: {integrity: sha512-3FxPKnCSn/sCilKziVXEjrOCeVvPQ4vp1QOFgBiIlM0yjWxsqLv0uMWrFVh6rgc0dKfyVtKEJQgI1oYKwuwjjg==}
-
-  '@zag-js/collection@0.38.0':
-    resolution: {integrity: sha512-q+Y5MhmcbD4FlZSiWuqAXrc8EWziyVAD5LWd8mUI9ljMs0xsLCYSU14B1XkRx2e4FQ8Mi2C6n3lP+sHpa9/eLw==}
-
-  '@zag-js/color-picker@0.38.0':
-    resolution: {integrity: sha512-s6RFvnkjEeZdr6q/bDLUVuNSbJrfc0HnPf6EqJ53dISCV3rQf3LCx9rCyBJvyiM+/iay/rB2UEVlSteF2GVHtQ==}
-
-  '@zag-js/color-utils@0.38.0':
-    resolution: {integrity: sha512-lGZ5HDvQKLuMsXdRXzWr3p01zyL8Go7j82yVKNijFOj+2E4HoxQXgU5Tq393kt9DXONYkurISW+AWEUr+gM17Q==}
-
-  '@zag-js/combobox@0.38.0':
-    resolution: {integrity: sha512-MT+KMH6FAGvlWeKPck/SLV26dxxrGWGvHQoIPZtJyJoUjPdw8vuw7QvUF7YTx+bUoQwDL0nn3EBYJpGPSAJ7/Q==}
-
-  '@zag-js/core@0.38.0':
-    resolution: {integrity: sha512-+S5qKvIPiG4CBNFaVSwdUBViiU96cZPzkUttPhl+qP3Xk7HqBV6vL48PhP01nBXfcpmW0nk8FDX1S9PleWm0oQ==}
-
-  '@zag-js/date-picker@0.38.0':
-    resolution: {integrity: sha512-FMRnG1IHq7fOElXUGhC32hd09r7XcZ1RBJQsCd4/aJYipNyGJzMVHea/PaUo6iayhuBQ8vHsDDv5WiEWQrYimw==}
-
-  '@zag-js/date-utils@0.38.0':
-    resolution: {integrity: sha512-H6dR/HcFEJTATKDc19YRg6fabpF26DbCI1o0YmuclKY68jF9XWfbeAwjyr/V71DjB2QHzvODALWWSbNLDKxQDg==}
-    peerDependencies:
-      '@internationalized/date': '>=3.0.0'
-
-  '@zag-js/dialog@0.38.0':
-    resolution: {integrity: sha512-DcaEM8VWCVHAdv73y9ez4Sb1RuVMXYWYP/5K3SAeo6QCQVVuBg5pQXnkCqmGLnyE3Rf1wta8dRggu6N3Gghqrw==}
-
-  '@zag-js/dismissable@0.38.0':
-    resolution: {integrity: sha512-4Ipp68QxFmrBeXuLjPpIx7uBrBjhqv3aQFWIvzuEbxVzq3o7afVEMVLlix54EIjkOLmdyW7O20pfTyPBO4lS8w==}
-
-  '@zag-js/dom-event@0.38.0':
-    resolution: {integrity: sha512-YQk23fCV8nLpvYP2G/pzQcggPzfLOkBAmXuGJvvJk7M5fkd3f5I+SSS6XNlWJ//+o1JkiMYQEezVDl7WXM+ITA==}
-
-  '@zag-js/dom-query@0.38.0':
-    resolution: {integrity: sha512-po1HqrEtP9ZfVKHbUzqK4jfHipQVdsfw84B5pnqPo/aPcsZnyzWgHmWE31yRZERmtTZdG6YTlOZdlZ/gQz0FfA==}
-
-  '@zag-js/editable@0.38.0':
-    resolution: {integrity: sha512-omOyINSgPX92E5D3RBexMyRvjLa4Zq5UUppG3FlA3kEi6DSU4hEj661vnVwc4ihhyWgWZh6KSKDE2m9fd6KEsA==}
-
-  '@zag-js/element-rect@0.38.0':
-    resolution: {integrity: sha512-Oi19Yhbos+XXxR/CTCs+EhvTcYZ1AKk2EtGzDzJTUzKf+qtl3ki6Ptfam/jZxIy2M59/vv70NpW7fPZOFNAmtw==}
-
-  '@zag-js/element-size@0.38.0':
-    resolution: {integrity: sha512-flOrHUK732FlU2Q5e5YdH42HxHg727uVmsez95ua97OG/Whsh87qLZRC20RQrqtC061lKOHkBi6LuQlhGxT9Gw==}
-
-  '@zag-js/file-upload@0.38.0':
-    resolution: {integrity: sha512-7XwD9yhTgkLrn/MCgLCcyGfJ/PjAJt5C1Wy7PoKEz3RkAyaT2Vs0qqg8OE2NbtL7pdE/mFzirtCGr2qgZ9JYHg==}
-
-  '@zag-js/file-utils@0.38.0':
-    resolution: {integrity: sha512-WwZOqk9G+/DhDuvgQaNJuruTY4C0bc31obc1d1xDBvvH9aIl/mg99idAMrNc7bK+nMQSEVtKA5oMt5EobKqR1g==}
-
-  '@zag-js/form-utils@0.38.0':
-    resolution: {integrity: sha512-2ziHvspfZ6Ft63AODo/0rkHxNrp37vOjbC+aV7L2r+pCCRnen5G+rzZuq2gwdyaOHeqYLlZSjDfSYbrI3Wfbkw==}
-
-  '@zag-js/hover-card@0.38.0':
-    resolution: {integrity: sha512-tH6YQqYUwo2LAzpAb7oplMGB/K3teVZ+oL3xmq2kTXCtwVQTzHkxjopaywxljMCBmg+2E5OV26tzIrJFIAgxNg==}
-
-  '@zag-js/i18n-utils@0.38.0':
-    resolution: {integrity: sha512-uLe6rA3n5MBKz1oGN1cdWHhFN2MU+HAXXpYuSGlUpHrQmjvAl0TxcOcBNz7qd9AwOoR8v7pGyt3OQnG0LC0PQA==}
-
-  '@zag-js/interact-outside@0.38.0':
-    resolution: {integrity: sha512-9T2sPrgC9zCqS6y+2UlmVLAhFS3Qx/hFMCNAI7IlGFFI8z77NP6lQUaSuLAPqy3B9eG0fUFrBDh/rgBIPnBUDA==}
-
-  '@zag-js/live-region@0.38.0':
-    resolution: {integrity: sha512-ktxJQxOomwUzfzFiwa6OFrV390kKQwHQV485SK5TV24/FNj9ogDlLwwhqzQ7PIHPxS/6JAUVUeW2POcgE6bDqw==}
-
-  '@zag-js/menu@0.38.0':
-    resolution: {integrity: sha512-t0AcniH63zYqfWPnMOHTyJO7cc7uVSszDFZCJUEocO5EWQp0DnUVcdqXwUZNe+nIUvAjWMLdNDkCU3P74aMSMw==}
-
-  '@zag-js/mutation-observer@0.38.0':
-    resolution: {integrity: sha512-S8K3SQwEFPXHYTvn26zpeVl2RmmCmtqUFR0vHWkXyhpB3f+MmCQIk7UmO+6VtZLEBOew9FYfBgEfeuCzl+jgVQ==}
-
-  '@zag-js/number-input@0.38.0':
-    resolution: {integrity: sha512-tqnUP8Ww9fiLx5jOrirEcceOrspTA23iElvbZsvuB7fCgW2GUSPBeWkn074dyscZQ2JbZgrJVH40MU8l67D9ug==}
-
-  '@zag-js/number-utils@0.38.0':
-    resolution: {integrity: sha512-Ao9aq0PTgM6ObcjlvP45yv/8XzSKO6FmRUsz7UOu2AkChhMztrDMvJMErUXMt/uVn+LReTA9Wf9n29WRKk87Kw==}
-
-  '@zag-js/numeric-range@0.38.0':
-    resolution: {integrity: sha512-Qfe0CQhIPVmmAFPi2ySq83AuXchd4uJvcDnQAeKZK9oVqLX8ol3ZOL5iv2ugYtHA1WoQftbNwGx7Zs4/JUWqvQ==}
-
-  '@zag-js/pagination@0.38.0':
-    resolution: {integrity: sha512-C9xduN6G5ewXugRU4pijtTibSBhOY3IXf/BuFewiPTrxXLAGtxl8UyLJ+8MrlOjMAQgxLT3Q5bbVOUjy2nVdtA==}
-
-  '@zag-js/pin-input@0.38.0':
-    resolution: {integrity: sha512-2884vhtGw4jAveNCQjpkhhQgWdDj7DU0WpgIml21Gqxx4QjesG5ebBpSG3lft1cGiP0JnhVnARY6EbhP+t/Lyw==}
-
-  '@zag-js/popover@0.38.0':
-    resolution: {integrity: sha512-KJG/Ftiluk0Pkf46+Vzx2YXzpi+0tX5QFBc1Ok+uVF4b9iSy9x3WCvj7mwoqVyFBE7w4+o6JKGpD9baXqt3wtw==}
-
-  '@zag-js/popper@0.38.0':
-    resolution: {integrity: sha512-6xpG+mvfUJqVapu3LpRdAUuFwsqhVXLOQaBmQYntt6iiFd1+zJxkXW8o176BC2LG5IB8783GZE4+BY1/DB3sDA==}
-
-  '@zag-js/presence@0.38.0':
-    resolution: {integrity: sha512-Rio2mqo98+o0olxzG4MffFizFQRHJzL/HL6AFRi2G0u2HdGTHDGIMfACYGPLrq2JmBW+wIbO37A3KHiSYtfdtw==}
-
-  '@zag-js/progress@0.38.0':
-    resolution: {integrity: sha512-7Qzuen0iP9hNRlStgUvuLGdJyx+Sz4vCoGaZkF3cYXyEpEd2rKYFct35cze3oXdg5+ZutbDoKbIZ08xsDtxhag==}
-
-  '@zag-js/radio-group@0.38.0':
-    resolution: {integrity: sha512-GISABuxOKTu48o5SzxJknc5p0ViB3TeOmkg76/aZaNlWMkURgQ9cvxIR5meXiIISpVsyAtIvOMoCXzmFxvoOmA==}
-
-  '@zag-js/rating-group@0.38.0':
-    resolution: {integrity: sha512-ToaNzSU8tnDHfPJSHM5Y1o7w6MSq9N1qRCg/4G24orES0rG0qDhJvRKQdqqY08ZWTetCZcHNvPbUyQPzi91fTQ==}
-
-  '@zag-js/react@0.38.0':
-    resolution: {integrity: sha512-w0epVxXasralAVCWfC2KtQxxSebhhh0R2Cu1PYxU9M2pDsA8zg67Q4w8HyGR1zVKqbn4VXPZbEZZiyLQHOaZPQ==}
-    peerDependencies:
-      react: '>=18.0.0'
-      react-dom: '>=18.0.0'
-
-  '@zag-js/rect-utils@0.38.0':
-    resolution: {integrity: sha512-GUabczevwHrCP1fm56otvkushDH8WblXvKrNNSAVyJ1E7r81gsjsoD/aCnIZZ4RabQKrifqDekMfjYMbrRtFkw==}
-
-  '@zag-js/remove-scroll@0.38.0':
-    resolution: {integrity: sha512-JFcgj0QfUrT/POw/+V2LxuvnUjzLBP7TmCTmuGychEzWOalxxuuStTMa27nBDvgYp4eRNgIP+jjn8Fz3O+UW2g==}
-
-  '@zag-js/select@0.38.0':
-    resolution: {integrity: sha512-dQb6gLyPU5dN1qYdMESX5CDgWZurmukE36I7A5r3rQ0/OkP3dhpTY1eqWJeaDg9lxGEcWnERpFiLelxxKc/RLg==}
-
-  '@zag-js/slider@0.38.0':
-    resolution: {integrity: sha512-D11+GZSGrYQpVSmcM2m2CVGOFk+TKDQL+USxfgY0vHp7fIEBuHbRYM/QPFRtcrCRAMx7y6UqZbxAUy7oqhoklQ==}
-
-  '@zag-js/splitter@0.38.0':
-    resolution: {integrity: sha512-eeCA+I6hbMvU/Kid0Ea4psfLux/9/UzW3tcVv0t7zH3+6EFOEV6B/TSPzxOqWQpgKvo94ejxpmRTsUKRlhejOQ==}
-
-  '@zag-js/store@0.38.0':
-    resolution: {integrity: sha512-XbGfCxOeRLKqSAKsTOdPW8II+aAcLmyaIEDElWPr+Xt6IicANDi/CvksiiuzFiMutxowJzhXOrfIT7A093D2vQ==}
-
-  '@zag-js/switch@0.38.0':
-    resolution: {integrity: sha512-2N/2nT5V62JGPvwcsK7mKmsgT2ZiSX8Gt2+zOMY6vuS5SZJnHvI9TxsMP2XuJto9mskFBIdm/Z+27IvM6sPcbg==}
-
-  '@zag-js/tabbable@0.38.0':
-    resolution: {integrity: sha512-hIe0HKBvFV6IJQlZPyPPRMD7v4r8jJ0Hn3ZpMXoYwyRmH0Cfuha03SoLOsqeAQvLAa+EJDSU8UDUCnVrNtHASQ==}
-
-  '@zag-js/tabs@0.38.0':
-    resolution: {integrity: sha512-KYXO8uUeikFiwdGPHxNZg5lWn7z564WKHj4PjBV2iU0H2Itc4313xePbxAA0/rTlEQrIbYutqhAPp65bCa5OVw==}
-
-  '@zag-js/tags-input@0.38.0':
-    resolution: {integrity: sha512-SNqPiAG2Jzhy+0HNYVINvphgIWkPpFkkldbZfEqBFnYs5kHx/iP4FAWeTB4AtY0yxexSAv0Pj9DrQfewz0xkMA==}
-
-  '@zag-js/text-selection@0.38.0':
-    resolution: {integrity: sha512-etNbRs0g4wgB/HETO0GhRziDIKRdRAEV39P4/zEdFMNBkXCjJgX7xWvWiwXkoCzIBFN2FXTFuwWWA+fBt3XfSQ==}
-
-  '@zag-js/toast@0.38.0':
-    resolution: {integrity: sha512-uCiB5sUuc7/hIZvDR6xcy+fQeE2UJNXpI8i6k/Jg4D1ZYy63iJVm8g9+5mByaPaSVi9Osou/r/A/yIU9qbOSnw==}
-
-  '@zag-js/toggle-group@0.38.0':
-    resolution: {integrity: sha512-9iRMDuUvbQBZ1WzU4sbAC5BhL14Ev5P9AxQSEmexWgV1nJi+vsWEzOrZY+AqoOoeFdg0Ju/c0K0Uk/sLcsKfgA==}
-
-  '@zag-js/tooltip@0.38.0':
-    resolution: {integrity: sha512-MsgUdozogatPQivWTNINxt1bgx7ndOvxNlG2GuwUwEfMIjZyU4c7SqbhGwVohLJCd6h2056IAM3PxpYZNkXXIg==}
-
-  '@zag-js/tree-view@0.38.0':
-    resolution: {integrity: sha512-N2vOKIZ4NNT4YbkfcywrpOZ4RFX2qQWUkcMGmE936LhWBM/NDHlJ6Wub7UcUcSUkKyQnaAeslJ8zrr1/xMCpgA==}
-
-  '@zag-js/types@0.38.0':
-    resolution: {integrity: sha512-PaLqLOWSFlnqwyavLuycasx/dFKzbbcoCB/FcDbKPe88ysCZtRPxeUA/Yn8N1roPnF/gvkwCSTO43+VA6cKspA==}
-
-  '@zag-js/utils@0.38.0':
-    resolution: {integrity: sha512-u37JTfpbAYtvHwLbHVIRBuzM3+FWDX32Vsyt3LJQ+1GW69BXtWz2zDRVru3xMZ7XGsXlnGxD8xNIjYxOJCJePA==}
-
-  '@zag-js/visually-hidden@0.38.0':
-    resolution: {integrity: sha512-yOpGmd+4Y2xSzmbTpip9XtJadZmxcW8VYGDPkMKKzDClFxqUcGDh501DT5amJ+iLL+onqhzggvUJJxl7KzV7+g==}
-
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
 
@@ -5314,9 +4982,6 @@ packages:
   flatted@3.3.1:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
 
-  focus-trap@7.5.4:
-    resolution: {integrity: sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==}
-
   follow-redirects@1.15.6:
     resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
     engines: {node: '>=4.0'}
@@ -5942,10 +5607,6 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  klona@2.0.6:
-    resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
-    engines: {node: '>= 8'}
-
   knip@5.17.4:
     resolution: {integrity: sha512-D6dQjauc3ZIPq0jTYgTeuxpeDKVOaV84S5TNeBDB2GjoPQVzEPW7PA83XijyGXNrflWq4zvWNn49gTUN0Lfeig==}
     engines: {node: '>=18.6.0'}
@@ -7082,9 +6743,6 @@ packages:
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
-  proxy-compare@2.6.0:
-    resolution: {integrity: sha512-8xuCeM3l8yqdmbPoYeLbrAXCBWu19XEYc5/F28f5qOaoAIMyfmBUkl5axiK+x9olUvRlcekvnm98AP9RDngOIw==}
-
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -8417,92 +8075,6 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@ark-ui/anatomy@2.3.1(@internationalized/date@3.5.2)':
-    dependencies:
-      '@zag-js/accordion': 0.38.0
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/avatar': 0.38.0
-      '@zag-js/carousel': 0.38.0
-      '@zag-js/checkbox': 0.38.0
-      '@zag-js/clipboard': 0.38.0
-      '@zag-js/collapsible': 0.38.0
-      '@zag-js/color-picker': 0.38.0
-      '@zag-js/color-utils': 0.38.0
-      '@zag-js/combobox': 0.38.0
-      '@zag-js/date-picker': 0.38.0
-      '@zag-js/date-utils': 0.38.0(@internationalized/date@3.5.2)
-      '@zag-js/dialog': 0.38.0
-      '@zag-js/editable': 0.38.0
-      '@zag-js/file-upload': 0.38.0
-      '@zag-js/hover-card': 0.38.0
-      '@zag-js/menu': 0.38.0
-      '@zag-js/number-input': 0.38.0
-      '@zag-js/pagination': 0.38.0
-      '@zag-js/pin-input': 0.38.0
-      '@zag-js/popover': 0.38.0
-      '@zag-js/presence': 0.38.0
-      '@zag-js/progress': 0.38.0
-      '@zag-js/radio-group': 0.38.0
-      '@zag-js/rating-group': 0.38.0
-      '@zag-js/select': 0.38.0
-      '@zag-js/slider': 0.38.0
-      '@zag-js/splitter': 0.38.0
-      '@zag-js/switch': 0.38.0
-      '@zag-js/tabs': 0.38.0
-      '@zag-js/tags-input': 0.38.0
-      '@zag-js/toast': 0.38.0
-      '@zag-js/toggle-group': 0.38.0
-      '@zag-js/tooltip': 0.38.0
-      '@zag-js/tree-view': 0.38.0
-    transitivePeerDependencies:
-      - '@internationalized/date'
-
-  '@ark-ui/react@2.2.3(@internationalized/date@3.5.2)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@ark-ui/anatomy': 2.3.1(@internationalized/date@3.5.2)
-      '@zag-js/accordion': 0.38.0
-      '@zag-js/avatar': 0.38.0
-      '@zag-js/carousel': 0.38.0
-      '@zag-js/checkbox': 0.38.0
-      '@zag-js/clipboard': 0.38.0
-      '@zag-js/collapsible': 0.38.0
-      '@zag-js/color-picker': 0.38.0
-      '@zag-js/color-utils': 0.38.0
-      '@zag-js/combobox': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/date-picker': 0.38.0
-      '@zag-js/date-utils': 0.38.0(@internationalized/date@3.5.2)
-      '@zag-js/dialog': 0.38.0
-      '@zag-js/editable': 0.38.0
-      '@zag-js/file-upload': 0.38.0
-      '@zag-js/hover-card': 0.38.0
-      '@zag-js/i18n-utils': 0.38.0
-      '@zag-js/menu': 0.38.0
-      '@zag-js/number-input': 0.38.0
-      '@zag-js/pagination': 0.38.0
-      '@zag-js/pin-input': 0.38.0
-      '@zag-js/popover': 0.38.0
-      '@zag-js/presence': 0.38.0
-      '@zag-js/progress': 0.38.0
-      '@zag-js/radio-group': 0.38.0
-      '@zag-js/rating-group': 0.38.0
-      '@zag-js/react': 0.38.0(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@zag-js/select': 0.38.0
-      '@zag-js/slider': 0.38.0
-      '@zag-js/splitter': 0.38.0
-      '@zag-js/switch': 0.38.0
-      '@zag-js/tabs': 0.38.0
-      '@zag-js/tags-input': 0.38.0
-      '@zag-js/toast': 0.38.0
-      '@zag-js/toggle-group': 0.38.0
-      '@zag-js/tooltip': 0.38.0
-      '@zag-js/tree-view': 0.38.0
-      '@zag-js/types': 0.38.0
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    transitivePeerDependencies:
-      - '@internationalized/date'
-
   '@asteasolutions/zod-to-openapi@7.1.1(zod@3.23.8)':
     dependencies:
       openapi3-ts: 4.3.3
@@ -9680,11 +9252,6 @@ snapshots:
     dependencies:
       '@floating-ui/utils': 0.2.3
 
-  '@floating-ui/dom@1.6.3':
-    dependencies:
-      '@floating-ui/core': 1.6.2
-      '@floating-ui/utils': 0.2.2
-
   '@floating-ui/dom@1.6.5':
     dependencies:
       '@floating-ui/core': 1.6.2
@@ -9858,18 +9425,10 @@ snapshots:
 
   '@inquirer/figures@1.0.2': {}
 
-  '@internationalized/date@3.5.2':
-    dependencies:
-      '@swc/helpers': 0.5.11
-
   '@internationalized/date@3.5.4':
     dependencies:
       '@swc/helpers': 0.5.11
 
-  '@internationalized/number@3.5.1':
-    dependencies:
-      '@swc/helpers': 0.5.11
-
   '@internationalized/number@3.5.3':
     dependencies:
       '@swc/helpers': 0.5.11
@@ -10404,10 +9963,6 @@ snapshots:
 
   '@radix-ui/colors@1.0.1': {}
 
-  '@radix-ui/number@1.0.1':
-    dependencies:
-      '@babel/runtime': 7.24.5
-
   '@radix-ui/number@1.1.0': {}
 
   '@radix-ui/primitive@1.0.1':
@@ -10433,25 +9988,14 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-alert-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-alert-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.3)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-arrow@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -10476,13 +10020,12 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-avatar@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-avatar@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -10537,19 +10080,6 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-collection@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.3)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
   '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.0)(@types/react@18.2.47)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.2.47)(react@18.3.1)
@@ -10635,12 +10165,27 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-direction@1.0.1(@types/react@18.3.3)(react@18.3.1)':
+  '@radix-ui/react-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      aria-hidden: 1.2.4
       react: 18.3.1
+      react-dom: 18.2.0(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.3)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.3
+      '@types/react-dom': 18.3.0
 
   '@radix-ui/react-direction@1.1.0(@types/react@18.2.47)(react@18.3.1)':
     dependencies:
@@ -10694,16 +10239,15 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-dropdown-menu@2.0.6(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dropdown-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-menu': 2.0.6(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -10785,39 +10329,37 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-label@2.0.2(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-label@2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-menu@2.0.6(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.3)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.3)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
@@ -10868,25 +10410,6 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-popper@1.1.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@floating-ui/react-dom': 2.0.9(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/rect': 1.0.1
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
   '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.0)(@types/react@18.2.47)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/react-dom': 2.0.9(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
@@ -11030,24 +10553,6 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
   '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.0)(@types/react@18.2.47)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
@@ -11099,40 +10604,38 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-select@2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-select@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/number': 1.0.1
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-popper': 1.1.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/number': 1.1.0
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.3)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.3)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-separator@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-separator@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -11161,49 +10664,31 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-switch@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
-  '@radix-ui/react-tabs@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-switch@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-tabs@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -11225,12 +10710,15 @@ snapshots:
       '@types/react': 18.2.47
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-toggle@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toggle-group@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -11248,16 +10736,26 @@ snapshots:
       '@types/react': 18.2.47
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toggle@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-separator': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.2.0(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.3
+      '@types/react-dom': 18.3.0
+
+  '@radix-ui/react-toolbar@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-separator': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle-group': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)
     optionalDependencies:
@@ -11386,27 +10884,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-use-previous@1.0.1(@types/react@18.3.3)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.3
-
   '@radix-ui/react-use-previous@1.1.0(@types/react@18.3.3)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-use-rect@1.0.1(@types/react@18.3.3)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/rect': 1.0.1
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.3
-
   '@radix-ui/react-use-rect@1.1.0(@types/react@18.2.47)(react@18.3.1)':
     dependencies:
       '@radix-ui/rect': 1.1.0
@@ -11421,14 +10904,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-use-size@1.0.1(@types/react@18.3.3)(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.3)(react@18.3.1)
-      react: 18.3.1
-    optionalDependencies:
-      '@types/react': 18.3.3
-
   '@radix-ui/react-use-size@1.1.0(@types/react@18.2.47)(react@18.3.1)':
     dependencies:
       '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.2.47)(react@18.3.1)
@@ -11443,16 +10918,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
-  '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-    optionalDependencies:
-      '@types/react': 18.3.3
-      '@types/react-dom': 18.3.0
-
   '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.0)(@types/react@18.2.47)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.2.47)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
@@ -11471,10 +10936,6 @@ snapshots:
       '@types/react': 18.3.3
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/rect@1.0.1':
-    dependencies:
-      '@babel/runtime': 7.24.5
-
   '@radix-ui/rect@1.1.0': {}
 
   '@react-email/body@0.0.9(react@18.3.1)':
@@ -13462,463 +12923,6 @@ snapshots:
 
   '@xtuc/long@4.2.2': {}
 
-  '@zag-js/accordion@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/anatomy@0.38.0': {}
-
-  '@zag-js/aria-hidden@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/auto-resize@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/avatar@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/carousel@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/checkbox@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/clipboard@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/collapsible@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/collection@0.38.0': {}
-
-  '@zag-js/color-picker@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/color-utils': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/tabbable': 0.38.0
-      '@zag-js/text-selection': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/color-utils@0.38.0':
-    dependencies:
-      '@zag-js/numeric-range': 0.38.0
-
-  '@zag-js/combobox@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/aria-hidden': 0.38.0
-      '@zag-js/collection': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/core@0.38.0':
-    dependencies:
-      '@zag-js/store': 0.38.0
-      klona: 2.0.6
-
-  '@zag-js/date-picker@0.38.0':
-    dependencies:
-      '@internationalized/date': 3.5.2
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/date-utils': 0.38.0(@internationalized/date@3.5.2)
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/live-region': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/text-selection': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/date-utils@0.38.0(@internationalized/date@3.5.2)':
-    dependencies:
-      '@internationalized/date': 3.5.2
-
-  '@zag-js/dialog@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/aria-hidden': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/remove-scroll': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      focus-trap: 7.5.4
-
-  '@zag-js/dismissable@0.38.0':
-    dependencies:
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/interact-outside': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/dom-event@0.38.0':
-    dependencies:
-      '@zag-js/text-selection': 0.38.0
-      '@zag-js/types': 0.38.0
-
-  '@zag-js/dom-query@0.38.0': {}
-
-  '@zag-js/editable@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/interact-outside': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/element-rect@0.38.0': {}
-
-  '@zag-js/element-size@0.38.0': {}
-
-  '@zag-js/file-upload@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/file-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/file-utils@0.38.0':
-    dependencies:
-      '@zag-js/i18n-utils': 0.38.0
-
-  '@zag-js/form-utils@0.38.0':
-    dependencies:
-      '@zag-js/mutation-observer': 0.38.0
-
-  '@zag-js/hover-card@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/i18n-utils@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/interact-outside@0.38.0':
-    dependencies:
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/tabbable': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/live-region@0.38.0':
-    dependencies:
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/menu@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/rect-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/mutation-observer@0.38.0': {}
-
-  '@zag-js/number-input@0.38.0':
-    dependencies:
-      '@internationalized/number': 3.5.1
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/number-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/number-utils@0.38.0': {}
-
-  '@zag-js/numeric-range@0.38.0': {}
-
-  '@zag-js/pagination@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/pin-input@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/popover@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/aria-hidden': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/remove-scroll': 0.38.0
-      '@zag-js/tabbable': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      focus-trap: 7.5.4
-
-  '@zag-js/popper@0.38.0':
-    dependencies:
-      '@floating-ui/dom': 1.6.3
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/presence@0.38.0':
-    dependencies:
-      '@zag-js/core': 0.38.0
-      '@zag-js/types': 0.38.0
-
-  '@zag-js/progress@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/radio-group@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/element-rect': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/rating-group@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/react@0.38.0(react-dom@18.2.0(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@zag-js/core': 0.38.0
-      '@zag-js/store': 0.38.0
-      '@zag-js/types': 0.38.0
-      proxy-compare: 2.6.0
-      react: 18.3.1
-      react-dom: 18.2.0(react@18.3.1)
-
-  '@zag-js/rect-utils@0.38.0': {}
-
-  '@zag-js/remove-scroll@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/select@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/collection': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dismissable': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/tabbable': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/slider@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/element-size': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/numeric-range': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/splitter@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/number-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/store@0.38.0':
-    dependencies:
-      proxy-compare: 2.6.0
-
-  '@zag-js/switch@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-      '@zag-js/visually-hidden': 0.38.0
-
-  '@zag-js/tabbable@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/tabs@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/element-rect': 0.38.0
-      '@zag-js/tabbable': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/tags-input@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/auto-resize': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/form-utils': 0.38.0
-      '@zag-js/interact-outside': 0.38.0
-      '@zag-js/live-region': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/text-selection@0.38.0':
-    dependencies:
-      '@zag-js/dom-query': 0.38.0
-
-  '@zag-js/toast@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/toggle-group@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/tooltip@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/popper': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/tree-view@0.38.0':
-    dependencies:
-      '@zag-js/anatomy': 0.38.0
-      '@zag-js/core': 0.38.0
-      '@zag-js/dom-event': 0.38.0
-      '@zag-js/dom-query': 0.38.0
-      '@zag-js/mutation-observer': 0.38.0
-      '@zag-js/types': 0.38.0
-      '@zag-js/utils': 0.38.0
-
-  '@zag-js/types@0.38.0':
-    dependencies:
-      csstype: 3.1.3
-
-  '@zag-js/utils@0.38.0': {}
-
-  '@zag-js/visually-hidden@0.38.0': {}
-
   abbrev@1.1.1:
     optional: true
 
@@ -14945,10 +13949,6 @@ snapshots:
 
   flatted@3.3.1: {}
 
-  focus-trap@7.5.4:
-    dependencies:
-      tabbable: 6.2.0
-
   follow-redirects@1.15.6: {}
 
   fontkit@2.0.2:
@@ -15681,8 +14681,6 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  klona@2.0.6: {}
-
   knip@5.17.4(@types/node@20.12.12)(typescript@5.4.5):
     dependencies:
       '@ericcornelissen/bash-parser': 0.5.2
@@ -17210,8 +16208,6 @@ snapshots:
 
   proto-list@1.2.4: {}
 
-  proxy-compare@2.6.0: {}
-
   proxy-from-env@1.1.0: {}
 
   pump@3.0.0:
@@ -17223,9 +16219,9 @@ snapshots:
 
   punycode@2.3.1: {}
 
-  pushmodal@1.0.4(@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1))(react-dom@18.2.0(react@18.3.1))(react@18.3.1):
+  pushmodal@1.0.4(@radix-ui/react-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1))(react-dom@18.2.0(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.2.0(react@18.3.1))(react@18.3.1)
       mitt: 3.0.1
       react: 18.3.1
       react-dom: 18.2.0(react@18.3.1)

From 7c5f3fc4a6ce0a09ec70e8a3cac1e5b31a79e655 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 23:59:04 +0530
Subject: [PATCH 38/48] feat: close

---
 .../convertible-notes/components/upload-document-step.tsx      | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index dabc1d67b..3c786a5cb 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -2,6 +2,7 @@
 
 import { uploadFile } from "@/common/uploads";
 import { Button } from "@/components/ui/button";
+import { useDialogState } from "@/components/ui/dialog";
 import { FileUploader } from "@/components/ui/file-uploader";
 import {
   Form,
@@ -37,6 +38,7 @@ const Schema = z.object({
 type TSchema = z.infer<typeof Schema>;
 
 export function UploadDocumentStep() {
+  const { onOpenChange } = useDialogState();
   const { mutateAsync } = api.bucket.create.useMutation();
   const { mutateAsync: documentUpload } = api.document.create.useMutation();
   const router = useRouter();
@@ -62,6 +64,7 @@ export function UploadDocumentStep() {
       onSuccess: () => {
         router.refresh();
         toast.success("Convertible note created successfully");
+        onOpenChange(false);
       },
     },
   );

From d513408bb1d108caaf10cadb794ac3142a79dd3b Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 23:59:28 +0530
Subject: [PATCH 39/48] fix: combobox

---
 src/components/ui/combobox.tsx | 44 ++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/components/ui/combobox.tsx b/src/components/ui/combobox.tsx
index 2c2b1e386..68f04b706 100644
--- a/src/components/ui/combobox.tsx
+++ b/src/components/ui/combobox.tsx
@@ -2,6 +2,7 @@
 import { Button } from "@/components/ui/button";
 import {
   Command,
+  CommandEmpty,
   CommandGroup,
   CommandInput,
   CommandItem,
@@ -14,6 +15,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
+import { useControllableState } from "@/hooks/use-controllable-state";
 import { cn } from "@/lib/utils";
 import { RiCheckFill as CheckIcon } from "@remixicon/react";
 import type React from "react";
@@ -27,32 +29,36 @@ export type ComboBoxOption = {
 
 export const LinearCombobox = ({
   options,
-  onValueChange,
   defaultOption,
   children,
+  defaultValue,
+  value: value_,
+  onChange,
 }: {
   options: ComboBoxOption[];
-  onValueChange?: (option: ComboBoxOption) => void;
   defaultOption?: ComboBoxOption;
   children?: React.ReactNode;
+  defaultValue?: string;
+  value?: string;
+  onChange?(val: string): void;
 }) => {
-  const [openPopover, setOpenPopover] = useState(false);
-  const [selectedOption, setSelectedOption] = useState<ComboBoxOption | null>(
-    null,
-  );
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useControllableState({
+    defaultProp: defaultValue,
+    prop: value_,
+    onChange,
+  });
+
   const [searchValue, setSearchValue] = useState("");
-  const onValueChangeRef = useRef(onValueChange);
 
-  useEffect(() => {
-    if (selectedOption && onValueChangeRef.current) {
-      onValueChangeRef.current(selectedOption);
-    }
-  }, [selectedOption]);
+  const selectedOption = options.find((item) => item.value === value);
 
   return (
-    <Popover open={openPopover} onOpenChange={setOpenPopover} modal>
+    <Popover open={open} onOpenChange={setOpen} modal>
       <PopoverTrigger asChild>
         <Button
+          role="combobox"
+          aria-expanded={open}
           aria-label="Select option"
           variant="outline"
           size="lg"
@@ -79,7 +85,6 @@ export const LinearCombobox = ({
       <PopoverContent
         className="w-[206px] p-0 rounded-lg"
         align="start"
-        onCloseAutoFocus={(e) => e.preventDefault()}
         sideOffset={6}
       >
         <Command className="rounded-lg relative">
@@ -89,8 +94,8 @@ export const LinearCombobox = ({
               if (Number.parseInt(value) < options.length) {
                 const possibleOption = options[Number.parseInt(value)];
                 if (possibleOption) {
-                  setSelectedOption(possibleOption);
-                  setOpenPopover(false);
+                  setValue(possibleOption.value);
+                  setOpen(false);
                   setSearchValue("");
                   return;
                 }
@@ -102,16 +107,15 @@ export const LinearCombobox = ({
           />
 
           <CommandList>
+            <CommandEmpty>No item found.</CommandEmpty>
             <CommandGroup>
               {options.map((option, index) => (
                 <CommandItem
                   key={option.value}
                   value={option.value}
                   onSelect={(value) => {
-                    setSelectedOption(
-                      options.find((p) => p.value === value) || null,
-                    );
-                    setOpenPopover(false);
+                    setValue(value);
+                    setOpen(false);
                     setSearchValue("");
                   }}
                   className="group rounded-md flex justify-between items-center w-full text-[0.8125rem] leading-normal text-primary"

From 1096aefdea3f023e3b9e9658d496bea65bfbd908 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 23:59:43 +0530
Subject: [PATCH 40/48] feat: add dialog provider

---
 src/components/ui/dialog.tsx | 42 +++++++++++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 2e19e75d8..3d9d77b46 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -4,9 +4,49 @@ import Kbd from "@/components/ui/kbd";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
 
+import { useControllableState } from "@/hooks/use-controllable-state";
+import { invariant } from "@/lib/error";
 import { cn } from "@/lib/utils";
 
-const Dialog = DialogPrimitive.Root;
+const DialogContext = React.createContext<null | {
+  open: boolean;
+  onOpenChange: (val: boolean) => void;
+}>(null);
+
+export const useDialogState = () => {
+  const val = React.useContext(DialogContext);
+
+  invariant(val, "useDialogState should be used inside DialogContextProvider");
+
+  return val;
+};
+
+function Dialog({
+  onOpenChange,
+  open,
+  children,
+  defaultOpen,
+  ...rest
+}: DialogPrimitive.DialogProps) {
+  const [open_ = false, onOpenChange_] = useControllableState({
+    onChange: onOpenChange,
+    prop: open,
+    defaultProp: defaultOpen,
+  });
+
+  const handleOpenChange = (val: boolean) => {
+    onOpenChange_(val);
+  };
+  return (
+    <DialogContext.Provider
+      value={{ open: open_, onOpenChange: handleOpenChange }}
+    >
+      <DialogPrimitive.Root open={open_} onOpenChange={onOpenChange_} {...rest}>
+        {children}
+      </DialogPrimitive.Root>
+    </DialogContext.Provider>
+  );
+}
 
 const DialogTrigger = DialogPrimitive.Trigger;
 

From 72efb9279a6e6f62b241f623171d0a2634b43993 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Thu, 15 Aug 2024 23:59:54 +0530
Subject: [PATCH 41/48] fix: prop

---
 .../components/add-convertible-notes-form.tsx                  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
index 44e87a405..70ece2840 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/add-convertible-notes-form.tsx
@@ -211,7 +211,8 @@ export function AddConvertibleNotesForm({
                 <div>
                   <LinearCombobox
                     options={stakeHolderOpts}
-                    onValueChange={(option) => field.onChange(option.value)}
+                    onChange={field.onChange}
+                    defaultValue={field.value}
                   >
                     <button
                       type="button"

From 6fa68eea9592b07209e21e0b6decc4eee1558f78 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 00:11:55 +0530
Subject: [PATCH 42/48] feat: fix logic

---
 .../[publicId]/equity-plans/form.tsx          |  6 +++--
 .../modals/equity-pan/equity-plan-form.tsx    |  3 ++-
 .../modals/investor/add-investor-form.tsx     |  9 ++-----
 .../modals/share-class/share-class-form.tsx   | 25 ++++---------------
 .../stakeholder/single-stake-holder-form.tsx  | 10 +++-----
 src/components/onboarding/company-form.tsx    |  5 ++--
 .../safe/steps/investor-details/form.tsx      |  3 ++-
 src/components/safe/steps/safe-template.tsx   |  3 ++-
 .../options/steps/general-details.tsx         |  6 +++--
 .../options/steps/vesting-details.tsx         |  3 ++-
 .../shares/steps/contribution-details.tsx     |  3 ++-
 .../shares/steps/general-details.tsx          |  3 ++-
 12 files changed, 33 insertions(+), 46 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/equity-plans/form.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/equity-plans/form.tsx
index 39ef7394d..d0397ac87 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/equity-plans/form.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/equity-plans/form.tsx
@@ -216,7 +216,8 @@ const EquityPlanForm = ({
                     {shareClasses.length > 0 ? (
                       <LinearCombobox
                         options={shareClassOpts}
-                        onValueChange={(option) => field.onChange(option.value)}
+                        onChange={field.onChange}
+                        defaultValue={field.value}
                       >
                         <button
                           type="button"
@@ -294,7 +295,8 @@ const EquityPlanForm = ({
                   <div>
                     <LinearCombobox
                       options={defaultCancellatonBehaviorOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/modals/equity-pan/equity-plan-form.tsx b/src/components/modals/equity-pan/equity-plan-form.tsx
index 9cd00cff7..ade570fe2 100644
--- a/src/components/modals/equity-pan/equity-plan-form.tsx
+++ b/src/components/modals/equity-pan/equity-plan-form.tsx
@@ -214,7 +214,8 @@ export const EquityPlanForm = ({
                     {shareClasses.length > 0 ? (
                       <LinearCombobox
                         options={shareClassOpts}
-                        onValueChange={(option) => field.onChange(option.value)}
+                        onChange={field.onChange}
+                        defaultValue={field.value}
                       >
                         <button
                           type="button"
diff --git a/src/components/modals/investor/add-investor-form.tsx b/src/components/modals/investor/add-investor-form.tsx
index 795dc2ebf..3dc6a33ba 100644
--- a/src/components/modals/investor/add-investor-form.tsx
+++ b/src/components/modals/investor/add-investor-form.tsx
@@ -130,14 +130,9 @@ export const InvestorForm = ({ investor }: InvestorFormProps) => {
                   <FormLabel>Type</FormLabel>
                   <div>
                     <LinearCombobox
-                      defaultOption={{
-                        value: field.value,
-                        label: camelCase(field.value),
-                      }}
                       options={investorTypeOpts}
-                      onValueChange={(option) => {
-                        field.onChange(option.value);
-                      }}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/modals/share-class/share-class-form.tsx b/src/components/modals/share-class/share-class-form.tsx
index 3f6408b55..474aebb10 100644
--- a/src/components/modals/share-class/share-class-form.tsx
+++ b/src/components/modals/share-class/share-class-form.tsx
@@ -75,16 +75,9 @@ const ShareClassForm = ({
   const { watch } = form;
   const router = useRouter();
   const isSubmitting = form.formState.isSubmitting;
-  const watchConversionRights = watch("conversionRights") as string;
-  const [renderShareClassInput, setRenderShareClassInput] = useState(false);
-  const [defShareTypeOpt, setDefShareTypeOpt] = useState<ComboBoxOption>();
-  useEffect(() => {
-    if (watchConversionRights === "CONVERTS_TO_SHARE_CLASS_ID") {
-      setRenderShareClassInput(true);
-    } else {
-      setRenderShareClassInput(false);
-    }
-  }, [watchConversionRights]);
+  const watchConversionRights = watch("conversionRights");
+  const renderShareClassInput =
+    watchConversionRights === "CONVERTS_TO_SHARE_CLASS_ID";
 
   const createMutation = api.shareClass.create.useMutation({
     onSuccess: ({ success, message }) => {
@@ -118,14 +111,6 @@ const ShareClassForm = ({
       : await updateMutation.mutateAsync(values);
   };
 
-  useEffect(() => {
-    setDefShareTypeOpt(
-      shareClassTypeOpts.find(
-        (opt) => opt.value === form.getValues().classType,
-      ),
-    );
-  }, [form.getValues]);
-
   const shareClassTypeOpts = [
     { value: "COMMON", label: "Common share" },
     { value: "PREFERRED", label: "Preferred share" },
@@ -161,8 +146,8 @@ const ShareClassForm = ({
                   <div>
                     <LinearCombobox
                       options={shareClassTypeOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
-                      defaultOption={defShareTypeOpt}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/modals/stakeholder/single-stake-holder-form.tsx b/src/components/modals/stakeholder/single-stake-holder-form.tsx
index f49147992..1b9f9bca2 100644
--- a/src/components/modals/stakeholder/single-stake-holder-form.tsx
+++ b/src/components/modals/stakeholder/single-stake-holder-form.tsx
@@ -171,11 +171,9 @@ export const SingleStakeholderForm = ({
                   <FormLabel>Type</FormLabel>
                   <div>
                     <LinearCombobox
-                      defaultOption={{ value: field.value, label: field.value }}
                       options={stakeHolderTypeOpts}
-                      onValueChange={(option) => {
-                        field.onChange(option.value);
-                      }}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
@@ -192,9 +190,9 @@ export const SingleStakeholderForm = ({
                   <FormLabel>Group</FormLabel>
                   <div>
                     <LinearCombobox
-                      defaultOption={{ value: field.value, label: field.value }}
                       options={groupTypeOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/onboarding/company-form.tsx b/src/components/onboarding/company-form.tsx
index aa4f14796..4840ef272 100644
--- a/src/components/onboarding/company-form.tsx
+++ b/src/components/onboarding/company-form.tsx
@@ -426,9 +426,8 @@ export const CompanyForm = ({ type, data }: CompanyFormProps) => {
                     <div>
                       <LinearCombobox
                         options={incorpTypeOpts}
-                        onValueChange={(option) => {
-                          field.onChange(option.value);
-                        }}
+                        onChange={field.onChange}
+                        defaultValue={field.value}
                       />
                     </div>
 
diff --git a/src/components/safe/steps/investor-details/form.tsx b/src/components/safe/steps/investor-details/form.tsx
index 7d00ba73b..a53d0c5f3 100644
--- a/src/components/safe/steps/investor-details/form.tsx
+++ b/src/components/safe/steps/investor-details/form.tsx
@@ -151,7 +151,8 @@ export function InvestorDetailsForm({ stakeholders }: InvestorsDetailsProps) {
                 <div>
                   <LinearCombobox
                     options={stakeHolderOpts}
-                    onValueChange={(option) => field.onChange(option.value)}
+                    onChange={field.onChange}
+                    defaultValue={field.value}
                   >
                     <button
                       type="button"
diff --git a/src/components/safe/steps/safe-template.tsx b/src/components/safe/steps/safe-template.tsx
index 7ad0b1534..a9175d501 100644
--- a/src/components/safe/steps/safe-template.tsx
+++ b/src/components/safe/steps/safe-template.tsx
@@ -233,7 +233,8 @@ function PredefinedTemplateSelect() {
           <div>
             <LinearCombobox
               options={templateTypes}
-              onValueChange={(option) => field.onChange(option.value)}
+              onChange={field.onChange}
+              defaultValue={field.value}
             />
           </div>
           <FormMessage className="text-xs font-light" />
diff --git a/src/components/securities/options/steps/general-details.tsx b/src/components/securities/options/steps/general-details.tsx
index ef0666eee..f62373b73 100644
--- a/src/components/securities/options/steps/general-details.tsx
+++ b/src/components/securities/options/steps/general-details.tsx
@@ -88,7 +88,8 @@ export const GeneralDetails = () => {
                 <div>
                   <LinearCombobox
                     options={typesOpts}
-                    onValueChange={(option) => field.onChange(option.value)}
+                    onChange={field.onChange}
+                    defaultValue={field.value}
                   />
                 </div>
                 <FormMessage className="text-xs font-light" />
@@ -132,7 +133,8 @@ export const GeneralDetails = () => {
                 <div>
                   <LinearCombobox
                     options={STATUSES}
-                    onValueChange={(option) => field.onChange(option.value)}
+                    onChange={field.onChange}
+                    defaultValue={field.value}
                   />
                 </div>
 
diff --git a/src/components/securities/options/steps/vesting-details.tsx b/src/components/securities/options/steps/vesting-details.tsx
index 969d826ee..80d846f0a 100644
--- a/src/components/securities/options/steps/vesting-details.tsx
+++ b/src/components/securities/options/steps/vesting-details.tsx
@@ -228,7 +228,8 @@ export const VestingDetails = (props: VestingDetailsProps) => {
                   <div>
                     <LinearCombobox
                       options={stakeHolderOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/securities/shares/steps/contribution-details.tsx b/src/components/securities/shares/steps/contribution-details.tsx
index ae02827d3..03c202a7e 100644
--- a/src/components/securities/shares/steps/contribution-details.tsx
+++ b/src/components/securities/shares/steps/contribution-details.tsx
@@ -80,7 +80,8 @@ export const ContributionDetails = ({
                 <div>
                   <LinearCombobox
                     options={stakeHoldersOpts}
-                    onValueChange={(option) => field.onChange(option.value)}
+                    onChange={field.onChange}
+                    defaultValue={field.value}
                   />
                 </div>
                 <FormMessage className="text-xs font-light" />
diff --git a/src/components/securities/shares/steps/general-details.tsx b/src/components/securities/shares/steps/general-details.tsx
index b03be7edb..fc9307675 100644
--- a/src/components/securities/shares/steps/general-details.tsx
+++ b/src/components/securities/shares/steps/general-details.tsx
@@ -136,7 +136,8 @@ export const GeneralDetails = ({ shareClasses = [] }: GeneralDetailsProps) => {
                     <div>
                       <LinearCombobox
                         options={shareClassOpts}
-                        onValueChange={(option) => field.onChange(option.value)}
+                        onChange={field.onChange}
+                        defaultValue={field.value}
                       >
                         <button
                           type="button"

From 9ea3519c8285f571cda41375589adbe3491f86f2 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 00:20:09 +0530
Subject: [PATCH 43/48] fix: type

---
 src/components/modals/equity-pan/equity-plan-form.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/equity-pan/equity-plan-form.tsx b/src/components/modals/equity-pan/equity-plan-form.tsx
index ade570fe2..bb570de01 100644
--- a/src/components/modals/equity-pan/equity-plan-form.tsx
+++ b/src/components/modals/equity-pan/equity-plan-form.tsx
@@ -293,7 +293,8 @@ export const EquityPlanForm = ({
                   <div>
                     <LinearCombobox
                       options={defaultCancellatonBehaviorOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />

From d1b698bc54d76066d55ca0e7c18ec0cc731c34e9 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 00:57:03 +0530
Subject: [PATCH 44/48] fix: logic handling

---
 .../components/upload-document-step.tsx       | 103 ++++++++++--------
 1 file changed, 58 insertions(+), 45 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index 3c786a5cb..4b11912a7 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -12,7 +12,11 @@ import {
   FormLabel,
   FormMessage,
 } from "@/components/ui/form";
-import { StepperModalFooter, StepperPrev } from "@/components/ui/stepper";
+import {
+  StepperModalFooter,
+  StepperPrev,
+  useStepper,
+} from "@/components/ui/stepper";
 import { invariant } from "@/lib/error";
 import { TAG } from "@/lib/tags";
 import { useFormValueState } from "@/providers/form-value-provider";
@@ -39,7 +43,8 @@ type TSchema = z.infer<typeof Schema>;
 
 export function UploadDocumentStep() {
   const { onOpenChange } = useDialogState();
-  const { mutateAsync } = api.bucket.create.useMutation();
+  const { reset } = useStepper();
+  const { mutateAsync: bucketUpload } = api.bucket.create.useMutation();
   const { mutateAsync: documentUpload } = api.document.create.useMutation();
   const router = useRouter();
   const { data: session } = useSession();
@@ -56,55 +61,63 @@ export function UploadDocumentStep() {
     TCreateConvertibleNoteRes,
     Error,
     TCreateConvertibleNoteParams
-  >(
-    (params) => {
-      return createConvertibleNote(params);
-    },
-    {
-      onSuccess: () => {
-        router.refresh();
-        toast.success("Convertible note created successfully");
-        onOpenChange(false);
-      },
-    },
-  );
+  >((params) => {
+    return createConvertibleNote(params);
+  });
 
-  const onSubmit = async (data: TSchema) => {
+  const onSubmit = (data: TSchema) => {
     invariant(session, "session not found");
 
-    const note = await createNote({
-      urlParams: { companyId: session.user.companyId },
-      json: {
-        ...formData,
-        ...(formData.boardApprovalDate && {
-          boardApprovalDate: new Date(formData.boardApprovalDate).toISOString(),
-        }),
-        ...(formData.issueDate && {
-          issueDate: new Date(formData.issueDate).toISOString(),
-        }),
-      },
-    });
-
-    for (const file of data.files) {
-      const { key, mimeType, name, size } = await uploadFile(file, {
-        identifier: session.user.companyPublicId,
-        keyPrefix: "convertible-note",
+    const handleSubmit = async () => {
+      const note = await createNote({
+        urlParams: { companyId: session.user.companyId },
+        json: {
+          ...formData,
+          ...(formData.boardApprovalDate && {
+            boardApprovalDate: new Date(
+              formData.boardApprovalDate,
+            ).toISOString(),
+          }),
+          ...(formData.issueDate && {
+            issueDate: new Date(formData.issueDate).toISOString(),
+          }),
+        },
       });
 
-      const data = await mutateAsync({
-        key,
-        mimeType,
-        name,
-        size,
-        tags: [TAG.CONVERTIBLE_NOTE],
-      });
+      for (const file of data.files) {
+        const { key, mimeType, name, size } = await uploadFile(file, {
+          identifier: session.user.companyPublicId,
+          keyPrefix: "convertible-note",
+        });
 
-      await documentUpload({
-        bucketId: data.id,
-        name: data.name,
-        convertibleNoteId: note.data.id,
-      });
-    }
+        const data = await bucketUpload({
+          key,
+          mimeType,
+          name,
+          size,
+          tags: [TAG.CONVERTIBLE_NOTE],
+        });
+
+        await documentUpload({
+          bucketId: data.id,
+          name: data.name,
+          convertibleNoteId: note.data.id,
+        });
+      }
+    };
+
+    onOpenChange(false);
+    reset();
+
+    toast.promise(handleSubmit, {
+      loading: "Creating Convertible Note...",
+      success: () => {
+        router.refresh();
+
+        return "Convertible note created successfully";
+      },
+      error: "Failed to create convertible note",
+    });
   };
 
   return (

From 2fd9f69935be82b010b2b2a104cd8ea51bede1f7 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 01:08:18 +0530
Subject: [PATCH 45/48] fix: type

---
 src/components/securities/options/steps/vesting-details.tsx | 3 ++-
 src/components/securities/shares/steps/general-details.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/securities/options/steps/vesting-details.tsx b/src/components/securities/options/steps/vesting-details.tsx
index 80d846f0a..88433930a 100644
--- a/src/components/securities/options/steps/vesting-details.tsx
+++ b/src/components/securities/options/steps/vesting-details.tsx
@@ -176,7 +176,8 @@ export const VestingDetails = (props: VestingDetailsProps) => {
                   <div>
                     <LinearCombobox
                       options={equityPlansOpts}
-                      onValueChange={(option) => field.onChange(option.value)}
+                      onChange={field.onChange}
+                      defaultValue={field.value}
                     />
                   </div>
                   <FormMessage className="text-xs font-light" />
diff --git a/src/components/securities/shares/steps/general-details.tsx b/src/components/securities/shares/steps/general-details.tsx
index fc9307675..d980e0162 100644
--- a/src/components/securities/shares/steps/general-details.tsx
+++ b/src/components/securities/shares/steps/general-details.tsx
@@ -185,7 +185,8 @@ export const GeneralDetails = ({ shareClasses = [] }: GeneralDetailsProps) => {
                     <div>
                       <LinearCombobox
                         options={statusOpts}
-                        onValueChange={(option) => field.onChange(option.value)}
+                        onChange={field.onChange}
+                        defaultValue={field.value}
                       />
                     </div>
                     <FormMessage className="text-xs font-light" />

From a03bafbc1b68b1f0261eb8541a100f562ed77db2 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 10:44:46 +0530
Subject: [PATCH 46/48] feat: revert

---
 src/server/api/index.ts | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/server/api/index.ts b/src/server/api/index.ts
index 75e4724ec..826a35489 100644
--- a/src/server/api/index.ts
+++ b/src/server/api/index.ts
@@ -11,12 +11,9 @@ api.use("*", middlewareServices());
 
 // Register RESTful routes
 
-const routes = api
-  .route("", registerCompanyRoutes(api))
-  .route("", registerConvertibleNotesRoutes(api))
-  .route("", registerShareRoutes(api))
-  .route("", registerStakeholderRoutes(api));
-
-export type APIType = typeof routes;
+registerCompanyRoutes(api);
+registerConvertibleNotesRoutes(api);
+registerShareRoutes(api);
+registerStakeholderRoutes(api);
 
 export default api;

From 88ed9cfd0c0f2bfcc36a67e1ff929810437a6103 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 11:53:37 +0530
Subject: [PATCH 47/48] feat: improve

---
 .../components/upload-document-step.tsx       | 84 ++++++++++---------
 .../api/routes/convertible-note/create.ts     | 50 +++++++++--
 src/server/api/schema/convertible-note.ts     |  7 ++
 src/server/api/shared-handlers/document.ts    | 47 +++++++++++
 src/trpc/routers/document-router/schema.ts    |  1 -
 5 files changed, 142 insertions(+), 47 deletions(-)
 create mode 100644 src/server/api/shared-handlers/document.ts

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index 4b11912a7..3044e9a94 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -45,7 +45,7 @@ export function UploadDocumentStep() {
   const { onOpenChange } = useDialogState();
   const { reset } = useStepper();
   const { mutateAsync: bucketUpload } = api.bucket.create.useMutation();
-  const { mutateAsync: documentUpload } = api.document.create.useMutation();
+
   const router = useRouter();
   const { data: session } = useSession();
   const formData = useFormValueState<TFormSchema>();
@@ -61,28 +61,29 @@ export function UploadDocumentStep() {
     TCreateConvertibleNoteRes,
     Error,
     TCreateConvertibleNoteParams
-  >((params) => {
-    return createConvertibleNote(params);
-  });
+  >(
+    (params) => {
+      return createConvertibleNote(params);
+    },
+    {
+      onSuccess: () => {
+        router.refresh();
+        onOpenChange(false);
+        reset();
+      },
+    },
+  );
 
-  const onSubmit = (data: TSchema) => {
+  const onSubmit = async (data: TSchema) => {
     invariant(session, "session not found");
+    const toastId = "convertible-note";
 
-    const handleSubmit = async () => {
-      const note = await createNote({
-        urlParams: { companyId: session.user.companyId },
-        json: {
-          ...formData,
-          ...(formData.boardApprovalDate && {
-            boardApprovalDate: new Date(
-              formData.boardApprovalDate,
-            ).toISOString(),
-          }),
-          ...(formData.issueDate && {
-            issueDate: new Date(formData.issueDate).toISOString(),
-          }),
-        },
-      });
+    toast.loading("Creating convertible note...", {
+      id: toastId,
+    });
+
+    try {
+      const documentList: { id: string }[] = [];
 
       for (const file of data.files) {
         const { key, mimeType, name, size } = await uploadFile(file, {
@@ -90,7 +91,7 @@ export function UploadDocumentStep() {
           keyPrefix: "convertible-note",
         });
 
-        const data = await bucketUpload({
+        const bucket = await bucketUpload({
           key,
           mimeType,
           name,
@@ -98,26 +99,33 @@ export function UploadDocumentStep() {
           tags: [TAG.CONVERTIBLE_NOTE],
         });
 
-        await documentUpload({
-          bucketId: data.id,
-          name: data.name,
-          convertibleNoteId: note.data.id,
-        });
+        documentList.push({ id: bucket.id });
       }
-    };
-
-    onOpenChange(false);
-    reset();
 
-    toast.promise(handleSubmit, {
-      loading: "Creating Convertible Note...",
-      success: () => {
-        router.refresh();
+      await createNote({
+        urlParams: { companyId: session.user.companyId },
+        json: {
+          ...formData,
+          ...(formData.boardApprovalDate && {
+            boardApprovalDate: new Date(
+              formData.boardApprovalDate,
+            ).toISOString(),
+          }),
+          ...(formData.issueDate && {
+            issueDate: new Date(formData.issueDate).toISOString(),
+          }),
+          documents: documentList,
+        },
+      });
 
-        return "Convertible note created successfully";
-      },
-      error: "Failed to create convertible note",
-    });
+      toast.success("Successfully created convertible note", {
+        id: toastId,
+      });
+    } catch (_error) {
+      toast.error("Failed to create convertible note", {
+        id: toastId,
+      });
+    }
   };
 
   return (
diff --git a/src/server/api/routes/convertible-note/create.ts b/src/server/api/routes/convertible-note/create.ts
index 93ff5118a..3b1e8f2d5 100644
--- a/src/server/api/routes/convertible-note/create.ts
+++ b/src/server/api/routes/convertible-note/create.ts
@@ -1,10 +1,12 @@
 import { generatePublicId } from "@/common/id";
-
+import { TAG } from "@/lib/tags";
 import { z } from "@hono/zod-openapi";
+import { ApiError } from "../../error";
 import {
   ConvertibleNoteSchema,
   CreateConvertibleNotesSchema,
 } from "../../schema/convertible-note";
+import { createDocumentHandler } from "../../shared-handlers/document";
 import { authMiddleware, withAuthApiV1 } from "../../utils/endpoint-creator";
 ("../../utils/endpoint-creator");
 
@@ -58,14 +60,46 @@ export const create = withAuthApiV1
   .handler(async (c) => {
     const { db } = c.get("services");
     const { membership } = c.get("session");
-    const body = c.req.valid("json");
+    const { documents, ...rest } = c.req.valid("json");
 
-    const note = await db.convertibleNote.create({
-      data: {
-        ...body,
-        publicId: generatePublicId(),
-        companyId: membership.companyId,
-      },
+    const note = await db.$transaction(async (tx) => {
+      const note = await tx.convertibleNote.create({
+        data: {
+          ...rest,
+          publicId: generatePublicId(),
+          companyId: membership.companyId,
+        },
+      });
+
+      const documentBucket = await tx.bucket.findMany({
+        where: {
+          id: { in: documents.map((item) => item.id) },
+          tags: {
+            has: TAG.CONVERTIBLE_NOTE,
+          },
+        },
+      });
+
+      if (documentBucket.length === 0) {
+        throw new ApiError({
+          code: "BAD_REQUEST",
+          message: "No documents found with these id",
+        });
+      }
+
+      for (const docBucket of documentBucket) {
+        await createDocumentHandler({
+          c,
+          db: tx,
+          input: {
+            bucketId: docBucket.id,
+            name: docBucket.name,
+            convertibleNoteId: note.id,
+          },
+        });
+      }
+
+      return note;
     });
 
     const data: z.infer<typeof ResponseSchema>["data"] = {
diff --git a/src/server/api/schema/convertible-note.ts b/src/server/api/schema/convertible-note.ts
index f430f898c..6e1303be4 100644
--- a/src/server/api/schema/convertible-note.ts
+++ b/src/server/api/schema/convertible-note.ts
@@ -108,6 +108,13 @@ export const CreateConvertibleNotesSchema = ConvertibleNoteSchema.omit({
   updatedAt: true,
   companyId: true,
   status: true,
+}).extend({
+  documents: z
+    .array(z.object({ id: z.string() }))
+    .min(1)
+    .openapi({
+      description: "List of id's for the documents uploaded",
+    }),
 });
 
 export type TCreateConvertibleNotesSchema = z.infer<
diff --git a/src/server/api/shared-handlers/document.ts b/src/server/api/shared-handlers/document.ts
new file mode 100644
index 000000000..db664b1c2
--- /dev/null
+++ b/src/server/api/shared-handlers/document.ts
@@ -0,0 +1,47 @@
+import { generatePublicId } from "@/common/id";
+import type { TPrismaOrTransaction } from "@/server/db";
+import type { Context } from "hono";
+
+interface TCreateDocumentHandlerOptions {
+  c: Context;
+  db: TPrismaOrTransaction;
+  input: {
+    name: string;
+    bucketId: string;
+    convertibleNoteId?: string;
+  };
+}
+
+export async function createDocumentHandler({
+  c,
+  db,
+  input,
+}: TCreateDocumentHandlerOptions) {
+  const { audit, client } = c.get("services");
+  const { membership } = c.get("session");
+
+  const publicId = generatePublicId();
+
+  const document = await db.document.create({
+    data: {
+      companyId: membership.companyId,
+      uploaderId: membership.memberId,
+      publicId,
+      ...input,
+    },
+  });
+
+  await audit.create(
+    {
+      companyId: membership.companyId,
+      action: "document.created",
+      actor: { type: "user", id: membership.userId },
+      context: client,
+      target: [{ type: "document", id: document.id }],
+      summary: `${membership.user.name} uploaded a document: ${document.name}`,
+    },
+    db,
+  );
+
+  return document;
+}
diff --git a/src/trpc/routers/document-router/schema.ts b/src/trpc/routers/document-router/schema.ts
index 05648578f..f1ffe9558 100644
--- a/src/trpc/routers/document-router/schema.ts
+++ b/src/trpc/routers/document-router/schema.ts
@@ -3,7 +3,6 @@ import { z } from "zod";
 export const ZodCreateDocumentMutationSchema = z.object({
   name: z.string(),
   bucketId: z.string(),
-  convertibleNoteId: z.string().optional(),
 });
 
 export type TypeZodCreateDocumentMutationSchema = z.infer<

From 65a3ae892b60e90c0b010a0164070d506b571fb0 Mon Sep 17 00:00:00 2001
From: nafees nazik <nafeesnazik21@gmail.com>
Date: Fri, 16 Aug 2024 12:00:00 +0530
Subject: [PATCH 48/48] feat: add loading state

---
 .../components/upload-document-step.tsx                  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
index 3044e9a94..2fe8645af 100644
--- a/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
+++ b/src/app/(authenticated)/(dashboard)/[publicId]/fundraise/convertible-notes/components/upload-document-step.tsx
@@ -57,6 +57,8 @@ export function UploadDocumentStep() {
     },
   });
 
+  const isLoading = form.formState.isSubmitting;
+
   const { mutateAsync: createNote } = useMutation<
     TCreateConvertibleNoteRes,
     Error,
@@ -148,6 +150,7 @@ export function UploadDocumentStep() {
                   maxSize={1024 * 1024 * 50}
                   // biome-ignore lint/style/useNumberNamespace: <explanation>
                   maxFileCount={Infinity}
+                  disabled={isLoading}
                 />
               </FormControl>
               <FormMessage />
@@ -156,8 +159,10 @@ export function UploadDocumentStep() {
         />
 
         <StepperModalFooter className="pt-6">
-          <StepperPrev>Back</StepperPrev>
-          <Button type="submit">Save & Continue</Button>
+          <StepperPrev disabled={isLoading}>Back</StepperPrev>
+          <Button disabled={isLoading} type="submit">
+            Save & Continue
+          </Button>
         </StepperModalFooter>
       </form>
     </Form>