UNPKG

@financial-times/n-conversion-forms

Version:

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

66 lines (65 loc) 4.21 kB
"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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } 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) }, 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 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, "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 };