From 1aa694a66599d9c9b49a7245cddb80aaad6ab44e Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Mon, 10 Aug 2026 22:57:21 +0200
Subject: [PATCH] fix(wizard): resolve build type errors and syntax in
 step-billing and step-software

---
 shop/components/order-wizard.tsx         | 6 ++++--
 shop/components/wizard/step-billing.tsx  | 1 +
 shop/components/wizard/step-software.tsx | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/shop/components/order-wizard.tsx b/shop/components/order-wizard.tsx
index 1e18c3f..2ffadd5 100644
--- a/shop/components/order-wizard.tsx
+++ b/shop/components/order-wizard.tsx
@@ -7,13 +7,14 @@ import { Product, ProductModule, Profile, EndCustomer, Order } from '@/lib/types
 import { submitOrder, updateOrder } from '@/lib/actions/orders'
 import { createEndCustomer } from '@/lib/actions/end-customers'
 import { Category } from '@/lib/types'
+import { Check } from 'lucide-react'
 
 // Modular Step Components
 import { ProgressStepper } from './wizard/progress-stepper'
 import { ToastNotification } from './wizard/toast-notification'
 import { StepCustomer } from './wizard/step-customer'
 import { StepBilling } from './wizard/step-billing'
-import { StepSoftware } from './wizard/step-software'
+import { StepSoftware, CategoryIcon } from './wizard/step-software'
 import { StepSummary } from './wizard/step-summary'
 import { SummarySidebar } from './wizard/summary-sidebar'
 import { LicenseLookupPanel } from './wizard/license-lookup-panel'
@@ -850,6 +851,7 @@ export function OrderWizard({
               nextStep={nextStep}
             />
           </motion.div>
+        )}
         {/* Step 3: Software Selector */}
         {step === 3 && (
           <motion.div
@@ -875,7 +877,7 @@ export function OrderWizard({
                 <div className="flex flex-col gap-2">
                   {visibleCategories.map((cat) => {
                     const sel = selections[cat.id]
-                    const hasSelection = sel?.productIds?.length > 0 || !!sel?.productId
+                    const hasSelection = (sel?.productIds && sel.productIds.length > 0) || !!sel?.productId
                     const isRequired = cat.is_required
                     const isActive = activeCategoryId === cat.id
 
diff --git a/shop/components/wizard/step-billing.tsx b/shop/components/wizard/step-billing.tsx
index f55c120..5827c93 100644
--- a/shop/components/wizard/step-billing.tsx
+++ b/shop/components/wizard/step-billing.tsx
@@ -117,6 +117,7 @@ export function StepBilling({
               </div>
             )}
           </div>
+        </div>
       </CardContent>
       <CardFooter className="flex justify-between border-t border-white/10 pt-6">
         <Button variant="ghost" className="text-white" onClick={prevStep}>
diff --git a/shop/components/wizard/step-software.tsx b/shop/components/wizard/step-software.tsx
index 4d1f555..61af183 100644
--- a/shop/components/wizard/step-software.tsx
+++ b/shop/components/wizard/step-software.tsx
@@ -31,7 +31,7 @@ interface StepSoftwareProps {
   activeCategoryId: string | null
 }
 
-function CategoryIcon({ icon, className }: { icon?: string | null; className?: string }) {
+export function CategoryIcon({ icon, className }: { icon?: string | null; className?: string }) {
   const LucideIcon = icon ? (Icons as any)[icon] : null
   if (!LucideIcon) return <Icons.HelpCircle className={className} />
   return <LucideIcon className={className} />