wip: refresh design

apps/web/src/api/claim-plan/fetcher.ts

@@ -0,0 +1,41 @@
+import { TClaimPlanRequestSchema, ZClaimPlanResponseSchema } from './types';
+
+export const claimPlan = async ({
+  name,
+  email,
+  planId,
+  signatureDataUrl,
+  signatureText,
+}: TClaimPlanRequestSchema) => {
+  const response = await fetch('/api/claim-plan', {
+    method: 'POST',
+    body: JSON.stringify({
+      name,
+      email,
+      planId,
+      signatureDataUrl,
+      signatureText,
+    }),
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+
+  const body = await response.json();
+
+  if (response.status !== 200) {
+    throw new Error('Failed to claim plan');
+  }
+
+  const safeBody = ZClaimPlanResponseSchema.safeParse(body);
+
+  if (!safeBody.success) {
+    throw new Error('Failed to claim plan');
+  }
+
+  if ('error' in safeBody.data) {
+    throw new Error(safeBody.data.error);
+  }
+
+  return safeBody.data.redirectUrl;
+};

apps/web/src/api/claim-plan/types.ts

@@ -0,0 +1,37 @@
+import { z } from 'zod';
+
+export const ZClaimPlanRequestSchema = z
+  .object({
+    email: z
+      .string()
+      .email()
+      .transform((value) => value.toLowerCase()),
+    name: z.string(),
+    planId: z.string(),
+  })
+  .and(
+    z.union([
+      z.object({
+        signatureDataUrl: z.string().min(1),
+        signatureText: z.null(),
+      }),
+      z.object({
+        signatureDataUrl: z.null(),
+        signatureText: z.string().min(1),
+      }),
+    ]),
+  );
+
+export type TClaimPlanRequestSchema = z.infer<typeof ZClaimPlanRequestSchema>;
+
+export const ZClaimPlanResponseSchema = z
+  .object({
+    redirectUrl: z.string(),
+  })
+  .or(
+    z.object({
+      error: z.string(),
+    }),
+  );
+
+export type TClaimPlanResponseSchema = z.infer<typeof ZClaimPlanResponseSchema>;

apps/web/src/api/document/create/fetcher.ts

@@ -0,0 +1,34 @@
+import { useMutation } from '@tanstack/react-query';
+
+import { TCreateDocumentRequestSchema, ZCreateDocumentResponseSchema } from './types';
+
+export const useCreateDocument = () => {
+  return useMutation(async ({ file }: TCreateDocumentRequestSchema) => {
+    const formData = new FormData();
+
+    formData.set('file', file);
+
+    const response = await fetch('/api/document/create', {
+      method: 'POST',
+      body: formData,
+    });
+
+    const body = await response.json();
+
+    if (response.status !== 200) {
+      throw new Error('Failed to create document');
+    }
+
+    const safeBody = ZCreateDocumentResponseSchema.safeParse(body);
+
+    if (!safeBody.success) {
+      throw new Error('Failed to create document');
+    }
+
+    if ('error' in safeBody.data) {
+      throw new Error(safeBody.data.error);
+    }
+
+    return safeBody.data;
+  });
+};

apps/web/src/api/document/create/types.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+
+export const ZCreateDocumentRequestSchema = z.object({
+  file: z.instanceof(File),
+});
+
+export type TCreateDocumentRequestSchema = z.infer<typeof ZCreateDocumentRequestSchema>;
+
+export const ZCreateDocumentResponseSchema = z
+  .object({
+    id: z.number(),
+  })
+  .or(
+    z.object({
+      error: z.string(),
+    }),
+  );
+
+export type TCreateDocumentResponseSchema = z.infer<typeof ZCreateDocumentResponseSchema>;