/* Interactive Walkthrough — guided tour of the Rate Services portal */
const { useState } = React;
function Walkthrough({ onBack }) {
const T = window.EMMA_TOKENS;
const [slide, setSlide] = useState(0);
const slides = [
// 0: Welcome
{
section: "Welcome",
title: "Rate Services Portal",
subtitle: "Interactive Guide",
content: (
This guide walks you through each form on the portal. Use the Next and Back buttons to navigate, or click any section in the sidebar.
),
},
// 1: Landing Page
{
section: "Overview",
title: "The Landing Page",
subtitle: "Your starting point",
content: (
Standard processing time is 5 business days. GDS requests can take up to 5 additional days. Lanyon RFPs do not require a submission.
),
},
// 2: New Rate — Requester
{
section: "New Rate",
title: "Step 1: Requester",
subtitle: "Who is filing this request",
content: (
You'll see processing time notes and important reminders about new accounts, GDS, and peak RFP season on this step.
),
},
// 3: New Rate — Identify Client
{
section: "New Rate",
title: "Step 2: Identify Client",
subtitle: "Customer, hotels & channels",
content: (
If GDS is selected, you'll be asked whether the RFP is managed in Lanyon, and reminded to upload GDS loading instructions in the Files step.
),
},
// 4: New Rate — Price Code
{
section: "New Rate",
title: "Step 3: Price Code",
subtitle: "Room types, meals & pricing",
content: (
),
},
// 5: New Rate — Rate
{
section: "New Rate",
title: "Step 4: Rate",
subtitle: "Windows, inclusions & segment",
content: (
),
},
// 6: New Rate — Contract
{
section: "New Rate",
title: "Step 5: Contract",
subtitle: "Validity, cancellation & stay rules",
content: (
),
},
// 7: New Rate — Files & Review
{
section: "New Rate",
title: "Steps 6 & 7: Files & Review",
subtitle: "Upload documents and submit",
content: (
After submission, you'll see a reference number (e.g. RLR-20260520-A3X7K). The load team is notified automatically.
),
},
// 8: Update Existing Rate
{
section: "Update Rate",
title: "Update Existing Rate",
subtitle: "Tile 2 — modify a loaded rate",
content: (
Rates entered will override current pricing seasons. Only use applicable date ranges.
),
},
// 9: General Request
{
section: "General",
title: "General Request",
subtitle: "Tile 3 — questions & ad-hoc",
content: (
Use this for anything not covered by the rate request forms: questions, amendments, issues, or ad-hoc requests.
),
},
// 10: Tips
{
section: "Tips",
title: "Tips & Key Points",
subtitle: "Things to remember",
content: (
),
},
];
const cur = slides[slide];
const sections = [...new Set(slides.map(s => s.section))];
return (
{/* Sidebar */}
{/* Content */}
{cur.section}
{cur.title}
{cur.subtitle}
{cur.content}
{/* Navigation */}
{slide + 1} / {slides.length}
{slide < slides.length - 1 ? (
) : (
)}
);
}
// Helper components
function Chip({ color, label }) {
const T = window.EMMA_TOKENS;
return (
{label}
);
}
function StepVisual({ number, title, items }) {
const T = window.EMMA_TOKENS;
return (
{items.map((item, i) => (
))}
);
}
function InfoBox({ children }) {
const T = window.EMMA_TOKENS;
return (
💡 {children}
);
}
function WarningBox({ children }) {
return (
⚠️ {typeof children !== "string" && children}
);
}
function MiniCard({ title, color, items }) {
const T = window.EMMA_TOKENS;
return (
{items.map((item, i) => (
•{item}
))}
);
}
function TipCard({ icon, title, desc }) {
const T = window.EMMA_TOKENS;
return (
);
}
window.Walkthrough = Walkthrough;