@financial-times/n-conversion-forms/dist/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.Confirmation = Confirmation;
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; }
var EMAIL_DEFAULT_TEXT = 'your email';
function Confirmation(_ref) {
  var _ref$isTrial = _ref.isTrial,
    isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
    _ref$isB2cPartnership = _ref.isB2cPartnership,
    isB2cPartnership = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership,
    _ref$b2cPartnershipCo = _ref.b2cPartnershipCopy,
    b2cPartnershipCopy = _ref$b2cPartnershipCo === void 0 ? [] : _ref$b2cPartnershipCo,
    _ref$sendConfirmation = _ref.sendConfirmationEmail,
    sendConfirmationEmail = _ref$sendConfirmation === void 0 ? true : _ref$sendConfirmation,
    _ref$isAutoRenewingSu = _ref.isAutoRenewingSubscriptionTermType,
    isAutoRenewingSubscriptionTermType = _ref$isAutoRenewingSu === void 0 ? true : _ref$isAutoRenewingSu,
    _ref$isNonRenewingSub = _ref.isNonRenewingSubscriptionTermType,
    isNonRenewingSubscriptionTermType = _ref$isNonRenewingSub === void 0 ? false : _ref$isNonRenewingSub,
    _ref$offer = _ref.offer,
    offer = _ref$offer === void 0 ? '' : _ref$offer,
    _ref$email = _ref.email,
    email = _ref$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref$email,
    _ref$details = _ref.details,
    details = _ref$details === void 0 ? null : _ref$details,
    _ref$directDebitManda = _ref.directDebitMandateUrl,
    directDebitMandateUrl = _ref$directDebitManda === void 0 ? null : _ref$directDebitManda,
    _ref$nextActionTop = _ref.nextActionTop,
    nextActionTop = _ref$nextActionTop === void 0 ? null : _ref$nextActionTop,
    _ref$nextActionBottom = _ref.nextActionBottom,
    nextActionBottom = _ref$nextActionBottom === void 0 ? null : _ref$nextActionBottom,
    _ref$newsletterSchedu = _ref.newsletterScheduleExplainer,
    newsletterScheduleExplainer = _ref$newsletterSchedu === void 0 ? null : _ref$newsletterSchedu;
  var containerDivProps = _objectSpread({
    className: 'ncf ncf__wrapper'
  }, isTrial && {
    'data-signup-is-trial': 'true'
  });
  var isB2cPartnershipCopyAvailable = isB2cPartnership && b2cPartnershipCopy.length > 0;
  var detailElements = details && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h2", {
    className: "ncf__header2--afterline"
  }, "Your billing details"), /*#__PURE__*/_react["default"].createElement("dl", {
    className: "ncf__list"
  }, details.map(function (detail, index) {
    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
      key: index
    }, /*#__PURE__*/_react["default"].createElement("dt", {
      className: "ncf__list-title"
    }, detail.title), /*#__PURE__*/_react["default"].createElement("dd", {
      className: "ncf__list-data"
    }, detail.data), detail.description && /*#__PURE__*/_react["default"].createElement("dd", {
      className: "ncf__list-description"
    }, detail.description));
  })));
  var directDebitMandateUrlElement = directDebitMandateUrl && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph--reduced-padding"
  }, "Download your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
    href: directDebitMandateUrl,
    "data-trackable": "dd-mandate-link",
    id: "encryptedMandateLink"
  }, "direct debit mandate"), /*#__PURE__*/_react["default"].createElement("i", {
    className: "ncf__icon--download"
  })));
  return /*#__PURE__*/_react["default"].createElement("div", containerDivProps, /*#__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("p", {
    className: "ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation"
  }, isAutoRenewingSubscriptionTermType && 'You are now subscribed to:', isNonRenewingSubscriptionTermType && 'Your purchase is complete for:'), /*#__PURE__*/_react["default"].createElement("h1", {
    className: "ncf__header ncf__header--confirmation"
  }, offer)), nextActionTop, sendConfirmationEmail && !isB2cPartnershipCopyAvailable && /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, "We\u2019ve sent confirmation to ", email, ". Make sure you check your spam folder if you don\u2019t receive it."), isB2cPartnershipCopyAvailable ? /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, b2cPartnershipCopy[0], /*#__PURE__*/_react["default"].createElement("span", {
    className: "ncf__legend"
  }, " ".concat(email, ". ")), b2cPartnershipCopy[1]) : '', newsletterScheduleExplainer, /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph"
  }, "Here\u2019s a summary of your ", offer, ' ', isAutoRenewingSubscriptionTermType && 'subscription', isNonRenewingSubscriptionTermType && 'purchase', ":"), detailElements, directDebitMandateUrlElement, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__headed-paragraph"
  }, /*#__PURE__*/_react["default"].createElement("h3", {
    className: "ncf__header"
  }, "Something not right?"), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph o3-type-body-base"
  }, "Go to your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
    href: "https://www.ft.com/myaccount/personal-details",
    target: "_blank",
    rel: "noopener noreferrer",
    "data-trackable": "yourAccount"
  }, "account settings"), ' ', "to view or edit your account. If you need to get in touch call us on", ' ', /*#__PURE__*/_react["default"].createElement("a", {
    href: "tel:+442077556248"
  }, "+44 (0) 207 755 6248"), ". Or contact us for additional support.")), isAutoRenewingSubscriptionTermType && /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__paragraph o3-type-body-base"
  }, "We will automatically renew your subscription using the payment method provided unless you cancel before your renewal date. See our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
    href: "http://help.ft.com/help/legal-privacy/terms-conditions/",
    target: "_top",
    rel: "noopener"
  }, "Terms & Conditions"), ' ', "for details on how to cancel."), nextActionBottom);
}
Confirmation.propTypes = {
  isTrial: _propTypes["default"].bool,
  isB2cPartnership: _propTypes["default"].bool,
  b2cPartnershipCopy: _propTypes["default"].array,
  sendConfirmationEmail: _propTypes["default"].bool,
  isAutoRenewingSubscriptionTermType: _propTypes["default"].bool,
  isNonRenewingSubscriptionTermType: _propTypes["default"].bool,
  offer: _propTypes["default"].string.isRequired,
  email: _propTypes["default"].string,
  details: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    title: _propTypes["default"].string.isRequired,
    data: _propTypes["default"].string.isRequired,
    description: _propTypes["default"].string
  })),
  directDebitMandateUrl: _propTypes["default"].string,
  nextActionTop: _propTypes["default"].node,
  nextActionBottom: _propTypes["default"].node,
  newsletterScheduleExplainer: _propTypes["default"].node
};