SW-65 Removed action used onSubmit and dt lib

actions/updateBookingWidget.ts

@@ -1,56 +0,0 @@
-"use server"
-import { ZodError } from "zod"
-
-import { bookingWidgetSchema } from "@/components/BookingWidget/schema"
-
-import { type State, Status } from "@/types/components/myPages/myProfile/edit"
-
-export async function updateBookingWidget(_prevState: State, values: FormData) {
-  try {
-    const data: Record<string, any> = Object.fromEntries(values.entries())
-
-    /**
-     * ToDo: Update the data parsing and redirect User to respective booking flow page
-     */
-    console.info(`Raw Data BW`)
-    console.log(data)
-    const parsedData = bookingWidgetSchema.safeParse(data)
-    if (parsedData.success) {
-      console.info(`Success`)
-      console.log(parsedData.data)
-      return {
-        message: "All good!",
-        status: Status.success,
-      }
-    } else {
-      console.error("Error parsing BW data")
-      console.error(parsedData.error)
-      return {
-        message: "Invalid data, parse failed!",
-        status: Status.error,
-      }
-    }
-  } catch (error) {
-    if (error instanceof ZodError) {
-      console.error(`ZodError handling profile edit`)
-      console.error(error)
-
-      return {
-        errors: error.issues.map((issue) => ({
-          message: `Server validation: ${issue.message}`,
-          path: issue.path.join("."),
-        })),
-        message: "Invalid form data",
-        status: Status.error,
-      }
-    }
-
-    console.error(`EditProfile Server Action Error`)
-    console.error(error)
-
-    return {
-      message: "Something went wrong. Please try again.",
-      status: Status.error,
-    }
-  }
-}

components/BookingWidget/index.tsx

@@ -1,22 +1,15 @@
 "use client"
 import { zodResolver } from "@hookform/resolvers/zod"
-import { useFormState as useReactFormState } from "react-dom"
 import { FormProvider, useForm } from "react-hook-form"
 
-import { updateBookingWidget } from "@/actions/updateBookingWidget"
+import { dt } from "@/lib/dt"
 
 import Button from "../TempDesignSystem/Button"
 import { type BookingWidgetSchema, bookingWidgetSchema } from "./schema"
 
 import styles from "./bookingWidget.module.css"
 
-import { State } from "@/types/components/myPages/myProfile/edit"
-
 export function BookingWidget() {
-  const [state, formAction] = useReactFormState<State, FormData>(
-    updateBookingWidget,
-    null
-  )
   const methods = useForm<BookingWidgetSchema>({
     defaultValues: {
       search: {
@@ -24,12 +17,12 @@ export function BookingWidget() {
         stayValue: "",
       },
       nights: {
-        fromDate: new Date(),
-        toDate: new Date(new Date().setDate(+1)),
-      },
-      bookingCode: {
-        value: "",
+        // UTC is required to handle requests from far away timezones https://scandichotels.atlassian.net/browse/SWAP-6375 & PET-507
+        // This is specifically to handle timezones falling in different dates.
+        fromDate: dt().utc().format("DD/MM/YYYY"),
+        toDate: dt().utc().add(1, "day").format("DD/MM/YYYY"),
       },
+      bookingCode: "",
       redemption: false,
       voucher: false,
       rooms: [
@@ -44,9 +37,15 @@ export function BookingWidget() {
     reValidateMode: "onChange",
   })
 
+  function onSubmit(data: BookingWidgetSchema) {
+    console.log(data)
+    // Parse data and route accordignly to Select hotel or select room-rate page
+    console.log("to be routing")
+  }
+
   return (
     <div id="booking-widget" className={styles.container}>
-      <form action={formAction} className={styles.form}>
+      <form onSubmit={methods.handleSubmit(onSubmit)} className={styles.form}>
         <FormProvider {...methods}>
           <div>Search</div>
           <div>Nights</div>

components/BookingWidget/schema.ts

@@ -6,12 +6,11 @@ export const bookingWidgetSchema = z.object({
     stayValue: z.string(),
   }),
   nights: z.object({
-    fromDate: z.date().default(new Date()),
-    toDate: z.date().default(new Date(new Date().setDate(+1))),
-  }),
-  bookingCode: z.object({
-    value: z.string(),
+    // Update this as required once started working with Date picker in Nights component
+    fromDate: z.string(),
+    toDate: z.string(),
   }),
+  bookingCode: z.string(), // Update this as required when working with booking codes component
   redemption: z.boolean().default(false),
   voucher: z.boolean().default(false),
   rooms: z.array(

lib/dt.ts

@@ -6,6 +6,7 @@ import "dayjs/locale/sv"
 import d from "dayjs"
 import isToday from "dayjs/plugin/isToday"
 import relativeTime from "dayjs/plugin/relativeTime"
+import utc from "dayjs/plugin/utc"
 
 /**
  *  dayjs export Norwegian as nb [Norwegian Bokmål] so here we create the same
@@ -56,5 +57,6 @@ d.locale("no", {
  */
 d.extend(isToday)
 d.extend(relativeTime)
+d.extend(utc)
 
 export const dt = d

types/components/bookingWidget/index.ts

@@ -1,5 +0,0 @@
-import { BookingWidgetSchema } from "@/components/BookingWidget/schema"
-
-export type bwFormProps = {
-  data: BookingWidgetSchema
-}