@financial-times/n-conversion-forms/dist/ft-edit-registration-confirmation.jsx

Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FTEditRegistrationConfirmation = FTEditRegistrationConfirmation;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
/***
 * This component has been created for a trial feature for the FT Edit app to be used inside
 * next-subscribe. This can be removed after the trial. The trial is beginning May 2024, please
 * reach out to light-apps channel if we dont reach out first, as to when this can be deleted.
 */
var EMAIL_DEFAULT_TEXT = 'bob@gmail.com';
function FTEditRegistrationConfirmation(_ref) {
  var _ref$email = _ref.email,
    email = _ref$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref$email,
    _ref$articleUrl = _ref.articleUrl,
    articleUrl = _ref$articleUrl === void 0 ? '' : _ref$articleUrl,
    _ref$hubUrl = _ref.hubUrl,
    hubUrl = _ref$hubUrl === void 0 ? '/' : _ref$hubUrl;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__center ncf__margin"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__icon ncf__icon--tick ncf__icon--large"
  }), /*#__PURE__*/_react["default"].createElement("h1", {
    className: "ncf__header ncf__header--confirmation"
  }, "Success"), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf_confirmation--message"
  }, "Thank you for registering for FT Edit."), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__confirmation--message margin-top-x4 "
  }, "Enjoy 30 days of great journalism. We\u2019ve sent confirmation to", /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, email), "."))), /*#__PURE__*/_react["default"].createElement("a", {
    href: hubUrl,
    target: "_parent",
    className: " ncf__confirmation--finish ncf__button o3-button o3-button--primary",
    "data-trackable": "register-finish-head-to-ft-edit-hub"
  }, "Explore FT Edit"), articleUrl && /*#__PURE__*/_react["default"].createElement("a", {
    href: articleUrl,
    target: "_parent",
    className: " ncf__confirmation--finish-article-read ncf__button o3-button o3-button--secondary reduce-bottom-spacing",
    "data-trackable": "register-finish-head-to-article"
  }, "Continue reading"));
}
FTEditRegistrationConfirmation.propTypes = {
  email: _propTypes["default"].string,
  articleUrl: _propTypes["default"].string,
  hubUrl: _propTypes["default"].string
};