@financial-times/n-conversion-forms
Version:
Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).
67 lines (66 loc) • 4.4 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LicenceConfirmation = LicenceConfirmation;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function LicenceConfirmation(_ref) {
var _ref$isTrial = _ref.isTrial,
isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
_ref$isEmbedded = _ref.isEmbedded,
isEmbedded = _ref$isEmbedded === void 0 ? false : _ref$isEmbedded,
_ref$duration = _ref.duration,
duration = _ref$duration === void 0 ? null : _ref$duration,
_ref$isEducationalLic = _ref.isEducationalLicence,
isEducationalLicence = _ref$isEducationalLic === void 0 ? false : _ref$isEducationalLic,
_ref$contentId = _ref.contentId,
contentId = _ref$contentId === void 0 ? '' : _ref$contentId,
_ref$ctaElement = _ref.ctaElement,
ctaElement = _ref$ctaElement === void 0 ? null : _ref$ctaElement,
_ref$bodyContent = _ref.bodyContent,
bodyContent = _ref$bodyContent === void 0 ? null : _ref$bodyContent;
var readingLinkProps = _objectSpread({
href: contentId === '' ? '/' : "/content/".concat(contentId),
className: 'ncf__link'
}, isEmbedded && {
target: '_top'
});
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"
}, isTrial ? /*#__PURE__*/_react["default"].createElement("h1", {
className: "ncf__header ncf__header--confirmation"
}, "Your", duration ? " ".concat(duration) : '', " trial has started") : /*#__PURE__*/_react["default"].createElement("h1", {
className: "ncf__header ncf__header--confirmation"
}, "Great news, you have joined your", ' ', isEducationalLicence ? 'school' : 'company', " licence"))), bodyContent ? bodyContent : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", {
className: "ncf__paragraph"
}, "Go to myFT to personalise your feed & follow topics & articles of interest to you. Set this up now or later."), /*#__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 ncf__button--submit",
href: "/myft"
}, "Go to myFT")), /*#__PURE__*/_react["default"].createElement("p", {
className: "ncf__paragraph ncf__center"
}, /*#__PURE__*/_react["default"].createElement("a", readingLinkProps, "Go to homepage")));
}
LicenceConfirmation.propTypes = {
isTrial: _propTypes["default"].bool,
isEmbedded: _propTypes["default"].bool,
duration: _propTypes["default"].string,
isEducationalLicence: _propTypes["default"].bool,
contentId: _propTypes["default"].string,
ctaElement: _propTypes["default"].node,
bodyContent: _propTypes["default"].element
};