Webshop: im Abo-Modell Anfrage ohne Unternehmer-Haken, Privat-Hinweis, Einschalten

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

public/shop.js

@@ -15,7 +15,7 @@
 
 import { fehlerKarte, h, infoKarte, request } from './shop-dom.js'
 import { anfrageKarte, anfrageZeilen, renderAnfrageFormular } from './shop-anfrage.js'
-import { renderBestellen, statusKarte } from './funktion-bestellen.js'
+import { renderBestellen, renderEinschaltSeite, statusKarte } from './funktion-bestellen.js'
 import { meldeReiter, reiterEintraege } from './fn-reiter.js'
 
 /** Die Reiter: jeder ein Modul mit render(panel, ctx), erst beim ersten Oeffnen geladen. */
@@ -31,6 +31,8 @@ const HINWEIS_SETUP = 'Wir bauen deinen Shop gerade ein. Du kannst schon Artikel
 const HINWEIS_ABGESCHALTET = 'Dein Webshop ist abgeschaltet. Du kannst Bestellungen noch ansehen, bearbeiten, erstatten und exportieren.'
 const DANKE_SETUP = 'Danke! Die Zahlung ist bei uns angekommen.'
 const NICHT_VERFUEGBAR = 'Der Webshop ist noch nicht verfügbar.'
+const PRIVAT_TITEL = 'Der Webshop ist für Betriebe' // Abo-Modell, Text S3
+const PRIVAT_TEXT = 'Für Privatpersonen gibt es den Webshop leider nicht. Stimmt das nicht? Schreib uns im Chat.'
 const SHOP_PREIS = '299 €'
 const DOKUMENT_TITEL = [
   ['leistungsbeschreibung', 'Leistungsbeschreibung'],
@@ -66,22 +68,22 @@ function leseRueckkehr() {
   return { bestellt: query.get('bestellt') === '1', stripe: stripe === 'zurueck' || stripe === 'neu' ? stripe : '', projekt: query.get('projekt') || '' }
 }
 
-export function initShop(root, { projectId } = {}) {
+export function initShop(root, { projectId, einschalten } = {}) {
   if (!root) return Promise.resolve()
-  return starte(root, projectId)
+  return starte(root, projectId, einschalten)
 }
 
-async function starte(root, projectId) {
+async function starte(root, projectId, einschalten) {
   const rueckkehr = leseRueckkehr()
   const wunsch = rueckkehr.projekt || projectId || root.dataset?.wunschProjekt || '' // die Kachel in Funktionen legt ihr Projekt hier ab
   if (root.dataset) delete root.dataset.wunschProjekt
   if (wunsch) auswahl.projectId = wunsch
-  const s = { root, projects: [], funktionen: null, projekt: null, status: null, lauf: 0, buehne: null, meldungEl: null, danke: false, stripe: '', neueAnfrage: false }
+  const s = { root, projects: [], funktionen: null, projekt: null, status: null, lauf: 0, buehne: null, meldungEl: null, danke: false, stripe: '', neueAnfrage: false, einschalten }
   S = s
   try {
     await ladeFunktionen(s)
   } catch (err) {
-    if (S === s) root.replaceChildren(fehlerKarte(err.message, () => starte(root, auswahl.projectId)))
+    if (S === s) root.replaceChildren(fehlerKarte(err.message, () => starte(root, auswahl.projectId, einschalten)))
     return
   }
   if (S !== s) return
@@ -217,6 +219,11 @@ function zeigeAnfrage(s, { status, aktuell }) {
     s.buehne.replaceChildren(anfrageKarte(ansicht, { projectId, neu: () => { s.neueAnfrage = true; zeigeAnfrage(s, { status, aktuell }) } }))
     return
   }
+  // Abo-Modell: den Webshop gibt es nur fuer Betriebe; Privatkunden und eine leere oder fehlende Kundenart (E4) bekommen den Hinweis statt des Formulars
+  if (istAbo(s) && s.funktionen.kundenart !== 'unternehmen') {
+    s.buehne.replaceChildren(infoKarte(PRIVAT_TITEL, PRIVAT_TEXT, { chat: true }))
+    return
+  }
   // keine Anfrage, zurueckgezogen oder „Neue Anfrage stellen“: das Formular, mit den frueheren Angaben vorausgefuellt
   const wurzel = h('div', { class: 'sh-wurzel' })
   s.buehne.replaceChildren(wurzel)
@@ -225,6 +232,7 @@ function zeigeAnfrage(s, { status, aktuell }) {
     vorgabe: ansicht?.anfrage || null,
     preis: text(f?.priceLabel) || SHOP_PREIS,
     ustHinweis: text(s.funktionen?.ustHinweis),
+    modell: s.funktionen?.modell,
     nachSenden: async () => { s.neueAnfrage = false; await ladeNeu(s) },
   })
 }
@@ -274,6 +282,11 @@ function zeigeBestellseite(s, { status, aktuell }) {
     },
   }
   const daten = bestelldaten(s, status)
+  if (istAbo(s)) {
+    // Abo-Modell: die Zusage der Anfrage fuehrt zum Einschalten (kein Preis, keine Haken, kein Checkout)
+    renderEinschaltSeite(wurzel, { ctx, daten, key: 'shop', zusammenfassung: zusammenfassungVon(daten.anfrage), einschalten: s.einschalten, nachEinschalten: () => ladeNeu(s) })
+    return
+  }
   renderBestellen(wurzel, { ctx, daten, key: 'shop', zusammenfassung: zusammenfassungVon(daten.anfrage) })
 }