upd({ requesterName: v })} placeholder="Full name" />
upd({ requesterEmail: v })} placeholder="name@axiomhospitality.com" type="email" />
upd({ customerName: v })} placeholder="e.g. Bluepeak Consulting" />
{(form.customerIds && form.customerIds.length ? form.customerIds : [{ type: "", id: "" }]).map((cid, i) => (
{ const next = [...(form.customerIds || [{ type: "", id: "" }])]; next[i] = { ...next[i], type: v }; upd({ customerIds: next }); }} options={["PCR", "IATA", "Emma Client ID"]} placeholder="ID type…" />
{ const next = [...(form.customerIds || [{ type: "", id: "" }])]; next[i] = { ...next[i], id: v }; upd({ customerIds: next }); }} placeholder={cid.type ? `Enter ${cid.type}` : "Select type first"} mono />
{(form.customerIds || []).length > 1 && (
)}
))}
GDS selected: GDS loading can take up to 5 working days. Please ensure GDS loading instructions are uploaded in the Files section before submitting.
{["Yes", "No"].map(opt => (
))}
)}
upd({ reason: v })} rows={2} placeholder="e.g. Annual renewal at +3%, mid-year amendment, extend validity 6 months" />
Please note: Rates entered here will override current pricing seasons. Please only use applicable date ranges.
{!form.hotels.length && (
No hotels selected
Please select at least one hotel above before setting up pricing.
)}
{form.hotels.length > 0 && (<>
{/* Dynamic / Static selector */}
{["Dynamic Rate", "Static Rate"].map(t => (
))}
{(rooms.length ? rooms : [""]).map((rt, i) => (
{i + 1}
{ const next = [...rooms]; next[i] = v; setRooms(next); }} placeholder={`Room type ${i + 1} — e.g. Standard Double, Superior King`} />
{rooms.length > 1 && (
)}
))}
{rooms.length < 8 && (
)}
{form.hotels.map((hid, hi) => {
const hotel = MOCK_HOTELS.find(h => h.id === hid);
const cfg = getHC(hid);
return (
{hid}
{hotel?.name || hid}
{hi === 0 && form.hotels.length > 1 && (
)}
{renderRoomsMeals(
cfg.rooms, cfg.meals,
(r) => setHC(hid, { rooms: r }),
(m) => setHC(hid, { meals: m })
)}
{/* Static Rate: per-hotel pricing grids */}
{form.priceCodeType === "Static Rate" && form.seasons.map((s, si) => {
const sMatrix = (hMatrices[hid] || {})[s.id] || {};
const setSMatrix = (m) => upd({ hotelMatrices: { ...hMatrices, [hid]: { ...(hMatrices[hid] || {}), [s.id]: m } } });
return (
Season {si + 1} {s.start && s.end ? `· ${window.fmt(s.start)} → ${window.fmt(s.end)}` : ""}
r.trim())}
meals={cfg.meals}
matrix={sMatrix}
onChange={setSMatrix}
currency="GBP"
/>
);
})}
);
})}
Pricing seasons
{(() => {
const overlaps = [];
for (let i = 0; i < form.seasons.length; i++) {
for (let j = i + 1; j < form.seasons.length; j++) {
const a = form.seasons[i], b = form.seasons[j];
if (a.start && a.end && b.start && b.end && a.start <= b.end && b.start <= a.end) {
const aDow = a.dowFilter || [], bDow = b.dowFilter || [];
if (aDow.some(d => bDow.includes(d))) overlaps.push(`${a.id} & ${b.id}`);
}
}
}
return overlaps.length ? (
Overlap detected: {overlaps.join(", ")} have overlapping dates and days of week.
) : null;
})()}
{form.seasons.map((s, i) => (
Season {i + 1}
{form.seasons.length > 1 && (
)}
updSeason(s.id, { start: st, end: en })} />
updSeason(s.id, { basedOnRate: v })} placeholder="e.g. BAR, Best Flexible Rate" />
updSeason(s.id, { discountPercent: v })} placeholder="e.g. -10" suffix="%" mono />
updSeason(s.id, { dowFilter: v })} />
))}
Pricing seasons
{(() => {
const overlaps = [];
for (let i = 0; i < form.seasons.length; i++) {
for (let j = i + 1; j < form.seasons.length; j++) {
const a = form.seasons[i], b = form.seasons[j];
if (a.start && a.end && b.start && b.end && a.start <= b.end && b.start <= a.end) overlaps.push(`${a.id} & ${b.id}`);
}
}
return overlaps.length ? (
Date overlap detected: {overlaps.join(", ")} have overlapping date ranges.
) : null;
})()}
{form.seasons.map((s, i) => {
const sMatrix = form.seasonMatrices?.[s.id] || (i === 0 ? form.matrix : {}) || {};
const setSMatrix = (m) => upd({ seasonMatrices: { ...(form.seasonMatrices || {}), [s.id]: m }, ...(i === 0 ? { matrix: m } : {}) });
return (
Season {i + 1}
updSeason(s.id, { start: st, end: en })} />
{s.start && s.end && (
{window.fmt(s.start)} → {window.fmt(s.end)}
)}
{form.seasons.length > 1 && (
)}
r.trim())}
meals={form.meals}
matrix={sMatrix}
onChange={setSMatrix}
currency="GBP"
/>
);
})}
{form.seasons.map((s, i) => (
Season {i + 1}
updSeason(s.id, { start: st, end: en })} />
{form.seasons.length > 1 && (
)}
))}
upd({ acknowledged: v })} label={I confirm the details above are correct} />
{submitState.status === "submitting" ? "Submitting…" : "Submit update request"}
{submitState.status === "error" && Failed: {submitState.error}
}
);
}
// ---- General Request Form ----
function GeneralRequestForm({ onBack }) {
const T = window.EMMA_TOKENS;
const MOCK_HOTELS = window.EMMA_DATA.MOCK_HOTELS;
const [form, setForm] = useState({
requesterName: "", requesterEmail: "",
hotels: [],
subject: "", message: "",
attachments: [], acknowledged: false,
});
const [submitState, setSubmitState] = useState({ status: "idle", error: null, ticketId: null });
const [submitted, setSubmitted] = useState(false);
const upd = (patch) => setForm(f => ({ ...f, ...patch }));
const buildHtml = (submissionId) => {
const d = (v) => v || "—";
const row = (label, value) => `