Merge pull request #173 from orangeentropy/master

added Majestic Bank and bumped version numbers of relevant packages

packages/mymonero-exchange-helper/CurrencyMetadata.js

@@ -39,6 +39,16 @@ currencyMetadata = {
         symbol: "DOT",
         precision: 16
     },
+    "FIRO": {
+        name: "Firo",
+        symbol: "FIRO",
+        precision: 8
+    },
+    "WOW": {
+        name: "Wownero",
+        symbol: "WOW",
+        precision: 12
+    }
 }
 
 module.exports = currencyMetadata

packages/mymonero-exchange-helper/EventListeners.js

@@ -264,7 +264,7 @@ updateMinimumInputValue = function(event, exchangeElements) {
     // console.log("updateMinimum");
     // console.log(event);
     // console.log(exchangeElements);
-    Utils.getMinimalExchangeAmount("XMR", exchangeElements.outCurrencyTickerCodeDiv.value).then(response => {
+    Utils.getMinimalExchangeAmount("mymonero", "XMR", exchangeElements.outCurrencyTickerCodeDiv.value).then(response => {
         //exchangeElements.minimumFeeText.innerText = response.minAmount + " XMR minimum (excluding tx fee)" // use this line when we switch to polling ChangeNow
         exchangeElements.minimumFeeText.innerText = response.data.in_min + " XMR minimum (excluding tx fee)"
     }).catch(error => {

packages/mymonero-exchange-helper/EventListenersMajesticBank.js

@@ -0,0 +1,309 @@
+const Utils = require('./UtilityFunctions.js');
+const CurrencyMetadata = require("./CurrencyMetadata");
+const ExchangeLibrary = require('@mymonero/mymonero-exchange-majesticbank')
+const handleOfferError = require('./ErrorHelper')
+const exchangeFunctions = new ExchangeLibrary()
+const validationMessages = document.getElementById('validation-messages');
+//const addressValidation = document.getElementById('address-messages');
+const serverValidation = document.getElementById('server-messages')
+const orderBtn = document.getElementById("order-button");
+const loaderPage = document.getElementById('loader');
+
+let exchangeXmrDiv = document.getElementById('exchange-xmr');
+let backBtn = document.getElementsByClassName('nav-button-left-container')[0];
+let inCurrencyInput = document.getElementById('inCurrencyValue');
+let outCurrencyInput = document.getElementById('outCurrencyValue');
+let currencyInputTimer;
+
+clearCurrencies = function() {
+    document.getElementById("inCurrencyValue").value = "";
+    document.getElementById("outCurrencyValue").value = "";
+}
+
+outAddressInputListener = function(exchangeElements, currencyTickerCode, address) {
+
+    return new Promise((resolve, reject) => {
+        exchangeElements.serverValidation.innerText = "";
+        try {
+            exchangeElements.serverValidation.innerHTML = ''
+            if (exchangeElements.currencyInputTimer !== undefined) {
+                clearTimeout(exchangeElements.currencyInputTimer)
+            }
+            exchangeElements.getAddressValidationLoader.style.display = "block";
+            exchangeElements.getAddressValidationLoaderText.style.display = "block";
+            exchangeElements.validationMessages.innerHTML = ''
+            exchangeElements.serverValidation.innerHTML = ''
+            exchangeElements.addressInputTimer = setTimeout(() => {
+                Utils.validateOutAddress(currencyTickerCode, address).then(response => {
+                    // successful response in following format: {"isActivated":null,"result":true,"message":null}
+                    let element = document.createElement("div");
+                    element.classList.add('message-label');
+                    if (response.result == true) {
+                        element.innerHTML = "✔ Validated address successfully";
+                        exchangeElements.getAddressValidationLoaderText.innerHTML = "<div><span class='exchange-tick'>&#10004;</span> Validated address successfully</div>";
+                        exchangeElements.getAddressValidationLoaderContainer.style.display = "none";
+                        resolve();
+                    } else if (response.result == false) {
+                        // failed response in following format: {"isActivated":null,"result":false,"message":"Invalid checksum"}
+                        element.innerText = "Your address is invalid";
+                        exchangeElements.getAddressValidationLoaderText.innerHTML = "<span class='exchange-cross'>&#10006;</span> The address you've specified is not valid";
+                        exchangeElements.getAddressValidationLoaderContainer.style.display = "none";
+                        resolve();
+                    } else {
+                        console.log(error);
+                        element.innerText = "An unexpected error occurred: " + response.message.toString();
+                        exchangeElements.getAddressValidationLoaderContainer.style.display = "none";
+                        reject(error);
+                    }
+                }).catch(error => {
+                    // 4xx or 5xx errors of some sort
+                    let errorStr = "An unexpected error has occurred: " + error.message;
+                    if (typeof(error.response) !== "undefined") {
+                        if (error.response.data.message !== null) {
+                            errorStr += "<br>" + error.response.data.message;
+                        }
+                    }
+                    exchangeElements.getAddressValidationLoaderText.innerHTML = errorStr;
+                    exchangeElements.getAddressValidationLoaderContainer.style.display = "none";
+                    reject(error);
+                })
+            }, 1500)
+        } catch (error) {
+            // console.log("outBalanceChecks error route");
+            reject(error);
+        }
+    })
+}
+
+inCurrencyGetOfferMajesticBank = function(inCurrencyDiv, outCurrencyDiv, inAmount, exchangeElements) {
+    return new Promise((resolve, reject) => {
+
+        exchangeFunctions.getOfferWithInAmount(inCurrencyDiv.value, outCurrencyDiv.value, inAmount)
+            .then((response) => {
+                resolve(response)
+            }).catch((error) => {
+            // console.log("Rejecting with error to bubble up to inCurrencyBalanceChecks")
+            reject(error);
+        })
+    })
+}
+
+outCurrencyGetOfferMajesticBank = function(inCurrencyDiv, outCurrencyDiv, inAmount, exchangeElements) {
+    return new Promise((resolve, reject) => {
+
+        exchangeFunctions.getOfferWithOutAmount(inCurrencyDiv.value, outCurrencyDiv.value, inAmount)
+            .then((response) => {
+                resolve(response)
+            }).catch((error) => {
+            // console.log("Rejecting with error to bubble up to outCurrencyBalanceChecks")
+            reject(error);
+        })
+    })
+}
+
+walletSelectorClickListener = function(event, exchangeElements) {
+    let walletElement = document.getElementById('wallet-options');
+    let selectedWallet = document.getElementById('selected-wallet');
+    walletElement.classList.add('active');
+    if (event.srcElement.parentElement.className.includes("optionCell")) {
+        let dataAttributes = event.srcElement.parentElement.dataset;
+        selectedWallet.dataset.walletlabel = dataAttributes.walletlabel;
+        selectedWallet.dataset.walletbalance = dataAttributes.walletbalance;
+        selectedWallet.dataset.swatch = dataAttributes.swatch;
+        selectedWallet.dataset.walletselected = true;
+        selectedWallet.dataset.walletoffset = dataAttributes.walletoffset;
+        selectedWallet.dataset.walletpublicaddress = dataAttributes.walletpublicaddress;
+        let walletLabel = document.getElementById('selected-wallet-label');
+        let walletBalance = document.getElementById('selected-wallet-balance');
+        let walletIcon = document.getElementById('selected-wallet-icon');
+        walletElement.classList.remove('active');
+        walletIcon.style.backgroundImage = `url('../../../assets/img/wallet-${dataAttributes.swatch}@3x.png'`;
+        walletLabel.innerText = dataAttributes.walletlabel;
+        walletBalance.innerText = dataAttributes.walletbalance + " XMR";
+        let walletSelector = document.getElementById('wallet-selector');
+        walletSelector.dataset.walletchosen = true;
+        clearCurrencies();
+    } else {
+        // console.log("Didn't update wallet dataset");
+    }
+    if (event.srcElement.parentElement.className.includes("selectionDisplayCellView")) {
+        walletElement.classList.add('active');
+    }
+    if (event.srcElement == 'div.hoverable-cell.utility.selectionDisplayCellView') {
+
+    }
+}
+
+inBalanceChecks = function (exchangeElements, exchangeFunctions) {
+    return new Promise((resolve, reject) => {
+        try {
+            exchangeElements.serverValidation.innerHTML = ''
+            //let inAmountToReceive = exchangeElements.BTCToReceive
+            const inBalance = parseFloat(exchangeElements.inCurrencyValue.value)
+            const in_amount = inBalance.toFixed(12)
+            exchangeElements.outCurrencyValue.value = ''
+            if (exchangeElements.currencyInputTimer !== undefined) {
+                clearTimeout(exchangeElements.currencyInputTimer)
+            }
+
+            exchangeElements.validationMessages.innerHTML = ''
+            exchangeElements.serverValidation.innerHTML = ''
+            exchangeElements.currencyInputTimer = setTimeout(() => {
+                let inCurrencyDiv = document.getElementById("inCurrencySelectList");
+                let outCurrencyDiv = document.getElementById("outCurrencySelectList");
+                let inCurrencyValue = document.getElementById("inCurrencyValue").value;
+                inCurrencyGetOfferMajesticBank(inCurrencyDiv, outCurrencyDiv, inCurrencyValue, exchangeElements).then((response) => {
+                    // successfully retrieved an offer
+                    exchangeElements.outCurrencyValue.value = response.out_amount;
+                    // replace minAmount with estimated total
+                    let txFee = parseFloat(exchangeElements.txFee.dataset.txFee)
+                    let inAmount = parseFloat(response.in_amount)
+                    let estimatedTotal = txFee + inAmount;
+                    exchangeElements.minimumFeeText.innerText = `~ ${estimatedTotal} XMR EST. TOTAL`;
+                    resolve(response);
+                }).catch((error) => {
+
+                    exchangeElements.minimumFeeText.innerText = `${exchangeElements.minimumFeeText.dataset.minimumAmount} XMR minimum (excluding tx fee)`
+                    reject(error);
+                })
+            }, 1500)
+        } catch (error) {
+            // console.log("InBalanceChecks error route");
+            reject(error);
+        }
+    })
+}
+
+// This would have been through key screening and an offer would've come back
+outBalanceChecks = function(exchangeElements) {
+    return new Promise((resolve, reject) => {
+        try {
+            exchangeElements.serverValidation.innerHTML = ''
+            //let inAmountToReceive = exchangeElements.BTCToReceive
+            const outBalance = parseFloat(exchangeElements.outCurrencyValue.value)
+            const out_amount = outBalance.toFixed(12)
+            exchangeElements.inCurrencyValue.value = ''
+            if (exchangeElements.currencyInputTimer !== undefined) {
+                clearTimeout(exchangeElements.currencyInputTimer)
+            }
+
+            exchangeElements.validationMessages.innerHTML = ''
+            exchangeElements.serverValidation.innerHTML = ''
+            exchangeElements.currencyInputTimer = setTimeout(() => {
+                let inCurrencyDiv = document.getElementById("inCurrencySelectList");
+                let outCurrencyDiv = document.getElementById("outCurrencySelectList");
+                let outCurrencyValue = document.getElementById("outCurrencyValue").value;
+                outCurrencyGetOfferMajesticBank(inCurrencyDiv, outCurrencyDiv, outCurrencyValue, exchangeElements).then((response) => {
+                    exchangeElements.inCurrencyValue.value = response.in_amount;
+                    let txFee = parseFloat(exchangeElements.txFee.dataset.txFee)
+                    let inAmount = parseFloat(response.in_amount)
+                    let estimatedTotal = txFee + inAmount;
+                    exchangeElements.minimumFeeText.innerText = `~ ${estimatedTotal} XMR EST. TOTAL`;
+
+                    resolve(response);
+                }).catch((error) => {
+                    // console.log("outBalance promise rejection");
+                    exchangeElements.minimumFeeText.innerText = `${exchangeElements.minimumFeeText.dataset.minimumAmount} XMR minimum (excluding tx fee)`
+                    reject(error);
+                })
+            }, 1500)
+        } catch (error) {
+            // console.log("outBalanceChecks error route");
+            reject(error);
+        }
+    })
+}
+
+backButtonClickListener = function() {
+    let backBtn = document.getElementsByClassName('nav-button-left-container')[0];
+    let viewOrderBtn = document.getElementById('view-order');
+    orderCreated = false;
+    document.getElementById("orderStatusPage").classList.add('active');
+    backBtn.style.display = "none";
+    let orderStatusDiv = document.getElementById("exchangePage");
+    loaderPage.classList.remove('active');
+    orderStatusDiv.classList.remove('active');
+    exchangeXmrDiv.classList.remove('active');
+    viewOrderBtn.style.display = "block";
+}
+
+function clearCurrencyInputValues() {
+    document.getElementById("inCurrencyValue").value = "";
+    document.getElementById("outCurrencyValue").value = "";
+}
+
+orderButtonClickedListener = function(orderStarted, ExchangeFunctions) {
+    // 1. Do validation
+    if (validateOrder) {
+        // console.log("Order valid");
+    }
+    // console.log(orderStarted);
+    // console.log(ExchangeFunctions);
+
+}
+
+validateOrder = function() {
+    let validationError = false;
+    // console.log(validationMessages);
+    if (orderStarted == true) {
+
+        return false;
+    }
+    if (validationMessages.firstChild !== null) {
+        validationMessages.firstChild.style.color = "#ff0000";
+        validationError = true;
+        return false;
+    }
+    if (addressValidation.firstChild !== null) {
+        addressValidation.firstChild.style.color = "#ff0000";
+        validationError = true;
+        return false;
+    }
+
+}
+
+updateMinimumInputValue = function(event, exchangeElements) {
+    // console.log("updateMinimum");
+    // console.log(event);
+    // console.log(exchangeElements);
+    Utils.getMinimalExchangeAmount("majesticbank", "XMR", exchangeElements.outCurrencyTickerCodeDiv.value).then(response => {
+        //exchangeElements.minimumFeeText.innerText = response.minAmount + " XMR minimum (excluding tx fee)" // use this line when we switch to polling ChangeNow
+        exchangeElements.minimumFeeText.innerText = response.data.in_min + " XMR minimum (excluding tx fee)"
+    }).catch(error => {
+        exchangeElements.minimumFeeText.innerText = "An error was encountered when fetching the minimum: " + error.message;
+    })
+}
+
+outCurrencySelectListChangeListener = function(event, exchangeElements) {
+
+    updateMinimumInputValue(event, exchangeElements);
+    clearCurrencies();
+    clearInterval(exchangeElements.currencyInputTimer);
+    clearInterval(exchangeElements.offerRetrievalIsSlowTimer);
+    exchangeElements.getOfferLoader.style.display = "none";
+    // get elements that show the
+    // clear timers too...
+}
+
+updateCurrencyLabels = function(event, exchangeElements) {
+    let coinTickerCode = event.srcElement.value;
+    let coinName = CurrencyMetadata[coinTickerCode].name.toUpperCase();
+    document.getElementById("outCurrencyTickerCode").innerText = coinTickerCode;
+    document.getElementById("orderStatusPageCurrencyTicker").innerText = coinName;
+    document.getElementById("outCurrencyCoinName").innerText = coinName;
+    document.getElementById("outAddress").placeholder = `Destination ${coinTickerCode} Address`;
+    clearCurrencyInputValues();
+}
+
+module.exports = {
+    outAddressInputListener,
+    //inCurrencyInputKeydownListener,
+    walletSelectorClickListener,
+    inBalanceChecks,
+    orderButtonClickedListener,
+    updateCurrencyLabels,
+    validateOrder,
+    outBalanceChecks,
+    inCurrencyGetOffer,
+    outCurrencySelectListChangeListener
+};