@tulip-systems/create-app 0.11.1

package/dist/templates/spark/src/app/admin/quotation-items/_lib/router.ts

@@ -0,0 +1,281 @@
+import "server-cli-only";
+
+import { ORPCError } from "@orpc/server";
+import { arrayMove } from "@tulip-systems/core";
+import { convertHTMLToEditorContent } from "@tulip-systems/editor";
+import {
+  bulkActionSchema,
+  offsetPaginationResponse,
+  offsetPaginationSchema,
+} from "@tulip-systems/query";
+import Decimal from "decimal.js";
+import { asc, desc, eq, inArray } from "drizzle-orm";
+import { z } from "zod";
+import { getTableData } from "@/lib/helpers/table-data.server";
+import { products, quotations, templateTasks } from "@/server/db/schema";
+import { permissionMiddleware } from "@/server/router/middleware";
+import { protectedProcedure } from "@/server/router/procedures";
+import {
+  quotationItemDatabaseFiltersCompiler,
+  quotationItemFiltersParser,
+  quotationItemsFiltersSchema,
+} from "../_config/filters";
+import {
+  quotationItemTableDatabaseSortsCompiler,
+  quotationItemTableSortsParser,
+  quotationItemTableSortsSchema,
+} from "../_config/sorting";
+import { quotationItems } from "./schema";
+import {
+  createQuotationItemSchema,
+  importExcelQuotationItemsSchema,
+  type QuotationItem,
+  updateQuotationItemSchema,
+} from "./validators";
+
+export const quotationItemsRouter = {
+  list: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(
+      z.object({
+        pagination: offsetPaginationSchema,
+        filters: quotationItemsFiltersSchema,
+        sorts: quotationItemTableSortsSchema,
+      }),
+    )
+    .handler(async ({ context, input }) => {
+      const parsedSorts = quotationItemTableSortsParser.parse(input.sorts);
+      const orderBy = quotationItemTableDatabaseSortsCompiler(quotationItems).parse(parsedSorts);
+
+      const parsedFilters = quotationItemFiltersParser.parse(input.filters);
+      const where = quotationItemDatabaseFiltersCompiler(quotationItems).parse(parsedFilters);
+
+      const { data, total } = await getTableData(context, quotationItems, {
+        pagination: input.pagination,
+        where,
+        orderBy,
+      });
+
+      return offsetPaginationResponse({ data, pagination: input.pagination, total });
+    }),
+  getAll: protectedProcedure
+    .input(z.object({ quotationId: z.string() }))
+    .handler(async ({ context, input }) =>
+      context.db.query.quotationItems.findMany({
+        where: eq(quotationItems.quotationId, input.quotationId),
+        orderBy: [asc(quotationItems.index)],
+      }),
+    ),
+  create: protectedProcedure
+    .input(createQuotationItemSchema)
+    .handler(async ({ context, input }) => {
+      const quotation = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.quotationId),
+        with: { client: true },
+      });
+
+      if (!quotation) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gevonden",
+        });
+      }
+
+      const lastQuotationItem = await context.db
+        .select({ index: quotationItems.index })
+        .from(quotationItems)
+        .limit(1)
+        .where(eq(quotationItems.quotationId, input.quotationId))
+        .orderBy(desc(quotationItems.index));
+
+      const index = (lastQuotationItem[0]?.index ?? 0) + 1;
+
+      const [result] = await context.db
+        .insert(quotationItems)
+        .values({
+          ...input,
+          vatRate: quotation.client.vatRate,
+          index,
+        })
+        .returning();
+
+      if (!result) {
+        throw new ORPCError("INTERNAL_SERVER_ERROR", {
+          message: "Offerte item kon niet worden aangemaakt",
+        });
+      }
+    }),
+  importTemplateTasks: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["create"] }))
+    .input(z.object({ quotationId: z.string(), templateTaskIds: z.string().array() }))
+    .handler(async ({ context, input }) => {
+      const quotation = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.quotationId),
+        with: { client: true },
+      });
+
+      if (!quotation) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gevonden",
+        });
+      }
+
+      const lastQuotationItem = await context.db
+        .select({ index: quotationItems.index })
+        .from(quotationItems)
+        .limit(1)
+        .where(eq(quotationItems.quotationId, input.quotationId))
+        .orderBy(desc(quotationItems.index));
+
+      const lastIndex = (lastQuotationItem[0]?.index ?? 0) + 1;
+
+      const selectedTemplateTasks = await context.db.query.templateTasks.findMany({
+        where: inArray(templateTasks.id, input.templateTaskIds),
+      });
+
+      await context.db.transaction(async (tx) =>
+        Promise.allSettled(
+          selectedTemplateTasks.map((templateTask, index) =>
+            tx.insert(quotationItems).values({
+              articleNumber: templateTask.articleNumber,
+              description: templateTask.description,
+              price: templateTask.price,
+              vatRate: quotation.client.vatRate,
+              quotationId: input.quotationId,
+              index: lastIndex + index,
+            }),
+          ),
+        ),
+      );
+    }),
+  importProducts: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["create"] }))
+    .input(z.object({ quotationId: z.string(), productIds: z.string().array() }))
+    .handler(async ({ context, input }) => {
+      const quotation = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.quotationId),
+        with: { client: true },
+      });
+
+      if (!quotation) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gevonden",
+        });
+      }
+
+      const lastQuotationItem = await context.db
+        .select({ index: quotationItems.index })
+        .from(quotationItems)
+        .limit(1)
+        .where(eq(quotationItems.quotationId, input.quotationId))
+        .orderBy(desc(quotationItems.index));
+
+      const lastIndex = (lastQuotationItem[0]?.index ?? 0) + 1;
+
+      const selectedProducts = await context.db.query.products.findMany({
+        where: inArray(products.id, input.productIds),
+      });
+
+      await context.db.transaction(async (tx) =>
+        Promise.allSettled(
+          selectedProducts.map((product, index) =>
+            tx.insert(quotationItems).values({
+              articleNumber: product.articleNumber,
+              description: convertHTMLToEditorContent(product.name),
+              price: product.buyPrice != null ? Decimal(product.buyPrice).toFixed(3) : null,
+              vatRate: quotation.client.vatRate,
+              quotationId: input.quotationId,
+              index: lastIndex + index,
+            }),
+          ),
+        ),
+      );
+    }),
+  importExcel: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["create"] }))
+    .input(importExcelQuotationItemsSchema)
+    .handler(async ({ context, input }) => {
+      const quotation = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.quotationId),
+        with: { client: true },
+      });
+
+      if (!quotation) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gevonden",
+        });
+      }
+
+      const lastQuotationItem = await context.db
+        .select({ index: quotationItems.index })
+        .from(quotationItems)
+        .limit(1)
+        .where(eq(quotationItems.quotationId, input.quotationId))
+        .orderBy(desc(quotationItems.index));
+
+      const lastIndex = (lastQuotationItem[0]?.index ?? 0) + 1;
+
+      const values = input.items.map(
+        (item, index) =>
+          ({
+            ...item,
+            description: convertHTMLToEditorContent(item.description),
+            vatRate: quotation.client.vatRate,
+            index: lastIndex + index,
+            quotationId: input.quotationId,
+          }) satisfies Partial<QuotationItem>,
+      );
+
+      const results = await context.db.insert(quotationItems).values(values).returning();
+
+      if (!results) {
+        throw new ORPCError("BAD_REQUEST", {
+          message: "Offerte item kon niet worden aangemaakt",
+        });
+      }
+    }),
+  update: protectedProcedure
+    .input(z.object({ id: z.string(), data: updateQuotationItemSchema.partial() }))
+    .output(z.void())
+    .handler(async ({ context, input }) => {
+      const [result] = await context.db
+        .update(quotationItems)
+        .set(input.data)
+        .where(eq(quotationItems.id, input.id))
+        .returning();
+
+      if (!result) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte item kon niet worden gewijzigd",
+        });
+      }
+    }),
+  move: protectedProcedure
+    .input(z.object({ quotationId: z.string(), fromIndex: z.number(), toIndex: z.number() }))
+    .handler(async ({ context, input }) => {
+      /**
+       * Get all items
+       */
+      const items = await context.db
+        .select({ id: quotationItems.id })
+        .from(quotationItems)
+        .where(eq(quotationItems.quotationId, input.quotationId))
+        .orderBy(asc(quotationItems.index));
+      const newItems = arrayMove(items, input);
+
+      /**
+       * Update the index of the items by splicing the item to the new index.
+       */
+      await context.db.transaction(async (tx) =>
+        Promise.allSettled(
+          newItems.map((item, index) =>
+            tx.update(quotationItems).set({ index }).where(eq(quotationItems.id, item.id)),
+          ),
+        ),
+      );
+    }),
+  delete: protectedProcedure
+    .input(bulkActionSchema)
+    .handler(async ({ context, input: { ids } }) => {
+      await context.db.delete(quotationItems).where(inArray(quotationItems.id, ids));
+    }),
+};

package/dist/templates/spark/src/app/admin/quotation-items/_lib/schema.ts

@@ -0,0 +1,54 @@
+import type { EditorJSONContent } from "@tulip-systems/editor";
+import { relations, type SQL, sql } from "drizzle-orm";
+import { pgTable, uuid } from "drizzle-orm/pg-core";
+import { baseColumns } from "@/server/db/helpers";
+import { quotations } from "../../quotations/_lib/schema";
+
+/**
+ * Purchase order items table
+ */
+export const quotationItems = pgTable("quotation_items", (t) => ({
+  ...baseColumns,
+  articleNumber: t.text(),
+  description: t.jsonb().$type<EditorJSONContent>().notNull(),
+  quantity: t.numeric({ precision: 12, scale: 3 }),
+  price: t.numeric({ precision: 12, scale: 3 }),
+  // Net
+  netAmount: t
+    .numeric({ precision: 12, scale: 2 })
+    .generatedAlwaysAs((): SQL => netExpression(quotationItems)),
+  // VAT
+  vatRate: t.numeric({ precision: 5, scale: 3 }).notNull(),
+  vatAmount: t
+    .numeric({ precision: 12, scale: 2 })
+    .generatedAlwaysAs(
+      (): SQL => sql`round(${netExpression(quotationItems)} * ${quotationItems.vatRate}, 2)`,
+    ),
+  // Total
+  totalAmount: t
+    .numeric({ precision: 12, scale: 2 })
+    .generatedAlwaysAs(
+      (): SQL => sql`round(${netExpression(quotationItems)} * (1 + ${quotationItems.vatRate}), 2)`,
+    ),
+  index: t.integer().notNull(),
+  quotationId: uuid()
+    .notNull()
+    .references(() => quotations.id, { onDelete: "cascade" }),
+}));
+
+/**
+ * Relations
+ */
+export const quotationItemsRelations = relations(quotationItems, ({ one }) => ({
+  quotation: one(quotations, {
+    fields: [quotationItems.quotationId],
+    references: [quotations.id],
+  }),
+}));
+
+/**
+ * Expressions
+ */
+function netExpression(alias: typeof quotationItems) {
+  return sql`round(${alias.price} * ${alias.quantity}, 2)`;
+}

package/dist/templates/spark/src/app/admin/quotation-items/_lib/validators.ts

@@ -0,0 +1,50 @@
+import { createInsertSchema, createSelectSchema, createUpdateSchema } from "drizzle-zod";
+import { z } from "zod";
+
+export type { QuotationItemsFilters } from "../_config/filters";
+export { quotationItemsFiltersSchema } from "../_config/filters";
+
+import { quotationItems } from "./schema";
+
+/**
+ * QuotationItem type
+ */
+export type QuotationItem = typeof quotationItems.$inferSelect;
+
+export const selectQuotationItemSchema = createSelectSchema(quotationItems);
+export type SelectQuotationItemSchema = z.infer<typeof selectQuotationItemSchema>;
+
+/**
+ *  QuotationItem Schema
+ */
+export const createQuotationItemSchema = createInsertSchema(quotationItems).omit({
+  index: true,
+  vatRate: true,
+});
+export const updateQuotationItemSchema = createUpdateSchema(quotationItems);
+
+/**
+ * Create quotationItem schema
+ */
+export type CreateQuotationItemInput = z.input<typeof createQuotationItemSchema>;
+export type CreateQuotationItemSchema = z.infer<typeof createQuotationItemSchema>;
+
+export type UpdateQuotationItemInput = z.input<typeof updateQuotationItemSchema>;
+export type UpdateQuotationItemSchema = z.infer<typeof updateQuotationItemSchema>;
+
+/**
+ * Import excel schema
+ */
+export const importExcelQuotationItemsSchema = z.object({
+  quotationId: z.string(),
+  items: z.array(
+    z.object({
+      articleNumber: z.coerce.string().transform((value) => value.trim()),
+      description: z.coerce.string().transform((value) => value.trim()),
+      quantity: z.coerce.string().optional(),
+    }),
+  ),
+});
+
+export type ImportExcelQuotationItemsInput = z.input<typeof importExcelQuotationItemsSchema>;
+export type ImportExcelQuotationItemsSchema = z.infer<typeof importExcelQuotationItemsSchema>;

package/dist/templates/spark/src/app/admin/quotation-items/import/products/layout.tsx

@@ -0,0 +1,16 @@
+import { Header, Topbar, TopbarTitle } from "@tulip-systems/app/components/client";
+import { TableLayout } from "@tulip-systems/data-tables";
+
+export default function Page(props: LayoutProps<"/admin/quotation-items/import/products">) {
+  return (
+    <>
+      <Header>
+        <Topbar>
+          <TopbarTitle breadcrumbs={[{ label: "Producten importeren" }]} />
+        </Topbar>
+      </Header>
+
+      <TableLayout className="p-10 pb-40">{props.children}</TableLayout>
+    </>
+  );
+}

package/dist/templates/spark/src/app/admin/quotation-items/import/products/loading.tsx

@@ -0,0 +1,5 @@
+import { TableSkeleton } from "@tulip-systems/data-tables";
+
+export default function Loading() {
+  return <TableSkeleton />;
+}

package/dist/templates/spark/src/app/admin/quotation-items/import/products/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { useMutation } from "@tanstack/react-query";
+import type { RowSelectionState } from "@tanstack/react-table";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { Button } from "@tulip-systems/ui/button";
+import { notFound, useRouter } from "next/navigation";
+import { use, useState } from "react";
+import { ProductPaginationTableProvider } from "@/app/admin/products/_components/tables";
+import { ProductTableToolbar } from "@/app/admin/products/_components/toolbars";
+import { productColumns } from "@/app/admin/products/_config/columns-data";
+import { Icons } from "@/components/icons";
+import { orpc } from "@/server/router/client";
+
+export default function Page(props: PageProps<"/admin/quotation-items/import/products">) {
+  const router = useRouter();
+
+  const searchParams = use(props.searchParams);
+  const quotationId = searchParams.quotationId?.toString();
+  if (!quotationId) notFound();
+
+  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
+
+  const { mutate, status } = useMutation(
+    orpc.quotationItems.importProducts.mutationOptions({
+      onSuccess: () => {
+        setRowSelection({});
+        router.push(`/admin/quotations/${quotationId}`);
+      },
+    }),
+  );
+
+  return (
+    <>
+      <ProductPaginationTableProvider
+        columns={productColumns}
+        selection={{ rowSelection, setRowSelection }}
+      >
+        <ProductTableToolbar />
+        <DataTable />
+      </ProductPaginationTableProvider>
+
+      <div className="absolute right-0 bottom-0 left-0 overflow-auto border-t bg-background text-end">
+        <div className="flex w-max flex-row justify-end gap-10 px-10 py-6 md:w-full">
+          <Button
+            variant="ghost"
+            type="button"
+            onClick={() => {
+              setRowSelection({});
+              router.push(`/admin/quotations/${quotationId}`);
+            }}
+          >
+            Annuleren
+          </Button>
+
+          <Button
+            type="button"
+            disabled={Object.keys(rowSelection).length === 0 || status === "pending"}
+            onClick={() => {
+              mutate({ quotationId, productIds: Object.keys(rowSelection) });
+            }}
+          >
+            {status === "pending" && <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />}
+            Importeren
+          </Button>
+        </div>
+      </div>
+    </>
+  );
+}

package/dist/templates/spark/src/app/admin/quotation-items/import/template-tasks/layout.tsx

@@ -0,0 +1,16 @@
+import { Header, Topbar, TopbarTitle } from "@tulip-systems/app/components/client";
+import { TableLayout } from "@tulip-systems/data-tables";
+
+export default function Page(props: LayoutProps<"/admin/quotation-items/import/template-tasks">) {
+  return (
+    <>
+      <Header>
+        <Topbar>
+          <TopbarTitle breadcrumbs={[{ label: "Template importeren" }]} />
+        </Topbar>
+      </Header>
+
+      <TableLayout className="p-10 pb-40">{props.children}</TableLayout>
+    </>
+  );
+}

package/dist/templates/spark/src/app/admin/quotation-items/import/template-tasks/loading.tsx

@@ -0,0 +1,5 @@
+import { TableSkeleton } from "@tulip-systems/data-tables";
+
+export default function Loading() {
+  return <TableSkeleton />;
+}

package/dist/templates/spark/src/app/admin/quotation-items/import/template-tasks/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { useMutation } from "@tanstack/react-query";
+import type { RowSelectionState } from "@tanstack/react-table";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { Button } from "@tulip-systems/ui/button";
+import { notFound, useRouter } from "next/navigation";
+import { use, useState } from "react";
+import { TemplateTaskPaginationTableProvider } from "@/app/admin/template-tasks/_components/tables";
+import { TemplateTaskTableToolbar } from "@/app/admin/template-tasks/_components/toolbars";
+import { templateTaskColumns } from "@/app/admin/template-tasks/_config/columns-data";
+import { Icons } from "@/components/icons";
+import { orpc } from "@/server/router/client";
+
+export default function Page(props: PageProps<"/admin/quotation-items/import/template-tasks">) {
+  const router = useRouter();
+
+  const searchParams = use(props.searchParams);
+  const quotationId = searchParams.quotationId?.toString();
+  if (!quotationId) notFound();
+
+  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
+
+  const { mutate, status } = useMutation(
+    orpc.quotationItems.importTemplateTasks.mutationOptions({
+      onSuccess: () => {
+        setRowSelection({});
+        router.push(`/admin/quotations/${quotationId}`);
+      },
+    }),
+  );
+
+  return (
+    <>
+      <TemplateTaskPaginationTableProvider
+        columns={templateTaskColumns}
+        selection={{ rowSelection, setRowSelection }}
+      >
+        <TemplateTaskTableToolbar />
+        <DataTable />
+      </TemplateTaskPaginationTableProvider>
+
+      <div className="absolute right-0 bottom-0 left-0 overflow-auto border-t bg-background text-end">
+        <div className="flex w-max flex-row justify-end gap-10 px-10 py-6 md:w-full">
+          <Button
+            variant="ghost"
+            type="button"
+            onClick={() => {
+              setRowSelection({});
+              router.push(`/admin/quotations/${quotationId}`);
+            }}
+          >
+            Annuleren
+          </Button>
+
+          <Button
+            type="button"
+            disabled={Object.keys(rowSelection).length === 0 || status === "pending"}
+            onClick={() => {
+              mutate({ quotationId, templateTaskIds: Object.keys(rowSelection) });
+            }}
+          >
+            {status === "pending" && <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />}
+            Importeren
+          </Button>
+        </div>
+      </div>
+    </>
+  );
+}

package/dist/templates/spark/src/app/admin/quotations/(list)/(default)/page.tsx

@@ -0,0 +1,30 @@
+import { Allowed } from "@tulip-systems/auth/permissions/client";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { QuotationPaginationTableProvider } from "../../_components/tables";
+import { QuotationTableToolbar } from "../../_components/toolbars";
+import { quotationColumns } from "../../_config/columns-data";
+import {
+  quotationArchiveCommand,
+  quotationDeleteCommand,
+  quotationRestoreCommand,
+  quotationStatusCommand,
+} from "../../_config/commands";
+
+export default function Page() {
+  return (
+    <Allowed permission={{ quotation: ["view"] }}>
+      <QuotationPaginationTableProvider
+        columns={quotationColumns}
+        commands={[
+          quotationStatusCommand,
+          quotationArchiveCommand,
+          quotationRestoreCommand,
+          quotationDeleteCommand,
+        ]}
+      >
+        <QuotationTableToolbar />
+        <DataTable />
+      </QuotationPaginationTableProvider>
+    </Allowed>
+  );
+}

package/dist/templates/spark/src/app/admin/quotations/(list)/accepted/page.tsx

@@ -0,0 +1,32 @@
+import { Allowed } from "@tulip-systems/auth/permissions/client";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { QuotationPaginationTableProvider } from "../../_components/tables";
+import { QuotationTableToolbar } from "../../_components/toolbars";
+import { quotationColumns } from "../../_config/columns-data";
+import {
+  quotationArchiveCommand,
+  quotationDeleteCommand,
+  quotationRestoreCommand,
+  quotationStatusCommand,
+} from "../../_config/commands";
+
+export default function Page() {
+  return (
+    <Allowed permission={{ quotation: ["view"] }}>
+      <QuotationPaginationTableProvider
+        columns={quotationColumns}
+        commands={[
+          quotationStatusCommand,
+          quotationArchiveCommand,
+          quotationRestoreCommand,
+          quotationDeleteCommand,
+        ]}
+        filterOptions={{ constraints: { status: ["accepted"] } }}
+        columnVisibility={{ status: false }}
+      >
+        <QuotationTableToolbar />
+        <DataTable />
+      </QuotationPaginationTableProvider>
+    </Allowed>
+  );
+}

package/dist/templates/spark/src/app/admin/quotations/(list)/archive/page.tsx

@@ -0,0 +1,17 @@
+import { Allowed } from "@tulip-systems/auth/permissions/client";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { QuotationPaginationTableProvider } from "../../_components/tables";
+import { quotationColumns } from "../../_config/columns-data";
+
+export default async function Page() {
+  return (
+    <Allowed permission={{ quotation: ["view"] }}>
+      <QuotationPaginationTableProvider
+        columns={quotationColumns}
+        filterOptions={{ constraints: { isDeleted: true } }}
+      >
+        <DataTable />
+      </QuotationPaginationTableProvider>
+    </Allowed>
+  );
+}

package/dist/templates/spark/src/app/admin/quotations/(list)/draft/page.tsx

@@ -0,0 +1,20 @@
+import { Allowed } from "@tulip-systems/auth/permissions/client";
+import { DataTable } from "@tulip-systems/data-tables/client";
+import { QuotationPaginationTableProvider } from "../../_components/tables";
+import { QuotationTableToolbar } from "../../_components/toolbars";
+import { quotationColumns } from "../../_config/columns-data";
+
+export default async function Page() {
+  return (
+    <Allowed permission={{ quotation: ["view"] }}>
+      <QuotationPaginationTableProvider
+        columns={quotationColumns}
+        filterOptions={{ constraints: { status: ["draft"] } }}
+        columnVisibility={{ status: false }}
+      >
+        <QuotationTableToolbar />
+        <DataTable />
+      </QuotationPaginationTableProvider>
+    </Allowed>
+  );
+}