"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"));
var utils_1 = require("@joincivil/utils");
var elements_1 = require("@joincivil/elements");
var ClipLoader_1 = require("../ClipLoader");
var PaymentsStyledComponents_1 = require("./PaymentsStyledComponents");
exports.SendPaymentHdrText = function (props) { return React.createElement("h2", null, "Send a Boost"); };
exports.SendPaymentHdrEmbedText = function (props) { return (React.createElement("h2", null,
    "Send a Boost to ",
    props.newsroomName)); };
exports.PaymentToNewsroomsTipText = function (props) { return (React.createElement(React.Fragment, null, "Your Boost goes directly to the newsroom.")); };
exports.EnterCustomAmountText = function (props) { return React.createElement(React.Fragment, null, "Or enter a custom amount"); };
exports.PublicizeUserText = function (props) { return React.createElement(React.Fragment, null, "Hide my username from everyone but the newsroom"); };
exports.SelectPaymentAmountText = function (props) { return React.createElement(React.Fragment, null, "Select how much you would like to Boost"); };
exports.SelectPaymentMethodText = function (props) { return React.createElement(React.Fragment, null, "Select how you'd like to pay"); };
exports.ExpressPayText = function (props) { return React.createElement("label", null, "Express payment"); };
exports.PaymentInfoText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("span", null, "Payment Information"),
    "Boosts procceded are funded using Debit/Credit Cards or ETH. Civil does not collect any fees on Boosts.")); };
exports.PayWithCardText = function (props) { return React.createElement(React.Fragment, null, "Pay with Card"); };
exports.PayWithAppleText = function (props) { return React.createElement(React.Fragment, null, "Pay with Apple Pay"); };
exports.PayWithGoogleText = function (props) { return React.createElement(React.Fragment, null, "Pay with Google Pay"); };
exports.PaymentStripeNoticeText = function (props) { return (React.createElement(React.Fragment, null, "Proceeds of the Boost go directly to the newsroom minus Stripe processing fees. Refunds are not possible.")); };
exports.PayWithEthText = function (props) { return React.createElement(React.Fragment, null, "Pay with ETH"); };
exports.PaymentEthNoticeText = function (props) { return (React.createElement(React.Fragment, null, "There are small transaction fees added by the Ethereum network. Refunds are not possible.")); };
exports.PayWithCardMinimumText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentAdjustedNotice, null,
    React.createElement("p", null,
        React.createElement("span", null, "The Boost minimum for cards is $2.00."),
        "Boosts amount will be increased to $2.00 if you pay with a card. Select ETH for smaller amounts.",
        " ",
        React.createElement("a", { onClick: function () { return props.handleEditAmount(); } }, "You can edit your Boost"),
        " amount or continue."))); };
exports.PayWithCardMinimumAdjustedText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentAdjustedNotice, null,
    React.createElement("p", null,
        React.createElement("span", null, "The Boost minimum for cards is $2.00."),
        "Your new Boost amount will be increased to $2.00 when you complete your Boost. This is due to Credit Card processing fees. You can select ETH for smaller amounts."),
    React.createElement(PaymentsStyledComponents_1.PaymentAdjustedNoticeFtr, null,
        "Adjusted ",
        React.createElement("span", null, "$2.00")))); };
exports.PaymentUpdatedByEthText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentAdjustedNotice, null,
    React.createElement("p", null,
        React.createElement("span", null, "Your Boost amount was updated."),
        "Your new Boost amount will be ",
        props.etherToSpend,
        " ETH \u2248 $",
        props.usdToSpend,
        " when you complete your Boost."),
    React.createElement(PaymentsStyledComponents_1.PaymentAdjustedNoticeFtr, null,
        "Adjusted ",
        React.createElement("span", null,
            "$",
            props.usdToSpend)))); };
exports.PaymentEditText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentEdit, null,
    "Payment",
    React.createElement(PaymentsStyledComponents_1.PaymentGhostBtn, { onClick: props.handleEditPaymentType }, "Edit"))); };
exports.ConnectWalletWarningText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentWarning, { redText: true },
    React.createElement(elements_1.ErrorIcon, { height: 15, width: 15 }),
    " You need a digital wallet to continue.")); };
exports.EnoughETHInWalletText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentWarning, null,
    React.createElement(elements_1.HollowGreenCheck, { height: 15, width: 15 }),
    " You have enough ETH in your connected wallet.")); };
exports.NotEnoughETHInWalletText = function (props) { return (React.createElement(PaymentsStyledComponents_1.PaymentWarning, null,
    React.createElement(elements_1.ErrorIcon, { height: 15, width: 15 }),
    " You don't have enough ETH in your connected wallet. You can update your Boost or purchase more ETH in your wallet.")); };
exports.PaymentEmailConfirmationText = function (props) { return (React.createElement("p", null, "We\u2019ll be sending you a confirmation email of your completed transaction.")); };
exports.PaymentTermsText = function (props) { return (React.createElement(React.Fragment, null,
    "By sending a Boost, you agree to Civil\u2019s",
    " ",
    React.createElement("a", { href: utils_1.urlConstants.TERMS, target: "_blank" }, "Terms of Use"),
    " ",
    "and",
    " ",
    React.createElement("a", { href: utils_1.urlConstants.PRIVACY_POLICY, target: "_blank" }, "Privacy Policy"),
    ". Depending on your selection, your email may be visible to the newsroom.")); };
exports.PaymentInProgressText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("p", null, "Your wallet has popped up a new window. Confirm the transaction in your wallet to complete the payment."),
    React.createElement(ClipLoader_1.ClipLoader, null))); };
exports.PaymentSuccessText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "Boost payment successful!"),
    React.createElement("p", null, "Thank you for being a contributor."),
    React.createElement("p", null,
        props.newsroomName,
        " has received your Boost of $",
        props.usdToSpend,
        ". You\u2019ll receive an email with your Boost details."))); };
exports.PaymentErrorText = function (props) { return React.createElement(React.Fragment, null, "Your transaction failed. Please try again."); };
exports.WhyEthInfoText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "Why ETH?"),
    React.createElement("p", null, "100% of your ETH will go right into the newsroom\u2019s wallet. This way, the Newsroom gets your full support."),
    React.createElement("p", null, "You\u2019ll have to use Ethereum cryptocurrency (ETH) in a digital wallet like MetaMask in order to continue. Currently it\u2019s not possible to use other cryptocurrencies, dollars or other fiat currencies."),
    React.createElement("p", null, "There is a very small network transaction cost for sending Ethereum out of your wallet, usually it\u2019s a matter of a few cents. This cost goes to the Ethereum miners who perform the computational work for your content to be included on the Ethereum blockchain."))); };
exports.WhatIsEthInfoText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "What is ETH?"),
    React.createElement("p", null, "Ether (ETH) is the cryptocurrency for the Ethereum blockchain. You\u2019ll be paying in ETH to tip a newsroom."),
    React.createElement("p", null, "You can purchase or exchange for ETH using a cryptocurrency exchange such as Coinbase or Gemini and fund a digital wallet such as MetaMask. Don\u2019t worry, both Coinbase and Gemini are regulated and in compliance with all applicable laws in each jurisdiction in which they operate. Buying ETH with a debit or certain credit cards is instant, once your account is verified."),
    React.createElement("p", null, "Each transaction includes a small transaction cost, called gas, which is usually a few cents. These fees go to the Ethereum miners who perform the computational work for your content to be included on the Ethereum blockchain."))); };
exports.CanUseCVLInfoText = function (props) { return (React.createElement(React.Fragment, null,
    React.createElement("h2", null, "Can I use CVL to tip a newsroom?"),
    React.createElement("p", null, "Civil tokens (CVL) are intended as a governance token to be used on the Civil Registry. You can use them to participate in and contribute to Civil\u2019s community. Civil tokens unlock specific activities on the Civil platform, including launching a newsroom on the Registry, challenging and voting for/against Newsrooms for ethics violations or appealing the outcome of a community vote to the Civil Council."),
    React.createElement("p", null,
        React.createElement("a", { target: "_blank", href: utils_1.urlConstants.FAQ_CVL_TOKENS }, "Learn more about Civil tokens")))); };
//# sourceMappingURL=PaymentsTextComponents.js.map