<script src="https://pay.monobank.ua/mono-pay-button/v1/mono-pay-button.js" />
			

				async function connectMonoPayScript () {
    // Перевіряємо чи скрипт вже підключений
    const isScriptExists = document.querySelector("#monopay-script");
    if (isScriptExists) {
        console.log("MonoPay script already loaded");
        return;
    }

    try {
        const script = document.createElement("script");
        script.id = "monopay-script";
        script.src = "https://pay.monobank.ua/mono-pay-button/v1/mono-pay-button.js";
        script.onload = initializeMonoPay;
        script.onerror = handleScriptError;
        document.head.appendChild(script);
    } catch (error) {
        console.error("Failed to load MonoPay script:", error);
    }
}

function handleScriptError () {
    console.error("MonoPay script failed to load");
}
			

				function initializeMonoPay () {
	console.log("MonoPay script loaded successfully");

	const { button } = window.MonoPay.init({
		keyId: "pk_test_your_key_id_here",
		signature: "generated_signature_hash", 
		requestId: "unique_request_id_12345",
		payloadBase64: "eyJhbW91bnQiOjUwMDAsImNjeSI6OTgwLCJtZXJjaGFudFBheW1JbmZvIjp7InJlZmVyZW5jZSI6Ijg0ZDAwNzBlZTRlNDQ2NjdiMzEzNzFkOGY4ODEzOTQ3IiwiZGVzdGluYXRpb24iOiLQn9C+0LrRg9C/0LrQsCDRidCw0YHRgtGPIiwiY29tbWVudCI6ItCf0L7QutGD0L/QutCwINGJ0LDRgdGC0Y8ifX0=",
		// Налаштування UI
		ui: {
			buttonType: "pay",
			theme: "dark",
			corners: "rounded",
		},
		// Колбеки подій
		callbacks: {
			onButtonReady: () => {
				console.log("MonoPay button is ready");
			},
			onClick: () => {
				console.log("Payment button clicked");
			},
			onInvoiceCreate: (data) => {
				console.log("Invoice created:", data);
				// Можна додати додаткову логіку після створення інвойса
			},
			onSuccess: (result) => {
				console.log("Payment successful:", result);
				// Перенаправлення або показ повідомлення успіху
			},
			onError: (error) => {
				console.error("Payment error:", error);
				// Показ повідомлення про помилку
			},
		},
	});

	// Додаємо кнопку на сторінку
	const buttonContainer = document.getElementById("payment-container");
	if (buttonContainer) {
		buttonContainer.appendChild(button);
	}
}
			

				
// 1. Створюємо об'єкт замовлення
const orderData = {
	amount: 5000,
	ccy: 980,
	merchantPaymInfo: {
		reference: "order_123456",
		destination: "Покупка товарів",
		comment: "Оплата замовлення"
	}
};

// 2. Серіалізуємо в JSON строку
const jsonString = JSON.stringify(orderData);
// Результат: '{"amount":5000,"ccy":980,"merchantPaymInfo":{"reference":"order_123456",...}}'

// 3. Кодуємо в base64
const payloadBase64 = btoa(jsonString);
// Результат: "eyJhbW91bnQiOjUwMDAsImNjeSI6OTgwLCJtZXJjaGFudFBheW1JbmZvIjp7InJlZmVyZW5jZSI6Im9yZGVyXzEyMzQ1NiIsImRlc3RpbmF0aW9uIjoi0J/QvtC60YPQv9C60LAg0YLQvtCy0LDRgNGW0LIiLCJjb21tZW50Ijoi0J7Qv9C70LDRgtCwINC30LDQvNC+0LLQu9C10L3QvdGPIn19"

			

				
{
	"amount": 5000,
	"ccy": 980,
	"merchantPaymInfo": {
		"reference": "84d0070ee4e44667b31371d8f8813947",
		"destination": "Покупка щастя",
		"comment": "Покупка щастя",
		"basketOrder": [
			{
				"name": "Товар від продавця 1",
				"qty": 1,
				"sum": 3000,
				"code": "product_1",
				"splitReceiverId": "sr_aB3dC5eF7g"
			},
			{
				"name": "Товар від продавця 2", 
				"qty": 1,
				"sum": 2000,
				"code": "product_2",
				"splitReceiverId": "sr_xY9zW8vU6t"
			}
		]
	},
	"redirectUrl": "https://example.com/result",
	"successUrl": "https://example.com/success",
	"failUrl": "https://example.com/fail",
	"webHookUrl": "https://example.com/webhook",
	"validity": 3600
}

			

				
// Що підписується:
const orderData = {
	amount: 5000,
	ccy: 980
	// ... інші поля
};

const requestId = "unique_request_id_12345";

// Формуємо строку для підпису
const dataToSign = JSON.stringify(orderData) + requestId;
// Результат: '{"amount":5000,"ccy":980}unique_request_id_12345'

// Підписуємо через власну функцію (реалізується на бекенді)
const signature = makeSignature(dataToSign, privateKey);
// Результат: base64 encoded DER signature

// makeSignature() має реалізувати:
// 1. SHA-256 хешування dataToSign
// 2. ECDSA P-256 підпис хешу
// 3. Кодування в base64

			

				
// Ініціалізуємо віджет
const monoPay = window.MonoPay.init({
	keyId: "your_key_id",
	signature: "your_signature",
	requestId: "unique_id",
	payloadBase64: "encoded_order_data"
});

// monoPay.button - готовий DOM елемент кнопки
const container = document.getElementById("payment-container");
container.appendChild(monoPay.button);

// Альтернативно:
document.querySelector("#payment-section").insertAdjacentElement("beforeend", monoPay.button);

			

				window.MonoPay.update({
    ui: { theme: "light" },
    callbacks: { onSuccess: newSuccessHandler }
});
			

				window.MonoPay.destroy();
			

				
ui: {
	buttonType: "base",
	theme: "dark",
	corners: "rounded",
},