@financial-times/n-conversion-forms/dist/subscription-confirmation-with-payment-link.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.SubscriptionConfirmationWithPaymentLink = SubscriptionConfirmationWithPaymentLink;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function SubscriptionConfirmationWithPaymentLink(_ref) {
  var _ref$id = _ref.id,
    id = _ref$id === void 0 ? 'subscriptionConfirmationWithPaymentLink' : _ref$id,
    _ref$header = _ref.header,
    header = _ref$header === void 0 ? 'The subscription is now active' : _ref$header,
    body = _ref.body,
    paymentLink = _ref.paymentLink;
  return /*#__PURE__*/_react["default"].createElement("div", {
    id: id,
    className: "subscription-active-with-payment-link"
  }, header && /*#__PURE__*/_react["default"].createElement("div", {
    className: "subscription-active-with-payment-link__header"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "subscription-active-with-payment-link__icon-container"
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "subscription-active-with-payment-link__icon"
  })), /*#__PURE__*/_react["default"].createElement("h3", {
    className: "subscription-active-with-payment-link__title"
  }, header)), body && /*#__PURE__*/_react["default"].createElement("p", {
    className: "subscription-active-with-payment-link__description",
    dangerouslySetInnerHTML: {
      __html: body
    }
  }), paymentLink && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", {
    className: "subscription-active-with-payment-link__label"
  }, "Zuora Payment Link"), /*#__PURE__*/_react["default"].createElement("div", {
    className: "subscription-active-with-payment-link__payment-box"
  }, /*#__PURE__*/_react["default"].createElement("input", {
    type: "text",
    value: paymentLink,
    readOnly: true,
    className: "subscription-active-with-payment-link__input"
  }), /*#__PURE__*/_react["default"].createElement("button", {
    className: "subscription-active-with-payment-link__button o3-button o3-button--primary subscription-active-with-payment-link__button--ft-pink"
  }, "Copy"))));
}
SubscriptionConfirmationWithPaymentLink.propTypes = {
  id: _propTypes["default"].string,
  header: _propTypes["default"].string,
  body: _propTypes["default"].string,
  paymentLink: _propTypes["default"].string
};