@financial-times/n-conversion-forms 31.0.1 → 31.0.3

package/dist/licence-confirmation.jsx

@@ -0,0 +1,67 @@
+"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),
+    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
+};

package/dist/licence-header.jsx

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LicenceHeader = LicenceHeader;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _licenceSignIn = require("./licence-sign-in");
+var _licenceTitle = require("./licence-title");
+function LicenceHeader(props) {
+  var _props$displayName = props.displayName,
+    displayName = _props$displayName === void 0 ? '' : _props$displayName,
+    _props$logoUrl = props.logoUrl,
+    logoUrl = _props$logoUrl === void 0 ? '' : _props$logoUrl,
+    _props$isTrial = props.isTrial,
+    isTrial = _props$isTrial === void 0 ? false : _props$isTrial,
+    _props$isB2cPartnersh = props.isB2cPartnershipLicence,
+    isB2cPartnershipLicence = _props$isB2cPartnersh === void 0 ? false : _props$isB2cPartnersh,
+    _props$welcomeText = props.welcomeText,
+    welcomeText = _props$welcomeText === void 0 ? '' : _props$welcomeText,
+    _props$url = props.url,
+    url = _props$url === void 0 ? '' : _props$url;
+  function createMarkup(text) {
+    return {
+      __html: text
+    };
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Boolean(logoUrl) && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "ncf__logo",
+    alt: "logo",
+    src: logoUrl
+  }), /*#__PURE__*/_react["default"].createElement(_licenceTitle.LicenceTitle, {
+    displayName: displayName,
+    isTrial: isTrial,
+    isB2cPartnershipLicence: isB2cPartnershipLicence
+  }), !isTrial && !isB2cPartnershipLicence && /*#__PURE__*/_react["default"].createElement(_licenceSignIn.LicenceSignIn, {
+    displayName: displayName,
+    url: url
+  }), welcomeText && /*#__PURE__*/_react["default"].createElement("p", {
+    dangerouslySetInnerHTML: createMarkup(welcomeText)
+  }));
+}
+LicenceHeader.propTypes = {
+  displayName: _propTypes["default"].string,
+  logoUrl: _propTypes["default"].string,
+  isTrial: _propTypes["default"].bool,
+  welcomeText: _propTypes["default"].string,
+  isB2cPartnershipLicence: _propTypes["default"].bool,
+  url: _propTypes["default"].string
+};

package/dist/licence-sign-in.jsx

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LicenceSignIn = LicenceSignIn;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function LicenceSignIn(_ref) {
+  var _ref$displayName = _ref.displayName,
+    displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__center"
+  }, renderSignInTitle(displayName), url !== '' && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
+    href: url,
+    className: "ncf__button--secondary ncf__button--mid-width"
+  }, "Sign in")));
+}
+function renderSignInTitle(displayName) {
+  var signInTitle;
+  if (displayName !== '') {
+    signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, "Have you already joined the "), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "ncf__bold-licence-text"
+    }, displayName), /*#__PURE__*/_react["default"].createElement("span", null, " account?"));
+  } else {
+    signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, "Already have a subscription?");
+  }
+  return signInTitle;
+}
+LicenceSignIn.propTypes = {
+  displayName: _propTypes["default"].string,
+  url: _propTypes["default"].string
+};

package/dist/licence-title.jsx

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LicenceTitle = LicenceTitle;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function LicenceTitle(_ref) {
+  var _ref$displayName = _ref.displayName,
+    displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
+    _ref$isTrial = _ref.isTrial,
+    isTrial = _ref$isTrial === void 0 ? false : _ref$isTrial,
+    _ref$isB2cPartnership = _ref.isB2cPartnershipLicence,
+    isB2cPartnershipLicence = _ref$isB2cPartnership === void 0 ? false : _ref$isB2cPartnership;
+  if (isB2cPartnershipLicence || isTrial) {
+    return /*#__PURE__*/_react["default"].createElement("h1", {
+      className: "ncf__header"
+    }, displayName || 'Welcome to the Financial Times');
+  }
+  {
+    return renderB2BTitle(displayName);
+  }
+}
+function renderB2BTitle(displayName) {
+  if (!displayName) {
+    return /*#__PURE__*/_react["default"].createElement("h1", {
+      className: "ncf__header"
+    }, "Join your FT.com subscription");
+  }
+  return /*#__PURE__*/_react["default"].createElement("h1", {
+    className: "ncf__header"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ncf__light-licence-text"
+  }, "Great news!", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ncf__bold-licence-text"
+  }, " ", displayName, " "), "has an", /*#__PURE__*/_react["default"].createElement("span", {
+    className: "ncf__bold-licence-text"
+  }, " FT subscription "), "you can join"));
+}
+LicenceTitle.propTypes = {
+  displayName: _propTypes["default"].string,
+  isTrial: _propTypes["default"].bool,
+  isB2cPartnershipLicence: _propTypes["default"].bool
+};

package/dist/lite-sub-confirmation.jsx

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LiteSubConfirmation = LiteSubConfirmation;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var EMAIL_DEFAULT_TEXT = 'your email';
+var PREMIUM_OFFER = 'P2';
+var isPremium = function isPremium(productCode) {
+  return productCode === PREMIUM_OFFER;
+};
+var DetailsMobileView = function DetailsMobileView(_ref) {
+  var details = _ref.details;
+  return /*#__PURE__*/_react["default"].createElement("dl", {
+    className: "ncf__list ncf__lite-sub__details ncf__lite-sub-confirmation--hidden-md ncf__lite-sub-confirmation--hidden-lg"
+  }, 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));
+  }));
+};
+function LiteSubConfirmation(_ref2) {
+  var _ref2$productCode = _ref2.productCode,
+    productCode = _ref2$productCode === void 0 ? '' : _ref2$productCode,
+    _ref2$offerName = _ref2.offerName,
+    offerName = _ref2$offerName === void 0 ? '' : _ref2$offerName,
+    _ref2$subscriptionAmo = _ref2.subscriptionAmount,
+    subscriptionAmount = _ref2$subscriptionAmo === void 0 ? '' : _ref2$subscriptionAmo,
+    _ref2$email = _ref2.email,
+    email = _ref2$email === void 0 ? EMAIL_DEFAULT_TEXT : _ref2$email,
+    _ref2$details = _ref2.details,
+    details = _ref2$details === void 0 ? [] : _ref2$details;
+  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 ncf__lite-sub-confirmation--hidden-sm"
+  }, 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));
+  })), /*#__PURE__*/_react["default"].createElement(DetailsMobileView, {
+    details: details
+  }));
+  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("p", {
+    className: "ncf__paragraph--reduced-padding ncf__paragraph--subscription-confirmation"
+  }, "You've been upgraded to:"), /*#__PURE__*/_react["default"].createElement("h1", {
+    className: "ncf__header ncf__header--confirmation"
+  }, isPremium(productCode) ? 'Premium Digital' : 'Standard Digital')), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__paragraph"
+  }, "Thank you for choosing to subscribe to ", /*#__PURE__*/_react["default"].createElement("strong", null, offerName), ". We are not quite ready to deliver this type of subscription, so we have upgraded you to a ", isPremium(productCode) ? 'Premium' : 'Digital', " 3 month subscription at no additional cost."), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__paragraph"
+  }, "For ", subscriptionAmount, " a month, here's what your subscription covers:"), /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "ncf__unordered-list"
+  }, /*#__PURE__*/_react["default"].createElement("li", null, "Access to stories from over 600 journalists in 50+ countries covering markets, politics, business, tech and more"), /*#__PURE__*/_react["default"].createElement("li", null, "FirstFT: a daily newsletter with the global stories you need to know"), /*#__PURE__*/_react["default"].createElement("li", null, "Share 10 articles per month with colleagues, family and friends")), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__paragraph"
+  }, "However, if you would like to cancel your subscription, please contact our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+    className: "ncf__link ncf__link--external",
+    href: "https://help.ft.com/contact/",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "customer care team"), ' ', "and they will arrange this for you."), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__center"
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/",
+    className: "ncf__button ncf__button--submit ncf__button--margin ncf__lite-sub-confirmation--lite-sub-cta"
+  }, "Go to FT.com")), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__paragraph"
+  }, "We've sent confirmation to ", email, ". Make sure you check your spam folder if you don\u2019t receive it."), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "ncf__paragraph"
+  }, "Here's a summary of your", ' ', isPremium(productCode) ? 'Premium Digital' : 'Standard Digital', ' ', "subscription:"), detailElements, /*#__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"
+  }, "Go to your", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+    className: "ncf__link ncf__link--external",
+    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:+18556852372",
+    className: "ncf__link ncf__link--external"
+  }, "+1 855 685 2372"), ". Or", ' ', /*#__PURE__*/_react["default"].createElement("a", {
+    className: "ncf__link ncf__link--external",
+    href: "https://help.ft.com/contact/",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "contact us"), ' ', "for additional support.")));
+}
+LiteSubConfirmation.propTypes = {
+  offerName: _propTypes["default"].string.isRequired,
+  subscriptionAmount: _propTypes["default"].string.isRequired,
+  productCode: _propTypes["default"].string,
+  email: _propTypes["default"].string,
+  details: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    title: _propTypes["default"].string.isRequired,
+    data: _propTypes["default"].string.isRequired
+  }))
+};

package/dist/loader.jsx

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loader = Loader;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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 Loader(_ref) {
+  var children = _ref.children,
+    showLoader = _ref.showLoader,
+    title = _ref.title,
+    inElement = _ref.inElement;
+  var label = title ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__loader__content__title",
+    id: "loader-aria-label"
+  }, title) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__hidden",
+    id: "loader-aria-label"
+  }, "Loading");
+  var className = (0, _classnames["default"])(['ncf__loader', {
+    'is-visible': showLoader
+  }, {
+    ncf__hidden: !showLoader
+  }, {
+    'ncf__loader--element': inElement
+  }]);
+  var props = _objectSpread({
+    className: className,
+    role: 'dialog',
+    'aria-labelledby': 'loader-aria-label',
+    'aria-describedby': 'loader-aria-description',
+    'aria-modal': true
+  }, showLoader && {
+    tabIndex: 1
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", props, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__loader__content"
+  }, label, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "ncf__loader__content__main",
+    id: "loader-aria-description"
+  }, children)));
+}
+Loader.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
+  showLoader: _propTypes["default"].bool,
+  title: _propTypes["default"].string,
+  inElement: _propTypes["default"].bool
+};

package/dist/message.jsx

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Message = Message;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function Message(_ref) {
+  var title = _ref.title,
+    message = _ref.message,
+    _ref$additional = _ref.additional,
+    additional = _ref$additional === void 0 ? [] : _ref$additional,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? null : _ref$actions,
+    name = _ref.name,
+    target = _ref.target,
+    isNotice = _ref.isNotice,
+    isError = _ref.isError,
+    isSuccess = _ref.isSuccess,
+    isInform = _ref.isInform,
+    isStaticMessage = _ref.isStaticMessage,
+    isHidden = _ref.isHidden;
+  var additionalMessages = additional.map(function (text, index) {
+    return /*#__PURE__*/_react["default"].createElement("p", {
+      className: "o-message__content--additional",
+      key: index,
+      dangerouslySetInnerHTML: {
+        __html: text
+      }
+    });
+  });
+  var oMessageClassNames = (0, _classnames["default"])({
+    'o-message': true,
+    'o-message--inner': !isStaticMessage,
+    'o-message--notice': isNotice && !isStaticMessage,
+    'o-message--alert': !isNotice && !isStaticMessage,
+    'o-message--error': isError,
+    'o-message--success': !isError && isSuccess,
+    'o-message--inform': !isError && !isSuccess && isInform,
+    'o-message--neutral': !isError && !isSuccess && !isInform
+  });
+  var ncfClassNames = (0, _classnames["default"])('ncf__message', {
+    ncf__hidden: isHidden
+  });
+  var callToActionsList = actions ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "o-message__actions"
+  }, actions.map(function (_ref2, index) {
+    var link = _ref2.link,
+      isSecondary = _ref2.isSecondary,
+      text = _ref2.text;
+    return /*#__PURE__*/_react["default"].createElement("a", {
+      href: link,
+      key: index,
+      target: target,
+      className: isSecondary ? 'o-message__actions__secondary' : 'o-message__actions__primary'
+    }, text);
+  })) : null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: ncfClassNames,
+    "data-message-name": name
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: oMessageClassNames,
+    "data-o-component": "o-message"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "o-message__container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "o-message__content"
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    className: "o-message__content-main"
+  }, title ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-message__content-highlight"
+  }, title) : null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-message__content-detail",
+    dangerouslySetInnerHTML: {
+      __html: message
+    }
+  })), additionalMessages, callToActionsList))));
+}
+var actionType = _propTypes["default"].shape({
+  link: _propTypes["default"].string.isRequired,
+  isSecondary: _propTypes["default"].bool,
+  text: _propTypes["default"].string,
+  target: _propTypes["default"].oneOf(['_self'])
+});
+Message.propTypes = {
+  title: _propTypes["default"].string,
+  message: _propTypes["default"].string.isRequired,
+  additional: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  actions: _propTypes["default"].arrayOf(actionType),
+  name: _propTypes["default"].string,
+  target: _propTypes["default"].string,
+  isStaticMessage: _propTypes["default"].bool,
+  isNotice: _propTypes["default"].bool,
+  isError: _propTypes["default"].bool,
+  isSuccess: _propTypes["default"].bool,
+  isInform: _propTypes["default"].bool,
+  isHidden: _propTypes["default"].bool
+};

package/dist/message.spec.jsx

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("./index");
+var _expectToRenderCorrectly = require("../test-jest/helpers/expect-to-render-correctly");
+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; }
+expect.extend(_expectToRenderCorrectly.expectToRenderCorrectly);
+var ACTION_MOCK = {
+  text: 'Listen on Spotify',
+  link: 'https://open.spotify.com/album/2EpuND32cO7CX0gXZl2NB6'
+};
+describe('Message', function () {
+  it('render a message', function () {
+    var props = {
+      message: 'My message in a bottle'
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render a title', function () {
+    var props = {
+      title: 'Reggatta de Blanc',
+      message: 'My message in a bottle'
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render additional information', function () {
+    var props = {
+      title: 'Reggatta de Blanc',
+      message: 'My message in a bottle',
+      additional: ['Sting', 'Steward Copeland', 'Andy Summers']
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render some actions as primary', function () {
+    var props = {
+      title: 'Reggatta de Blanc',
+      message: 'My message in a bottle',
+      actions: [ACTION_MOCK]
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render some actions as secondary', function () {
+    var props = {
+      title: 'Reggatta de Blanc',
+      message: 'My message in a bottle',
+      actions: [_objectSpread(_objectSpread({}, ACTION_MOCK), {}, {
+        isSecondary: true
+      })]
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render a message as a Notice', function () {
+    var props = {
+      message: 'My message in a bottle',
+      isNotice: true
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render a message as an Error', function () {
+    var props = {
+      message: 'My message in a bottle',
+      isError: true
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render a message as a Success', function () {
+    var props = {
+      message: 'My message in a bottle',
+      isSuccess: true
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can render a message as an Inform', function () {
+    var props = {
+      message: 'My message in a bottle',
+      isInform: true
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can add a data attribute name', function () {
+    var props = {
+      message: 'My message in a bottle',
+      name: 'The Police best album ever'
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+  it('can set the action link target of call to action buttons', function () {
+    var props = {
+      target: '_top',
+      actions: [ACTION_MOCK]
+    };
+    expect(_index.Message).toRenderCorrectly(props);
+  });
+});

package/dist/organisation.jsx

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Organisation = Organisation;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function Organisation(_ref) {
+  var _ref$dataTrackable = _ref.dataTrackable,
+    dataTrackable = _ref$dataTrackable === void 0 ? 'organization' : _ref$dataTrackable,
+    _ref$errorText = _ref.errorText,
+    errorText = _ref$errorText === void 0 ? 'Please enter your organisation' : _ref$errorText,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'organisationField' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'organisation' : _ref$inputId,
+    inputName = _ref.inputName,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Organisation' : _ref$label,
+    _ref$placeHolder = _ref.placeHolder,
+    placeHolder = _ref$placeHolder === void 0 ? 'Enter your organisation' : _ref$placeHolder,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value;
+  // Use inputId if inputName is not explicitly passed.
+  inputName = inputName || inputId;
+  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: "o-forms-field ncf__validation-error",
+    "data-validate": "required",
+    htmlFor: inputId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, label)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassNames
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    id: inputId,
+    name: inputName,
+    placeholder: placeHolder,
+    autoComplete: "organization",
+    "data-trackable": dataTrackable,
+    "aria-required": "true",
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, errorText)));
+}
+Organisation.propTypes = {
+  dataTrackable: _propTypes["default"].string,
+  errorText: _propTypes["default"].string,
+  fieldId: _propTypes["default"].string,
+  hasError: _propTypes["default"].bool,
+  inputId: _propTypes["default"].string,
+  inputName: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  placeHolder: _propTypes["default"].string,
+  value: _propTypes["default"].string
+};