From 5ca8e3b69853bddec915f182ea3d264f3b7836ad Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 24 Apr 2024 12:56:14 +0200
Subject: [PATCH 1/6] Fixed eigenschappen call

---
 pages/extra/index.tsx                         | 6 +++---
 pages/persoonsgegevens/[person].tsx           | 6 +++---
 pages/voorgenomen-huwelijk/getuigen/index.tsx | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/extra/index.tsx b/pages/extra/index.tsx
index 01314af..d889ad3 100644
--- a/pages/extra/index.tsx
+++ b/pages/extra/index.tsx
@@ -77,14 +77,14 @@ export default function MultistepForm1() {
     setSaving(true);
 
     if (marriageOptions.id) {
-      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then((response: any) => {
+      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then(() => {
         // Kosten
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
+            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${marriageOptions.id ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/416de8b8-d5d1-4f44-9a1e-1846d552292c",
-            waarde: getCosts(formData["marriage-certificate-kind"]).toString() ?? "",
+            waarde: `EUR ${getCosts(formData["marriage-certificate-kind"]).toString()}` ?? "",
           },
         }).finally(() => {
           setMarriageOptions({
diff --git a/pages/persoonsgegevens/[person].tsx b/pages/persoonsgegevens/[person].tsx
index 52f184b..d24ff4d 100644
--- a/pages/persoonsgegevens/[person].tsx
+++ b/pages/persoonsgegevens/[person].tsx
@@ -236,7 +236,7 @@ export default function MultistepForm1() {
         // Kosten
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${huwelijkIdCreate ?? ""}`,
+            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/416de8b8-d5d1-4f44-9a1e-1846d552292c",
             waarde: getCosts(reservation) ?? "",
@@ -293,7 +293,7 @@ export default function MultistepForm1() {
         // Partner
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
+            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${huwelijkId ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3",
             waarde:
@@ -334,7 +334,7 @@ export default function MultistepForm1() {
         // Partner
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
+            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${huwelijkIdCreate ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3",
             waarde:
diff --git a/pages/voorgenomen-huwelijk/getuigen/index.tsx b/pages/voorgenomen-huwelijk/getuigen/index.tsx
index a55324c..04e7dd7 100644
--- a/pages/voorgenomen-huwelijk/getuigen/index.tsx
+++ b/pages/voorgenomen-huwelijk/getuigen/index.tsx
@@ -90,11 +90,11 @@ export default function MultistepForm1() {
     if (hasError) return;
 
     if (marriageOptions.id) {
-      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then((response: any) => {
+      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then(() => {
         // Getuigen
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
+            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${marriageOptions.id ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/7e950e1d-04ab-482e-a066-299711d4b4ed",
             waarde: JSON.stringify(mapWitnesses(formData.witnesses ?? [])) ?? "",

From d0f410c23b9db4cb00f276902d11e5ddd0ace79b Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 24 Apr 2024 13:37:39 +0200
Subject: [PATCH 2/6] fixed refresh bug

---
 pages/index.tsx                              | 17 ++++++++++++++++-
 pages/voorgenomen-huwelijk/index.tsx         | 20 ++++++++++++++------
 pages/voorgenomen-huwelijk/partner/index.tsx | 18 +++++++++---------
 src/components/LanguageToggle.tsx            | 13 +------------
 4 files changed, 40 insertions(+), 28 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index fcaf487..72d1e9f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -23,6 +23,8 @@ import {
 } from "../src/components";
 import { PageFooterTemplate } from "../src/components/huwelijksplanner/PageFooterTemplate";
 import { PageHeaderTemplate } from "../src/components/huwelijksplanner/PageHeaderTemplate";
+import { useContext, useEffect } from "react";
+import { MarriageOptionsContext } from "../src/context/MarriageOptionsContext";
 
 export const getServerSideProps = async ({ locale }: { locale: string }) => ({
   props: {
@@ -32,6 +34,7 @@ export const getServerSideProps = async ({ locale }: { locale: string }) => ({
 
 export default function HuwelijksplannerStep0() {
   const { t } = useTranslation(["common", "huwelijksplanner-step-0"]);
+  const [_, setMarriageOptions] = useContext(MarriageOptionsContext);
 
   return (
     <Surface>
@@ -64,7 +67,19 @@ export default function HuwelijksplannerStep0() {
                     <UnorderedListItem>Je datum is geregeld!</UnorderedListItem>
                   </UnorderedList>
                   <Paragraph>
-                    <ButtonLink appearance="primary-action-button" href="/trouw-opties">
+                    <ButtonLink
+                      onClick={() =>
+                        setMarriageOptions({
+                          id: "",
+                          maxWitnessPerPartner: 0,
+                          minWitnessPerPartner: 0,
+                          partners: [],
+                          witnesses: [],
+                        })
+                      }
+                      appearance="primary-action-button"
+                      href="/trouw-opties"
+                    >
                       Start
                       <UtrechtIconArrow />
                     </ButtonLink>
diff --git a/pages/voorgenomen-huwelijk/index.tsx b/pages/voorgenomen-huwelijk/index.tsx
index 3f773c8..9d9dc04 100644
--- a/pages/voorgenomen-huwelijk/index.tsx
+++ b/pages/voorgenomen-huwelijk/index.tsx
@@ -39,7 +39,7 @@ export const getServerSideProps = async ({ locale }: { locale: string }) => ({
 export default function MultistepForm1() {
   const { t } = useTranslation(["common", "huwelijksplanner-step-3"]);
   const { push, locale = "nl" } = useRouter();
-  const [marriageOptions] = useContext(MarriageOptionsContext);
+  const [marriageOptions, setMarriageOptions] = useContext(MarriageOptionsContext);
 
   // FIXME: get slug from state
   const slug = "huwelijk";
@@ -78,13 +78,21 @@ export default function MultistepForm1() {
                 <Paragraph>Na deze stap vragen we ook aan je partner om in te loggen met DigiD.</Paragraph>
                 <ButtonGroup>
                   <UtrechtDigidButton>
-                    <ButtonLink appearance="primary-action-button" href="/login">
+                    {/* <ButtonLink appearance="primary-action-button" href="/login">
                       Inloggen met DigiD <UtrechtIconArrow />
-                    </ButtonLink>
+                    </ButtonLink> */}
+                    <Button
+                      onClick={() => {
+                        setMarriageOptions({
+                          ...marriageOptions,
+                          id: "",
+                        });
+                        push("/gateway-login?redirectUrl=/persoonsgegevens/persoon");
+                      }}
+                    >
+                      Testomgeving login
+                    </Button>
                   </UtrechtDigidButton>
-                  <Button onClick={() => push("/gateway-login?redirectUrl=/persoonsgegevens/persoon")}>
-                    Testomgeving login
-                  </Button>
                 </ButtonGroup>
               </section>
               <Aside>
diff --git a/pages/voorgenomen-huwelijk/partner/index.tsx b/pages/voorgenomen-huwelijk/partner/index.tsx
index 707e4fe..6da2690 100644
--- a/pages/voorgenomen-huwelijk/partner/index.tsx
+++ b/pages/voorgenomen-huwelijk/partner/index.tsx
@@ -77,17 +77,17 @@ export default function MultistepForm1() {
                 </Paragraph>
                 <ButtonGroup>
                   <UtrechtDigidButton>
-                    <ButtonLink appearance="primary-action-button">
+                    {/* <ButtonLink appearance="primary-action-button">
                       Partner inloggen met DigiD <UtrechtIconArrow />
-                    </ButtonLink>
+                    </ButtonLink> */}
+                    <Button
+                      onClick={() =>
+                        push(`/gateway-login?redirectUrl=/persoonsgegevens/persoon?huwelijkId=${marriageOptions.id}`)
+                      }
+                    >
+                      Testomgeving login
+                    </Button>
                   </UtrechtDigidButton>
-                  <Button
-                    onClick={() =>
-                      push(`/gateway-login?redirectUrl=/persoonsgegevens/persoon?huwelijkId=${marriageOptions.id}`)
-                    }
-                  >
-                    Testomgeving login
-                  </Button>
                 </ButtonGroup>
                 <Paragraph>
                   Of{" "}
diff --git a/src/components/LanguageToggle.tsx b/src/components/LanguageToggle.tsx
index ba8b4fe..1f379fd 100644
--- a/src/components/LanguageToggle.tsx
+++ b/src/components/LanguageToggle.tsx
@@ -48,7 +48,7 @@ export const LanguageToggleButtons = ({ className, headingLevel }: LanguageToggl
   const router = useRouter();
   const { locales, pathname, query, asPath, locale: currentLocale } = router;
   const headingId = useId();
-  // const [marriageOptions, setMarriageOptions] = useContext(MarriageOptionsContext);
+  const [marriageOptions, setMarriageOptions] = useContext(MarriageOptionsContext);
 
   const languages = [
     {
@@ -99,17 +99,6 @@ export const LanguageToggleButtons = ({ className, headingLevel }: LanguageToggl
             {textContent}
           </LinkButton>
         ))}
-        {/* DEV */}
-        {/* <Button
-          onClick={() =>
-            setMarriageOptions({
-              ...marriageOptions,
-              id: "",
-            })
-          }
-        >
-          Remove
-        </Button> */}
       </ButtonGroup>
     </section>
   );

From cde8a37091f1026acf0131294f27bf9a9b0937a4 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 25 Apr 2024 10:09:46 +0200
Subject: [PATCH 3/6] Updated succes page

---
 pages/extra/index.tsx                         |  10 +-
 pages/persoonsgegevens/[person].tsx           |  44 +----
 pages/voorgenomen-huwelijk/betalen/succes.tsx | 161 ++++++++++++------
 src/openapi/openapi.yaml                      |  39 +++++
 4 files changed, 165 insertions(+), 89 deletions(-)

diff --git a/pages/extra/index.tsx b/pages/extra/index.tsx
index d889ad3..256014b 100644
--- a/pages/extra/index.tsx
+++ b/pages/extra/index.tsx
@@ -77,9 +77,15 @@ export default function MultistepForm1() {
     setSaving(true);
 
     if (marriageOptions.id) {
-      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then(() => {
+      HuwelijkService.huwelijkGet({ id: marriageOptions.id.toString() }).then((response: any) => {
+        const kosten = response.results.find(
+          (result: any) =>
+            result.eigenschap ===
+            "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/416de8b8-d5d1-4f44-9a1e-1846d552292c"
+        );
         // Kosten
-        HuwelijkService.huwelijkPostEigenschap({
+        HuwelijkService.huwelijkPatchEigenschap({
+          id: kosten.id,
           requestBody: {
             zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${marriageOptions.id ?? ""}`,
             eigenschap:
diff --git a/pages/persoonsgegevens/[person].tsx b/pages/persoonsgegevens/[person].tsx
index d24ff4d..93ef3d6 100644
--- a/pages/persoonsgegevens/[person].tsx
+++ b/pages/persoonsgegevens/[person].tsx
@@ -34,9 +34,7 @@ import { PageFooterTemplate } from "../../src/components/huwelijksplanner/PageFo
 import { PageHeaderTemplate } from "../../src/components/huwelijksplanner/PageHeaderTemplate";
 import { PersonalDataList } from "../../src/components/huwelijksplanner/PersonalDataList";
 import { MarriageOptionsContext } from "../../src/context/MarriageOptionsContext";
-import { HuwelijkWithId } from "../../src/data/huwelijksplanner-state";
-import { resolveEmbedded } from "../../src/embedded";
-import { AssentService, HuwelijkService } from "../../src/generated";
+import { HuwelijkService } from "../../src/generated";
 import { useIngeschrevenpersoonGetByBsn } from "../../src/hooks/useIngeschrevenpersoonGetByBsn";
 import { getBsnFromJWT } from "../../src/openapi/authentication";
 
@@ -80,7 +78,6 @@ export default function MultistepForm1() {
   const [loadingAmbtenaar, setLoadingAmbtenaar] = useState(false);
   const [loadingLocatie, setLoadingLocatie] = useState(false);
   const [loadingKosten, setLoadingKosten] = useState(false);
-  const [loadingPartner, setLoadingPartner] = useState(false);
   const [loading, setLoading] = useState(false);
   const pageInitialized = useRef(false);
   const invalidStateDescriptionId = useId();
@@ -106,18 +103,11 @@ export default function MultistepForm1() {
       loadingAmbtenaar === true &&
       loadingLocatie === true &&
       loadingKosten === true &&
-      loadingPartner === true &&
       !huwelijkId
     ) {
       HuwelijkService.huwelijkGet({ id: huwelijkIdCreate ?? " " }).then((response: any) => {
         if (!reservation) return;
 
-        const partner = response.results.find(
-          (result: any) =>
-            result.eigenschap ===
-            "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3"
-        );
-
         const moment = response.results.find(
           (result: any) =>
             result.eigenschap ===
@@ -127,7 +117,6 @@ export default function MultistepForm1() {
         setMarriageOptions({
           ...marriageOptions,
           id: huwelijkIdCreate || "",
-          partners: [partner.waarde],
           reservation: {
             ...reservation,
             "ceremony-end": addMinutes(new Date(moment.waarde || ""), 15).toString(),
@@ -140,7 +129,7 @@ export default function MultistepForm1() {
     } else {
       if (!huwelijkId) setLoading(true);
     }
-  }, [loadingType, loadingCeremonie, loadingMoment, loadingAmbtenaar, loadingLocatie, loadingKosten, loadingPartner]);
+  }, [loadingType, loadingCeremonie, loadingMoment, loadingAmbtenaar, loadingLocatie, loadingKosten]);
 
   useEffect(() => {
     if (
@@ -244,18 +233,6 @@ export default function MultistepForm1() {
         }).finally(() => {
           setLoadingKosten(true);
         });
-
-        // Partner
-        HuwelijkService.huwelijkPostEigenschap({
-          requestBody: {
-            zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${response.id ?? ""}`,
-            eigenschap:
-              "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3",
-            waarde: JSON.stringify(persoonData) ?? "",
-          },
-        }).finally(() => {
-          setLoadingPartner(true);
-        });
       })
       .finally(() => {
         setLoading(false);
@@ -291,14 +268,15 @@ export default function MultistepForm1() {
         const partner = JSON.parse(partnerString.waarde);
 
         // Partner
-        HuwelijkService.huwelijkPostEigenschap({
+        HuwelijkService.huwelijkPatchEigenschap({
+          id: partnerString.id,
           requestBody: {
             zaak: `https://api.huwelijksplanner.online/api/zrc/v1/zaken/${huwelijkId ?? ""}`,
             eigenschap:
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3",
             waarde:
               JSON.stringify([
-                { partner },
+                { ...partner },
                 {
                   ...persoonData,
                   requester: getBsnFromJWT(),
@@ -323,14 +301,6 @@ export default function MultistepForm1() {
       HuwelijkService.huwelijkGet({ id: huwelijkIdCreate ?? " " }).then((response: any) => {
         if (!reservation) return;
 
-        const partnerString = response.results.find(
-          (result: any) =>
-            result.eigenschap ===
-            "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3"
-        );
-
-        const partner = JSON.parse(partnerString.waarde);
-
         // Partner
         HuwelijkService.huwelijkPostEigenschap({
           requestBody: {
@@ -339,7 +309,7 @@ export default function MultistepForm1() {
               "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3",
             waarde:
               JSON.stringify({
-                ...partner,
+                ...persoonData,
                 requester: getBsnFromJWT(),
 
                 contact: {
@@ -354,7 +324,7 @@ export default function MultistepForm1() {
           },
         }).then(() => {
           const newPartner: any = JSON.stringify({
-            ...partner,
+            ...persoonData,
             requester: getBsnFromJWT(),
 
             contact: {
diff --git a/pages/voorgenomen-huwelijk/betalen/succes.tsx b/pages/voorgenomen-huwelijk/betalen/succes.tsx
index 80d4180..562cd1f 100644
--- a/pages/voorgenomen-huwelijk/betalen/succes.tsx
+++ b/pages/voorgenomen-huwelijk/betalen/succes.tsx
@@ -1,13 +1,13 @@
 import { UtrechtBadgeStatus } from "@utrecht/web-component-library-react";
-import merge from "lodash.merge";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import { useEffect, useState } from "react";
+import { useContext, useEffect, useState } from "react";
 import {
   Alert,
   Aside,
+  Button,
   DataList,
   DataListActions,
   DataListItem,
@@ -36,14 +36,11 @@ import {
 } from "../../../src/components";
 import { PageFooterTemplate } from "../../../src/components/huwelijksplanner/PageFooterTemplate";
 import { PageHeaderTemplate } from "../../../src/components/huwelijksplanner/PageHeaderTemplate";
-import {
-  exampleState,
-  HuwelijksplannerPartner,
-  HuwelijksplannerState,
-  Invitee,
-  Reservation,
-} from "../../../src/data/huwelijksplanner-state";
-import { HuwelijksplannerAPI } from "../../../src/openapi/index";
+import { exampleState, HuwelijksplannerState, Reservation } from "../../../src/data/huwelijksplanner-state";
+import { MarriageOptionsContext } from "../../../src/context/MarriageOptionsContext";
+import { HuwelijkService } from "../../../src/generated";
+import { addWeeks } from "date-fns";
+import _ from "lodash";
 
 export const getServerSideProps = async ({ locale }: { locale: string }) => ({
   props: {
@@ -54,42 +51,74 @@ export const getServerSideProps = async ({ locale }: { locale: string }) => ({
 export default function HuwelijksplannerStep0() {
   const { t } = useTranslation(["huwelijksplanner-step-0", "huwelijksplanner", "form", "common"]);
   const [data, setData] = useState({ ...exampleState });
-  const { locale = "nl" } = useRouter();
+  const [get, setGet] = useState<number>(0);
+  const [partnerData, setPartnerData] = useState<any>({});
+  const [witnessData, setWitnessData] = useState<any>({});
+  const { push, locale = "nl" } = useRouter();
+  const [marriageOptions] = useContext(MarriageOptionsContext);
 
   useEffect(() => {
-    const huwelijkId = "6e69d32c-afdb-4aef-85cc-fd5ff743a84b";
+    if (marriageOptions.id) {
+      HuwelijkService.huwelijkGet({ id: "4d95e776-c887-4a56-86c8-dc01ff324efe" }).then((response: any) => {
+        const partnerString = response.results.find(
+          (result: any) =>
+            result.eigenschap ===
+            "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/4dee2797-1faf-4dc0-95f8-ddc4956302f3"
+        );
+        const partners = JSON.parse(partnerString.waarde);
+        setPartnerData(partners);
+
+        const witnessString = response.results.find(
+          (result: any) =>
+            result.eigenschap ===
+            "https://api.huwelijksplanner.online/api/ztc/v1/eigenschappen/7e950e1d-04ab-482e-a066-299711d4b4ed"
+        );
+        const witnesses = JSON.parse(witnessString.waarde);
+        setWitnessData(witnesses);
+      });
+    }
+  }, []);
 
-    HuwelijksplannerAPI.getHuwelijk(huwelijkId).then((huwelijk) => {
-      setData(
-        merge(data, {
-          "ceremony-start": huwelijk.moment,
-          reservation: {
-            "ceremony-start": huwelijk.moment,
-          },
-        })
-      );
-    });
-  }, [data]);
+  const getLocation = (location: string) => {
+    switch (location) {
+      case "e1b2aa89-dcd8-4b77-96fc-d41501cbc57f":
+        return `Stadskantoor ${process.env.NEXT_PUBLIC_ORGANISATION_NAME_SHORT ?? "Utrecht"}`;
 
-  const isValidMinWitnesses = (data: HuwelijksplannerState) => {
+      default:
+        return `Stadskantoor ${process.env.NEXT_PUBLIC_ORGANISATION_NAME_SHORT ?? "Utrecht"}`;
+    }
+  };
+
+  const isValidMinWitnesses = (data: any) => {
     // Return `true` for valid when every partner has reached the minimum amount of witnesses
-    return data.witnesses.length >= data.minWitnessPerPartner * 2;
+    return data.length >= 1 * 2;
   };
 
+  function parseISOString(s: any) {
+    var b = s.split(/\D+/);
+    return new Date(Date.UTC(b[0], --b[1], b[2], b[3], b[4], b[5], b[6]));
+  }
+
   const MarriageProcessSteps = ({ data }: { data: HuwelijksplannerState; locale: string }) => (
     <ProcessSteps
       steps={[
         {
           id: "cc18f54d-aadd-498f-b518-2fc74ce8e9b6",
           marker: 1,
-          status: isValidMinWitnesses(data) ? "checked" : undefined,
+          status: isValidMinWitnesses(witnessData) ? "checked" : undefined,
           title: "Getuigen wijzigen of meer getuigen uitnodigen",
           meta: data.canInviteWitnesses ? (
             <div>
               <Paragraph>
                 tussen vandaag en{" "}
-                {data["inviteWitnessEndDate"] ? (
-                  <DateValue dateTime={data["inviteWitnessEndDate"]} locale={locale} />
+                {marriageOptions.reservation?.["ceremony-start"] !== undefined ? (
+                  <DateValue
+                    dateTime={addWeeks(
+                      parseISOString(marriageOptions.reservation?.["ceremony-start"]),
+                      -2
+                    ).toISOString()}
+                    locale={locale}
+                  />
                 ) : (
                   ""
                 )}{" "}
@@ -102,8 +131,19 @@ export default function HuwelijksplannerStep0() {
           steps: [
             {
               id: "dc18f54d-aadd-498f-b518-2fc74ce8e9b6",
-              status: isValidMinWitnesses(data) ? "checked" : undefined,
-              title: `tussen vandaag en ${data["inviteWitnessEndDate"]}`,
+              status: isValidMinWitnesses(witnessData) ? "checked" : undefined,
+              title: `tussen vandaag en ${
+                marriageOptions.reservation?.["ceremony-start"] !== undefined
+                  ? new Intl.DateTimeFormat(locale, {
+                      weekday: "long",
+                      year: "numeric",
+                      month: "long",
+                      day: "numeric",
+                    }).format(
+                      new Date(addWeeks(parseISOString(marriageOptions.reservation?.["ceremony-start"] ?? ""), -2))
+                    )
+                  : ""
+              }`,
             },
           ],
         },
@@ -121,14 +161,15 @@ export default function HuwelijksplannerStep0() {
           id: "1fc162c6-f1ab-4d1b-9007-d891cbd5614b",
           title: "Trouwdag",
           marker: 4,
-          date: data.reservation
-            ? ((<DateValue dateTime={data.reservation["ceremony-start"]} locale={locale} />) as any)
+          date: marriageOptions.reservation
+            ? ((<DateValue dateTime={marriageOptions.reservation["ceremony-start"]} locale={locale} />) as any)
             : "",
           meta:
-            data.reservation && data.reservation["ceremony-location"] === "Locatie Stadskantoor" ? (
+            marriageOptions.reservation &&
+            marriageOptions.reservation["ceremony-location"] === "e1b2aa89-dcd8-4b77-96fc-d41501cbc57f" ? (
               <Paragraph>
                 Jullie gaan trouwen op de vierde verdieping van het{" "}
-                <Link href="https://www.utrecht.nl/contact/stadskantoor">Stadskantoor Utrecht</Link>.
+                <Link href="#">Stadskantoor {process.env.NEXT_PUBLIC_ORGANISATION_NAME_SHORT ?? "Utrecht"}</Link>.
               </Paragraph>
             ) : (
               ""
@@ -258,16 +299,18 @@ export default function HuwelijksplannerStep0() {
     */
   );
 
-  const PartnerDataList = ({ partner }: { partner: HuwelijksplannerPartner }) => (
+  const PartnerDataList = ({ partner }: { partner: any }) => (
     <DataList className="utrecht-data-list--grid">
       <DataListItem>
         <DataListKey>{t("form:name")}</DataListKey>
-        <DataListValue>{partner.name}</DataListValue>
+        <DataListValue>
+          {partner.naam.voornamen} {partner.naam.voorvoegsel} {partner.naam.geslachtsnaam}
+        </DataListValue>
       </DataListItem>
       <DataListItem>
         <DataListKey>{t("form:tel")}</DataListKey>
         <DataListValue>
-          <NumberValue>{partner.tel}</NumberValue>
+          <NumberValue>{partner.contact.telefoonnummers[0].telefoonnummer}</NumberValue>
         </DataListValue>
         <DataListActions>
           <Link
@@ -281,7 +324,7 @@ export default function HuwelijksplannerStep0() {
       <DataListItem>
         <DataListKey>{t("form:email")}</DataListKey>
         <DataListValue>
-          <URLValue>{partner.email}</URLValue>
+          <URLValue>{partner.contact.emails[0].email}</URLValue>
         </DataListValue>
         <DataListActions>
           <Link
@@ -295,7 +338,7 @@ export default function HuwelijksplannerStep0() {
     </DataList>
   );
 
-  const WitnessDataList = ({ witness }: { witness: Invitee; locale: string }) => (
+  const WitnessDataList = ({ witness }: { witness: any; locale: string }) => (
     <DataList className="utrecht-data-list--grid">
       <DataListItem>
         <DataListKey>{t("form:name")}</DataListKey>
@@ -312,7 +355,7 @@ export default function HuwelijksplannerStep0() {
       <DataListItem>
         <DataListKey>{t("form:email")}</DataListKey>
         <DataListValue>
-          <URLValue>{witness.email}</URLValue>
+          <URLValue>{witness.contact.emails[0].email}</URLValue>
         </DataListValue>
         <DataListActions>
           <Link
@@ -364,7 +407,7 @@ export default function HuwelijksplannerStep0() {
       </DataListItem>
       <DataListItem>
         <DataListKey>{t("huwelijksplanner:ceremony-location")}</DataListKey>
-        <DataListValue>{reservation["ceremony-location"]}</DataListValue>
+        <DataListValue>{getLocation(reservation["ceremony-location"])}</DataListValue>
       </DataListItem>
     </DataList>
   );
@@ -373,13 +416,20 @@ export default function HuwelijksplannerStep0() {
     <Surface>
       <Document>
         <Head>
-          <title>{`${t("huwelijksplanner-payment-success:title")} - ${t("common:website-name")}`}</title>
+          <title>{`Succes - ${process.env.NEXT_PUBLIC_ORGANISATION_NAME}`}</title>
         </Head>
         <Page>
           <PageHeader>
             <PageHeaderTemplate />
           </PageHeader>
           <PageContent>
+            <Button
+              onClick={() => {
+                push("/gateway-login?redirectUrl=/voorgenomen-huwelijk/betalen/succes");
+              }}
+            >
+              Login
+            </Button>
             <PageContentMain>
               <Heading1>Melding Voorgenomen Huwelijk</Heading1>
               <Paragraph>Stap 5 van 5 – Je huwelijksdatum is geregeld</Paragraph>
@@ -389,7 +439,11 @@ export default function HuwelijksplannerStep0() {
                   <PreHeading>Gelukt</PreHeading>
                 </HeadingGroup>
               </Alert>
-              {data["reservation"] ? <ReservationCard reservation={data["reservation"]} locale={locale} /> : ""}
+              {marriageOptions.reservation ? (
+                <ReservationCard reservation={marriageOptions.reservation} locale={locale} />
+              ) : (
+                ""
+              )}
               <Paragraph>
                 Jullie reservering is geslaagd en we hebben de melding van het voorgenomen huwelijk ontvangen.
               </Paragraph>
@@ -404,21 +458,28 @@ export default function HuwelijksplannerStep0() {
               <section>
                 <Heading2>Dit hebben jullie doorgegeven</Heading2>
                 {data.reservation ? (
-                  <CeremonyDataList data={data} reservation={data.reservation} locale={locale} />
+                  <CeremonyDataList
+                    data={marriageOptions}
+                    reservation={marriageOptions.reservation ?? data.reservation}
+                    locale={locale}
+                  />
                 ) : (
                   ""
                 )}
+                <Button onClick={() => setGet(get + 1)}>Get</Button>
                 <section>
                   <Heading3>Partners</Heading3>
-                  {data.partners.map((partner, index) => (
-                    <PartnerDataList key={index} partner={partner} />
-                  ))}
+                  {!_.isEmpty(partnerData) &&
+                    partnerData?.map((partner: any, index: number) => (
+                      <PartnerDataList key={index} partner={partner} />
+                    ))}
                 </section>
                 <section>
                   <Heading3>Getuigen</Heading3>
-                  {data.witnesses.map((witness, index) => (
-                    <WitnessDataList key={index} locale={locale} witness={witness} />
-                  ))}
+                  {!_.isEmpty(witnessData) &&
+                    witnessData.map((witness: any, index: number) => (
+                      <WitnessDataList key={index} locale={locale} witness={witness} />
+                    ))}
                 </section>
               </section>
               <Aside>
diff --git a/src/openapi/openapi.yaml b/src/openapi/openapi.yaml
index 387b321..78dcbf2 100644
--- a/src/openapi/openapi.yaml
+++ b/src/openapi/openapi.yaml
@@ -3709,6 +3709,45 @@ paths:
                         application/xml:
                             schema:
                                 $ref: '#/components/schemas/Huwelijk'
+    "/api/zrc/v1/zaakeigenschappen/{id}":
+        patch:
+            operationId: huwelijk-patch-eigenschap
+            summary: Huwelijk
+            tags:
+                - huwelijk
+            description: ''
+            parameters:
+                -
+                    name: id
+                    in: path
+                    description: ''
+                    required: true
+                    schema:
+                        type: string
+            requestBody:
+                content:
+                    application/json:
+                        schema:
+                            type: object
+                            properties:
+                                zaak:
+                                    type: string
+                                    format: uri
+                                eigenschap:
+                                    type: string
+                                    format: uri
+                                waarde:
+                                    type: string
+            responses:
+                200:
+                    description: ''
+                    content:
+                        application/json:
+                            schema:
+                                $ref: '#/components/schemas/Huwelijk'
+                        application/xml:
+                            schema:
+                                $ref: '#/components/schemas/Huwelijk'
     /hp/huwelijk:
         get:
             operationId: huwelijk-get-collection

From 5b0b1331f784ab34498c1a1090f978b7a10175b9 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 25 Apr 2024 10:37:06 +0200
Subject: [PATCH 4/6] package

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index eee13a8..a71ae19 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
   "scripts": {
     "dev": "next dev",
     "build": "npm run codegen && npm-run-all build:**",
-    "build:assets": "cp node_modules/@utrecht/assets/favicon.ico public/",
     "build:next": "next build",
     "clean": "rimraf .next/ src/generated/",
     "download": "curl --output src/openapi/openapi.yaml https://api.huwelijksplanner.online/openapi.yaml",

From f842ea69e0abcfbd06d5d29bcd55cea415959d25 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 25 Apr 2024 10:59:51 +0200
Subject: [PATCH 5/6] quickfix

---
 pages/voorgenomen-huwelijk/betalen/succes.tsx        | 12 +++++++-----
 src/components/huwelijksplanner/PersonalDataList.tsx |  6 +++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/pages/voorgenomen-huwelijk/betalen/succes.tsx b/pages/voorgenomen-huwelijk/betalen/succes.tsx
index 562cd1f..e801209 100644
--- a/pages/voorgenomen-huwelijk/betalen/succes.tsx
+++ b/pages/voorgenomen-huwelijk/betalen/succes.tsx
@@ -59,7 +59,7 @@ export default function HuwelijksplannerStep0() {
 
   useEffect(() => {
     if (marriageOptions.id) {
-      HuwelijkService.huwelijkGet({ id: "4d95e776-c887-4a56-86c8-dc01ff324efe" }).then((response: any) => {
+      HuwelijkService.huwelijkGet({ id: marriageOptions.id }).then((response: any) => {
         const partnerString = response.results.find(
           (result: any) =>
             result.eigenschap ===
@@ -77,7 +77,7 @@ export default function HuwelijksplannerStep0() {
         setWitnessData(witnesses);
       });
     }
-  }, []);
+  }, [marriageOptions.id]);
 
   const getLocation = (location: string) => {
     switch (location) {
@@ -423,13 +423,14 @@ export default function HuwelijksplannerStep0() {
             <PageHeaderTemplate />
           </PageHeader>
           <PageContent>
-            <Button
+            {/* DEV */}
+            {/* <Button
               onClick={() => {
                 push("/gateway-login?redirectUrl=/voorgenomen-huwelijk/betalen/succes");
               }}
             >
               Login
-            </Button>
+            </Button> */}
             <PageContentMain>
               <Heading1>Melding Voorgenomen Huwelijk</Heading1>
               <Paragraph>Stap 5 van 5 – Je huwelijksdatum is geregeld</Paragraph>
@@ -466,7 +467,8 @@ export default function HuwelijksplannerStep0() {
                 ) : (
                   ""
                 )}
-                <Button onClick={() => setGet(get + 1)}>Get</Button>
+                {/* DEV */}
+                {/* <Button onClick={() => setGet(get + 1)}>Get</Button> */}
                 <section>
                   <Heading3>Partners</Heading3>
                   {!_.isEmpty(partnerData) &&
diff --git a/src/components/huwelijksplanner/PersonalDataList.tsx b/src/components/huwelijksplanner/PersonalDataList.tsx
index 49a18c6..d2e5aeb 100644
--- a/src/components/huwelijksplanner/PersonalDataList.tsx
+++ b/src/components/huwelijksplanner/PersonalDataList.tsx
@@ -8,13 +8,13 @@ export const PersonalDataList = ({ partner }: { partner: IngeschrevenPersoon })
   return (
     <DataList aria-describedby="personal-details" className="utrecht-data-list--rows">
       <DataListItem>
-        <DataListKey>{t("form:bsn")}</DataListKey>
+        <DataListKey>{t("form:bsn")}:</DataListKey>
         <DataListValue value={partner.burgerservicenummer ?? ""} emptyDescription={t("form:data-item-unknown")}>
           <NumberValue>{partner.burgerservicenummer}</NumberValue>
         </DataListValue>
-      </DataListItem>
+      </DataListItem>{" "}
       <DataListItem>
-        <DataListKey>{t("form:sex")}</DataListKey>
+        <DataListKey>{t("form:Geslacht")}:</DataListKey>
         <DataListValue value={partner.geslachtsaanduiding ?? ""} emptyDescription={t("form:data-item-unknown")}>
           {partner.geslachtsaanduiding ?? "-"}
         </DataListValue>

From 251efa6dd2ef42d994d96dcd4acc7ead30084e7d Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 25 Apr 2024 11:07:46 +0200
Subject: [PATCH 6/6] build fixes

---
 pages/index.tsx                               | 2 +-
 pages/voorgenomen-huwelijk/betalen/succes.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 72d1e9f..581ad04 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,7 @@
 import Head from "next/head";
 import { useTranslation } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import { useContext } from "react";
 import {
   ButtonLink,
   Document,
@@ -23,7 +24,6 @@ import {
 } from "../src/components";
 import { PageFooterTemplate } from "../src/components/huwelijksplanner/PageFooterTemplate";
 import { PageHeaderTemplate } from "../src/components/huwelijksplanner/PageHeaderTemplate";
-import { useContext, useEffect } from "react";
 import { MarriageOptionsContext } from "../src/context/MarriageOptionsContext";
 
 export const getServerSideProps = async ({ locale }: { locale: string }) => ({
diff --git a/pages/voorgenomen-huwelijk/betalen/succes.tsx b/pages/voorgenomen-huwelijk/betalen/succes.tsx
index e801209..05f6742 100644
--- a/pages/voorgenomen-huwelijk/betalen/succes.tsx
+++ b/pages/voorgenomen-huwelijk/betalen/succes.tsx
@@ -1,4 +1,6 @@
 import { UtrechtBadgeStatus } from "@utrecht/web-component-library-react";
+import { addWeeks } from "date-fns";
+import _ from "lodash";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import { useTranslation } from "next-i18next";
@@ -36,11 +38,9 @@ import {
 } from "../../../src/components";
 import { PageFooterTemplate } from "../../../src/components/huwelijksplanner/PageFooterTemplate";
 import { PageHeaderTemplate } from "../../../src/components/huwelijksplanner/PageHeaderTemplate";
-import { exampleState, HuwelijksplannerState, Reservation } from "../../../src/data/huwelijksplanner-state";
 import { MarriageOptionsContext } from "../../../src/context/MarriageOptionsContext";
+import { exampleState, HuwelijksplannerState, Reservation } from "../../../src/data/huwelijksplanner-state";
 import { HuwelijkService } from "../../../src/generated";
-import { addWeeks } from "date-fns";
-import _ from "lodash";
 
 export const getServerSideProps = async ({ locale }: { locale: string }) => ({
   props: {
@@ -95,7 +95,7 @@ export default function HuwelijksplannerStep0() {
   };
 
   function parseISOString(s: any) {
-    var b = s.split(/\D+/);
+    const b = s.split(/\D+/);
     return new Date(Date.UTC(b[0], --b[1], b[2], b[3], b[4], b[5], b[6]));
   }