"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = __importDefault(require("styled-components"));
var React = __importStar(require("react"));
var react_router_dom_1 = require("react-router-dom");
var icons_1 = require("../icons");
var styleConstants_1 = require("../styleConstants");
var utils_1 = require("@joincivil/utils");
// Signup/Connect wallet section
exports.TokenWelcomeHeaderText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "Hello, you\u2019re about to become a Civil member"),
    React.createElement("p", null, "Let\u2019s get you set up to use, buy or sell Civil tokens"))); };
exports.TokenBuySellHeaderText = function (props) { return React.createElement("h2", null, "Buy or Sell Civil Tokens"); };
exports.TokenConnectWalletText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Connect your cryptocurrency wallet"),
    React.createElement("p", null, "Use your wallet to safely store your cryptocurrencies like Ether (ETH) and Civil tokens (CVL)"))); };
exports.TokenConnectWalletCompletedText = function (props) { return (React.createElement("h3", null,
    React.createElement(icons_1.HollowGreenCheck, null),
    "Wallet Connected")); };
exports.TokenWalletAddressText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("span", null, "Public Address"),
    " ",
    React.createElement("a", { href: utils_1.urlConstants.FAQ_WHAT_IS_PUBLIC_WALLET_ADDRESS, target: "_blank" }, "What's this?"))); };
exports.TokenMustBuyEth = function (props) { return (React.createElement(React.Fragment, null,
    "To complete your membership contribution and receive Civil tokens (CVL), you must use Ether (ETH). Then you will be able to exchange ETH for CVL.",
    " ",
    React.createElement("a", { href: "https://blog.joincivil.com/how-to-purchase-eth-an-explainer-725bd90cfaaa", target: "_blank" }, "Learn how to buy ETH here."))); };
// TODO(jorgelo): Is this text okay?
exports.TokenConnectWalletBtnText = function (props) { return React.createElement(React.Fragment, null, "Connect your wallet"); };
// TODO(jorgelo): Find the real text here.
exports.TokenAuthText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Sign up or Log in to your Civil account"),
    React.createElement("p", null, "Create a Civil account with your email address or log in to your existing account."))); };
// TODO(jorgelo): Is this text okay?
exports.TokenAuthBtnText = function (props) { return React.createElement(React.Fragment, null, "Sign up or Log in"); };
// Tutorial section
exports.TokenVerifySectionText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Take the Civil Tutorial"),
    React.createElement("p", null, "Before you can use, buy or sell Civil tokens, you must complete a tutorial to ensure you understand how to use Civil tokens and how the Civil Registry works."))); };
exports.TokenQuizSectionText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Civil Tutorial"),
    React.createElement("p", null, "Complete a walkthrough and answer a series of questions about Civil and how to use Civil tokens (CVL). This is a standard procedure to help inform you of best practices with purchasing and using tokens."),
    React.createElement("p", null, "It will take about 30 minutes to complete if you're a novice. If at any point you answer incorrectly, don\u2019t worry. You will be able to answer the questions again."))); };
exports.TokenQuizBtnText = function (props) { return React.createElement(React.Fragment, null, "Start the Civil Tutorial"); };
exports.TokenQuizCompletedText = function (props) { return (React.createElement("h3", null,
    React.createElement(icons_1.HollowGreenCheck, null),
    "Civil Tutorial Completed")); };
// Buy section
exports.TokenBuyTextDisabled = function (props) { return (React.createElement("p", null, "Once you\u2019ve completed the Civil tutorial, you will be eligible to use, share or buy Civil tokens.")); };
exports.TokenBuyBtnDisabledText = function (props) { return React.createElement(React.Fragment, null, "Buy CVL"); };
exports.TokenBuyFoundationBtnText = function (props) { return (React.createElement(React.Fragment, null, "Buy CVL from Civil Media Company in Airswap")); };
exports.TokenBuyExchangeBtnText = function (props) { return React.createElement(React.Fragment, null, "Buy CVL on the open market in Airswap"); };
exports.TokenBuyText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        "To buy Civil tokens (CVL), you must have Ether (ETH). Then, you will be able to exchange ETH for CVL. If you don't have enough ETH, you can buy ETH on ",
        React.createElement("a", { href: "https://coinbase.com" }, "Coinbase"),
        " or",
        " ",
        React.createElement("a", { href: "https://gemini.com" }, "Gemini"),
        " or",
        " ",
        React.createElement("a", { href: "https://blog.joincivil.com/how-to-purchase-eth-an-explainer-725bd90cfaaa" }, "learn how"),
        ". Please note, if you are a first-time purchaser, it may take a few days to get ETH in your wallet."))); };
exports.TokenAirswapFoundationText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Contribute to the Civil Foundation"),
    React.createElement("p", null,
        "Buy Civil tokens from The Civil Media Company and 100% of net proceeds go to the Civil Foundation for supporting worthy journalism.",
        " ",
        React.createElement("a", { href: "https://medium.com/@kinsleyd/5e0ccdc918cc", target: "_blank" }, "Learn about our transparent pricing.")))); };
exports.TokenAirswapExchangeText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Buy Civil tokens on the open market"),
    React.createElement("p", null, "The Civil community can buy and sell Civil tokens between each other without a middle man, sometimes resulting in a lower price than offered by The Civil Media Company. Tokens bought on the open market perform the exact same utility as those purchased directly from The Civil Media Company, however none of the proceeds go to the Civil Foundation. Instead, the funds go to a third-party buyer."))); };
exports.TokenAirswapExchangeTermsOfSaleTextContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 12px;\n  font-size: 13px;\n  color: ", ";\n"], ["\n  margin-top: 12px;\n  font-size: 13px;\n  color: ", ";\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_2);
exports.TokenAirswapExchangeTermsOfSaleText = function (props) { return (React.createElement(exports.TokenAirswapExchangeTermsOfSaleTextContainer, null,
    "By clicking buy to purchase Civil tokens, you agree to the",
    " ",
    React.createElement("a", { href: "https://civil.co/terms-of-sale/", target: "_blank" }, "Terms of Sale."))); };
exports.TokenOrText = function (props) { return React.createElement("p", null, "or"); };
exports.TokenBuyCompleteText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Thanks for your purchase!"),
    React.createElement("p", null, "Your CVL will be deposited to your wallet address."),
    React.createElement("p", null,
        "Please check the",
        " ",
        React.createElement(react_router_dom_1.Link, { to: "/dashboard/tasks/transfer-voting-tokens", target: "_blank" }, "Dashboard"),
        " ",
        "to see your purchased CVL in the Available Balance.",
        React.createElement("br", null),
        "To learn how to add Civil tokens in your MetaMask wallet,",
        " ",
        React.createElement("a", { href: utils_1.urlConstants.FAQ_HOME, target: "_blank" },
            "go to our FAQ ",
            React.createElement(icons_1.NorthEastArrow, { color: styleConstants_1.colors.accent.CIVIL_BLUE }))))); };
// Sell section
exports.TokenSellInstructionsText = function (props) { return (React.createElement("p", null,
    "To sell Civil tokens (CVL), you must first exchange them for Ether (ETH). Then, you will be able to exchange ETH for USD or local currencies at an exchange like",
    " ",
    React.createElement("a", { href: "https://coinbase.com", target: "_blank" }, "Coinbase"),
    " ",
    "or",
    " ",
    React.createElement("a", { href: "https://gemini.com/", target: "_blank" }, "Gemini"))); };
exports.TokenSellAirswapText = function (props) { return React.createElement("h3", null, "Sell Civil tokens in Airswap"); };
exports.TokenUnlockSellText = function (props) { return (React.createElement("p", null, "You must unlock your tokens to remove the restrictions to sell. Once your tokens are unlocked, you will be eligible to sell them here.")); };
exports.TokenSellCompleteText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Your sell was successful! "),
    React.createElement("p", null, "Your ETH will be deposited to your wallet address."),
    React.createElement("p", null,
        "Please check the",
        " ",
        React.createElement(react_router_dom_1.Link, { to: "/dashboard/tasks/transfer-voting-tokens", target: "_blank" }, "Dashboard"),
        " ",
        "to see your CVL balance in the Available Balance. To learn how to sell ETH for USD,",
        " ",
        React.createElement("a", { href: utils_1.urlConstants.FAQ_HOME, target: "_blank" },
            "go to our FAQ ",
            React.createElement(icons_1.NorthEastArrow, { color: styleConstants_1.colors.accent.CIVIL_BLUE })),
        "."))); };
exports.TokenUnlockText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h4", null,
        React.createElement(icons_1.LockOpenIcon, null),
        "Unlock Tokens"),
    React.createElement("p", null, "All first-time token purchasers must unlock their tokens by participating in community votes and the general oversight of Civil. This is to prevent speculators from affecting the price of Civil tokens. Learn more in the FAQ below."),
    React.createElement("p", null,
        "Unlocking your tokens is straightforward, and you only have to do this once. Simply",
        " ",
        React.createElement("b", null, "transfer at least 50 percent of your purchased tokens into the voting balance"),
        ". And that\u2019s it."))); };
exports.TokenUnlockBtnText = function (props) { return React.createElement(React.Fragment, null, "Unlock My Tokens"); };
// FAQ section
exports.TokenETHFAQQuestion1Text = function (props) { return React.createElement("h3", null, "What is Ethereum, ETH and gas?"); };
exports.TokenETHFAQQuestion2Text = function (props) { return React.createElement("h3", null, "Why do I need ETH?"); };
exports.TokenETHFAQQuestion3Text = function (props) { return React.createElement("h3", null, "How do I buy ETH?"); };
exports.TokenETHFAQQuestion4Text = function (props) { return React.createElement("h3", null, "How long does it take to buy ETH?"); };
exports.TokenETHFAQQuestion5Text = function (props) { return React.createElement("h3", null, "What is Airswap?"); };
exports.TokenETHFAQQuestion6Text = function (props) { return (React.createElement("h3", null, "Why do I need to unlock my Civil tokens before I can sell them?")); };
exports.TokenDonateToCivilFoundationText = function () { return (React.createElement(React.Fragment, null,
    React.createElement("h3", null, "Donate to the Civil Foundation"),
    React.createElement("p", null, "Want to support this project, but don\u2019t want to buy Civil tokens? "))); };
exports.TokenETHFAQQuestion7Text = function (props) { return React.createElement("h3", null, "How do I unlock my tokens?"); };
exports.TokenQuestionsHeaderText = function (props) { return React.createElement("h3", null, "Ask Questions"); };
exports.TokenFAQText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        "For support inquiries, send email to ",
        React.createElement("a", { href: "mailto:" + ("" + utils_1.urlConstants.EMAIL_SUPPORT) }, utils_1.urlConstants.EMAIL_SUPPORT)),
    React.createElement("p", null,
        "Read our",
        " ",
        React.createElement("a", { href: utils_1.urlConstants.FAQ_HOME, target: "_blank" }, "Frequently Asked Questions (FAQ)"),
        " ",
        "for general help"))); };
exports.SellFeeNotice = function (props) { return (React.createElement("small", null, "A small transaction fee will be added for all sales. This fee does not go to the Civil Media Company. Learn more")); };
exports.ApproveNoticeText = function (_a) {
    var cvlToSell = _a.cvlToSell;
    return (React.createElement("span", null,
        "Almost there! You need to authorize the exchange to sell ",
        cvlToSell,
        " CVL on your behalf. After you approve you can complete the sale."));
};
var templateObject_1;
//# sourceMappingURL=TokensTextComponents.js.map