@financial-times/n-conversion-forms 30.1.0 → 31.0.0

package/dist/delivery-city.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryCity = DeliveryCity;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _supportedCountries = require("../helpers/supportedCountries");
-function DeliveryCity(_ref) {
-  var _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$country = _ref.country,
-    country = _ref$country === void 0 ? 'GBR' : _ref$country;
-  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var inputPlaceholder = {
-    GBR: 'e.g. Bath',
-    USA: 'e.g. Los Angeles',
-    CAN: 'e.g. Montreal',
-    ARE: 'e.g. Dubai'
-  };
-  var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
-  var labelMapping = {
-    ARE: 'Emirate or City',
-    APAC: 'City/Prefecture',
-    DEFAULT: 'City'
-  };
-  var inputLabel = labelMapping[FTShippingZone] ? labelMapping[FTShippingZone] : labelMapping['DEFAULT'];
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: "deliveryCityField",
-    className: "o-forms-field ncf__validation-error",
-    "data-validate": "required",
-    htmlFor: "deliveryCity"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, inputLabel)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassName
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryCity",
-    name: "deliveryCity",
-    "data-trackable": "field-deliveryCity",
-    autoComplete: "address-level2",
-    placeholder: inputPlaceholder[country] || '',
-    maxLength: 40,
-    "aria-required": "true",
-    required: true,
-    disabled: isDisabled,
-    defaultValue: value
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__error"
-  }, "Please enter a valid city or town")));
-}
-DeliveryCity.propTypes = {
-  hasError: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  maxlength: _propTypes["default"].number,
-  country: _propTypes["default"].oneOf(_supportedCountries.countriesSupportedISO)
-};

package/dist/delivery-county.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryCounty = DeliveryCounty;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-function DeliveryCounty(_ref) {
-  var _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
-    'o-forms-input--invalid': hasError
-  }]);
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: "deliveryCountyField",
-    className: "o-forms-field o-forms-field--optional",
-    "data-validate": "required",
-    htmlFor: "deliveryCounty"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "County")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassName
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryCounty",
-    name: "deliveryCounty",
-    "data-trackable": "field-deliveryCounty",
-    autoComplete: "address-level3",
-    placeholder: "e.g. Somerset",
-    maxLength: 40,
-    disabled: isDisabled,
-    defaultValue: value
-  })));
-}
-DeliveryCounty.propTypes = {
-  hasError: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool
-};

package/dist/delivery-instructions.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryInstructions = DeliveryInstructions;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _supportedCountries = require("../helpers/supportedCountries");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var spanMessageByCountry = {
-  GBR: /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "For newspaper delivery, we can only deliver to the ground floor, so if you live in an apartment, we\u2019ll leave the newspaper at reception or by the entrance. We deliver in the early hours of the morning so our drivers won\u2019t be able to contact you or ring your doorbell."),
-  USA: /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Please note we cannot guarantee delivery of the newspaper to a specific location on your property, which also includes delivery to a specific floor/suite in a building. US Federal Law prohibits delivery of newspapers into a mailbox, except via a USPS mail carrier. If you prefer delivery to a mailbox, please either select the \"PO Box\" delivery option from the top of this form, or contact \xA0", /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://help.ft.com/contact/"
-  }, "FT Customer Care"), "."),
-  CAN: /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Please note we cannot guarantee delivery of the newspaper to a specific location on your property, which also includes delivery to a specific floor/suite in a building. If you prefer delivery by Canada Post, please either select the \"PO Box\" delivery option from the top of this form, or contact \xA0", /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://help.ft.com/contact/"
-  }, "FT Customer Care"), "."),
-  CEMEA_V1: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Newspaper delivery is restricted to ground floor addresses. If you live in an apartment the newspaper will be left at reception or by the entrance. Delivery is made in the early hours making it sometimes difficult to identify the right delivery location or gaining access where letter boxes are inside a building."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Special characters including punctuation cannot be used in the delivery instructions."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "If you prefer delivery to a mailbox, please either select the \u201CPO Box\u201D delivery option from the top of this form, or contact\xA0", /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://help.ft.com/contact/"
-  }, "FT Customer Care"), ".")),
-  CEMEA_V2: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Newspaper delivery is restricted to ground floor addresses. If you live in an apartment the newspaper will be left at reception or by the entrance. Delivery is made in the early hours making it sometimes difficult to identify the right delivery location or gaining access where letter boxes are inside a building."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Special characters including punctuation cannot be used in the delivery instructions."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "If you prefer delivery to a mailbox, please either select the \u201CPO Box\u201D delivery option from the top of this form, or contact\xA0", /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://help.ft.com/contact/"
-  }, "FT Customer Care"), ".")),
-  APAC: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Newspaper delivery is restricted to ground floor addresses. If you live in an apartment the newspaper will be left at reception or by the entrance. Delivery is made in the early hours making it sometimes difficult to identify the right delivery location or gaining access where letter boxes are inside a building."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Special characters including punctuation cannot be used in the delivery instructions."), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "If you prefer delivery to a mailbox, please either select the \u201CPO Box\u201D delivery option from the top of this form, or contact\xA0", /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://help.ft.com/contact/"
-  }, "FT Customer Care"), "."))
-};
-function DeliveryInstructions(_ref) {
-  var _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliveryInstructionsField' : _ref$fieldId,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$inputId = _ref.inputId,
-    inputId = _ref$inputId === void 0 ? 'deliveryInstructions' : _ref$inputId,
-    _ref$maxlength = _ref.maxlength,
-    maxlength = _ref$maxlength === void 0 ? null : _ref$maxlength,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? null : _ref$rows,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    country = _ref.country;
-  var textAreaWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--textarea', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
-  var extraInstruction = country === 'GBR' ? '' : "\n- Special handling, e.g. place in plastic bag, 24/7 security on reception";
-  var defaultPlaceholder = {
-    CEMEA_V1: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, letterbox location\n- Door entry codes, etc."),
-    CEMEA_V2: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, letterbox location\n- Door entry codes, etc."),
-    GBR: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, letterbox location\n- Placement i.e. letterbox delivery").concat(extraInstruction),
-    USA: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, driveway signage\n- Cross street").concat(extraInstruction),
-    CAN: "Enter instructions ".concat(maxlength && "(Max. ".concat(maxlength, " characters)"), ":\n- Door colour, driveway signage\n- Cross street").concat(extraInstruction)
-  };
-  var textAreaProps = _objectSpread(_objectSpread(_objectSpread({
-    id: inputId,
-    name: inputId
-  }, maxlength && {
-    maxLength: maxlength
-  }), rows && {
-    rows: rows
-  }), {}, {
-    'data-trackable': 'field-deliveryInstructions',
-    placeholder: placeholder ? placeholder : defaultPlaceholder[FTShippingZone],
-    disabled: isDisabled,
-    defaultValue: value
-  });
-  var deliveryInstructionsMessage = /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, "Special characters including punctuation cannot be used in the delivery instructions.");
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: fieldId,
-    className: "o-forms-field o-forms-field--optional",
-    "data-validate": "required",
-    htmlFor: inputId
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "Delivery instructions"), spanMessageByCountry[FTShippingZone], country === 'GBR' && deliveryInstructionsMessage), /*#__PURE__*/_react["default"].createElement("span", {
-    className: textAreaWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("textarea", textAreaProps)));
-}
-DeliveryInstructions.propTypes = {
-  hasError: _propTypes["default"].bool,
-  maxlength: _propTypes["default"].number,
-  rows: _propTypes["default"].number,
-  isDisabled: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  country: _propTypes["default"].oneOf(['GBR', 'USA', 'CAN']).isRequired
-};

package/dist/delivery-option.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryOption = DeliveryOption;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _deliveryOptionMessages = require("../utils/delivery-option-messages");
-var _supportedCountries = require("../helpers/supportedCountries");
-function DeliveryOption(_ref) {
-  var _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliveryOptionField' : _ref$fieldId,
-    country = _ref.country,
-    _ref$productCode = _ref.productCode,
-    productCode = _ref$productCode === void 0 ? undefined : _ref$productCode,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    _ref$isSingle = _ref.isSingle,
-    isSingle = _ref$isSingle === void 0 ? false : _ref$isSingle;
-  var divClassName = (0, _classnames["default"])(['o-forms-field', 'ncf__delivery-option', {
-    'ncf__delivery-option--single': isSingle
-  }]);
-  var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: fieldId,
-    className: divClassName,
-    role: "group",
-    "aria-label": "Delivery options"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input o-forms-input--radio-round"
-  }, options.map(function (option) {
-    var value = option.value,
-      isValidDeliveryOption = option.isValidDeliveryOption,
-      isSelected = option.isSelected;
-    var deliveryOptionValue = (0, _deliveryOptionMessages.getDeliveryOption)(productCode, option, FTShippingZone);
-    if (!isValidDeliveryOption || !deliveryOptionValue) {
-      return null;
-    }
-
-    // in case the delivery option has a custom ID
-    var id = deliveryOptionValue.customId || value;
-    var inputProps = {
-      type: 'radio',
-      id: id,
-      name: 'deliveryOption',
-      value: value,
-      className: 'ncf__delivery-option__input',
-      defaultChecked: isSelected
-    };
-    return /*#__PURE__*/_react["default"].createElement("label", {
-      key: value,
-      className: "ncf__delivery-option__item",
-      htmlFor: id
-    }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "o-forms-input__label ncf__delivery-option__label"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "ncf__delivery-option__title o-forms-title__main"
-    }, deliveryOptionValue.title), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "ncf__delivery-option__description"
-    }, deliveryOptionValue.description)));
-  })));
-}
-DeliveryOption.propTypes = {
-  country: _propTypes["default"].oneOf(_supportedCountries.countriesSupportedISO).isRequired,
-  productCode: _propTypes["default"].string,
-  options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    value: _propTypes["default"].oneOf(['PV', 'HD', 'EV']),
-    isSelected: _propTypes["default"].bool,
-    deliveryOnPublicationDate: _propTypes["default"].bool,
-    flightMarket: _propTypes["default"].bool,
-    mailDelivery: _propTypes["default"].bool
-  })),
-  isSingle: _propTypes["default"].bool
-};

package/dist/delivery-po-box.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryPOBox = DeliveryPOBox;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var message = {
-  USA: 'A P.O. Box address is only deliverable by US Mail, and is subject to a delay of up to 5 business days. For delivery on the publication date, we recommend you enter a residential or business address.',
-  CAN: 'A P.O. Box address is only deliverable by Canada Post, and is subject to a delay of up to 5 business days. For delivery on the publication day, we recommend you enter a residential or business address.'
-};
-function DeliveryPOBox(_ref) {
-  var _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliveryPOBoxField' : _ref$fieldId,
-    _ref$inputId = _ref.inputId,
-    inputId = _ref$inputId === void 0 ? 'deliveryPOBox' : _ref$inputId,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$isHidden = _ref.isHidden,
-    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
-    _ref$maxlength = _ref.maxlength,
-    maxlength = _ref$maxlength === void 0 ? 50 : _ref$maxlength,
-    _ref$country = _ref.country,
-    country = _ref$country === void 0 ? '' : _ref$country;
-  var labelClassNames = (0, _classnames["default"])(['o-forms-field', 'ncf__validation-error', {
-    ncf__hidden: isHidden
-  }]);
-  var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
-    'o-forms-input--invalid': hasError
-  }]);
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: fieldId,
-    className: labelClassNames,
-    "data-validate": "required",
-    htmlFor: inputId
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "P.O. Box"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, message[country])), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassName
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: inputId,
-    name: inputId,
-    "data-trackable": "field-deliveryPOBox",
-    placeholder: "e.g. PO Box 1033",
-    maxLength: maxlength,
-    "aria-required": "true",
-    required: true,
-    disabled: isDisabled,
-    defaultValue: value
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__error"
-  }, "Please enter a valid P.O. Box address")));
-}
-DeliveryPOBox.propTypes = {
-  fieldId: _propTypes["default"].string,
-  inputId: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  hasError: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isHidden: _propTypes["default"].bool,
-  maxlength: _propTypes["default"].number,
-  country: _propTypes["default"].string
-};

package/dist/delivery-postcode.js

@@ -1,116 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryPostcode = DeliveryPostcode;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _supportedCountries = require("../helpers/supportedCountries");
-var _supportedPostcodeExamples = require("../helpers/supportedPostcodeExamples");
-var postcodeLabel = Object.keys(_supportedCountries.countriesSupported).reduce(function (previous, countryCode) {
-  if (countryCode === 'USA') {
-    previous[countryCode] = 'Zip Code';
-  } else if (countryCode === 'GBR') {
-    previous[countryCode] = 'Postcode';
-  } else {
-    previous[countryCode] = 'Postal Code';
-  }
-  return previous;
-}, {});
-var promptLabel = Object.keys(_supportedCountries.countriesSupported).reduce(function (previous, countryCode) {
-  if (countryCode === 'USA') {
-    previous[countryCode] = 'Please enter your 5 digit Zip Code';
-  } else if (countryCode === 'CAN') {
-    previous[countryCode] = 'Please enter your 6 digit postal code';
-  } else if (countryCode !== 'GBR') {
-    //GBR has no label
-    previous[countryCode] = 'Please enter your postal code';
-  }
-  return previous;
-}, {});
-var placeholderLabel = Object.keys(_supportedPostcodeExamples.allSupportedPostcodeExamples).reduce(function (previous, countryCode) {
-  previous[countryCode] = 'e.g. ' + _supportedPostcodeExamples.allSupportedPostcodeExamples[countryCode];
-  return previous;
-}, {});
-function DeliveryPostcode(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value,
-    _ref$country = _ref.country,
-    country = _ref$country === void 0 ? '' : _ref$country,
-    _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$isHidden = _ref.isHidden,
-    isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
-    pattern = _ref.pattern,
-    additionalFieldInformation = _ref.additionalFieldInformation,
-    _ref$changePostcodeUr = _ref.changePostcodeUrl,
-    changePostcodeUrl = _ref$changePostcodeUr === void 0 ? '' : _ref$changePostcodeUr;
-  var postcodeReference = postcodeLabel[country.toUpperCase()] || 'Postcode';
-  var promptReference = promptLabel[country.toUpperCase()];
-  var placeholderReference = placeholderLabel[country.toUpperCase()] || "Enter your ".concat(postcodeReference);
-  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var deliveryPostcodeFieldClassNames = (0, _classnames["default"])(['o-forms-field', {
-    ncf__hidden: isHidden
-  }]);
-  var fieldErrorClassNames = (0, _classnames["default"])(['o-forms-input__error', {
-    'additional-field-information__with-field-error': additionalFieldInformation
-  }]);
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: "deliveryPostcodeField",
-    className: deliveryPostcodeFieldClassNames,
-    "data-validate": "required",
-    htmlFor: "deliveryPostcode"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    "data-reference": "postcode"
-  }, postcodeReference)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, promptReference)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryPostcode",
-    name: "deliveryPostcode",
-    defaultValue: "".concat(value),
-    placeholder: placeholderReference,
-    autoComplete: "postal-code",
-    "data-trackable": "delivery-postcode",
-    "aria-required": "true",
-    required: true,
-    pattern: pattern,
-    disabled: isDisabled
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: fieldErrorClassNames
-  }, "Please enter a valid", ' ', /*#__PURE__*/_react["default"].createElement("span", {
-    "data-reference": "postcode"
-  }, postcodeReference), "."), additionalFieldInformation ? /*#__PURE__*/_react["default"].createElement("p", {
-    className: "additional-field-information"
-  }, additionalFieldInformation) : null, changePostcodeUrl ? /*#__PURE__*/_react["default"].createElement("a", {
-    href: changePostcodeUrl,
-    style: {
-      fontSize: '12px'
-    },
-    className: "change-postcode-url",
-    "data-trackable": "change-progress"
-  }, "Change ".concat(postcodeReference)) : null));
-}
-DeliveryPostcode.propTypes = {
-  country: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  pattern: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  hasError: _propTypes["default"].bool,
-  isHidden: _propTypes["default"].bool,
-  additionalFieldInformation: _propTypes["default"].node,
-  changePostcodeUrl: _propTypes["default"].string
-};

package/dist/delivery-security-instructions.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliverySecurityInstructions = DeliverySecurityInstructions;
-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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function DeliverySecurityInstructions(_ref) {
-  var _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliverySecurityInstructionsField' : _ref$fieldId,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$inputId = _ref.inputId,
-    inputId = _ref$inputId === void 0 ? 'deliverySecurityInstructions' : _ref$inputId,
-    _ref$maxlength = _ref.maxlength,
-    maxlength = _ref$maxlength === void 0 ? null : _ref$maxlength,
-    _ref$rows = _ref.rows,
-    rows = _ref$rows === void 0 ? null : _ref$rows,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? '' : _ref$value;
-  var textAreaWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--textarea', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var defaultPlaceholder = 'Please enter any secure information here, e.g. security gate access codes';
-  var textAreaProps = _objectSpread(_objectSpread(_objectSpread({
-    id: inputId,
-    name: inputId
-  }, maxlength && {
-    maxLength: maxlength
-  }), rows && {
-    rows: rows
-  }), {}, {
-    'data-trackable': 'field-deliverySecurityInstructions',
-    placeholder: placeholder ? placeholder : defaultPlaceholder,
-    disabled: isDisabled,
-    defaultValue: value
-  });
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    id: fieldId,
-    className: "o-forms-field o-forms-field--optional",
-    "data-validate": "required",
-    htmlFor: inputId
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "Security instructions")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: textAreaWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("textarea", textAreaProps)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "additional-field-information"
-  }, "NB. Details supplied here will not appear on packaging."));
-}
-DeliverySecurityInstructions.propTypes = {
-  fieldId: _propTypes["default"].string,
-  hasError: _propTypes["default"].bool,
-  inputId: _propTypes["default"].string,
-  maxlength: _propTypes["default"].number,
-  rows: _propTypes["default"].number,
-  isDisabled: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string
-};