feat(shop): add dynamic linked fees to modules

shop/components/order-wizard.tsx

@@ -333,6 +333,8 @@ export function OrderWizard({
     return { monthlyTotal: monthly, oneTimeTotal: oneTime }
   }, [selections, products, categories, moduleQuantities])
 
+
+
   // Ermittlung der Update-Faktoren basierend auf dem Lizenzdatum (nur für Kauf/einmalig relevant)
   const updatePriceModifier = useMemo(() => {
     if (selectedBillingInterval !== 'one_time' || !lastLicenseDate) return { factor: 1 }
@@ -386,6 +388,96 @@ export function OrderWizard({
       })
   }, [visibleCategories, selections, products, selectedBillingInterval])
 
+  const finalItemsToShow = basketItems.length > 0
+    ? basketItems
+    : (allCategoriesFilled && productValidationErrors.length === 0
+      ? [{ deviceName: deviceName || 'Kasse 1', selections, moduleQuantities, billingInterval: selectedBillingInterval }]
+      : [])
+
+  // Gesamtsummen für alle Items in der Bestellung (finalItemsToShow)
+  const { overallMonthlyTotal, overallOneTimeTotal, linkedFeeProducts } = useMemo(() => {
+    let monthly = 0
+    let oneTime = 0
+    const feeProductIds = new Set<string>()
+
+    finalItemsToShow.forEach(item => {
+      categories.forEach(cat => {
+        const sel = item.selections[cat.id]
+        if (!sel) return
+
+        const selectedProds: Product[] = []
+        if (cat.allow_multiselect && sel.productIds && sel.productIds.length > 0) {
+          sel.productIds.forEach((pId: string) => {
+            const p = products.find(prod => prod.id === pId)
+            if (p) selectedProds.push(p)
+          })
+        } else if (sel.productId) {
+          const p = products.find(prod => prod.id === sel.productId)
+          if (p) selectedProds.push(p)
+        }
+
+        const freeLimit = cat.allow_multiselect ? cat.free_items_limit : 0
+        const sortedProds = [...selectedProds].sort((a, b) => a.base_price - b.base_price)
+
+        sortedProds.forEach((prod, idx) => {
+          const isFree = idx < freeLimit
+          const basePrice = isFree ? 0 : prod.base_price
+
+          if (prod.billing_interval === 'monthly') {
+            monthly += basePrice
+          } else {
+            oneTime += basePrice
+          }
+
+          // Module
+          sel.moduleIds?.forEach((mId: string) => {
+            const mod = prod.modules?.find(m => m.id === mId)
+            if (mod) {
+              const qty = item.moduleQuantities?.[mId] || 1
+              if (prod.billing_interval === 'monthly') {
+                monthly += mod.price * qty
+              } else {
+                oneTime += mod.price * qty
+              }
+
+              if (mod.linked_fee_product_id) {
+                feeProductIds.add(mod.linked_fee_product_id)
+              }
+            }
+          })
+        })
+      })
+    })
+
+    const feeProducts: Product[] = []
+    feeProductIds.forEach(id => {
+      const p = products.find(prod => prod.id === id)
+      if (p) {
+        feeProducts.push(p)
+        if (p.billing_interval === 'monthly') {
+          monthly += p.base_price
+        } else {
+          oneTime += p.base_price
+        }
+      }
+    })
+
+    return { 
+      overallMonthlyTotal: monthly, 
+      overallOneTimeTotal: oneTime,
+      linkedFeeProducts: feeProducts
+    }
+  }, [finalItemsToShow, products, categories])
+
+  // Gesamte Endbeträge ermitteln
+  const overallOneTimeNet = overallOneTimeTotal * discountFactor
+  const overallOneTimeTax = overallOneTimeNet * 0.19
+  const overallOneTimeGross = overallOneTimeNet + overallOneTimeTax
+
+  const overallMonthlyNet = overallMonthlyTotal
+  const overallMonthlyTax = overallMonthlyNet * 0.19
+  const overallMonthlyGross = overallMonthlyNet + overallMonthlyTax
+
   const isNextStepDisabled = !allCategoriesFilled || productValidationErrors.length > 0
 
   // Helper: toggle module for a category's selected product
@@ -587,11 +679,7 @@ export function OrderWizard({
     }
   }
 
-  const finalItemsToShow = basketItems.length > 0
-    ? basketItems
-    : (allCategoriesFilled && productValidationErrors.length === 0
-      ? [{ deviceName: deviceName || 'Kasse 1', selections, moduleQuantities, billingInterval: selectedBillingInterval }]
-      : [])
+
 
   function selectProduct(catId: string, productId: string) {
     setSelections(prev => {
@@ -817,14 +905,14 @@ export function OrderWizard({
               finalItemsToShow={finalItemsToShow}
               visibleCategories={visibleCategories}
               products={products}
-              oneTimeTotal={oneTimeTotal}
-              monthlyTotal={monthlyTotal}
-              oneTimeNet={oneTimeNet}
-              oneTimeTax={oneTimeTax}
-              oneTimeGross={oneTimeGross}
-              monthlyNet={monthlyNet}
-              monthlyTax={monthlyTax}
-              monthlyGross={monthlyGross}
+              oneTimeTotal={overallOneTimeTotal}
+              monthlyTotal={overallMonthlyTotal}
+              oneTimeNet={overallOneTimeNet}
+              oneTimeTax={overallOneTimeTax}
+              oneTimeGross={overallOneTimeGross}
+              monthlyNet={overallMonthlyNet}
+              monthlyTax={overallMonthlyTax}
+              monthlyGross={overallMonthlyGross}
               updatePriceModifier={updatePriceModifier}
               selectedEndCustomer={selectedEndCustomer}
               customerData={customerData}
@@ -833,6 +921,7 @@ export function OrderWizard({
               isSubmitting={isSubmitting}
               initialOrder={initialOrder}
               prevStep={prevStep}
+              linkedFeeProducts={linkedFeeProducts}
             />
           </motion.div>
         )}

shop/components/wizard/step-summary.tsx

@@ -28,6 +28,7 @@ interface StepSummaryProps {
   isSubmitting: boolean
   initialOrder: any
   prevStep: () => void
+  linkedFeeProducts?: Product[]
 }
 
 function CategoryIcon({ icon, className }: { icon?: string | null; className?: string }) {
@@ -56,6 +57,7 @@ export function StepSummary({
   isSubmitting,
   initialOrder,
   prevStep,
+  linkedFeeProducts = [],
 }: StepSummaryProps) {
   return (
     <Card className="glass-dark border-primary/30 max-w-2xl mx-auto shadow-primary/10 shadow-2xl">
@@ -142,6 +144,30 @@ export function StepSummary({
               })}
             </div>
           ))}
+          {linkedFeeProducts && linkedFeeProducts.length > 0 && (
+            <div className="space-y-3 border-b border-white/10 pb-4 last:border-0 last:pb-0">
+              <div className="flex justify-between items-center bg-white/5 p-2 rounded">
+                <span className="text-white font-bold text-sm">Zusätzliche Dienste & Gebühren</span>
+                <span className="text-xs text-slate-400">Einmalig berechnet</span>
+              </div>
+              {linkedFeeProducts.map(p => (
+                <div key={p.id} className="pl-2 space-y-1">
+                  <div className="flex justify-between font-semibold text-sm text-white pl-3">
+                    <span>{p.name}</span>
+                    <span>
+                      {new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(p.base_price)}
+                      {' '}<span className="text-slate-400 text-[10px] font-normal">{p.billing_interval === 'monthly' ? '/ mtl.' : 'einmalig'}</span>
+                    </span>
+                  </div>
+                  {p.description && (
+                    <p className="text-xs text-slate-400 mt-0.5 pl-3">
+                      {p.description}
+                    </p>
+                  )}
+                </div>
+              ))}
+            </div>
+          )}
           <Separator className="bg-white/10" />
           <div className="text-sm text-slate-300 space-y-1">
             {selectedEndCustomer ? (