Feature/integrate actions with sentry

package.json

@@ -29,6 +29,7 @@
     "clsx": "^2.1.1",
     "lucide-react": "^0.445.0",
     "next": "^15.1.0",
+    "next-safe-action": "^7.10.2",
     "next-themes": "^0.4.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

prisma/migrations/20250128204801_update_state_limit/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Customer" ALTER COLUMN "state" SET DATA TYPE VARCHAR(3);

prisma/migrations/20250201203147_update_phone_field/migration.sql

@@ -0,0 +1,2 @@
+-- DropIndex
+DROP INDEX "Customer_phone_key";

prisma/schema.prisma

@@ -11,11 +11,11 @@ model Customer {
   firstName String
   lastName  String
   email     String    @unique
-  phone     String    @unique
+  phone     String    
   address1  String
   address2  String?
   city      String
-  state     String     @db.VarChar(2)
+  state     String     @db.VarChar(3)
   zip       String     @db.VarChar(10)
   notes     String?
   active    Boolean    @default(true)

src/features/customer/helpers/customer.codex.ts

@@ -0,0 +1,20 @@
+import { CustomerFields } from '@/features/customer/helpers/customer.type';
+
+export const customerCodex = {
+  toPayload(input: CustomerFields): CustomerFields {
+    return {
+      ...(input.id === 0 ? {} : { id: input.id }),
+      active: input.active,
+      firstName: input.firstName,
+      lastName: input.lastName,
+      address1: input.address1,
+      city: input.city,
+      state: input.state,
+      zip: input.zip,
+      phone: input.phone,
+      email: input.email,
+      notes: input.notes?.trim() ?? undefined,
+      address2: input.address2?.trim() ?? undefined,
+    };
+  },
+};

src/features/customer/types/customer.schema.ts → src/features/customer/helpers/customer.type.ts

@@ -1,6 +1,7 @@
 import { z } from 'zod';
 
 export const CustomerSchema = z.object({
+  id: z.number().optional(),
   firstName: z.string().min(1, 'First name is required'),
   lastName: z.string().min(1, 'Last name is required'),
   address1: z.string().min(1, 'Address is required'),
@@ -9,7 +10,7 @@ export const CustomerSchema = z.object({
   state: z.string().length(3, 'State must be exactly 3 characters'),
   email: z.string().email('Invalid email address'),
   zip: z.string().regex(/^\d{5}$/, 'Invalid Zip code. Use 5 digits'),
-  phone: z.string().regex(/^\d{10}$/, 'Invalid phone number. Use 10 digits'),
+  phone: z.string(),
   notes: z.string().optional(),
   active: z.boolean().default(true),
 });

src/features/customer/services/customer.action.ts

@@ -0,0 +1,33 @@
+'use server';
+
+import { customerCodex } from '@/features/customer/helpers/customer.codex';
+import { CustomerSchema } from '@/features/customer/helpers/customer.type';
+import { createCustomer, updateCustomer } from '@/features/customer/services/customer.query';
+import { actionClient } from '@/lib/safe-action';
+import { getKindeServerSession } from '@kinde-oss/kinde-auth-nextjs/server';
+import { flattenValidationErrors } from 'next-safe-action';
+import { redirect } from 'next/navigation';
+
+export const saveCustomerAction = actionClient
+  .metadata({ actionName: 'createCustomer' })
+  .schema(CustomerSchema, {
+    handleValidationErrorsShape: async (ve) => flattenValidationErrors(ve).fieldErrors,
+  })
+  .action(async ({ parsedInput }) => {
+    const { isAuthenticated } = getKindeServerSession();
+    const isAuth = await isAuthenticated();
+
+    if (!isAuth) {
+      redirect('/login');
+    }
+
+    const payload = customerCodex.toPayload(parsedInput);
+
+    if (payload.id) {
+      const result = await updateCustomer(payload);
+      return { data: result, message: `Customer ID #${result.id} updated successfully` };
+    }
+
+    const result = await createCustomer(payload);
+    return { data: result, message: `Customer ${result.id} created successfully` };
+  });

src/lib/safe-action.ts

@@ -0,0 +1,30 @@
+import * as Sentry from '@sentry/nextjs';
+import { createSafeActionClient } from 'next-safe-action';
+import { z } from 'zod';
+
+export const actionClient = createSafeActionClient({
+  defineMetadataSchema() {
+    return z.object({
+      actionName: z.string(),
+    });
+  },
+  handleServerError(error, utils) {
+    const { clientInput, metadata } = utils;
+
+    Sentry.captureException(error, (scope) => {
+      scope.clear();
+      scope.setContext('serverError', { message: error.message });
+      scope.setContext('metadata', { actionName: metadata.actionName });
+      scope.setContext('clientInput', { clientInput });
+      return scope;
+    });
+
+    // We don't want to leak any sensitive data
+    if (error.constructor.name === 'DatabaseError') {
+      return 'Database Error: Your data did not save. Support will be notified.';
+    }
+
+    console.error('Action error:', error.message);
+    return error.message;
+  },
+});

user-stories.md

@@ -15,8 +15,8 @@
 13. [X] Users can have Employee, Manager, or Admin permissions
 14. [ ] All users can create and view tickets
 15. [ ] All users can create, edit and view customers
-16. [ ] Employees can only edit their assigned tickets
-17. [ ] Managers and Admins can view, edit, and delete all tickets
+16. [X] Employees can only edit their assigned tickets
+17. [X] Managers and Admins can view, edit, and complete all tickets
 18. [ ] Desktop mode is most important but the app should be usable on tablet devices as well.
 19. [X] Light / Dark mode option requested by employees
 20. [X] Expects quick support if anything goes wrong with the app