Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 46x 11x | import { Stack } from "@mui/material";
import ContactSection from "./components/ContactSection";
import ConfirmationSection from "./components/ConfirmationSection";
import DeliverySection from "./components/DeliverySection";
import PhysicalTicketsSection from "./components/PhysicalTicketsSection";
import BillingAdressSection from "./components/BillingAdressSection";
import PayNowButtonSection from "./components/PayNowButtonSection";
import ProcessingFeesSection from "./components/ProcessingFeesSection";
import CustomFieldsSection from "./components/CustomFieldsSection";
import ParticipantDetailsSection from "./components/ParticipantDetailsSection";
const CheckoutStep = () => {
return (
<Stack gap="32px">
<ContactSection />
{/* Story 2 — self-gates on event (useEventParticipantDetails) */}
<ParticipantDetailsSection />
{/* PAY-Builder 032-a — self-gates on event */}
<PhysicalTicketsSection />
{/* PAY-Builder 032-a — Delivery now renders on events too (mockup
7426-218729); every other form type already showed it. */}
<DeliverySection />
<BillingAdressSection />
<ProcessingFeesSection />
<CustomFieldsSection />
<ConfirmationSection />
<PayNowButtonSection />
</Stack>
);
};
export default CheckoutStep;
|