@xmoney/api-sdk
Version:
## Instalaltion
84 lines (78 loc) • 2.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getWebviewCheckoutHtmlString = void 0;
const getWebviewCheckoutHtmlString = (publicKey, payload, checksum, cards, theme) => `
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>XMoney Payment Form</title>
<script src="https://secure-stage.xmoney.com/sdk/0.0.3/xmoney.js"></script>
<style>
.payment-form-container {
position: relative;
border-radius: 8px;
min-height: 150px;
}
.loading-overlay {
position: absolute;
inset: 0;
border-radius: 8px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
</style>
</head>
<body>
<div class="payment-form-container">
<div class="loading-overlay" id="loading-overlay">
Loading payment form...
</div>
<div id="payment-form-widget" style="opacity: 0"></div>
</div>
<script>
// Simulated props (replace with your real data)
const savedCards = JSON.parse('${cards}'); // replace with actual saved cards
const result = {
payload: "${payload}",
checksum: "${checksum}"
};
let paymentFormInstance = null;
function initPaymentForm() {
if (!window.XMoneyPaymentForm) {
console.error("XMoneyPaymentForm SDK not loaded");
return;
}
paymentFormInstance = new window.XMoneyPaymentForm({
container: "payment-form-widget",
elementsOptions: {
appearance: {
theme: "${theme}",
},
},
savedCards,
checksum: result.checksum,
jsonRequest: result.payload,
publicKey: "${publicKey}",
onReady: () => {
document.getElementById("loading-overlay").style.display = "none";
document.getElementById("payment-form-widget").style.opacity = "1";
},
onError: (err) => {
console.error("❌ Payment error", err);
},
});
}
window.addEventListener("DOMContentLoaded", () => {
initPaymentForm();
});
window.addEventListener("beforeunload", () => {
paymentFormInstance?.destroy?.();
});
</script>
</body>
</html>`;
exports.getWebviewCheckoutHtmlString = getWebviewCheckoutHtmlString;
//# sourceMappingURL=get-webview-checkout-html-string.js.map