"use strict";
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;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var TokensStyledComponents_1 = require("./TokensStyledComponents");
var TokensTextComponents_1 = require("./TokensTextComponents");
var Collapsable_1 = require("../Collapsable");
var img_metamask_eth_amount_2x_png_1 = __importDefault(require("../images/img-metamask-eth-amount@2x.png"));
exports.UserTokenAccountFaq = function (props) {
    return (React.createElement(TokensStyledComponents_1.FlexColumnsPrimaryModule, null,
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion1Text, null), open: false },
                React.createElement(TokensStyledComponents_1.TokenFAQImg, null,
                    React.createElement("div", null,
                        React.createElement("p", null, "Ether (ETH) is the cryptocurrency for the Ethereum blockchain. Gas is the transaction cost of performing actions like adding content, or buying Civil tokens. Gas costs are variable. Like any currency, Ether (ETH) fluctuates in value with the market."),
                        React.createElement("p", null, "You will have to pay gas in Ether (ETH), which you can purchase via MetaMask and a cryptocurrency exchange such as Coinbase.")),
                    React.createElement("img", { src: img_metamask_eth_amount_2x_png_1.default })))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion2Text, null), open: false },
                React.createElement("p", null, "When you perform actions like buying or selling tokens, you need to pay the cost of that computing effort. That payment is calculated in gas. Think about it like paying for a stamp on an envelope or paying for the shipping costs of sending a package. Gas can only be paid for with ETH."),
                React.createElement("p", null, "ETH is used to also purchase Civil tokens (CVL) from an exchange or from Civil."))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion3Text, null), open: false },
                React.createElement("p", null,
                    "To complete your membership contribution and receive Civil tokens (CVL), you must buy Ether (ETH). Then you will be able to exchange ETH for CVL. Unfortunately at this time, you can\u2019t use USD or local currencies to directly buy Civil tokens. You must first convert local currencies into ETH using an exchange like Coinbase or Gemini. You will need to have your debit card or bank account details handy, as well as your passport to",
                    " ",
                    React.createElement("a", { href: "https://support.coinbase.com/customer/en/portal/articles/1220621-identity-verification?b_id=13521", target: "_blank" }, "verify your identity"),
                    "Don't worry, both Coinbase and Gemini are regulated and in compliance with all applicable laws in each jurisdiction in which they operate. Once you fund your token wallet via",
                    " ",
                    React.createElement("a", { href: "https://www.coinbase.com/signup", target: "_new" }, "Coinbase"),
                    " ",
                    "or",
                    " ",
                    React.createElement("a", { href: "https://exchange.gemini.com/register/check-location", target: "_blank" },
                        "Gemini",
                        " "),
                    " ",
                    "(), you can return to Civil where we will walk you through how to complete your membership contribution. We know this can be confusing. For more information, read this blog post or contact us at",
                    React.createElement("a", { href: "mailto:support@civil.co" }, "support@civil.co"),
                    "."))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion4Text, null), open: false },
                React.createElement("p", null, "If you purchase Ether (ETH) in Coinbase using your Bank Account, Coinbase uses a ACH (Automated Clearing House, which is governed by the Federal Reserve) bank transfer system for U.S. customers, and it can take 3-5 business days for funds to transfer from your bank."),
                React.createElement("p", null, "Buying ETH with a debit or certain credit cards is instant, once your account is verified on Coinbase."),
                React.createElement("p", null, "It can possibly take up 30 days with your first transaction for the Ether (ETH) to appear in your wallet."))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion5Text, null), open: false },
                React.createElement("p", null,
                    "AirSwap is a secure decentralized, peer-to-peer token trading network built on the Ethereum blockchain. It is an independent entity. Airswap does not charge any of its own fees on each trade. You only have to pay a Gas fee for each transaction on Ethereum. You can learn more about Airswap",
                    " ",
                    React.createElement("a", { href: "https://www.airswap.io/", target: "_blank" }, "here"),
                    "."),
                React.createElement("p", null, "You\u2019ll be able to purchase Civil tokens (CVL) using Ethereum (ETH) in Airswap. Airswap will open its own interface to allow you to use ETH to buy CVL. You will need to use a wallet such as Metamask to connect and buy those tokens. Since Airswap is based on a trading network, the prices of Civil tokens (CVL) are based on the current market rate and can fluctuate."))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion6Text, null), open: false },
                React.createElement("p", null, "We believe it is critical to ensure that only people who aim to advance Civil\u2019s mission should possess Civil tokens. Speculators have the ability to affect the price of Civil tokens, which decouples the value from the actual work being done by real participants in the network."),
                React.createElement("p", null, "In order to mitigate this, we restrict members from transferring tokens under certain conditions."),
                React.createElement("p", null, "What are the restrictions?"),
                React.createElement("ul", null,
                    React.createElement("li", null, "Anybody can receive tokens. There are only restrictions on SENDING tokens, but never on RECEIVING."),
                    React.createElement("li", null, "All token holders must complete the \u201CCivil Tutorial\u201D to use, send or sell their tokens. This ensures that you know how to safely use Civil tokens and that you will to use them for their intended purpose."),
                    React.createElement("li", null, "After you complete the tutorial, you may send Civil tokens to newsrooms on the Registry. However, until your account is unlocked, so you cannot sell or transfer Civil tokens to anyone else."),
                    React.createElement("li", null, "In order to unlock your tokens, you must transfer tokens into the voting contract on the Civil Registry, demonstrating your intent to be an active participant. More details on the unlocking process are provided below."),
                    React.createElement("li", null, "After your tokens are unlocked, you are allowed to freely transfer or sell your Civil tokens.")))),
        React.createElement(TokensStyledComponents_1.TokenFAQCollapse, null,
            React.createElement(Collapsable_1.Collapsable, { header: React.createElement(TokensTextComponents_1.TokenETHFAQQuestion7Text, null), open: false },
                React.createElement("p", null, "Unlocking your tokens enable you to send and sell them."),
                React.createElement("p", null, "To unlock your tokens, make sure you\u2019re first logged into your MetaMask account"),
                React.createElement("ul", null,
                    React.createElement("li", null,
                        "Navigate to your ",
                        React.createElement("b", null, "Dashboard"),
                        ", and then onto ",
                        React.createElement("b", null, "Tasks"),
                        ", and then to ",
                        React.createElement("b", null, "Transfer Tokens")),
                    React.createElement("li", null,
                        "Transfer at least 50% of your ",
                        React.createElement("b", null, "Available Balance"),
                        " tokens into the ",
                        React.createElement("b", null, "Voting Balance"),
                        " and click",
                        " ",
                        React.createElement("b", null, "Transfer")),
                    React.createElement("li", null,
                        React.createElement("b", null, "Don\u2019t worry they are still your tokens to use as you see fit."))),
                React.createElement("p", null, "That\u2019s it! Your tokens are now unlocked. And you only have to do this once.")))));
};
//# sourceMappingURL=TokensAccountFaq.js.map