Refactor customer details and improve modal functionality

- Removed unused imports and cleaned up the customer details column for better readability.
- Enhanced the EditCustomerModal component by ensuring proper state management and form handling.
- Updated the customer schema to enforce required fields and improved error messaging.
- Adjusted the layout and styling for better user experience in customer-related components.

Author: devkiran

apps/web/app/(ee)/partners.dub.co/(dashboard)/programs/[programSlug]/(enrolled)/customers/[customerId]/page-client.tsx

@@ -4,7 +4,6 @@ import { CUSTOMER_PAGE_EVENTS_LIMIT } from "@/lib/constants/misc";
 import usePartnerCustomer from "@/lib/swr/use-partner-customer";
 import useProgramEnrollment from "@/lib/swr/use-program-enrollment";
 import { PartnerEarningsResponse } from "@/lib/types";
-import { CustomerEnriched } from "@/lib/types";
 import { CustomerActivityList } from "@/ui/customers/customer-activity-list";
 import { CustomerDetailsColumn } from "@/ui/customers/customer-details-column";
 import { CustomerSalesTable } from "@/ui/customers/customer-sales-table";
@@ -82,11 +81,11 @@ export function ProgramCustomerPageClient() {
             <CustomerDetailsColumn
               customer={
                 customer && customer.id
-                  ? ({
+                  ? {
                       ...customer,
                       name: customer.name || "",
                       externalId: "",
-                    })
+                    }
                   : undefined
               }
               customerActivity={customer?.activity}

apps/web/app/app.dub.co/(deeplink)/deeplink/[domain]/[key]/page.tsx

@@ -1,3 +1,4 @@
+import { encodeKeyIfCaseSensitive } from "@/lib/api/links/case-sensitivity";
 import { deepViewDataSchema } from "@/lib/zod/schemas/deep-links";
 import { prisma } from "@dub/prisma";
 import { Grid, Wordmark } from "@dub/ui";
@@ -9,7 +10,6 @@ import { redirect } from "next/navigation";
 import { DeepLinkActionButtons } from "./action-buttons";
 import { BrandLogoBadge } from "./brand-logo-badge";
 import { getLanguage, getTranslations } from "./translations";
-import { encodeKeyIfCaseSensitive } from "@/lib/api/links/case-sensitivity";
 
 export default async function DeepLinkPreviewPage(props: {
   params: Promise<{ domain: string; key: string }>;
@@ -27,7 +27,7 @@ export default async function DeepLinkPreviewPage(props: {
   // Encode the key for case-sensitive domains before querying
   const encodedKey = encodeKeyIfCaseSensitive({
     domain,
-    key
+    key,
   });
 
   const link = await prisma.link.findUnique({

apps/web/lib/zod/schemas/customers.ts

@@ -93,7 +93,7 @@ export const createCustomerBodySchema = z.object({
       "The customer's avatar URL. If not provided, a random avatar will be generated.",
     ),
   externalId: z
-    .string()
+    .string("External ID is required")
     .describe(
       "The customer's unique identifier your database. This is useful for associating subsequent conversion events from Dub's API to your internal systems.",
     ),