feat(SW-66, SW-348): search functionality and ui

components/Forms/BookingWidget/schema.ts

@@ -1,15 +1,29 @@
 import { z } from "zod"
 
+import type { Location } from "@/types/trpc/routers/hotel/locations"
+
 export const bookingWidgetSchema = z.object({
-  search: z.object({
-    stayType: z.string(),
-    stayValue: z.string(),
-  }),
+  search: z.string({ coerce: true }).min(1, "Required"),
   nights: z.object({
     // Update this as required once started working with Date picker in Nights component
     fromDate: z.string(),
     toDate: z.string(),
   }),
+  location: z.string().refine(
+    (value) => {
+      if (value) {
+        const parsedValue: Location = JSON.parse(decodeURIComponent(value))
+        switch (parsedValue?.type) {
+          case "cities":
+          case "hotels":
+            return true
+          default:
+            return false
+        }
+      }
+    },
+    { message: "Required" }
+  ),
   bookingCode: z.string(), // Update this as required when working with booking codes component
   redemption: z.boolean().default(false),
   voucher: z.boolean().default(false),