99 lines
3.0 KiB
JavaScript
99 lines
3.0 KiB
JavaScript
|
/**
|
||
|
|
*
|
||
|
|
* @typedef {Object} PurchaseFlow
|
||
|
|
* @property {(reason: string) => Promise<void>} requestclose
|
||
|
|
* @property {(receipt: {}) => Promise<void>} receipt
|
||
|
|
* @property {(browserId: string, url: string) => Promise<boolean>} launchvalidatedexternalbrowserurl
|
||
|
|
* @property {(url: string) => Promise<boolean>} launchexternalbrowserurl
|
||
|
|
* @property {(browserId: string) => Promise<string>} getexternalbrowserpath
|
||
|
|
* @property {(browserId: string) => Promise<string>} getexternalbrowsername
|
||
|
|
* @property {(url: string) => Promise<string>} getdefaultexternalbrowserid
|
||
|
|
*
|
||
|
|
* @typedef {Object} Engine
|
||
|
|
* @property {PurchaseFlow} purchaseflow
|
||
|
|
*
|
||
|
|
* @typedef {Object} Offer
|
||
|
|
* @property {{
|
||
|
|
* displayName: string
|
||
|
|
* }} user
|
||
|
|
* @property {{
|
||
|
|
* id: string
|
||
|
|
* name: string
|
||
|
|
* price: number
|
||
|
|
* imageUrl: string
|
||
|
|
* type: string
|
||
|
|
* }} offer
|
||
|
|
*/
|
||
|
|
|
||
|
|
function getCookie(name) {
|
||
|
|
var value = "; " + document.cookie;
|
||
|
|
var parts = value.split("; " + name + "=");
|
||
|
|
if (parts.length === 2) return parts.pop().split(";").shift();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {Engine} engine
|
||
|
|
* @returns
|
||
|
|
*/
|
||
|
|
const main = async (engine) => {
|
||
|
|
const close = document.getElementById("close");
|
||
|
|
const purchase = document.getElementById("purchaseOfferButton");
|
||
|
|
const pf = engine.purchaseflow ? engine.purchaseflow : null;
|
||
|
|
if (!pf) return;
|
||
|
|
|
||
|
|
const offerId = new URLSearchParams(window.location.search).get("offers");
|
||
|
|
const offerResponse = await axios.get(
|
||
|
|
`http://127.0.0.1:3000/purchase/offer?offerId=${offerId}`,
|
||
|
|
{
|
||
|
|
headers: {
|
||
|
|
Authorization: getCookie("EPIC_BEARER_TOKEN"),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
);
|
||
|
|
if (offerResponse.status !== 200) return pf.requestclose("LoadFailure");
|
||
|
|
const offer = offerResponse.data;
|
||
|
|
|
||
|
|
const image = document.getElementById("orderImage");
|
||
|
|
image && (image.style.backgroundImage = `url(${offer.offer.imageUrl})`);
|
||
|
|
|
||
|
|
const title = document.getElementById("orderName");
|
||
|
|
title && (title.innerText = offer.offer.name);
|
||
|
|
|
||
|
|
const price = document.getElementById("orderPrice");
|
||
|
|
price && (price.innerText = "$" + offer.offer.price);
|
||
|
|
|
||
|
|
const totalPrice = document.getElementById("orderTotalPrice");
|
||
|
|
totalPrice && (totalPrice.innerText = "$" + offer.offer.price);
|
||
|
|
|
||
|
|
const SubtotalPrice = document.getElementById("orderSubtotalPrice");
|
||
|
|
SubtotalPrice && (SubtotalPrice.innerText = "$" + offer.offer.price);
|
||
|
|
|
||
|
|
const displayName = document.getElementById("displayName");
|
||
|
|
displayName && (displayName.innerText = offer.user.displayName);
|
||
|
|
|
||
|
|
close && close.addEventListener("click", () => pf.requestclose("Escape"));
|
||
|
|
purchase && purchase.addEventListener("click", () => buy(pf, offer));
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {PurchaseFlow} pf
|
||
|
|
* @param {Offer} offer
|
||
|
|
*/
|
||
|
|
const buy = async (pf, offer) => {
|
||
|
|
const purchase = await axios.post(
|
||
|
|
`http://127.0.0.1:3000/purchase/offer`,
|
||
|
|
{
|
||
|
|
offerId: offer.offer.id,
|
||
|
|
type: offer.offer.type,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
headers: {
|
||
|
|
Authorization: getCookie("EPIC_BEARER_TOKEN"),
|
||
|
|
},
|
||
|
|
}
|
||
|
|
);
|
||
|
|
if (purchase.status !== 200) return pf.requestclose("PurchaseFailure");
|
||
|
|
await pf.receipt(purchase.data.receipt);
|
||
|
|
await pf.requestclose("WasSuccessful");
|
||
|
|
};
|