Merged in feat/SW-2202 (pull request #1909)

feat: trigger validation on form upon autofill in enter details

* feat: trigger validation on form upon autofill in enter details


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/EnterDetails/Details/RoomOne/AutoFillDetector.tsx

@@ -0,0 +1,31 @@
+"use client"
+import { useEffect } from "react"
+import { useFormContext } from "react-hook-form"
+
+export default function AutoFillDetector() {
+  const {
+    formState: { dirtyFields, isDirty, touchedFields },
+    trigger,
+    watch,
+  } = useFormContext()
+
+  useEffect(() => {
+    const dirtyFieldKeys = Object.keys(dirtyFields)
+    const touchedFieldKeys = Object.keys(touchedFields)
+    const hasDirtyUnTouchedFields = dirtyFieldKeys.some(
+      (field) => !touchedFieldKeys.includes(field)
+    )
+    const subscription = watch((_, field) => {
+      if (!field.type) {
+        if (isDirty && hasDirtyUnTouchedFields) {
+          trigger(field.name)
+          trigger("countryCode")
+        }
+      }
+    })
+
+    return () => subscription.unsubscribe()
+  }, [dirtyFields, isDirty, touchedFields, trigger, watch])
+
+  return null
+}