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

package/dist/index.jsx

@@ -0,0 +1,432 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AcceptTerms", {
+  enumerable: true,
+  get: function get() {
+    return _acceptTerms.AcceptTerms;
+  }
+});
+Object.defineProperty(exports, "AcceptTermsBusiness", {
+  enumerable: true,
+  get: function get() {
+    return _acceptTermsBusiness.AcceptTermsBusiness;
+  }
+});
+Object.defineProperty(exports, "AcceptTermsPrivacyPolicy", {
+  enumerable: true,
+  get: function get() {
+    return _acceptTermsPrivacyPolicy.AcceptTermsPrivacyPolicy;
+  }
+});
+Object.defineProperty(exports, "AcceptTermsSubscription", {
+  enumerable: true,
+  get: function get() {
+    return _acceptTermsSubscription.AcceptTermsSubscription;
+  }
+});
+Object.defineProperty(exports, "AppBanner", {
+  enumerable: true,
+  get: function get() {
+    return _appBanner.AppBanner;
+  }
+});
+Object.defineProperty(exports, "B2CPartnershipConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _b2cPartnershipConfirmation.B2CPartnershipConfirmation;
+  }
+});
+Object.defineProperty(exports, "BillingCity", {
+  enumerable: true,
+  get: function get() {
+    return _billingCity.BillingCity;
+  }
+});
+Object.defineProperty(exports, "BillingCountry", {
+  enumerable: true,
+  get: function get() {
+    return _billingCountry.BillingCountry;
+  }
+});
+Object.defineProperty(exports, "BillingPostcode", {
+  enumerable: true,
+  get: function get() {
+    return _billingPostcode.BillingPostcode;
+  }
+});
+Object.defineProperty(exports, "CompanyName", {
+  enumerable: true,
+  get: function get() {
+    return _companyName.CompanyName;
+  }
+});
+Object.defineProperty(exports, "Confirmation", {
+  enumerable: true,
+  get: function get() {
+    return _confirmation.Confirmation;
+  }
+});
+Object.defineProperty(exports, "ContinueReading", {
+  enumerable: true,
+  get: function get() {
+    return _continueReading.ContinueReading;
+  }
+});
+Object.defineProperty(exports, "Country", {
+  enumerable: true,
+  get: function get() {
+    return _country.Country;
+  }
+});
+Object.defineProperty(exports, "CustomerCare", {
+  enumerable: true,
+  get: function get() {
+    return _customerCare.CustomerCare;
+  }
+});
+Object.defineProperty(exports, "Debug", {
+  enumerable: true,
+  get: function get() {
+    return _debug.Debug;
+  }
+});
+Object.defineProperty(exports, "DecisionMaker", {
+  enumerable: true,
+  get: function get() {
+    return _decisionMaker.DecisionMaker;
+  }
+});
+Object.defineProperty(exports, "DeferredBillingTerms", {
+  enumerable: true,
+  get: function get() {
+    return _deferredBillingTerms.DeferredBillingTerms;
+  }
+});
+Object.defineProperty(exports, "DeliveryAddress", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryAddress.DeliveryAddress;
+  }
+});
+Object.defineProperty(exports, "DeliveryAddressType", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryAddressType.DeliveryAddressType;
+  }
+});
+Object.defineProperty(exports, "DeliveryCity", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryCity.DeliveryCity;
+  }
+});
+Object.defineProperty(exports, "DeliveryCounty", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryCounty.DeliveryCounty;
+  }
+});
+Object.defineProperty(exports, "DeliveryInstructions", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryInstructions.DeliveryInstructions;
+  }
+});
+Object.defineProperty(exports, "DeliveryOption", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryOption.DeliveryOption;
+  }
+});
+Object.defineProperty(exports, "DeliveryPOBox", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryPoBox.DeliveryPOBox;
+  }
+});
+Object.defineProperty(exports, "DeliveryPostcode", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryPostcode.DeliveryPostcode;
+  }
+});
+Object.defineProperty(exports, "DeliverySecurityInstructions", {
+  enumerable: true,
+  get: function get() {
+    return _deliverySecurityInstructions.DeliverySecurityInstructions;
+  }
+});
+Object.defineProperty(exports, "DeliveryStartDate", {
+  enumerable: true,
+  get: function get() {
+    return _deliveryStartDate.DeliveryStartDate;
+  }
+});
+Object.defineProperty(exports, "EducationJobTitle", {
+  enumerable: true,
+  get: function get() {
+    return _educationJobTitle.EducationJobTitle;
+  }
+});
+Object.defineProperty(exports, "Email", {
+  enumerable: true,
+  get: function get() {
+    return _email.Email;
+  }
+});
+Object.defineProperty(exports, "ErrorPage", {
+  enumerable: true,
+  get: function get() {
+    return _errorPage.ErrorPage;
+  }
+});
+Object.defineProperty(exports, "Fieldset", {
+  enumerable: true,
+  get: function get() {
+    return _fieldset.Fieldset;
+  }
+});
+Object.defineProperty(exports, "FirstName", {
+  enumerable: true,
+  get: function get() {
+    return _firstName.FirstName;
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _form.Form;
+  }
+});
+Object.defineProperty(exports, "GoogleSignIn", {
+  enumerable: true,
+  get: function get() {
+    return _googleSignIn.GoogleSignIn;
+  }
+});
+Object.defineProperty(exports, "GraduationDate", {
+  enumerable: true,
+  get: function get() {
+    return _graduationDate.GraduationDate;
+  }
+});
+Object.defineProperty(exports, "Industry", {
+  enumerable: true,
+  get: function get() {
+    return _industry.Industry;
+  }
+});
+Object.defineProperty(exports, "JobTitle", {
+  enumerable: true,
+  get: function get() {
+    return _jobTitle.JobTitle;
+  }
+});
+Object.defineProperty(exports, "LastName", {
+  enumerable: true,
+  get: function get() {
+    return _lastName.LastName;
+  }
+});
+Object.defineProperty(exports, "LicenceConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _licenceConfirmation.LicenceConfirmation;
+  }
+});
+Object.defineProperty(exports, "LicenceHeader", {
+  enumerable: true,
+  get: function get() {
+    return _licenceHeader.LicenceHeader;
+  }
+});
+Object.defineProperty(exports, "LiteSubConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _liteSubConfirmation.LiteSubConfirmation;
+  }
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function get() {
+    return _loader.Loader;
+  }
+});
+Object.defineProperty(exports, "Message", {
+  enumerable: true,
+  get: function get() {
+    return _message.Message;
+  }
+});
+Object.defineProperty(exports, "Organisation", {
+  enumerable: true,
+  get: function get() {
+    return _organisation.Organisation;
+  }
+});
+Object.defineProperty(exports, "PackageChange", {
+  enumerable: true,
+  get: function get() {
+    return _packageChange.PackageChange;
+  }
+});
+Object.defineProperty(exports, "Password", {
+  enumerable: true,
+  get: function get() {
+    return _password.Password;
+  }
+});
+Object.defineProperty(exports, "PaymentTerm", {
+  enumerable: true,
+  get: function get() {
+    return _paymentTerm.PaymentTerm;
+  }
+});
+Object.defineProperty(exports, "PaymentType", {
+  enumerable: true,
+  get: function get() {
+    return _paymentType.PaymentType;
+  }
+});
+Object.defineProperty(exports, "PersonalTitle", {
+  enumerable: true,
+  get: function get() {
+    return _personalTitle.PersonalTitle;
+  }
+});
+Object.defineProperty(exports, "Phone", {
+  enumerable: true,
+  get: function get() {
+    return _phone.Phone;
+  }
+});
+Object.defineProperty(exports, "Position", {
+  enumerable: true,
+  get: function get() {
+    return _position.Position;
+  }
+});
+Object.defineProperty(exports, "ProgressIndicator", {
+  enumerable: true,
+  get: function get() {
+    return _progressIndicator.ProgressIndicator;
+  }
+});
+Object.defineProperty(exports, "Province", {
+  enumerable: true,
+  get: function get() {
+    return _province.Province;
+  }
+});
+Object.defineProperty(exports, "RegistrationConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _registrationConfirmation.RegistrationConfirmation;
+  }
+});
+Object.defineProperty(exports, "Responsibility", {
+  enumerable: true,
+  get: function get() {
+    return _responsibility.Responsibility;
+  }
+});
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function get() {
+    return _section.Section;
+  }
+});
+Object.defineProperty(exports, "SevenDayPassExperimentConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _sevenDayPassExperimentConfirmation.SevenDayPassExperimentConfirmation;
+  }
+});
+Object.defineProperty(exports, "State", {
+  enumerable: true,
+  get: function get() {
+    return _state.State;
+  }
+});
+Object.defineProperty(exports, "Submit", {
+  enumerable: true,
+  get: function get() {
+    return _submit.Submit;
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function get() {
+    return _textInput.TextInput;
+  }
+});
+Object.defineProperty(exports, "TrialBanner", {
+  enumerable: true,
+  get: function get() {
+    return _trialBanner.TrialBanner;
+  }
+});
+var _acceptTerms = require("./accept-terms");
+var _acceptTermsPrivacyPolicy = require("./accept-terms-privacy-policy");
+var _acceptTermsSubscription = require("./accept-terms-subscription");
+var _acceptTermsBusiness = require("./accept-terms-business");
+var _appBanner = require("./app-banner");
+var _billingCity = require("./billing-city");
+var _billingCountry = require("./billing-country");
+var _billingPostcode = require("./billing-postcode");
+var _b2cPartnershipConfirmation = require("./b2c-partnership-confirmation");
+var _companyName = require("./company-name");
+var _confirmation = require("./confirmation");
+var _continueReading = require("./continue-reading");
+var _country = require("./country");
+var _customerCare = require("./customer-care");
+var _debug = require("./debug");
+var _decisionMaker = require("./decision-maker");
+var _deliveryAddressType = require("./delivery-address-type");
+var _deliveryAddress = require("./delivery-address");
+var _deliveryCity = require("./delivery-city");
+var _deliveryCounty = require("./delivery-county");
+var _deliveryInstructions = require("./delivery-instructions");
+var _deliveryOption = require("./delivery-option");
+var _deliveryPostcode = require("./delivery-postcode");
+var _deliverySecurityInstructions = require("./delivery-security-instructions");
+var _deliveryStartDate = require("./delivery-start-date");
+var _deliveryPoBox = require("./delivery-po-box");
+var _email = require("./email");
+var _errorPage = require("./error-page");
+var _fieldset = require("./fieldset");
+var _firstName = require("./first-name");
+var _form = require("./form");
+var _industry = require("./industry");
+var _jobTitle = require("./job-title");
+var _personalTitle = require("./personal-title");
+var _lastName = require("./last-name");
+var _licenceConfirmation = require("./licence-confirmation");
+var _licenceHeader = require("./licence-header");
+var _loader = require("./loader");
+var _message = require("./message");
+var _organisation = require("./organisation");
+var _packageChange = require("./package-change");
+var _password = require("./password");
+var _paymentTerm = require("./payment-term");
+var _paymentType = require("./payment-type");
+var _phone = require("./phone");
+var _position = require("./position");
+var _progressIndicator = require("./progress-indicator");
+var _province = require("./province");
+var _registrationConfirmation = require("./registration-confirmation");
+var _responsibility = require("./responsibility");
+var _section = require("./section");
+var _sevenDayPassExperimentConfirmation = require("./seven-day-pass-experiment-confirmation");
+var _state = require("./state");
+var _submit = require("./submit");
+var _trialBanner = require("./trial-banner");
+var _educationJobTitle = require("./education-job-title");
+var _graduationDate = require("./graduation-date");
+var _liteSubConfirmation = require("./lite-sub-confirmation");
+var _googleSignIn = require("./google-sign-in");
+var _textInput = require("./text-input");
+var _deferredBillingTerms = require("./deferred-billing-terms");

package/dist/industry.jsx

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Industry = Industry;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _nCommonStaticData = require("n-common-static-data");
+var defaultOptions = _nCommonStaticData.demographics.industries.industries;
+function Industry(_ref) {
+  var value = _ref.value,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'industryField' : _ref$fieldId,
+    _ref$selectId = _ref.selectId,
+    selectId = _ref$selectId === void 0 ? 'industry' : _ref$selectId,
+    _ref$selectName = _ref.selectName,
+    selectName = _ref$selectName === void 0 ? 'industry' : _ref$selectName,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? defaultOptions : _ref$options,
+    _ref$fieldLabel = _ref.fieldLabel,
+    fieldLabel = _ref$fieldLabel === void 0 ? 'In which industry do you work?' : _ref$fieldLabel,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
+  var inpiutWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var fieldTitleClassName = (0, _classnames["default"])(['o-forms-title', {
+    'o-forms-field--optional': !isRequired
+  }]);
+  return /*#__PURE__*/_react["default"].createElement("label", {
+    id: fieldId,
+    className: "o-forms-field ncf__validation-error",
+    htmlFor: selectId
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: fieldTitleClassName
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, fieldLabel)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inpiutWrapperClassName
+  }, /*#__PURE__*/_react["default"].createElement("select", {
+    id: selectId,
+    name: selectName,
+    "data-trackable": "industry",
+    "aria-required": isRequired,
+    required: isRequired,
+    disabled: isDisabled,
+    defaultValue: value
+  }, /*#__PURE__*/_react["default"].createElement("option", {
+    value: ""
+  }, "Please select an industry"), options.map(function (_ref2) {
+    var code = _ref2.code,
+      description = _ref2.description;
+    return /*#__PURE__*/_react["default"].createElement("option", {
+      key: code,
+      value: code
+    }, description);
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, "Please select your company\u2019s industry")));
+}
+Industry.propTypes = {
+  value: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  hasError: _propTypes["default"].bool,
+  fieldId: _propTypes["default"].string,
+  selectId: _propTypes["default"].string,
+  selectName: _propTypes["default"].string,
+  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    code: _propTypes["default"].string,
+    description: _propTypes["default"].string
+  })),
+  fieldLabel: _propTypes["default"].string,
+  isRequired: _propTypes["default"].bool
+};

package/dist/job-title.jsx

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JobTitle = JobTitle;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function JobTitle(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'jobTitleField' : _ref$fieldId,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'jobTitle' : _ref$inputId,
+    _ref$inputName = _ref.inputName,
+    inputName = _ref$inputName === void 0 ? 'jobTitle' : _ref$inputName,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
+  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
+    'o-forms-input--invalid': hasError
+  }]);
+  var fieldTitleClassName = (0, _classnames["default"])(['o-forms-title', {
+    'o-forms-field--optional': !isRequired
+  }]);
+  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: fieldTitleClassName
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-title__main"
+  }, "Job title")), /*#__PURE__*/_react["default"].createElement("span", {
+    className: inputWrapperClassName
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
+    id: inputId,
+    name: inputName,
+    placeholder: "Enter your job title",
+    autoComplete: "organization-title",
+    "data-trackable": "job-title",
+    "aria-required": isRequired,
+    required: isRequired,
+    disabled: isDisabled,
+    defaultValue: value
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, "Please enter your job title.")));
+}
+JobTitle.propTypes = {
+  value: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  hasError: _propTypes["default"].bool,
+  fieldId: _propTypes["default"].string,
+  inputId: _propTypes["default"].string,
+  inputName: _propTypes["default"].string
+};

package/dist/last-name.jsx

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LastName = LastName;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function LastName(_ref) {
+  var _ref$dataTrackable = _ref.dataTrackable,
+    dataTrackable = _ref$dataTrackable === void 0 ? 'field-lastname' : _ref$dataTrackable,
+    _ref$errorText = _ref.errorText,
+    errorText = _ref$errorText === void 0 ? 'Please enter your last name' : _ref$errorText,
+    _ref$fieldId = _ref.fieldId,
+    fieldId = _ref$fieldId === void 0 ? 'lastNameField' : _ref$fieldId,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    _ref$inputId = _ref.inputId,
+    inputId = _ref$inputId === void 0 ? 'lastName' : _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 ? 'Last name' : _ref$label,
+    _ref$placeHolder = _ref.placeHolder,
+    placeHolder = _ref$placeHolder === void 0 ? 'Enter your last name' : _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: "family-name",
+    "data-trackable": dataTrackable,
+    "aria-required": "true",
+    required: true,
+    disabled: isDisabled,
+    defaultValue: value
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "o-forms-input__error"
+  }, errorText)));
+}
+LastName.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
+};