wallet-core/extension/pages/confirm-create-reserve.js

/*
 This file is part of TALER
 (C) 2015-2016 GNUnet e.V.

 TALER is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 TALER is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 TALER; see the file COPYING.  If not, If not, see <http://www.gnu.org/licenses/>
 */
System.register(["../lib/wallet/helpers", "../lib/wallet/types", "mithril"], function(exports_1, context_1) {
    "use strict";
    var __moduleName = context_1 && context_1.id;
    var helpers_1, types_1, mithril_1;
    var DelayTimer, Controller;
    function view(ctrl) {
        var controls = [];
        var mx = function (x) {
            var args = [];
            for (var _i = 1; _i < arguments.length; _i++) {
                args[_i - 1] = arguments[_i];
            }
            return controls.push(mithril_1.default.apply(void 0, [x].concat(args)));
        };
        mx("p", (_a = ["The bank wants to create a reserve over ", "."], _a.raw = ["The bank wants to create a reserve over ", "."], i18n(_a, helpers_1.amountToPretty(ctrl.amount))));
        mx("input", {
            className: "url",
            type: "text",
            spellcheck: false,
            value: ctrl.url(),
            oninput: mithril_1.default.withAttr("value", ctrl.onUrlChanged.bind(ctrl)),
        });
        mx("button", {
            onclick: function () { return ctrl.confirmReserve(ctrl.url(), ctrl.amount, ctrl.callbackUrl); },
            disabled: !ctrl.isValidMint
        }, "Confirm mint selection");
        if (ctrl.statusString) {
            mx("p", ctrl.statusString);
        }
        else {
            mx("p", "Checking URL, please wait ...");
        }
        return mithril_1.default("div", controls);
        var _a;
    }
    function getSuggestedMint(currency) {
        // TODO: make this request go to the wallet backend
        // Right now, this is a stub.
        var defaultMint = {
            "KUDOS": "http://mint.demo.taler.net",
            "PUDOS": "http://mint.test.taler.net",
        };
        var mint = defaultMint[currency];
        if (!mint) {
            mint = "";
        }
        return Promise.resolve(mint);
    }
    function main() {
        var url = URI(document.location.href);
        var query = URI.parseQuery(url.query());
        var amount = types_1.AmountJson.checked(JSON.parse(query.amount));
        var callback_url = query.callback_url;
        var bank_url = query.bank_url;
        getSuggestedMint(amount.currency)
            .then(function (suggestedMintUrl) {
            var controller = function () { return new Controller(suggestedMintUrl, amount, callback_url); };
            var MintSelection = { controller: controller, view: view };
            mithril_1.default.mount(document.getElementById("mint-selection"), MintSelection);
        })
            .catch(function (e) {
            // TODO: provide more context information, maybe factor it out into a
            // TODO:generic error reporting function or component.
            document.body.innerText = "Fatal error: \"" + e.message + "\".";
            console.error("got backend error \"" + e.message + "\"");
        });
    }
    exports_1("main", main);
    return {
        setters:[
            function (helpers_1_1) {
                helpers_1 = helpers_1_1;
            },
            function (types_1_1) {
                types_1 = types_1_1;
            },
            function (mithril_1_1) {
                mithril_1 = mithril_1_1;
            }],
        execute: function() {
            "use strict";
            /**
             * Execute something after a delay, with the possibility
             * to reset the delay.
             */
            DelayTimer = (function () {
                function DelayTimer(ms, f) {
                    this.timerId = null;
                    this.f = f;
                    this.ms = ms;
                }
                DelayTimer.prototype.bump = function () {
                    var _this = this;
                    this.stop();
                    var handler = function () {
                        _this.f();
                    };
                    this.timerId = window.setTimeout(handler, this.ms);
                };
                DelayTimer.prototype.stop = function () {
                    if (this.timerId !== null) {
                        window.clearTimeout(this.timerId);
                    }
                };
                return DelayTimer;
            }());
            Controller = (function () {
                function Controller(initialMintUrl, amount, callbackUrl) {
                    var _this = this;
                    this.url = mithril_1.default.prop();
                    this.statusString = null;
                    this.isValidMint = false;
                    this.amount = amount;
                    this.callbackUrl = callbackUrl;
                    this.timer = new DelayTimer(800, function () { return _this.update(); });
                    this.url(initialMintUrl);
                    this.update();
                }
                Controller.prototype.update = function () {
                    var _this = this;
                    this.timer.stop();
                    var doUpdate = function () {
                        if (!_this.url()) {
                            _this.statusString = (_a = ["Please enter a URL"], _a.raw = ["Please enter a URL"], i18n(_a));
                            mithril_1.default.endComputation();
                            return;
                        }
                        _this.statusString = null;
                        var parsedUrl = URI(_this.url());
                        if (parsedUrl.is("relative")) {
                            _this.statusString = (_b = ["The URL you've entered is not valid (must be absolute)"], _b.raw = ["The URL you've entered is not valid (must be absolute)"], i18n(_b));
                            mithril_1.default.endComputation();
                            return;
                        }
                        var keysUrl = URI("/keys").absoluteTo(helpers_1.canonicalizeBaseUrl(_this.url()));
                        console.log("requesting keys from '" + keysUrl + "'");
                        _this.request = new XMLHttpRequest();
                        _this.request.onreadystatechange = function () {
                            if (_this.request.readyState == XMLHttpRequest.DONE) {
                                switch (_this.request.status) {
                                    case 200:
                                        _this.isValidMint = true;
                                        _this.statusString = "The mint base URL is valid!";
                                        break;
                                    case 0:
                                        _this.statusString = "unknown request error";
                                        break;
                                    default:
                                        _this.statusString = "request failed with status " + _this.request.status;
                                        break;
                                }
                            }
                            mithril_1.default.endComputation();
                        };
                        _this.request.open("get", keysUrl.href());
                        _this.request.send();
                        var _a, _b;
                    };
                    mithril_1.default.startComputation();
                    doUpdate();
                    console.log("got update");
                };
                Controller.prototype.reset = function () {
                    this.isValidMint = false;
                    this.statusString = null;
                    if (this.request) {
                        this.request.abort();
                        this.request = null;
                    }
                };
                Controller.prototype.confirmReserve = function (mint, amount, callback_url) {
                    var _this = this;
                    var d = { mint: mint, amount: amount };
                    var cb = function (rawResp) {
                        if (!rawResp) {
                            throw Error("empty response");
                        }
                        if (!rawResp.error) {
                            var resp = types_1.CreateReserveResponse.checked(rawResp);
                            var q = {
                                mint: resp.mint,
                                reserve_pub: resp.reservePub,
                                amount_value: amount.value,
                                amount_fraction: amount.fraction,
                                amount_currency: amount.currency,
                            };
                            var url = URI(callback_url).addQuery(q);
                            if (!url.is("absolute")) {
                                throw Error("callback url is not absolute");
                            }
                            console.log("going to", url.href());
                            document.location.href = url.href();
                        }
                        else {
                            _this.reset();
                            _this.statusString = ("Oops, something went wrong." +
                                ("The wallet responded with error status (" + rawResp.error + ")."));
                        }
                    };
                    chrome.runtime.sendMessage({ type: 'create-reserve', detail: d }, cb);
                };
                Controller.prototype.onUrlChanged = function (url) {
                    this.reset();
                    this.url(url);
                    this.timer.bump();
                };
                return Controller;
            }());
        }
    }
});
//# sourceMappingURL=confirm-create-reserve.js.map