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

package/dist/debug.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Debug = Debug;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function Debug(_ref) {
-  var _ref$isTest = _ref.isTest,
-    isTest = _ref$isTest === void 0 ? false : _ref$isTest,
-    _ref$showHelpers = _ref.showHelpers,
-    showHelpers = _ref$showHelpers === void 0 ? false : _ref$showHelpers,
-    _ref$links = _ref.links,
-    links = _ref$links === void 0 ? {} : _ref$links;
-  // Strings are used rather than JSX as this component is injected into HTML
-  // along with onclick handlers, styles and javascript. JSX will escape and
-  // modify the HTML which we do not want. Once our applications are on JSX
-  // entirely this component should be rethought.
-  var testEnvironment = "\n\t\t<span class=\"ncf__debug-environment\">\n\t\t\t<a class=\"ncf__button ncf__button--debug ncf__button--inverse ncf__debug-button--test\" onclick=\"setTestEnvironment('off');\"><strong>TEST</strong> relax you are using the test API</a>\n\t\t</span>\n\t";
-  var productionEnvironment = "\n\t\t<span class=\"ncf__debug-environment\">\n\t\t\t<a class=\"ncf__button ncf__button--debug ncf__button--inverse ncf__debug-button--production\" onclick=\"setTestEnvironment('on');\"><strong>PRODUCTION</strong> careful you are using the production API</a>\n\t\t</span>\n\t";
-  var testCards = "\n\t\t<button id=\"ncf-copy-visa-checkout-card\" class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"copyToClipboard('checkoutVisa');\" title=\"Copy Checkout Visa test card number to clipboard\">EU Visa (cvv:100)</button>\n\t\t<button id=\"ncf-copy-visa-checkout-3ds\" class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"copyToClipboard('checkout3dsChallenge');\" title=\"Copy Checkout challenge code -Checkout1!- to clipboard\">EU 3ds challenge</button>\n\t\t<button id=\"ncf-copy-visa-chase-card\" class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"copyToClipboard('chaseVisa');\" title=\"Copy Chase card number to clipboard\">US Visa (exp:1230,cvv:111)</button>\n\t\t<button id=\"ncf-link-checkout-cards\" class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"window.open('https://www.checkout.com/docs/testing/test-card-numbers#Credit_cards', '_blank');\" title=\"Checkout test cards documentation\">Doc:Checkout</button>\n\t";
-  var linksString = Object.keys(links).map(function (link) {
-    return "<a key=".concat(link, " class=\"ncf__button ncf__button--inverse ncf__link\" href=\"").concat(links[link], "\">").concat(link, "</a>");
-  });
-  var helpers = "\n\t\t<span class=\"ncf__debug-helpers\">\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"logout();\" title=\"Logout and refresh\">Logout</button>\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"fillForm();\" title=\"Fill form with debug data\">Fill</button>\n\t\t\t<button class=\"ncf__button ncf__button--debug ncf__button--inverse\" onclick=\"fillForm(); submitForm();\" title=\"Fill form with debug data and submit\">Fill &amp; Submit</button>\n\t\t\t".concat(isTest ? testCards : '', "\n\t\t\t").concat(links.length ? linksString : '', "\n\t\t</span>\n\t");
-  var html = {
-    __html: "".concat(isTest ? testEnvironment : productionEnvironment).concat(showHelpers ? helpers : '')
-  };
-  var javascript = {
-    __html: "\n\tvar FORM_SELECTOR = 'form.ncf';\n\tvar INPUT_SELECTOR = FORM_SELECTOR + ' input:not([type=\"checkbox\"]):not([type=\"radio\"])';\n\tvar SELECT_SELECTOR = FORM_SELECTOR + ' select';\n\tvar CHECKBOX_SELECTOR = FORM_SELECTOR + ' input[type=\"checkbox\"]';\n\tvar RADIO_SELECTOR = FORM_SELECTOR + ' input[type=\"radio\"]';\n\t// This env var gets set in production. We use this when creating email addresses in case any\n\t// get into production so Membership know who to come to about deleting them.\n\tvar SYSTEM_CODE = document.documentElement.getAttribute('data-next-app') || 'n-conversion-forms';\n\tvar COUNTRY_CODE = window.FT && window.FT.country || 'GBR';\n\n\tvar postcodeByCountry = {\n\t\tGBR: 'EC4M9BT',\n\t\tUSA: '10028',\n\t\tCAN: 'K0E 9Z9'\n\t};\n\n\tvar debugData = {\n\t\tbillingCity: 'London',\n\t\tbillingCountry: COUNTRY_CODE,\n\t\tbillingPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\tcountry: COUNTRY_CODE,\n\t\tdeliveryAddressLine1: 'delivery test1',\n\t\tdeliveryAddressLine2: 'delivery test2',\n\t\tdeliveryAddressLine3: 'APT 2C',\n\t\tdeliveryCity: 'delivery city',\n\t\tdeliveryCounty: 'delivery county',\n\t\tdeliveryPostcode: postcodeByCountry[COUNTRY_CODE],\n\t\temail: SYSTEM_CODE + '-' + Date.now() + '@ftqa.org',\n\t\tfirstName: 'Test',\n\t\tindustry: 'DEF',\n\t\tlastName: 'Test',\n\t\tjobTitle: 'CEO',\n\t\torganisation: 'ft-org',\n\t\tpassword: 'password123',\n\t\tposition: 'AS',\n\t\tpostCode: postcodeByCountry[COUNTRY_CODE],\n\t\tprimaryTelephone: '0987654321',\n\t\tresponsibility: 'ADL',\n\t\tukVisaWorldpay: '4111111111111111',\n\t\tusAmex: '378282246310005',\n\t\tusVisaWorldpay: '4112344112344113',\n\t\tcheckoutVisa: '4242424242424242',\n\t\tcheckout3dsChallenge: 'Checkout1!',\n\t\tchaseVisa: '4011361100000010',\n\t\tverificationEmail: SYSTEM_CODE + '-' + Date.now() + '@ftqa.org',\n\t};\n\n\tfunction logout () {\n\t\tconst options = {\n\t\t\tmode: 'no-cors',\n\t\t\tcredentials: 'include'\n\t\t};\n\t\tfetch('https://www.ft.com/logout', options).then(function () {\n\t\t\twindow.location.reload();\n\t\t});\n\t}\n\n\tfunction fillForm () {\n\t\tvar changeEvent = document.createEvent('HTMLEvents');\n\t\tchangeEvent.initEvent('change', false, true);\n\n\t\tvar inputs = document.querySelectorAll(INPUT_SELECTOR + ', ' + SELECT_SELECTOR);\n\t\tinputs.forEach(function (input) {\n\t\t\tif (!/hidden/i.test(input.type) && input.disabled === false) {\n\t\t\t\tvar value = debugData[input.name];\n\t\t\t\tinput.value = value;\n\t\t\t\tinput.dispatchEvent(changeEvent);\n\t\t\t}\n\t\t});\n\t\tvar checkboxes = document.querySelectorAll(CHECKBOX_SELECTOR + ', ' + RADIO_SELECTOR);\n\t\tcheckboxes.forEach(function (checkbox) {\n\t\t\tcheckbox.checked = true;\n\t\t\tcheckbox.dispatchEvent(changeEvent);\n\t\t});\n\t}\n\n\tfunction submitForm () {\n\t\tdocument.querySelector(FORM_SELECTOR).submit();\n\t}\n\n\tfunction copyToClipboard (name) {\n\t\tvar string = debugData[name];\n\t\tvar textarea = document.createElement('textarea');\n\t\ttextarea.value = string;\n\t\tdocument.body.appendChild(textarea);\n\t\ttextarea.select();\n\t\tdocument.execCommand('copy');\n\t\tdocument.body.removeChild(textarea);\n\t}\n\n\tfunction setTestEnvironment (state) {\n\t\tvar flags = document.cookie.match('(^|[^;]+)\\\\s*next-flags\\\\s*=\\\\s*([^;]+)').pop();\n\t\tvar flag = 'conversionSandbox%3A';\n\t\tflags = flags.replace(flag + 'on', '');\n\t\tflags = flags.replace(flag + 'off', '');\n\t\tdocument.cookie = 'next-flags=' + flags + '%2C' + flag + state + '; path=/; domain=.ft.com;';\n\t\twindow.location.reload();\n\t}\n\t"
-  };
-  var style = {
-    __html: "\n\t.ncf__debug-panel {\n\t\tposition: absolute;\n\t\tbackground-color: #262a33;\n\t\tcolor: #ffffff;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tpadding: 10px;\n\t\tposition: fixed;\n\t\tz-index: 1000;\n\t\topacity: 0.8;\n\t}\n\t.ncf__debug-button--test {\n\t\tbackground-color: #008040;\n\t}\n\t.ncf__debug-button--production {\n\t\tbackground-color: #990000;\n\t}\n\t.ncf__button--debug {\n\t\tpadding: 0px 5px;\n\t}\n\t"
-  };
-  return (isTest || showHelpers) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ncf__debug-panel",
-    dangerouslySetInnerHTML: html
-  }), /*#__PURE__*/_react["default"].createElement("script", {
-    dangerouslySetInnerHTML: javascript
-  }), /*#__PURE__*/_react["default"].createElement("style", {
-    dangerouslySetInnerHTML: style
-  }));
-}
-Debug.propTypes = {
-  isTest: _propTypes["default"].bool,
-  showHelpers: _propTypes["default"].bool,
-  links: _propTypes["default"].object
-};

package/dist/decision-maker.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DecisionMaker = DecisionMaker;
-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 DecisionMaker(_ref) {
-  var _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 'yes' : _ref$value;
-  var radioButtonsWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--radio-box', 'o-forms-input--inline', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var decisionMakerYesInputProps = _objectSpread({
-    type: 'radio',
-    id: 'decisionMakerYes',
-    name: 'decisionMaker',
-    'aria-label': 'Yes',
-    value: 'yes'
-  }, value === 'yes' && {
-    defaultChecked: true
-  });
-  var decisionMakerNoInputProps = _objectSpread({
-    type: 'radio',
-    id: 'decisionMakerNo',
-    name: 'decisionMaker',
-    'aria-label': 'No',
-    value: 'no'
-  }, value === 'no' && {
-    defaultChecked: true
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: "decisionMakerField",
-    role: "group",
-    "aria-labelledby": "decisionMakerFieldLabel",
-    className: "o-forms-field o-forms-field--inline",
-    "data-validate": "required"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main",
-    id: "decisionMakerFieldLabel"
-  }, "Are you a manager with direct reports?")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: radioButtonsWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "o-forms-input--radio-box__container"
-  }, /*#__PURE__*/_react["default"].createElement("label", {
-    htmlFor: decisionMakerYesInputProps.id
-  }, /*#__PURE__*/_react["default"].createElement("input", decisionMakerYesInputProps), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__label",
-    "aria-hidden": "true"
-  }, "Yes")), /*#__PURE__*/_react["default"].createElement("label", {
-    htmlFor: decisionMakerNoInputProps.id
-  }, /*#__PURE__*/_react["default"].createElement("input", decisionMakerNoInputProps), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__label o-forms-input__label--negative",
-    "aria-hidden": "true"
-  }, "No"))), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__error"
-  }, "Please select an option")));
-}
-DecisionMaker.propTypes = {
-  hasError: _propTypes["default"].bool,
-  value: _propTypes["default"].string
-};

package/dist/deferred-billing-terms.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeferredBillingTerms = DeferredBillingTerms;
-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; }
-var CONSENT_AGE = 16;
-function DeferredBillingTerms(_ref) {
-  var _ref$isDeferredBillin = _ref.isDeferredBilling,
-    isDeferredBilling = _ref$isDeferredBillin === void 0 ? false : _ref$isDeferredBillin,
-    _ref$checkBoxTrackabl = _ref.checkBoxTrackableAttr,
-    checkBoxTrackableAttr = _ref$checkBoxTrackabl === void 0 ? 'field-terms' : _ref$checkBoxTrackabl,
-    _ref$trackableAttr = _ref.trackableAttr,
-    trackableAttr = _ref$trackableAttr === void 0 ? 'deferred-billing-terms' : _ref$trackableAttr,
-    _ref$errorMessage = _ref.errorMessage,
-    errorMessage = _ref$errorMessage === void 0 ? 'Please accept our terms &amp; conditions' : _ref$errorMessage,
-    _ref$inputId = _ref.inputId,
-    inputId = _ref$inputId === void 0 ? 'accept-deferred-billing-terms' : _ref$inputId,
-    _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'accept-deferred-terms' : _ref$fieldId,
-    _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError;
-  var labelClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--checkbox', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var inputProps = _objectSpread({
-    id: "".concat(inputId),
-    type: 'checkbox',
-    name: "".concat(inputId),
-    value: 'true',
-    'data-trackable': checkBoxTrackableAttr,
-    'aria-required': 'true',
-    required: true
-  }, isChecked && {
-    defaultChecked: true
-  });
-  var divProps = _objectSpread({
-    id: 'acceptTermsField',
-    className: 'o-forms-field o-layout-typography ncf__validation-error',
-    'data-validate': 'required,checked'
-  }, isChecked && {
-    'data-trackable': trackableAttr
-  });
-  return isDeferredBilling && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", {
-    className: labelClassName
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ncf__paragraph"
-  }, "I confirm I am ", CONSENT_AGE, " years or older and have read and agree to the", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link--external",
-    href: "https://help.ft.com/legal-privacy/terms-and-conditions/",
-    title: "FT Legal Terms and Conditions help page",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-trackable": "terms-and-conditions"
-  }, "Terms & Conditions"), ".")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: labelClassName
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ncf__paragraph"
-  }, "I give consent for my chosen payment method to be charged automatically at the end of each subscription term until I cancel it by contacting Customer Care through chat, phone or email.")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: labelClassName
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ncf__paragraph"
-  }, "By placing my order, I acknowledge that my subscription will start on the date given above. Any cancellation notice received after that date will take effect at the end of my subscription term and previously paid amounts are non-refundable.")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: labelClassName
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ncf__paragraph"
-  }, "Find out more about our cancellation policy in our", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link--external",
-    href: "https://help.ft.com/legal-privacy/terms-and-conditions/",
-    title: "FT Legal Terms and Conditions help page",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-trackable": "terms-and-conditions"
-  }, "Terms & Conditions"), ".")), /*#__PURE__*/_react["default"].createElement("p", {
-    className: labelClassName
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "ncf__paragraph"
-  }, "Please note that if you fail to make payment for your Deferred Billing Plan within the due date your subscription will be automatically cancelled.", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    className: "ncf__link--external",
-    href: "https://help.ft.com/legal-privacy/terms-and-conditions/",
-    title: "FT Legal Terms and Conditions help page",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-trackable": "terms-and-conditions"
-  }, "Terms & Conditions"), ".")), /*#__PURE__*/_react["default"].createElement("div", divProps, /*#__PURE__*/_react["default"].createElement("label", {
-    className: labelClassName,
-    htmlFor: inputId,
-    id: fieldId
-  }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__label"
-  }, "I agree with terms & conditions."), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "o-forms-input__error"
-  }, errorMessage))));
-}
-DeferredBillingTerms.propTypes = {
-  hasError: _propTypes["default"].bool,
-  isChecked: _propTypes["default"].bool,
-  isDeferredBilling: _propTypes["default"].bool,
-  fieldId: _propTypes["default"].string,
-  inputId: _propTypes["default"].string,
-  trackableAttr: _propTypes["default"].string,
-  errorMessage: _propTypes["default"].string
-};

package/dist/delivery-address-map.js

@@ -1,184 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _constants = require("../helpers/constants");
-var React = require('react');
-var addressTemplateGenerator = function addressTemplateGenerator(addressLine1, addressLine2, addressLine3) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, addressLine1, addressLine2, addressLine3);
-};
-var deliveryAddressMap = {
-  home: {
-    addressLine1Placeholder: {
-      GBR: 'e.g. 10 Elm Street',
-      USA: 'e.g. 10 Elm St.',
-      CAN: 'e.g. 36 Poirier Blvd.',
-      CEMEA_V1: 'Street and House Number',
-      CEMEA_V2: 'House Number and Street',
-      APAC: 'Street name',
-      ARE: 'PO Box 12345'
-    },
-    addressLine2Placeholder: {
-      CEMEA_V1: 'Apt No./Floor/Building',
-      CEMEA_V2: 'Apt No./Floor/Building',
-      APAC: 'House/Apartment/Building name'
-    },
-    addressLine3Placeholder: {
-      USA: 'e.g Apt 2C / FL 10 / STE 50',
-      CAN: 'e.g Apt 2C / FL 10 / STE 50',
-      CEMEA_V1: ' ',
-      CEMEA_V2: ' ',
-      APAC: 'District/County/Province/Ward'
-    },
-    addressLine1Title: {
-      ARE: 'PO Box'
-    },
-    // Overrides auto-complete
-    addressLine2AutoComplete: {
-      USA: _constants.addressLine3AutoComplete,
-      CAN: _constants.addressLine3AutoComplete
-    },
-    // Overrides auto-complete
-    addressLine3AutoComplete: {
-      USA: _constants.addressLine2AutoComplete,
-      CAN: _constants.addressLine2AutoComplete
-    },
-    addressLine3Title: {
-      GBR: 'Address line 3',
-      USA: 'APT/FL/STE',
-      CAN: 'APT/FL/STE',
-      CEMEA_V1: 'Address line 3',
-      CEMEA_V2: 'Address line 3',
-      APAC: 'Address line 3'
-    },
-    addressLine3Prompt: {
-      USA: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
-      CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”'
-    },
-    addressLine3MaxLength: {
-      USA: 6,
-      CAN: 6
-    },
-    template: function template(addressLine1, addressLine2, addressLine3, region) {
-      var addressLines = {
-        GBR: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
-      };
-      return addressLines[region];
-    }
-  },
-  company: {
-    addressLine1Placeholder: {
-      GBR: 'e.g. 10 Elm Street',
-      USA: 'e.g. 10 Elm St.',
-      CAN: 'e.g. 36 Poirier Blvd.',
-      CEMEA_V1: 'Street and House Number',
-      CEMEA_V2: 'House Number and Street',
-      APAC: 'Street name',
-      ARE: 'PO Box 12345'
-    },
-    addressLine2Placeholder: {
-      CEMEA_V1: 'Apt No./Floor/Building/Department',
-      CEMEA_V2: 'Apt No./Floor/Building/Department',
-      APAC: 'House/Apartment/Building name'
-    },
-    addressLine3Placeholder: {
-      USA: 'e.g Apt 2C / FL 10 / STE 50',
-      CAN: 'e.g Apt 2C / FL 10 / STE 50',
-      CEMEA_V1: 'Department name/job title',
-      CEMEA_V2: 'Department name/job title',
-      APAC: 'District/County/Province/Ward'
-    },
-    addressLine3Title: {
-      GBR: 'Address line 3',
-      USA: 'APT/FL/STE',
-      CAN: 'APT/FL/STE',
-      CEMEA_V1: 'Address line 3',
-      CEMEA_V2: 'Address line 3'
-    },
-    addressLine3Prompt: {
-      USA: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
-      CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”'
-    },
-    addressLine1Title: {
-      ARE: 'PO Box'
-    },
-    // Overrides auto-complete
-    addressLine2AutoComplete: {
-      USA: _constants.addressLine3AutoComplete,
-      CAN: _constants.addressLine3AutoComplete
-    },
-    // Overrides auto-complete
-    addressLine3AutoComplete: {
-      USA: _constants.addressLine2AutoComplete,
-      CAN: _constants.addressLine2AutoComplete
-    },
-    addressLine3MaxLength: {
-      USA: 6,
-      CAN: 6
-    },
-    template: function template(addressLine1, addressLine2, addressLine3, region) {
-      var addressLines = {
-        GBR: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CEMEA_V1: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        CEMEA_V2: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        APAC: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        ARE: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
-      };
-      return addressLines[region];
-    }
-  },
-  pobox: {
-    addressLine1Placeholder: {
-      GBR: 'e.g. 10 Elm Street',
-      USA: 'e.g. 10 Elm St.',
-      CAN: 'e.g. 36 Poirier Blvd.',
-      CEMEA_V1: 'P.O. Box',
-      CEMEA_V2: 'P.O. Box'
-    },
-    addressLine2Placeholder: {},
-    addressLine3Placeholder: {},
-    addressLine1Title: {},
-    addressLine3Title: {
-      GBR: 'Address line 3',
-      USA: 'APT/FL/STE',
-      CAN: 'APT/FL/STE'
-    },
-    // Overrides auto-complete
-    addressLine2AutoComplete: {
-      USA: _constants.addressLine3AutoComplete,
-      CAN: _constants.addressLine3AutoComplete
-    },
-    // Overrides auto-complete
-    addressLine3AutoComplete: {
-      USA: _constants.addressLine2AutoComplete,
-      CAN: _constants.addressLine2AutoComplete
-    },
-    addressLine3Prompt: {
-      USA: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”',
-      CAN: 'Max. 6 characters. Please enter “Apartment 2C” as “Apt 2C”, “Floor 10 as FL 10”'
-    },
-    addressLine3MaxLength: {},
-    template: function template(addressLine1, addressLine2, addressLine3, region) {
-      var addressLines = {
-        GBR: addressTemplateGenerator(addressLine1, addressLine2, addressLine3),
-        USA: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CAN: addressTemplateGenerator(addressLine1, addressLine3, addressLine2),
-        CEMEA_V1: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " "),
-        CEMEA_V2: /*#__PURE__*/React.createElement(React.Fragment, null, " ", addressLine1, " ")
-      };
-      return addressLines[region];
-    }
-  }
-};
-var _default = deliveryAddressMap;
-exports["default"] = _default;

package/dist/delivery-address-type.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryAddressType = DeliveryAddressType;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var addressTypes = [{
-  id: 'home',
-  label: 'Home Address'
-}, {
-  id: 'company',
-  label: 'Company Address'
-}, {
-  id: 'pobox',
-  label: 'P.O. Box'
-}];
-function DeliveryAddressType(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 'home' : _ref$value,
-    _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliveryAddressTypeField' : _ref$fieldId,
-    _ref$inputName = _ref.inputName,
-    inputName = _ref$inputName === void 0 ? 'deliveryAddressType' : _ref$inputName,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? ['home', 'company', 'pobox'] : _ref$options,
-    _ref$editMode = _ref.editMode,
-    editMode = _ref$editMode === void 0 ? false : _ref$editMode,
-    _ref$titlePrompt = _ref.titlePrompt,
-    titlePrompt = _ref$titlePrompt === void 0 ? '' : _ref$titlePrompt;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: fieldId,
-    className: "o-forms-field ncf__delivery-address-type",
-    role: "group",
-    "aria-label": "Delivery Address Type"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "Address type"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, titlePrompt)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "o-forms-input o-forms-input--inline o-forms-input--radio-round"
-  }, options.map(function (option) {
-    var type = addressTypes.find(function (item) {
-      return item.id === option;
-    });
-    return !type ? null : /*#__PURE__*/_react["default"].createElement("label", {
-      htmlFor: type.id,
-      "aria-label": type.label,
-      key: type.id
-    }, /*#__PURE__*/_react["default"].createElement("input", {
-      type: "radio",
-      id: type.id,
-      name: inputName,
-      value: type.id,
-      className: "ncf__delivery-address-type__input",
-      disabled: editMode && type.id !== value,
-      defaultChecked: type.id === value
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "o-forms-input__label o-forms-input__address-type__label",
-      "aria-hidden": "true"
-    }, type.label));
-  })));
-}
-DeliveryAddressType.propTypes = {
-  fieldId: _propTypes["default"].string,
-  inputName: _propTypes["default"].string,
-  value: _propTypes["default"].oneOf(['home', 'company', 'pobox']),
-  options: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['home', 'company', 'pobox'])),
-  titlePrompt: _propTypes["default"].string
-};

package/dist/delivery-address.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeliveryAddress = DeliveryAddress;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _deliveryAddressMap = _interopRequireDefault(require("./delivery-address-map"));
-var _constants = require("../helpers/constants");
-var _supportedCountries = require("../helpers/supportedCountries");
-function DeliveryAddress(_ref) {
-  var _ref$fieldId = _ref.fieldId,
-    fieldId = _ref$fieldId === void 0 ? 'deliveryAddressFields' : _ref$fieldId,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$line = _ref.line1,
-    line1 = _ref$line === void 0 ? '' : _ref$line,
-    _ref$line2 = _ref.line2,
-    line2 = _ref$line2 === void 0 ? '' : _ref$line2,
-    _ref$line3 = _ref.line3,
-    line3 = _ref$line3 === void 0 ? '' : _ref$line3,
-    _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$country = _ref.country,
-    country = _ref$country === void 0 ? 'GBR' : _ref$country,
-    _ref$addressType = _ref.addressType,
-    addressType = _ref$addressType === void 0 ? 'home' : _ref$addressType;
-  var divClassNames = (0, _classnames["default"])([{
-    ncf__hidden: isHidden
-  }]);
-  var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
-    'o-forms-input--invalid': hasError
-  }]);
-  var FTShippingZone = (0, _supportedCountries.identifyFTShippingZone)(country);
-  var addressLine1 = /*#__PURE__*/_react["default"].createElement("label", {
-    className: "o-forms-field ncf__validation-error",
-    htmlFor: "deliveryAddressLine1"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, _deliveryAddressMap["default"][addressType].addressLine1Title[FTShippingZone] || 'Address line 1')), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryAddressLine1",
-    name: "deliveryAddressLine1",
-    "data-trackable": "field-deliveryAddressLine1",
-    autoComplete: _constants.addressLine1AutoComplete,
-    placeholder: _deliveryAddressMap["default"][addressType].addressLine1Placeholder[FTShippingZone],
-    maxLength: 50,
-    "aria-required": "true",
-    required: true,
-    disabled: isDisabled,
-    defaultValue: line1
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-input__error"
-  }, "Please enter a valid address")));
-  var addressLine2 = /*#__PURE__*/_react["default"].createElement("label", {
-    className: "o-forms-field o-forms-field--optional",
-    htmlFor: "deliveryAddressLine2"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, "Address line 2")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryAddressLine2",
-    name: "deliveryAddressLine2",
-    "data-trackable": "field-deliveryAddressLine2",
-    autoComplete: _deliveryAddressMap["default"][addressType].addressLine2AutoComplete[FTShippingZone] || _constants.addressLine2AutoComplete,
-    placeholder: _deliveryAddressMap["default"][addressType].addressLine2Placeholder[FTShippingZone] || '',
-    maxLength: 50,
-    disabled: isDisabled,
-    defaultValue: line2
-  })));
-  var addressLine3 = /*#__PURE__*/_react["default"].createElement("label", {
-    className: "o-forms-field o-forms-field--optional",
-    htmlFor: "deliveryAddressLine3"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__main"
-  }, _deliveryAddressMap["default"][addressType].addressLine3Title[FTShippingZone]), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "o-forms-title__prompt"
-  }, _deliveryAddressMap["default"][addressType].addressLine3Prompt[FTShippingZone])), /*#__PURE__*/_react["default"].createElement("span", {
-    className: inputWrapperClassNames
-  }, /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    id: "deliveryAddressLine3",
-    name: "deliveryAddressLine3",
-    "data-trackable": "field-deliveryAddressLine3",
-    autoComplete: _deliveryAddressMap["default"][addressType].addressLine3AutoComplete[FTShippingZone] || _constants.addressLine3AutoComplete,
-    placeholder: _deliveryAddressMap["default"][addressType].addressLine3Placeholder[FTShippingZone] || 'e.g. Apt. 1',
-    maxLength: _deliveryAddressMap["default"][addressType].addressLine3MaxLength[country] || 50,
-    disabled: isDisabled,
-    defaultValue: line3
-  })));
-  var addressLines = _deliveryAddressMap["default"][addressType].template(addressLine1, addressLine2, addressLine3, FTShippingZone);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: fieldId,
-    "data-validate": "required",
-    className: divClassNames
-  }, addressLines);
-}
-DeliveryAddress.propTypes = {
-  fieldId: _propTypes["default"].string,
-  hasError: _propTypes["default"].bool,
-  line1: _propTypes["default"].string,
-  line2: _propTypes["default"].string,
-  line3: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  isHidden: _propTypes["default"].bool,
-  country: _propTypes["default"].oneOf(_supportedCountries.countriesSupportedISO),
-  addressType: _propTypes["default"].oneOf(['home', 'company', 'pobox'])
-};