fix: trigger memberPrice modal for membership number too

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

@@ -1,6 +1,5 @@
 "use client"
 
-import { useState } from "react"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -10,8 +9,6 @@ import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { useRoomContext } from "@/contexts/Details/Room"
 import { formatPrice } from "@/utils/numberFormatting"
 
-import MemberPriceModal from "../../MemberPriceModal"
-
 import styles from "./joinScandicFriendsCard.module.css"
 
 import type { JoinScandicFriendsCardProps } from "@/types/components/hotelReservation/enterDetails/details"
@@ -26,13 +23,9 @@ export default function JoinScandicFriendsCard({
     roomNr,
     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) {
@@ -106,10 +99,6 @@ export default function JoinScandicFriendsCard({
           </Caption>
         ))}
       </div>
-      <MemberPriceModal
-        isOpen={isMemberPriceModalOpen}
-        setIsOpen={setIsMemberPriceModalOpen}
-      />
     </div>
   )
 }

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/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 { getMultiroomDetailsSchema } from "./schema"
 
@@ -52,11 +53,7 @@ export default function Details() {
   )
 
   const methods = useForm({
-    criteriaMode: "all",
-    mode: "all",
-    resolver: zodResolver(getMultiroomDetailsSchema(crossValidationData)),
-    reValidateMode: "onChange",
-    values: {
+    defaultValues: {
       countryCode: initialData.countryCode,
       email: initialData.email,
       firstName: initialData.firstName,
@@ -68,6 +65,10 @@ export default function Details() {
         comment: room.specialRequest.comment,
       },
     },
+    criteriaMode: "all",
+    mode: "all",
+    resolver: zodResolver(getMultiroomDetailsSchema(crossValidationData)),
+    reValidateMode: "onChange",
   })
 
   const {
@@ -189,6 +190,7 @@ export default function Details() {
           )}
           <SpecialRequests registerOptions={{ onBlur: updateDetailsStore }} />
         </div>
+        <MemberPriceModal />
       </form>
     </FormProvider>
   )