import React from "react"; import { Head, usePage } from "@inertiajs/react"; import MarketingLayout from "@/layouts/mainWebsite"; import type { CheckoutPackage } from "./checkout/types"; import { CheckoutWizard } from "./checkout/CheckoutWizard"; import { Button } from "@/components/ui/button"; import { X } from "lucide-react"; interface CheckoutWizardPageProps { package: CheckoutPackage; packageOptions: CheckoutPackage[]; stripePublishableKey: string; privacyHtml: string; } export default function CheckoutWizardPage({ package: initialPackage, packageOptions, stripePublishableKey, privacyHtml, }: CheckoutWizardPageProps) { const page = usePage<{ auth?: { user?: { id: number; email: string; name?: string; pending_purchase?: boolean } | null } }>(); const currentUser = page.props.auth?.user ?? null; const dedupedOptions = React.useMemo(() => { const ids = new Set(); const list = [initialPackage, ...packageOptions]; return list.filter((pkg) => { if (ids.has(pkg.id)) { return false; } ids.add(pkg.id); return true; }); }, [initialPackage, packageOptions]); return (
{/* Abbruch-Button oben rechts */}
); }