@financial-times/n-conversion-forms/dist/b2c-partnership-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.B2CPartnershipConfirmation = B2CPartnershipConfirmation;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var productCodeMapping = {
  P1: 'Standard',
  P2: 'Premium',
  EP: 'Digital Edition'
};
function B2CPartnershipConfirmation(_ref) {
  var _ref$ctaElement = _ref.ctaElement,
    ctaElement = _ref$ctaElement === void 0 ? null : _ref$ctaElement,
    _ref$productCode = _ref.productCode,
    productCode = _ref$productCode === void 0 ? null : _ref$productCode;
  var readingLinkProps = {
    href: '/'
  };
  var customerCareProps = {
    href: 'https://help.ft.com/'
  };

  // Welcome to your Standard access
  // Welcome to your Premium access
  // Welcome to your Digital Edition access
  // Welcome to your FT access (default)
  var accessType = productCodeMapping[productCode === null || productCode === void 0 ? void 0 : productCode.toUpperCase()] || 'FT';
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf ncf__wrapper"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__center"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__icon ncf__icon--tick ncf__icon--large"
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__paragraph"
  }, /*#__PURE__*/_react["default"].createElement("h1", {
    className: "ncf__header ncf__header--confirmation"
  }, "Welcome to your ".concat(accessType, " access")))), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, "Please check your email to confirm your account and set your password."), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, "Explore the homepage & enjoy your unlimited access & exclusive content."), ctaElement || /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph ncf__center"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    className: "ncf__button o3-button o3-button--primary",
    href: "/myft"
  }, "Go to myFT")), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph ncf__center o3-type-body-base"
  }, /*#__PURE__*/_react["default"].createElement("a", readingLinkProps, "Start reading")), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__strong o3-type-body-base"
  }, "Can we help?"), "For any queries about your Premium subscription please", ' ', /*#__PURE__*/_react["default"].createElement("a", customerCareProps, "contact Customer Care"), "."));
}
B2CPartnershipConfirmation.propTypes = {
  ctaElement: _propTypes["default"].node,
  productCode: _propTypes["default"].string
};