restrict firstName and lastName fields to accept only alphabets

src/components/Tenant/ContactInfro.jsx

@@ -76,6 +76,8 @@ const ContactInfro = ({ onNext }) => {
           type="text"
           className={`form-control form-control-sm `}
           {...register("contactNumber")}
+          inputMode="tel"
+          placeholder="+91 9876543210"
         />
         {errors.contactNumber && (
           <div className="danger-text">{errors.contactNumber.message}</div>

src/components/Tenant/EditProfile.jsx

@@ -87,7 +87,8 @@ const EditProfile = ({ TenantId,onClose }) => {
 
       <div className="col-sm-6 mt-1">
         <Label htmlFor="contactNumber" required>Contact Number</Label>
-        <input id="contactNumber" type="text" className="form-control form-control-sm" {...register("contactNumber")} />
+        <input id="contactNumber" type="text" className="form-control form-control-sm" {...register("contactNumber")} inputMode="tel"
+          placeholder="+91 9876543210" />
         {errors.contactNumber && <div className="danger-text">{errors.contactNumber.message}</div>}
       </div>
 

src/components/Tenant/TenantSchema.js

@@ -1,8 +1,14 @@
 import { z } from "zod";
 
 export const newTenantSchema = z.object({
-  firstName: z.string().nonempty("First name is required"),
-  lastName: z.string().nonempty("Last name is required"),
+  firstName: z
+  .string()
+  .min(1, { message: "First Name is required!" })
+  .regex(/^[A-Za-z]+$/, { message: "First Name should contain only letters!" }),
+lastName: z
+  .string()
+  .min(1, { message: "Last Name is required!" })
+  .regex(/^[A-Za-z]+$/, { message: "Last Name should contain only letters!" }),
   email: z.string().email("Invalid email address"),
   description: z.string().optional(),
   domainName: z.string().nonempty("Domain name is required"),
@@ -11,7 +17,9 @@ export const newTenantSchema = z.object({
   logoImage: z.string().optional(),
   organizationName: z.string().nonempty("Organization name is required"),
   officeNumber: z.string().nonempty("Office number is required"),
-  contactNumber: z.string().nonempty("Contact number is required"),
+  contactNumber:  z.string()
+  .nonempty("Contact number is required")
+  .regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),
   onBoardingDate: z.preprocess((val) => {
   if (typeof val === "string" && val.includes("-")) {
     const [day, month, year] = val.split("-");
@@ -123,17 +131,23 @@ export const getStepFields = (stepIndex) => {
 };
 
 export const EditTenant = z.object({
-  firstName: z.string().min(1, { message: "First Name is required!" }),
-  lastName: z.string().min(1, { message: "Last Name is required!" }),
+  firstName: z
+  .string()
+  .min(1, { message: "First Name is required!" })
+  .regex(/^[A-Za-z]+$/, { message: "First Name should contain only letters!" }),
+lastName: z
+  .string()
+  .min(1, { message: "Last Name is required!" })
+  .regex(/^[A-Za-z]+$/, { message: "Last Name should contain only letters!" }),
   description: z.string().optional(),
   domainName: z.string().min(1, { message: "Domain Name is required!" }),
   billingAddress: z.string().min(1, { message: "Billing Address is required!" }),
   taxId: z.string().min(1, { message: "Tax ID is required!" }),
   logoImage: z.string().optional(),
   officeNumber: z.string().min(1, { message: "Office Number is required!" }),
-  contactNumber: z
-    .string()
-    .min(10, { message: "Contact Number must be at least 10 digits!" }),
+  contactNumber: z.string()
+  .nonempty("Contact number is required")
+  .regex(/^\+?[1-9]\d{7,14}$/, "Enter a valid contact number"),
   organizationSize: z.string().min(1, { message: "Organization Size is required!" }),
   industryId: z.string().min(1,{ message: "Invalid Industry ID!" }),
   reference: z.string().optional(),