export function esc(value: string): string {
return value
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
function layout(title: string, body: string): string {
return `
${esc(title)}
${body}
`;
}
export function renderHome(): string {
return layout(
"Optimize Solutions Payments",
`
Payment gateway
Optimize Solutions Payment Gateway
One iPay merchant account for every Optimize Solutions product. This hub starts the checkout, receives the bank callback, and sends the customer back to the product that asked for the payment.
The product creates a checkout with its API key.
The customer pays on iPay. Card details never touch this site.
iPay notifies this hub, and the hub notifies that product.
`
);
}
export function renderMessage(input: { title: string; message: string; actionHref?: string; actionLabel?: string }): string {
const action = input.actionHref
? `${esc(input.actionLabel || "Continue")}
`
: "";
return layout(
input.title,
`
${esc(input.title)}
${esc(input.message)}
${action}
`
);
}
export function renderPay(input: {
checkoutUrl: string;
fields: Record;
amount: string;
description: string;
customerName: string;
}): string {
const inputs = Object.entries(input.fields)
.map(([name, value]) => `${esc(input.description)}
` : "";
const customer = input.customerName ? `Customer: ${esc(input.customerName)}
` : "";
return layout(
"Redirecting to iPay",
`
Secure checkout
Sending you to iPay
${esc(input.amount)}
${description}
${customer}
Card, LankaQR, and iPay wallet details are entered on iPay, not on this page.
`
);
}
export type AdminRow = {
createdAt: Date;
productId: string;
orderId: string;
amount: string;
status: string;
ipayStatus: string | null;
webhook: string;
};
function formatTime(value: Date): string {
return new Intl.DateTimeFormat("en-GB", {
timeZone: "Asia/Colombo",
year: "numeric",
month: "short",
day: "2-digit",
hour: "2-digit",
minute: "2-digit",
}).format(value);
}
export function renderAdminLogin(message?: string): string {
const note = message ? `${esc(message)}
` : "";
return layout(
"Payments admin",
`
Operations
Recent payments
Enter the admin key to view the latest checkouts.
${note}
`
);
}
export function renderAdmin(rows: AdminRow[], counts: Record): string {
const summary = ["PENDING", "PAID", "FAILED", "CANCELLED"]
.map((status) => `${esc(status)} ${counts[status] ?? 0} `)
.join("");
const body = rows.length
? rows
.map(
(row) => `
${esc(formatTime(row.createdAt))}
${esc(row.productId)}
${esc(row.orderId)}${esc(row.amount)}
${esc(row.status)} ${esc(row.ipayStatus || "—")}
${esc(row.webhook)}
`
)
.join("")
: `No payments yet.
Operations
Recent payments
${summary}
Time (Colombo)
Product
Order
Amount
Status
iPay
Webhook
${body}
Showing the latest ${rows.length} of the stored payments. Counts above are all-time.
`
);
}