fix: trigger memberPrice modal for membership number too

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

@@ -1,6 +1,4 @@
 "use client"
-
-import { useState } from "react"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -16,8 +14,6 @@ import { useRoomContext } from "@/contexts/Details/Room"
 import useLang from "@/hooks/useLang"
 import { formatPrice } from "@/utils/numberFormatting"
 
-import MemberPriceModal from "../../MemberPriceModal"
-
 import styles from "./joinScandicFriendsCard.module.css"
 
 import type { JoinScandicFriendsCardProps } from "@/types/components/hotelReservation/enterDetails/details"
@@ -32,13 +28,9 @@ export default function JoinScandicFriendsCard({
     room,
     actions: { updateJoin },
   } = useRoomContext()
-  const [isMemberPriceModalOpen, setIsMemberPriceModalOpen] = useState(false)
 
   function onChange(event: { target: { value: boolean } }) {
     updateJoin(event.target.value)
-    if (event.target.value) {
-      setIsMemberPriceModalOpen(true)
-    }
   }
 
   if (!("member" in room.roomRate) || !room.roomRate.member) {
@@ -156,10 +148,6 @@ export default function JoinScandicFriendsCard({
           )}
         </Footnote>
       </div>
-      <MemberPriceModal
-        isOpen={isMemberPriceModalOpen}
-        setIsOpen={setIsMemberPriceModalOpen}
-      />
     </div>
   )
 }

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

@@ -13,6 +13,7 @@ import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import { useRoomContext } from "@/contexts/Details/Room"
 
+import MemberPriceModal from "../MemberPriceModal"
 import JoinScandicFriendsCard from "./JoinScandicFriendsCard"
 import { guestDetailsSchema, signedInDetailsSchema } from "./schema"
 import Signup from "./Signup"
@@ -43,25 +44,25 @@ export default function Details({ user }: DetailsProps) {
   const memberRate = "member" in room.roomRate ? room.roomRate.member : null
 
   const methods = useForm({
-    criteriaMode: "all",
-    mode: "all",
-    resolver: zodResolver(user ? signedInDetailsSchema : guestDetailsSchema),
-    reValidateMode: "onChange",
-    values: {
-      countryCode: user?.address?.countryCode ?? initialData.countryCode,
+    defaultValues: {
+      countryCode: user?.address?.countryCode || initialData.countryCode,
       dateOfBirth:
         "dateOfBirth" in initialData ? initialData.dateOfBirth : undefined,
-      email: user?.email ?? initialData.email,
-      firstName: user?.firstName ?? initialData.firstName,
+      email: user?.email || initialData.email,
+      firstName: user?.firstName || initialData.firstName,
       join: initialData.join,
-      lastName: user?.lastName ?? initialData.lastName,
+      lastName: user?.lastName || initialData.lastName,
       membershipNo: initialData.membershipNo,
-      phoneNumber: user?.phoneNumber ?? initialData.phoneNumber,
+      phoneNumber: user?.phoneNumber || initialData.phoneNumber,
       zipCode: "zipCode" in initialData ? initialData.zipCode : undefined,
       specialRequest: {
         comment: room.specialRequest.comment,
       },
     },
+    criteriaMode: "all",
+    mode: "all",
+    resolver: zodResolver(user ? signedInDetailsSchema : guestDetailsSchema),
+    reValidateMode: "onChange",
   })
 
   const {
@@ -168,6 +169,7 @@ export default function Details({ user }: DetailsProps) {
           )}
           <SpecialRequests registerOptions={{ onBlur: updateDetailsStore }} />
         </div>
+        <MemberPriceModal />
       </form>
     </FormProvider>
   )