"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;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
exports.TutorialIntroText = function (props) { return React.createElement("h2", null, "Choose a topic below to get started"); };
exports.TutorialTimeText = function (props) { return React.createElement(React.Fragment, null, "Approximately 10-15 minutes"); };
exports.TutorialSkipText = function (props) { return (React.createElement("p", null, "If you\u2019ve read the Civil Constitution and FAQ, skip to the quiz.")); };
exports.TutorialProgressText = function (props) { return (React.createElement(React.Fragment, null,
    "You have ",
    props.questions,
    " question",
    props.questions === 1 ? "" : "s",
    " left")); };
exports.Topic1Intro = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        React.createElement("b", null, "In this section, you\u2019ll learn")),
    React.createElement("p", null, "What is Civil, and what makes us different?"),
    React.createElement("p", null, "How does a Newsroom join the Civil network?"),
    React.createElement("p", null, "What are Civil tokens (CVL)?"),
    React.createElement("p", null, "What is the Civil Registry?"))); };
exports.Topic2Intro = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        React.createElement("b", null, "In this section, you\u2019ll learn")),
    React.createElement("p", null, "What is ETH and what is gas?"),
    React.createElement("p", null, "What are all the different token wallets?"),
    React.createElement("p", null, "What are Public and Private Keys for token wallets?"),
    React.createElement("p", null, "What is a recovery phrase (seed)?"))); };
exports.Topic3Intro = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null,
        React.createElement("b", null, "In this section, you\u2019ll learn")),
    React.createElement("p", null, "How are Civil tokens valued over time - do prices fluctuate?"),
    React.createElement("p", null, "What factors should you take into consideration when buying Civil tokens?"),
    React.createElement("p", null, "How much is safe to consider spending on Civil tokens?"))); };
exports.Topic1Tutorial1 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is Civil?"),
    React.createElement("p", null, "Civil is a community-operated journalism network based on transparency and trust. It is founded on the principle that a free press is essential to a fair and just society."),
    React.createElement("p", null, "Civil provides members with a direct say and influence in the project\u2019s operations and long-term evolution."))); };
exports.Topic1Tutorial2 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What makes Civil different?"),
    React.createElement("p", null, "The Civil network is owned and operated by news organizations and the public they serve. There\u2019s no corporate owner deciding who can and cannot publish on Civil. All major decisions on Civil occur transparently and by community vote."))); };
exports.Topic1Tutorial3 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "How does a Newsroom join Civil?"),
    React.createElement("h3", null, "Newsroom Application:"),
    React.createElement("ul", null,
        React.createElement("li", null, "Newsrooms must fill out an application outlining the Newsroom\u2019s mission and business model."),
        React.createElement("li", null, "Review and Sign the Civil Constitution which sets forth Civil\u2019s journalism standards."),
        React.createElement("li", null, "Deposit of US $1,000 worth of Civil tokens towards the Newsroom Application. This states the Newsroom\u2019s intent to the Civil community by staking this amount.")),
    React.createElement("h3", null, "Community Review:"),
    React.createElement("ul", null,
        React.createElement("li", null, "Any Civil member may challenge a newsroom based on perceived violation of the Civil Constitution by depositing US $1,000 worth of Civil tokens."),
        React.createElement("li", null, "This triggers a community vote whereby members may use their tokens to weigh in (1 token = 1 vote). The majority wins a community vote, and members who voted in the majority will earn a reward."),
        React.createElement("li", null, "Members may appeal a community decision to the Civil Council with another token deposit. The Civil Council's decision can be overturned by a 2/3rds vote of all members.")))); };
exports.Topic1Tutorial4 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What are Civil tokens (CVL)?"),
    React.createElement("p", null, "Civil tokens (CVL) enable the \"community-owned and operated\" Civil model to work. A token is a piece of software, it's not a physical coin. But it does have value and represents a piece of ownership in the network."),
    React.createElement("p", null, "For those that want to get more technical, CVL is a utility token based on the ERC20 protocol. It's a value stored in a decentralized database that's managed by Civil's smart contracts, which allows the Civil platform to interact with the Civil token. CVL is the software that bridges Civil with the Ethereum blockchain."))); };
exports.Topic1Tutorial5 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is the Civil Registry?"),
    React.createElement("p", null, "Civil Registry is the discovery and interaction hub where the public can find and support Civil newsrooms. This is also where our complete decentralized governance experience lives, allowing Civil members to vote and change the platform over time, even including proposing amendments to the Civil Constitution itself."))); };
exports.Topic2Tutorial1 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is ETH (Ether)?"),
    React.createElement("p", null, "Ether (ETH) is the cryptocurrency for the Ethereum blockchain, which Civil uses to enable its community ownership model. When you conduct transactions on the blockchain, you must pay for that distributed computing effort. Civil does not earn anything from these payments. Instead, they are paid to the global, decentralized network of miners that maintain the Ethereum blockchain."))); };
exports.Topic2Tutorial2 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What are Ethereum transaction fees or \u201CGas\u201D?"),
    React.createElement("p", null,
        "Ethereum transaction fees (commonly referred to as \u201Cgas\u201D) are the cost that you have to pay in order for your information to be added to the Ethereum blockchain. You will have to pay gas in Ether (ETH), which you can purchase via a cryptocurrency exchange such as",
        " ",
        React.createElement("a", { href: "https://www.coinbase.com/", target: "_blank" }, "Coinbase"),
        "."),
    React.createElement("p", null, "When sending a transaction, a gas limit is set. You are able to set the gas fee manually, but you must set this limit carefully, because if you set it too low and the transaction fails as a result, you will lose the Ether you spent in gas. Think about it like paying for postage to send a piece of mail or paying for shipping costs when delivering a package."),
    React.createElement("p", null, "On Civil, we will provide recommended gas amounts to make this process easier (like the post office recommending the right postage at time of shipment), but it\u2019s important you understand the mechanics involved."))); };
exports.Topic2Tutorial3 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a token wallet?"),
    React.createElement("p", null,
        "A token wallet is, as in the real world, a place where you can receive, send and store your money - in this case, cryptocurrency like Civil tokens and ETH. Unlike other digital products and information, though, only you and you alone can control your wallet. Not even The Civil Media Company can retrieve your tokens if they become lost.",
        " ",
        React.createElement("b", null, "This is what makes decentralized technologies so secure and strong for data privacy, but it\u2019s also why it\u2019s so important to learn how it all works.")),
    React.createElement("p", null, "Additionally, when using other Civil products (such as the Civil Publisher or Civil Registry), your wallet address also proves your identity on the blockchain. Among other things, this helps verify for readers the sources of stories on the Civil network."),
    React.createElement("p", null,
        "You\u2019ll need an Ethereum wallet-enabled browser such as",
        " ",
        React.createElement("a", { href: "https://www.google.com/chrome/", target: "_blank" }, "Chrome"),
        ",",
        " ",
        React.createElement("a", { href: "https://brave.com/", target: "_blank" }, "Brave"),
        " ",
        "or",
        " ",
        React.createElement("a", { href: "https://www.mozilla.org/en-US/firefox/", target: "_blank" }, "Firefox"),
        " ",
        "that supports wallets. We recommend using a",
        " ",
        React.createElement("a", { href: "https://metamask.io/", target: "_blank" }, "MetaMask"),
        " ",
        "wallet."))); };
exports.Topic2Tutorial4 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a hardware wallet or a \u2018cold wallet\u2019?"),
    React.createElement("p", null,
        "A hardware wallet is one of the most secure ways to store Civil tokens and other cryptocurrencies. A hardware wallet (also sometimes called a 'cold wallet') is a small device that plugs into your computer via USB. When not in use, a hardware wallet should be unplugged from your computer and stored somewhere secure. Among the most well-known hardware wallets is the brand",
        " ",
        React.createElement("a", { href: "https://trezor.io/", target: "_blank" }, "Trezor"),
        "."),
    React.createElement("p", null,
        React.createElement("i", null,
            React.createElement("b", null, "Note"),
            " that while it is the most secure, it can also be the most important to take good care of, because if you forget your passwords and your seed phrase, your funds will be irretrievably lost. Remember that the Civil Media Company does not store any of your wallet information.")))); };
exports.Topic2Tutorial5 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a software wallet or a \u2018hot wallet\u2019?"),
    React.createElement("p", null,
        "A software wallet describes any wallet that stores its cryptocurrency on an online exchange, as opposed to stored offsite. While having the wallet connected to the exchange makes it less likely you will lose your login information, the risk is higher that you could be hacked and your currency taken, as has been the case on some exchanges in the past.",
        " ",
        React.createElement("a", { href: "https://metamask.io/", target: "_blank" }, "MetaMask"),
        " ",
        "is a software wallet that we support and recommend."),
    React.createElement("p", null,
        "A hot wallet, refers to any wallet that you use for more frequent transactions (and could include a software online wallet connected to an exchange as described above). Best practices recommend storing larger quantities of currency in a separate",
        " ",
        React.createElement("a", { href: "https://cvlconsensys.zendesk.com/hc/en-us/articles/360016464892-What-is-a-hot-wallet-#", target: "_blank" }, "cold wallet"),
        " ",
        "(like a savings account) \u2014 and transferring smaller sums into a hot wallet for frequent transactions."),
    React.createElement("p", null,
        React.createElement("i", null,
            React.createElement("b", null, "Note"),
            " It\u2019s extremely common to have multiple wallets to manage your tokens. The same way you have a bank website, an ATM, a credit card, a checkbook and physical cash in your wallet \u2014 these are all different ways to access, withdraw, transfer, spend, receive and monitor funds. Token wallets are not dissimilar, and hardware wallets and software wallets have equal advantages and disadvantages in terms of accessibility, security, and liquidity that make one better than the other for certain tokens and portions of token holdings.")))); };
exports.Topic2Tutorial6 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a public wallet address?"),
    React.createElement("p", null, "This is the public identity that all instructions sent to the Ethereum blockchain and IPFS will be identified with. It typically begins with an 0x and is a string of unique numbers that looks something like this: 0xC2D7CF95645D12004210B78989035C7c9061d3F9"),
    React.createElement("p", null, "We use your public wallet address to sign, index and archive posts within the Civil Publisher, and to apply, challenge, vote and appeal within the Civil Registry. It\u2019s also where Civil tokens and ETH are sent to or from in order to transmit funds, pay for transactions, or earn rewards."))); };
exports.Topic2Tutorial7 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a private key?"),
    React.createElement("p", null,
        "Your private key gives you or anyone who has it direct access to your wallet. Be ",
        React.createElement("b", null, "extremely careful"),
        " with your private keys and the \u201Cseed phrases\u201D you might also be using in systems like MetaMask. Do not ever store them on a computer or email them anywhere, not even to yourself. If someone hacks into your wallet using your private key, they can take all of your funds and you cannot get them back."),
    React.createElement("p", null, "On a hardware wallet, your private key never leave the device. On a software wallet, your private key is stored on your computer or an online exchange and could potentially be revealed if they are hacked."),
    React.createElement("p", null,
        React.createElement("i", null,
            React.createElement("b", null, "Note"),
            " that many phishing campaigns ask for your private key, which would help them gain access to your accounts. The Civil Media Company will ",
            React.createElement("b", null, "never"),
            " ask you to share or use your private key. We ",
            React.createElement("b", null, "only"),
            " use and display your public wallet address. You should ",
            React.createElement("b", null, "never"),
            " share your private key with anyone.")))); };
exports.Topic2Tutorial8 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is a recovery phrase (seed phrase) and why is it important to secure it?"),
    React.createElement("p", null, "Any time a wallet is set up, users are provided with a unique recovery phrase or \u201Cseed\u201D composed of anywhere from 12\u201324 randomized words. Recovery seeds are considered the most important aspect of maintaining the safety of your cryptocurrencies. A recovery seed is your best friend when you lose your wallet, as it\u2019s the only way you can recover your funds. Many individuals skip writing down their recovery seed when setting up a wallet. Don\u2019t make this mistake."),
    React.createElement("p", null,
        "Similar to the private key, be",
        " ",
        React.createElement("b", null,
            React.createElement("i", null, "EXTREMELY CAREFUL")),
        " ",
        "with your seed phrase. Do not save it on a computer or email it anywhere, not even to yourself. Don\u2019t even type or save the recovery seed online. In short, do not save it in a digital format. Do write your seed phase down on paper and keep it in a safe, memorable place (two copies are best)."),
    React.createElement("p", null,
        React.createElement("i", null, "If you lose the private key of the wallet holding your tokens and don\u2019t have your seed phrase, you won\u2019t be able to recover your tokens.")))); };
exports.Topic3Tutorial1 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "How are Civil tokens valued over time - do prices fluctuate?"),
    React.createElement("p", null, "Civil tokens are a cryptocurrency \u2014 and just like any currency, they increase and decrease in value over time based on relevant market conditions. Typically, tokens fluctuate in price due to various factors including the total circulating supply of tokens, how many people are in the network, how often they use tokens, and how often tokens are bought and sold on the open market."),
    React.createElement("p", null, "Civil tokens are specifically designed to change in price over time based on the growth and health of the Civil network overall \u2014 the more high-quality newsrooms on Civil, the more demand for Civil tokens compared to a fixed (or even diminishing) supply of freely circulating tokens. While other tokens may be attractive to passive speculators, Civil tokens are meant to incentivize community participation in order to increase the usefulness of the Civil network overall for everyone."))); };
exports.Topic3Tutorial2 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What factors should you take into consideration when buying Civil tokens?"),
    React.createElement("p", null,
        React.createElement("b", null, "You should buy Civil tokens only because you wish to participate in our community-run project for journalism."),
        " ",
        "That said, like any financial decision, it is important to do your research before buying. Make sure you understand how the Civil token works, and how the mechanics may affect the price over time. It\u2019s also a good idea to",
        " ",
        React.createElement("a", { href: "https://civil.co/our-team/", target: "_blank" }, "learn more about the project team at Civil"),
        "."))); };
exports.Topic3Tutorial3 = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "How much is safe to consider spending on Civil tokens?"),
    React.createElement("p", null, "There are no guaranteed outcomes or guaranteed returns with Civil tokens. While the value of Civil tokens may increase over time, you also must be prepared to lose some or all of their value. Maintaining your financial stability is crucial. Don\u2019t buy more Civil tokens than you can afford to lose, and think carefully before you borrow against credit cards, bank loans or personal loans in order to buy Civil tokens. Please be aware that nobody (including but not limited to anyone associated with the Civil token, the Civil Network, or the Civil token sale) is agreeing or obligated to, or responsible for, creating any type of financial return for you in association with your purchase of Civil tokens."))); };
//# sourceMappingURL=TokenTutorialTextComponents.js.map