Kundenansicht neu P2: Stundenkonto mit Vorschuss-Anzeige

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/neu/vertraege-abo.js

@@ -11,6 +11,14 @@ const TEXT_ZAHLUNG = 'Die letzte Abbuchung ist fehlgeschlagen. Bitte aktualisier
 const TEXT_ANSICHTSMODUS = 'Im Ansichtsmodus nicht möglich.'
 const TEXT_NICHT_VERFUEGBAR = 'Die Online-Bestellung wird gerade eingerichtet – schreib uns gern im Chat.'
 
+/** Die zwei Warnungen über dem Vertrag (auch im Stundenkonto): fehlgeschlagene Abbuchung, späterer Beginn nach der Widerrufsfrist. */
+export function aboWarnungen(sub) {
+  const aus = []
+  if (sub?.active && sub.paymentProblem) aus.push(h('p', { class: `${K.meldung} kn-meldung-warn` }, TEXT_ZAHLUNG))
+  if (sub?.active && sub.serviceStartsAt) aus.push(h('p', { class: K.meldung }, `Wie gewählt beginnen wir nach Ablauf der Widerrufsfrist am ${fmtDatum(sub.serviceStartsAt)}. Dann wird auch zum ersten Mal abgebucht.`))
+  return aus
+}
+
 const gekuendigt = (sub) => Boolean(sub?.cancelAtPeriodEnd || sub?.cancelAt)
 const produktName = (daten, key) => {
   const p = (daten?.products || []).find((x) => x.key === key)
@@ -153,9 +161,7 @@ export async function zeigeAbo(box, { daten, me } = {}) {
   const zustand = aboZustand(daten)
   const gutschrift = sub ? gutschriftLink() : null
 
-  const teile = []
-  if (sub?.active && sub.paymentProblem) teile.push(h('p', { class: `${K.meldung} kn-meldung-warn` }, TEXT_ZAHLUNG))
-  if (sub?.active && sub.serviceStartsAt) teile.push(h('p', { class: K.meldung }, `Wie gewählt beginnen wir nach Ablauf der Widerrufsfrist am ${fmtDatum(sub.serviceStartsAt)}. Dann wird auch zum ersten Mal abgebucht.`))
+  const teile = aboWarnungen(sub)
   if (sub?.active) {
     teile.push(vertragsBlock(daten, sub, viewAs), wechselKarte(daten, sub))
   } else {