From 1e90b8de09483bdfe1293d6af32a9f7b1452c6a9 Mon Sep 17 00:00:00 2001 From: s4luorth Date: Thu, 3 Sep 2026 12:10:23 +0200 Subject: [PATCH] Kundenangebote: Auswahl im Konfigurator (Aufschlaege + Name-Zusatz) Eingeloggte Kunden sehen ihre Angebote (customer_offers) je Produkt und waehlen eins; Aufschlaege pro Stueck flie\u00dfen serverseitig in den Preis, Name-Zusatz + Notiz sichtbar. Quote/Order senden jetzt den Token (auth) mit, damit die Angebote greifen. Co-Authored-By: Claude Opus 4.8 --- src/lib/api.ts | 32 +++++++++++++++++++++++++--- src/routes/Configurator.tsx | 42 ++++++++++++++++++++++++++++++++++++- 2 files changed, 70 insertions(+), 4 deletions(-) diff --git a/src/lib/api.ts b/src/lib/api.ts index 5e63b3e..c92ba63 100644 --- a/src/lib/api.ts +++ b/src/lib/api.ts @@ -296,11 +296,33 @@ export type QuoteInput = { email?: string; /** Segment für den Mengen-Multiplikator (B2B/B2C). */ person_type?: 'privat' | 'unternehmen'; + /** Gewähltes Kundenangebot (ID) – Aufschläge werden serverseitig addiert. */ + offer?: number; }; -/** Preis serverseitig berechnen lassen – der Client rechnet nie selbst. */ +/** Preis serverseitig berechnen lassen – der Client rechnet nie selbst. + * auth:true, damit bei eingeloggten Kunden der Token mitgeht (Kundenangebote). */ export async function fetchQuote(input: QuoteInput): Promise { - return request('/skrift-orders/quote', { method: 'POST', body: input, auth: false }); + return request('/skrift-orders/quote', { method: 'POST', body: input, auth: true }); +} + +/* ── Kundenangebote (customer_offers) ───────────────────────────────────────── */ + +export type OfferSurcharge = { label: string; amount: number }; +export type CustomerOffer = { + id: number; + label: string; + name_suffix?: string | null; + note?: string | null; + allow_multi_page?: boolean; + surcharges?: OfferSurcharge[] | null; + product?: { key: string; name: string } | null; +}; + +/** Angebote des eingeloggten Kunden für ein Produkt (leer, wenn nicht eingeloggt). */ +export async function fetchMyOffers(productKey: string): Promise { + const data = await request(`/skrift-orders/my-offers?product=${encodeURIComponent(productKey)}`, { auth: true }); + return data?.offers ?? []; } /* ── Motive ───────────────────────────────────────────────────────────────── */ @@ -420,6 +442,8 @@ export type OrderInput = { voucher_code?: string; payment_method: 'paypal' | 'rechnung'; source?: string; + /** Gewähltes Kundenangebot (ID). */ + offer?: number; entries: unknown[]; /** Motiv aus dem Katalog (ID) bzw. hochgeladene Datei (Directus-Datei-ID). */ motif?: number; @@ -436,7 +460,9 @@ export type OrderResult = { }; export async function createOrder(input: OrderInput): Promise { - return request('/skrift-orders', { method: 'POST', body: input, auth: false }); + // auth:true → eingeloggte Kunden senden ihren Token (Kundenangebote greifen); + // Gäste haben keine Session → kein Header, Verhalten wie zuvor. + return request('/skrift-orders', { method: 'POST', body: input, auth: true }); } /** Vermerkt eine erfolgreiche PayPal-Zahlung am Auftrag. */ diff --git a/src/routes/Configurator.tsx b/src/routes/Configurator.tsx index 438744d..1ac69ef 100644 --- a/src/routes/Configurator.tsx +++ b/src/routes/Configurator.tsx @@ -12,6 +12,7 @@ import { fetchPriceItems, fetchProducts, fetchQuote, + fetchMyOffers, fetchSettings, generatePreview, validateText, @@ -26,6 +27,7 @@ import { type Product, type PublicSettings, type Quote, + type CustomerOffer, } from '../lib/api'; import { ladePayPal, rendereButtons } from '../lib/paypal'; import { ladeVorlageHerunter, leseEmpfaengerDatei } from '../lib/excel'; @@ -336,6 +338,9 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri const [quote, setQuote] = useState(null); const [quoteFehler, setQuoteFehler] = useState(null); + // Kundenangebote (customer_offers) für den eingeloggten Kunden + das Produkt. + const [offers, setOffers] = useState([]); + const [offerId, setOfferId] = useState(null); const [previewDocs, setPreviewDocs] = useState([]); const [previewLaedt, setPreviewLaedt] = useState(false); @@ -613,6 +618,14 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri // Produkt kommt aus dem Direktlink; Extern-Modus ist oben definiert. const angemeldet = !!loadSession(); + // Kundenangebote laden, sobald Produkt gewählt + eingeloggt (sonst keine). + useEffect(() => { + setOfferId(null); + if (!product || !angemeldet) { setOffers([]); return; } + let ab = false; + fetchMyOffers(product).then((o) => { if (!ab) setOffers(o); }).catch(() => { if (!ab) setOffers([]); }); + return () => { ab = true; }; + }, [product, angemeldet]); // „Sie sind" entfällt, wenn die Einstufung schon feststeht (eingeloggt mit // person_type) oder im Extern-Modus. const zeigeSieSind = !externModus && !(angemeldet && !!personType); @@ -705,6 +718,7 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri voucher_code: voucher.trim() || undefined, // Bekannte E-Mail mitgeben, damit Kundenrabatte in den Live-Preis einfließen. email: istEmail(rechnung.email) ? rechnung.email.trim() : undefined, + offer: offerId ?? undefined, }) .then((q) => !abgebrochen && setQuote(q)) .catch((err) => { @@ -715,7 +729,7 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri return () => { abgebrochen = true; }; }, [product, kontaktSelektiert, format, preisMenge, shippingType, needsEnvelope, labeling, - motifMode, istPostkarte, textservice, designservice, voucher, rechnung.email, personType]); + motifMode, istPostkarte, textservice, designservice, voucher, rechnung.email, personType, offerId]); /** * Einzelversand: Kuvert mit Empfängeradresse ist zwingend (wir adressieren @@ -1049,6 +1063,7 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri ...(designservice ? ['gestaltungsservice'] : []), ], voucher_code: voucher.trim() || undefined, + offer: offerId ?? undefined, payment_method: keinePreise ? 'rechnung' : zahlung, source: externModus ? 'extern' : (loadSession() ? 'portal' : 'configurator'), // Gezeigte Vorschau 1:1 übernehmen (nur wenn unverändert seit der Vorschau). @@ -1234,6 +1249,31 @@ export default function Configurator({ vorwahlProdukt }: { vorwahlProdukt?: stri {/* ── Menge & Versand ─────────────────────────────────── */} {aktuell === 'Menge & Versand' && ( <> + {offers.length > 0 && ( +
+

Ihr Angebot

+
+
+ {(() => { + const o = offerId !== null ? offers.find((x) => x.id === offerId) : null; + if (!o) return null; + const sur = o.surcharges ?? []; + return ( +
+ {sur.length > 0 && ( +
Aufschläge pro Stück: {sur.map((s) => `${s.label} +${Number(s.amount).toFixed(2)} €`).join(' · ')}
+ )} + {o.note &&
{o.note}
} +
+ ); + })()} +
+ )}

Wie viele?