From 574dae4e77cd63043ce319238301bfee99ff1d4f Mon Sep 17 00:00:00 2001
From: chris <christoph.hohnerlein@digitalservice.bund.de>
Date: Mon, 16 Oct 2023 17:36:50 +0200
Subject: [PATCH] feat(forderung): add templated subheading

Co-Authored-By: Frederike Ramin <9320199+frederike-ramin@users.noreply.github.com>
Co-Authored-By: SannyNguyenHung <91742583+SannyNguyenHung@users.noreply.github.com>
---
 app/routes/geld-einklagen.formular.$.tsx      | 10 ++++++++++
 app/routes/shared/step.tsx                    | 15 +++++++++++++++
 app/services/cms/models/StrapiFormFlowPage.ts |  1 +
 3 files changed, 26 insertions(+)

diff --git a/app/routes/geld-einklagen.formular.$.tsx b/app/routes/geld-einklagen.formular.$.tsx
index 978289ccd..34919619f 100644
--- a/app/routes/geld-einklagen.formular.$.tsx
+++ b/app/routes/geld-einklagen.formular.$.tsx
@@ -13,6 +13,7 @@ import {
 import { buildStepValidator } from "~/models/flows/common";
 import { CSRFKey } from "~/services/security/csrfKey";
 import Heading from "~/components/Heading";
+import { fillTemplate } from "~/util/fillTemplate";
 export { action, loader } from "~/routes/shared/step";
 
 export default function Step() {
@@ -21,6 +22,7 @@ export default function Step() {
     defaultValues,
     commonContent,
     heading,
+    preHeading,
     content,
     formContent,
     isLast,
@@ -43,6 +45,14 @@ export default function Step() {
         <Container paddingTop="24">
           <div className="ds-stack-16">
             <div className="ds-stack-40">
+              {preHeading && (
+                <p>
+                  {fillTemplate({
+                    template: preHeading,
+                    replacements: templateReplacements,
+                  })}
+                </p>
+              )}
               <Heading text={heading} look="ds-heading-02-reg" />
               <PageContent
                 content={content}
diff --git a/app/routes/shared/step.tsx b/app/routes/shared/step.tsx
index 077df6e42..c8c3db45e 100644
--- a/app/routes/shared/step.tsx
+++ b/app/routes/shared/step.tsx
@@ -56,9 +56,20 @@ export const loader = async ({
     getVerfuegbaresEinkommenFreibetrag(data);
   const gerichtskostenvorschuss = getGerichtskostenvorschuss(data);
 
+  const forderungReplacements =
+    "forderung" in data
+      ? {
+          forderung1Betrag: data.forderung.forderung1.betrag,
+          forderung1Title: data.forderung.forderung1.title,
+          forderung2Betrag: data.forderung.forderung2.betrag,
+          forderung2Title: data.forderung.forderung2.title,
+        }
+      : {};
+
   const templateReplacements = {
     verfuegbaresEinkommenFreibetrag: verfuegbaresEinkommenFreibetrag.toString(),
     gerichtskostenvorschuss: gerichtskostenvorschuss.toString(),
+    ...forderungReplacements,
   };
 
   const [commonContent, formPageContent, parentMeta] = await Promise.all([
@@ -107,6 +118,10 @@ export const loader = async ({
       commonContent,
       heading:
         "heading" in formPageContent ? formPageContent.heading : undefined,
+      preHeading:
+        "preHeading" in formPageContent
+          ? formPageContent.preHeading
+          : undefined,
       content: formPageContent.pre_form,
       formContent: formPageContent.form,
       meta,
diff --git a/app/services/cms/models/StrapiFormFlowPage.ts b/app/services/cms/models/StrapiFormFlowPage.ts
index f6c998af5..f0a4b99ff 100644
--- a/app/services/cms/models/StrapiFormFlowPage.ts
+++ b/app/services/cms/models/StrapiFormFlowPage.ts
@@ -10,6 +10,7 @@ import { HasStrapiTimestampsSchema } from "./HasStrapiTimestamps";
 export const StrapiFormFlowPageSchema = z
   .object({
     heading: z.string(),
+    preHeading: z.string().nullable(),
     // eslint-disable-next-line camelcase
     pre_form: z.array(StrapiContentSchema),
     form: z.array(StrapiFormComponentSchema),