paddle.ts

declare global {
	interface Window { Paddle: any; }
}

const VENDOR_ID = 111;
const PRODUCT_ID = 222;

type BuyParams = {
	coupon?: string | null;
	meta?: Record<string, string>;
	onLoadCallback?: VoidFunction;
}

export function buy(params: BuyParams = {}) {
	const { coupon, meta, onLoadCallback } = params;
	const checkoutOpenParams = {
		product: PRODUCT_ID,
		allowQuantity: false,
		passthrough: JSON.stringify(meta),
		coupon: "",
	};

	if (coupon) {
		checkoutOpenParams.coupon = coupon;
	}

	if (!window.Paddle) {
		const script = document.createElement("script");
		script.onload = () => {
			window.Paddle.Setup({ vendor: VENDOR_ID });
			window.Paddle.Checkout.open(checkoutOpenParams);

			onLoadCallback?.();
		};
		script.src = "https://cdn.paddle.com/paddle/paddle.js";

		document.head.appendChild(script);
		return;
	}

	window.Paddle.Setup({ vendor: VENDOR_ID });
	window.Paddle.Checkout.open(checkoutOpenParams);
}