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

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

public/shop-anfrage.js

@@ -31,10 +31,13 @@ export const anfrageListe = (anfrage) => h('dl', { class: 'sh-fakten' }, anfrage
 
 /**
  * Formular „Webshop anfragen“ in root. optionen: projectId, vorgabe (frueherer Stand der Anfrage zum Vorausfuellen), preis ('299 €'),
- * ustHinweis (Satz zur Umsatzsteuer), nachSenden(anfrage) (die Anfrage ist gespeichert: die Ansicht zeichnet sich neu).
+ * ustHinweis (Satz zur Umsatzsteuer), nachSenden(anfrage) (die Anfrage ist gespeichert: die Ansicht zeichnet sich neu), modell ('abo': kein
+ * Preis und keine Umsatzsteuer, kein Feld „unternehmer“, statt des Hakens „keine ausgeschlossenen Waren“ ein Satz über dem Knopf; gesendet wird
+ * keineAusgeschlossenen: true, unternehmer entfällt – die Kundenart kennt der Server).
  * Der Server prueft alles; ein 409 (z. B. laeuft schon eine Anfrage) zeigt seinen Text und laesst die Ansicht neu laden.
  */
-export function renderAnfrageFormular(root, { projectId, vorgabe = null, preis = '299 €', ustHinweis = '', nachSenden } = {}) {
+export function renderAnfrageFormular(root, { projectId, vorgabe = null, preis = '299 €', ustHinweis = '', nachSenden, modell } = {}) {
+  const abo = modell === 'abo' // Abo-Modell (strikt): ohne Preis, ohne Unternehmer-Haken, der Satz S2 statt des Hakens
   const v = vorgabe && typeof vorgabe === 'object' ? vorgabe : {}
   const auswahl = (liste, aktuell) => {
     const optionen = [h('option', { value: '' }, 'Bitte wählen …'), ...liste.map(([wert, name]) => h('option', { value: wert }, name))]
@@ -64,10 +67,11 @@ export function renderAnfrageFormular(root, { projectId, vorgabe = null, preis =
       h('legend', null, 'Wie bekommen deine Kunden die Ware?'),
       hakenFeld('versand', versand, 'Versand'),
       hakenFeld('abholung', abholung, 'Abholung')),
-    hakenFeld('unternehmer', unternehmer, 'Ich verkaufe als Unternehmer (nicht privat).'),
-    hakenFeld('keineAusgeschlossenen', ausgeschlossen, `Ich verkaufe keine ausgeschlossenen Waren (${AUSGESCHLOSSEN}).`),
+    abo ? null : hakenFeld('unternehmer', unternehmer, 'Ich verkaufe als Unternehmer (nicht privat).'),
+    abo ? null : hakenFeld('keineAusgeschlossenen', ausgeschlossen, `Ich verkaufe keine ausgeschlossenen Waren (${AUSGESCHLOSSEN}).`),
     feld('nachricht', 'Noch etwas, das wir wissen sollten? (freiwillig)', nachricht),
     allgemeinerFehler(),
+    abo ? h('p', { class: 'sh-hinweis', 'data-satz': 'ausgeschlossen' }, `Mit „Anfrage senden“ bestätigst du, dass du keine ausgeschlossenen Waren verkaufst (${AUSGESCHLOSSEN}).`) : null,
     h('div', { class: 'sh-aktionen' }, absenden))
 
   let laeuft = false
@@ -88,8 +92,7 @@ export function renderAnfrageFormular(root, { projectId, vorgabe = null, preis =
             artikelzahl: artikelzahl.value,
             versand: versand.checked,
             abholung: abholung.checked,
-            unternehmer: unternehmer.checked,
-            keineAusgeschlossenen: ausgeschlossen.checked,
+            ...(abo ? { keineAusgeschlossenen: true } : { unternehmer: unternehmer.checked, keineAusgeschlossenen: ausgeschlossen.checked }),
             nachricht: nachricht.value.trim(),
           },
         },
@@ -112,12 +115,12 @@ export function renderAnfrageFormular(root, { projectId, vorgabe = null, preis =
     h('h3', null, 'Webshop anfragen'),
     h('p', null, 'Mit dem Webshop verkaufst du direkt auf deiner Website: deine Kunden legen Artikel in den Warenkorb und bezahlen online.'),
     h('ul', null,
-      h('li', null, `${preis} einmalig für den Einbau in deine Website, keine laufende Gebühr von WEBklar.`),
+      h('li', null, abo ? 'Im Wartungs-Abo enthalten.' : `${preis} einmalig für den Einbau in deine Website, keine laufende Gebühr von WEBklar.`),
       h('li', null, 'Die Zahlungen gehen direkt auf dein eigenes Stripe-Konto. Die Gebühren von Stripe zahlst du direkt an Stripe.'),
       h('li', null, 'Deine Kunden zahlen mit Karte, Apple Pay, Google Pay, Klarna oder SEPA-Lastschrift.'),
       h('li', null, 'PayPal ist über Stripe leider nicht möglich.'),
-      h('li', null, 'Wir sehen uns deine Anfrage kurz an. Erst nach unserer Zusage kannst du bestellen.')),
-    ustHinweis ? h('p', { class: 'sh-hinweis' }, ustHinweis) : null)
+      h('li', null, abo ? 'Wir sehen uns deine Anfrage kurz an. Erst nach unserer Zusage kannst du einschalten.' : 'Wir sehen uns deine Anfrage kurz an. Erst nach unserer Zusage kannst du bestellen.')),
+    ustHinweis && !abo ? h('p', { class: 'sh-hinweis' }, ustHinweis) : null)
 
   const karte = h('section', { class: 'kb-panel sh-anfrage' }, erklaerung, form)
   root.replaceChildren(karte)

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) })
 }