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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/.circleci/config.yml +97 -150
  2. package/.toolkitrc.yml +19 -0
  3. package/.toolkitstate/ci.json +6 -0
  4. package/README.md +2 -2
  5. package/jest.config.js +2 -0
  6. package/package.json +30 -16
  7. package/.circleci/shared-helpers/.github/settings.yml +0 -1
  8. package/.circleci/shared-helpers/CODEOWNERS +0 -3
  9. package/.circleci/shared-helpers/README.md +0 -72
  10. package/.circleci/shared-helpers/helper-check-service-ready +0 -37
  11. package/.circleci/shared-helpers/helper-configure-awscli +0 -20
  12. package/.circleci/shared-helpers/helper-generate-build-state-artifacts +0 -29
  13. package/.circleci/shared-helpers/helper-install-awscli +0 -14
  14. package/.circleci/shared-helpers/helper-install-puppeteer-deps +0 -25
  15. package/.circleci/shared-helpers/helper-npm-install-peer-deps +0 -40
  16. package/.circleci/shared-helpers/helper-npm-store-auth-token +0 -14
  17. package/.circleci/shared-helpers/helper-npm-update +0 -26
  18. package/.circleci/shared-helpers/helper-npm-version-and-publish-public +0 -19
  19. package/.circleci/shared-helpers/helper-publish-github-pages +0 -43
  20. package/.circleci/shared-helpers/helper-setup-heroku-cli +0 -46
  21. package/.circleci/shared-helpers/helper-setup-s3-upload +0 -17
  22. package/.circleci/shared-helpers/helper-upload-assets-to-s3 +0 -69
  23. package/.circleci/shared-helpers/helper.example +0 -13
  24. package/build-state/npm-shrinkwrap.json +0 -58461
  25. package/dist/accept-terms-business.js +0 -74
  26. package/dist/accept-terms-business.spec.js +0 -40
  27. package/dist/accept-terms-privacy-policy.js +0 -71
  28. package/dist/accept-terms-subscription.js +0 -150
  29. package/dist/accept-terms.js +0 -217
  30. package/dist/app-banner.js +0 -51
  31. package/dist/b2c-partnership-confirmation.js +0 -64
  32. package/dist/billing-city.js +0 -58
  33. package/dist/billing-country.js +0 -43
  34. package/dist/billing-postcode.js +0 -76
  35. package/dist/company-name.js +0 -78
  36. package/dist/confirmation.js +0 -117
  37. package/dist/continue-reading.js +0 -45
  38. package/dist/country.js +0 -106
  39. package/dist/customer-care.js +0 -52
  40. package/dist/debug.js +0 -50
  41. package/dist/decision-maker.js +0 -72
  42. package/dist/deferred-billing-terms.js +0 -112
  43. package/dist/delivery-address-map.js +0 -184
  44. package/dist/delivery-address-type.js +0 -74
  45. package/dist/delivery-address.js +0 -123
  46. package/dist/delivery-city.js +0 -70
  47. package/dist/delivery-county.js +0 -48
  48. package/dist/delivery-instructions.js +0 -123
  49. package/dist/delivery-option.js +0 -77
  50. package/dist/delivery-po-box.js +0 -75
  51. package/dist/delivery-postcode.js +0 -116
  52. package/dist/delivery-security-instructions.js +0 -72
  53. package/dist/delivery-start-date.js +0 -77
  54. package/dist/education-job-title.js +0 -67
  55. package/dist/email.js +0 -90
  56. package/dist/error-page.js +0 -45
  57. package/dist/fieldset.js +0 -58
  58. package/dist/first-name.js +0 -73
  59. package/dist/form.js +0 -29
  60. package/dist/google-sign-in.js +0 -24
  61. package/dist/graduation-date.js +0 -112
  62. package/dist/index.js +0 -432
  63. package/dist/industry.js +0 -81
  64. package/dist/job-title.js +0 -65
  65. package/dist/last-name.js +0 -73
  66. package/dist/licence-confirmation.js +0 -67
  67. package/dist/licence-header.js +0 -52
  68. package/dist/licence-sign-in.js +0 -36
  69. package/dist/licence-title.js +0 -46
  70. package/dist/lite-sub-confirmation.js +0 -118
  71. package/dist/loader.js +0 -54
  72. package/dist/message.js +0 -101
  73. package/dist/message.spec.js +0 -96
  74. package/dist/organisation.js +0 -73
  75. package/dist/package-change.js +0 -38
  76. package/dist/password.js +0 -95
  77. package/dist/payment-term.js +0 -328
  78. package/dist/payment-type.js +0 -213
  79. package/dist/personal-title.js +0 -94
  80. package/dist/phone.js +0 -85
  81. package/dist/position.js +0 -86
  82. package/dist/progress-indicator.js +0 -66
  83. package/dist/province.js +0 -80
  84. package/dist/registration-confirmation.js +0 -108
  85. package/dist/responsibility.js +0 -84
  86. package/dist/section.js +0 -20
  87. package/dist/seven-day-pass-experiment-confirmation.js +0 -93
  88. package/dist/state.js +0 -80
  89. package/dist/submit.js +0 -52
  90. package/dist/text-input.js +0 -78
  91. package/dist/trial-banner.js +0 -29
@@ -1,213 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.PaymentType = PaymentType;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _classnames = _interopRequireDefault(require("classnames"));
12
- var _loader = require("./loader");
13
- 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; }
14
- 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; }
15
- var PaypalCustomerCareMessage = function PaypalCustomerCareMessage() {
16
- return /*#__PURE__*/_react["default"].createElement("div", {
17
- className: "ncf__payment-type-paypal-message"
18
- }, /*#__PURE__*/_react["default"].createElement("div", {
19
- className: "o-message o-message--notice o-message--inform",
20
- "data-o-component": "o-message"
21
- }, /*#__PURE__*/_react["default"].createElement("div", {
22
- className: "o-message__container"
23
- }, /*#__PURE__*/_react["default"].createElement("div", {
24
- className: "o-message__content"
25
- }, /*#__PURE__*/_react["default"].createElement("p", {
26
- className: "o-message__content-main"
27
- }, "If you", "'", "d like to change your payment method to Paypal please", ' ', /*#__PURE__*/_react["default"].createElement("a", {
28
- className: "o-message__actions__secondary",
29
- href: "https://help.ft.com"
30
- }, "contact Customer Care"), ".")))));
31
- };
32
- function PaymentType(_ref) {
33
- var _ref$enableApplepay = _ref.enableApplepay,
34
- enableApplepay = _ref$enableApplepay === void 0 ? false : _ref$enableApplepay,
35
- _ref$enableCreditcard = _ref.enableCreditcard,
36
- enableCreditcard = _ref$enableCreditcard === void 0 ? false : _ref$enableCreditcard,
37
- _ref$enableDirectdebi = _ref.enableDirectdebit,
38
- enableDirectdebit = _ref$enableDirectdebi === void 0 ? false : _ref$enableDirectdebi,
39
- _ref$enablePaypal = _ref.enablePaypal,
40
- enablePaypal = _ref$enablePaypal === void 0 ? false : _ref$enablePaypal,
41
- _ref$enableBankTransf = _ref.enableBankTransfer,
42
- enableBankTransfer = _ref$enableBankTransf === void 0 ? false : _ref$enableBankTransf,
43
- _ref$showLoaderOnInit = _ref.showLoaderOnInit,
44
- showLoaderOnInit = _ref$showLoaderOnInit === void 0 ? false : _ref$showLoaderOnInit,
45
- _ref$showPaypalCustom = _ref.showPaypalCustomerCareMessage,
46
- showPaypalCustomerCareMessage = _ref$showPaypalCustom === void 0 ? false : _ref$showPaypalCustom,
47
- _ref$fieldId = _ref.fieldId,
48
- fieldId = _ref$fieldId === void 0 ? 'paymentTypeField' : _ref$fieldId,
49
- _ref$inputId = _ref.inputId,
50
- inputId = _ref$inputId === void 0 ? 'paymentType' : _ref$inputId,
51
- value = _ref.value,
52
- _ref$isSingleTerm = _ref.isSingleTerm,
53
- isSingleTerm = _ref$isSingleTerm === void 0 ? false : _ref$isSingleTerm,
54
- _ref$isSingleTermChec = _ref.isSingleTermChecked,
55
- isSingleTermChecked = _ref$isSingleTermChec === void 0 ? false : _ref$isSingleTermChec;
56
- var createSecuritySeal = function createSecuritySeal() {
57
- return /*#__PURE__*/_react["default"].createElement("div", {
58
- className: "ncf__security-seal",
59
- dangerouslySetInnerHTML: {
60
- __html: "\n\t\t\t\t<!-- NOTE: this won't display on local.ft.com (yet it will still take up space. I know.) -->\n\t\t\t\t<!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT --->\n\t\t\t\t<!-- Disabled until we can get a version from GlobalSign that works better than this one. Currently it doesn't always load correctly. -->\n\t\t\t\t<!-- <table width=125 border=0 cellspacing=0 cellpadding=0 title=\"CLICK TO VERIFY: This site uses a GlobalSign SSL Certificate to secure your personal information.\">\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td><span id=\"ss_img_wrapper_gmogs_image_110-45_en_dblue\"><a href=\"https://www.globalsign.com/\" target=_blank title=\"GlobalSign Site Seal\" rel=\"nofollow\"><img alt=\"SSL\" border=0 id=\"ss_img\" src=\"//seal.globalsign.com/SiteSeal/images/gs_noscript_110-45_en.gif\"></a></span>\n\t\t\t\t\t\t\t<script type=\"text/javascript\" src=\"//seal.globalsign.com/SiteSeal/gmogs_image_110-45_en_dblue.js\"></script>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</table> -->\n\t\t\t\t<!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT --->\n\t\t\t"
61
- }
62
- });
63
- };
64
- var paymentTypeCreditCard = {
65
- id: 'creditcard',
66
- label: 'Credit / Debit Card',
67
- hide: !enableCreditcard
68
- };
69
- var paymentTypePaypal = function paymentTypePaypal() {
70
- if (showPaypalCustomerCareMessage) {
71
- return PaypalCustomerCareMessage();
72
- } else {
73
- return {
74
- id: 'paypal',
75
- label: 'PayPal',
76
- hide: !enablePaypal
77
- };
78
- }
79
- };
80
- var paymentTypeDirectDebit = {
81
- id: 'directdebit',
82
- label: 'Direct Debit',
83
- hide: !enableDirectdebit
84
- };
85
- var paymentTypeApplePay = {
86
- id: 'applepay',
87
- label: 'Apple Pay',
88
- hide: !enableApplepay
89
- };
90
- var paymentTypeBankTransfer = {
91
- id: 'banktransfer',
92
- label: 'Bank Transfer',
93
- hide: !enableBankTransfer
94
- };
95
- var createPaymentTypes = function createPaymentTypes() {
96
- var paymentTypes = [paymentTypeCreditCard, paymentTypePaypal(), paymentTypeDirectDebit, paymentTypeApplePay, paymentTypeBankTransfer];
97
- return paymentTypes.map(function (type) {
98
- if (type.id === undefined) {
99
- return type;
100
- } else {
101
- var inputProps = _objectSpread({
102
- type: 'radio',
103
- name: inputId,
104
- value: type.id,
105
- id: type.id,
106
- 'aria-label': type.label
107
- }, value === type.id && {
108
- defaultChecked: true
109
- });
110
- var className = (0, _classnames["default"])(['o-forms-input--radio-box__container', 'ncf__payment-type', "ncf__payment-type--".concat(type.id), {
111
- ncf__hidden: type.hide
112
- }]);
113
- return /*#__PURE__*/_react["default"].createElement("div", {
114
- key: type.id,
115
- className: className
116
- }, /*#__PURE__*/_react["default"].createElement("label", {
117
- htmlFor: inputProps.id
118
- }, /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
119
- className: "o-forms-input__label",
120
- "aria-hidden": "true"
121
- }, type.label)));
122
- }
123
- });
124
- };
125
- var createDirectDebitPanel = function createDirectDebitPanel() {
126
- return enableDirectdebit && /*#__PURE__*/_react["default"].createElement("div", {
127
- className: "ncf__payment-type-panel ncf__payment-type-panel--directdebit ncf__hidden"
128
- }, /*#__PURE__*/_react["default"].createElement("div", {
129
- id: "directDebitGuarantee",
130
- className: "ncf__directdebit-guarantee",
131
- "data-o-component": "o-expander",
132
- "data-o-expander-shrink-to": "hidden",
133
- "data-o-expander-expanded-toggle-text": "guarantee",
134
- "data-o-expander-collapsed-toggle-text": "guarantee",
135
- role: "tabpanel"
136
- }, /*#__PURE__*/_react["default"].createElement("p", null, "Direct Debit is only supported in the UK"), /*#__PURE__*/_react["default"].createElement("p", null, "Your payments are protected by the Direct Debit", ' ', /*#__PURE__*/_react["default"].createElement("button", {
137
- type: "button",
138
- className: "ncf__directdebit-guarantee-toggle o-expander__toggle"
139
- }, "guarantee")), /*#__PURE__*/_react["default"].createElement("ul", {
140
- className: "ncf__directdebit-guarantee-list o-expander__content"
141
- }, /*#__PURE__*/_react["default"].createElement("li", null, "This Guarantee is offered by all banks and building societies that accept instructions to pay Direct Debits."), /*#__PURE__*/_react["default"].createElement("li", null, "If there are any changes to the amount, date or frequency of your Direct Debit GoCardless re: The Financial Times will notify you 3 working days in advance of your account being debited or as otherwise agreed. If you request GoCardless Ltd re: The Financial Times to collect a payment, confirmation of the amount and date will be given to you at the time of the request."), /*#__PURE__*/_react["default"].createElement("li", null, "If an error is made in the payment of your Direct Debit, by GoCardless Ltd re: The Financial Times or your bank or building society, you are entitled to a full and immediate refund of the amount paid from your bank or building society."), /*#__PURE__*/_react["default"].createElement("li", null, "If you receive a refund you are not entitled to, you must pay it back when GoCardless Ltd re: The Financial Times asks you to."), /*#__PURE__*/_react["default"].createElement("li", null, "You can cancel a Direct Debit at any time by simply contacting your bank or building society. Written confirmation may be required. Please also notify us."))));
142
- };
143
- var createZuoraPanel = function createZuoraPanel() {
144
- // eslint-disable-next-line react/no-unknown-property
145
- return (enableDirectdebit || enableCreditcard) && /*#__PURE__*/_react["default"].createElement("div", {
146
- className: "ncf__payment-type-panel ncf__payment-type-panel--creditcard ncf__payment-type-panel--directdebit ncf__hidden"
147
- }, /*#__PURE__*/_react["default"].createElement("div", {
148
- className: "ncf__zuora-payment-overlay ncf__hidden"
149
- }), /*#__PURE__*/_react["default"].createElement("div", {
150
- id: "zuora_payment",
151
- className: "ncf__zuora-payment"
152
- }, /*#__PURE__*/_react["default"].createElement("iframe", {
153
- id: "z_hppm_iframe",
154
- title: "Zuora Payment",
155
- overflow: "visible",
156
- scrolling: "no",
157
- frameBorder: "0",
158
- className: "z_hppm_iframe",
159
- style: {
160
- display: 'block',
161
- width: '100%'
162
- }
163
- })), /*#__PURE__*/_react["default"].createElement("script", {
164
- src: "https://static.zuora.com/Resources/libs/hosted/1.3.1/zuora-min.js"
165
- }));
166
- };
167
- var createLoaderOnInit = function createLoaderOnInit() {
168
- return showLoaderOnInit && /*#__PURE__*/_react["default"].createElement(_loader.Loader, {
169
- inElement: true,
170
- showLoader: true,
171
- title: "Loading payment form..."
172
- });
173
- };
174
- var inputCheckProps = _objectSpread({
175
- id: 'payFasterNextTime',
176
- type: 'checkbox',
177
- name: 'payFasterNextTime',
178
- value: 'true',
179
- required: false,
180
- checked: true
181
- }, isSingleTermChecked && {
182
- defaultChecked: true
183
- });
184
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, createSecuritySeal(), /*#__PURE__*/_react["default"].createElement("div", {
185
- id: fieldId,
186
- className: "o-forms-field"
187
- }, createLoaderOnInit(), /*#__PURE__*/_react["default"].createElement("div", {
188
- className: "o-forms-input o-forms-input--radio-box ncf__payment-type-selector"
189
- }, createPaymentTypes()), /*#__PURE__*/_react["default"].createElement("div", {
190
- className: "o-forms-input__error"
191
- }, "Please enter a valid payment type"), createDirectDebitPanel(), createZuoraPanel()), /*#__PURE__*/_react["default"].createElement("div", {
192
- className: "o-forms-field"
193
- }, isSingleTerm && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", {
194
- className: "o-forms-input o-forms-input--checkbox o-forms-input--suffix ncf__payment-type-pay-faster-next-time-checkbox",
195
- htmlFor: "payFasterNextTime"
196
- }, /*#__PURE__*/_react["default"].createElement("input", inputCheckProps), /*#__PURE__*/_react["default"].createElement("span", {
197
- className: "o-forms-input__label"
198
- }, "Use these details to pay faster next time")))));
199
- }
200
- PaymentType.propTypes = {
201
- enableApplepay: _propTypes["default"].bool,
202
- enableCreditcard: _propTypes["default"].bool,
203
- enableDirectdebit: _propTypes["default"].bool,
204
- enablePaypal: _propTypes["default"].bool,
205
- enableBankTransfer: _propTypes["default"].bool,
206
- showLoaderOnInit: _propTypes["default"].bool,
207
- showPaypalCustomerCareMessage: _propTypes["default"].bool,
208
- fieldId: _propTypes["default"].string,
209
- inputId: _propTypes["default"].string,
210
- value: _propTypes["default"].string,
211
- isSingleTerm: _propTypes["default"].bool,
212
- isSingleTermChecked: _propTypes["default"].bool
213
- };
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.PersonalTitle = PersonalTitle;
8
- exports.defaultPersonalTitles = void 0;
9
- var _react = _interopRequireDefault(require("react"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _classnames = _interopRequireDefault(require("classnames"));
12
- var defaultPersonalTitles = [{
13
- code: 'Mr',
14
- description: 'Mr'
15
- }, {
16
- code: 'Mrs',
17
- description: 'Mrs'
18
- }, {
19
- code: 'Miss',
20
- description: 'Miss'
21
- }, {
22
- code: 'Ms',
23
- description: 'Ms'
24
- }];
25
- exports.defaultPersonalTitles = defaultPersonalTitles;
26
- function PersonalTitle(_ref) {
27
- var value = _ref.value,
28
- _ref$isDisabled = _ref.isDisabled,
29
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
30
- _ref$hasError = _ref.hasError,
31
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
32
- _ref$fieldId = _ref.fieldId,
33
- fieldId = _ref$fieldId === void 0 ? 'titleField' : _ref$fieldId,
34
- _ref$selectId = _ref.selectId,
35
- selectId = _ref$selectId === void 0 ? 'title' : _ref$selectId,
36
- _ref$selectName = _ref.selectName,
37
- selectName = _ref$selectName === void 0 ? 'title' : _ref$selectName,
38
- _ref$options = _ref.options,
39
- options = _ref$options === void 0 ? defaultPersonalTitles : _ref$options,
40
- _ref$fieldLabel = _ref.fieldLabel,
41
- fieldLabel = _ref$fieldLabel === void 0 ? 'Title' : _ref$fieldLabel,
42
- _ref$isRequired = _ref.isRequired,
43
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
44
- var inputWrapperClassName = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
45
- 'o-forms-input--invalid': hasError
46
- }]);
47
- var fieldTitleClassName = (0, _classnames["default"])(['o-forms-title', {
48
- 'o-forms-field--optional': !isRequired
49
- }]);
50
- return /*#__PURE__*/_react["default"].createElement("label", {
51
- id: fieldId,
52
- className: "o-forms-field ncf__validation-error",
53
- htmlFor: selectId
54
- }, /*#__PURE__*/_react["default"].createElement("span", {
55
- className: fieldTitleClassName
56
- }, /*#__PURE__*/_react["default"].createElement("span", {
57
- className: "o-forms-title__main"
58
- }, fieldLabel)), /*#__PURE__*/_react["default"].createElement("span", {
59
- className: inputWrapperClassName
60
- }, /*#__PURE__*/_react["default"].createElement("select", {
61
- id: selectId,
62
- name: selectName,
63
- "data-trackable": "title",
64
- "aria-required": isRequired,
65
- required: isRequired,
66
- disabled: isDisabled,
67
- defaultValue: value
68
- }, /*#__PURE__*/_react["default"].createElement("option", {
69
- value: ""
70
- }, "Please select a title"), options.map(function (_ref2) {
71
- var code = _ref2.code,
72
- description = _ref2.description;
73
- return /*#__PURE__*/_react["default"].createElement("option", {
74
- key: code,
75
- value: code
76
- }, description);
77
- })), /*#__PURE__*/_react["default"].createElement("span", {
78
- className: "o-forms-input__error"
79
- }, "Please select your personal title")));
80
- }
81
- PersonalTitle.propTypes = {
82
- value: _propTypes["default"].string,
83
- isDisabled: _propTypes["default"].bool,
84
- hasError: _propTypes["default"].bool,
85
- fieldId: _propTypes["default"].string,
86
- selectId: _propTypes["default"].string,
87
- selectName: _propTypes["default"].string,
88
- options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
89
- code: _propTypes["default"].string,
90
- description: _propTypes["default"].string
91
- })),
92
- fieldLabel: _propTypes["default"].string,
93
- isRequired: _propTypes["default"].bool
94
- };
package/dist/phone.js DELETED
@@ -1,85 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Phone = Phone;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- function Phone(_ref) {
12
- var _ref$hasError = _ref.hasError,
13
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
14
- _ref$isB2b = _ref.isB2b,
15
- isB2b = _ref$isB2b === void 0 ? false : _ref$isB2b,
16
- _ref$isDisabled = _ref.isDisabled,
17
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
18
- _ref$isRequired = _ref.isRequired,
19
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
20
- _ref$value = _ref.value,
21
- value = _ref$value === void 0 ? '' : _ref$value,
22
- _ref$pattern = _ref.pattern,
23
- pattern = _ref$pattern === void 0 ? '' : _ref$pattern,
24
- _ref$fieldId = _ref.fieldId,
25
- fieldId = _ref$fieldId === void 0 ? 'primaryTelephoneField' : _ref$fieldId,
26
- _ref$inputId = _ref.inputId,
27
- inputId = _ref$inputId === void 0 ? 'primaryTelephone' : _ref$inputId,
28
- _ref$inputName = _ref.inputName,
29
- inputName = _ref$inputName === void 0 ? 'primaryTelephone' : _ref$inputName,
30
- _ref$dataTrackable = _ref.dataTrackable,
31
- dataTrackable = _ref$dataTrackable === void 0 ? 'field-phone' : _ref$dataTrackable,
32
- _ref$isEducationalLic = _ref.isEducationalLicence,
33
- isEducationalLicence = _ref$isEducationalLic === void 0 ? false : _ref$isEducationalLic;
34
- var labelText = isB2b && !isEducationalLicence ? 'Work phone number' : 'Phone number';
35
- var descriptionId = 'phone-description';
36
- var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--text', {
37
- 'o-forms-input--invalid': hasError
38
- }]);
39
- var fieldTitleClassName = (0, _classnames["default"])(['o-forms-title', {
40
- 'o-forms-field--optional': !isRequired
41
- }]);
42
- return /*#__PURE__*/_react["default"].createElement("label", {
43
- id: fieldId,
44
- htmlFor: inputId,
45
- className: "o-forms-field ncf__validation-error",
46
- "data-validate": "required,number"
47
- }, /*#__PURE__*/_react["default"].createElement("span", {
48
- className: fieldTitleClassName
49
- }, /*#__PURE__*/_react["default"].createElement("span", {
50
- className: "o-forms-title__main"
51
- }, labelText), /*#__PURE__*/_react["default"].createElement("span", {
52
- className: "o-forms-title__prompt"
53
- }, "We need this for security purposes. We'll never send anything without consent (Use numbers only)")), /*#__PURE__*/_react["default"].createElement("span", {
54
- className: inputWrapperClassNames
55
- }, /*#__PURE__*/_react["default"].createElement("input", {
56
- type: "tel",
57
- id: inputId,
58
- name: inputName,
59
- placeholder: "Enter your phone number",
60
- autoComplete: "tel",
61
- minLength: "5",
62
- maxLength: "15",
63
- "data-trackable": dataTrackable,
64
- "aria-describedby": descriptionId,
65
- "aria-required": isRequired,
66
- required: isRequired,
67
- pattern: pattern,
68
- disabled: isDisabled,
69
- defaultValue: value
70
- }), /*#__PURE__*/_react["default"].createElement("span", {
71
- className: "o-forms-input__error"
72
- }, "This phone number is not valid")));
73
- }
74
- Phone.propTypes = {
75
- hasError: _propTypes["default"].bool,
76
- isB2b: _propTypes["default"].bool,
77
- isDisabled: _propTypes["default"].bool,
78
- value: _propTypes["default"].string,
79
- pattern: _propTypes["default"].string,
80
- fieldId: _propTypes["default"].string,
81
- inputId: _propTypes["default"].string,
82
- inputName: _propTypes["default"].string,
83
- dataTrackable: _propTypes["default"].string,
84
- isEducationalLicence: _propTypes["default"].bool
85
- };
package/dist/position.js DELETED
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Position = Position;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- var _nCommonStaticData = require("n-common-static-data");
12
- var B2CPositions = _nCommonStaticData.demographics.positions.positions;
13
- var B2BPositions = _nCommonStaticData.b2b.demographics.positions.positions;
14
- function Position(_ref) {
15
- var value = _ref.value,
16
- _ref$isDisabled = _ref.isDisabled,
17
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
18
- _ref$hasError = _ref.hasError,
19
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
20
- _ref$fieldId = _ref.fieldId,
21
- fieldId = _ref$fieldId === void 0 ? 'positionField' : _ref$fieldId,
22
- _ref$selectId = _ref.selectId,
23
- selectId = _ref$selectId === void 0 ? 'position' : _ref$selectId,
24
- _ref$selectName = _ref.selectName,
25
- selectName = _ref$selectName === void 0 ? 'position' : _ref$selectName,
26
- _ref$isB2B = _ref.isB2B,
27
- isB2B = _ref$isB2B === void 0 ? false : _ref$isB2B,
28
- _ref$options = _ref.options,
29
- options = _ref$options === void 0 ? isB2B ? B2BPositions : B2CPositions : _ref$options,
30
- _ref$isRequired = _ref.isRequired,
31
- isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
32
- _ref$fieldLabel = _ref.fieldLabel,
33
- fieldLabel = _ref$fieldLabel === void 0 ? 'What’s your job position?' : _ref$fieldLabel;
34
- var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
35
- 'o-forms-input--invalid': hasError
36
- }]);
37
- var fieldTitleClassName = (0, _classnames["default"])(['o-forms-title', {
38
- 'o-forms-field--optional': !isRequired
39
- }]);
40
- return /*#__PURE__*/_react["default"].createElement("label", {
41
- id: fieldId,
42
- className: "o-forms-field ncf__validation-error",
43
- "data-validate": isRequired ? 'required' : '',
44
- htmlFor: selectId
45
- }, /*#__PURE__*/_react["default"].createElement("span", {
46
- className: fieldTitleClassName
47
- }, /*#__PURE__*/_react["default"].createElement("span", {
48
- className: "o-forms-title__main"
49
- }, fieldLabel)), /*#__PURE__*/_react["default"].createElement("span", {
50
- className: inputWrapperClassNames
51
- }, /*#__PURE__*/_react["default"].createElement("select", {
52
- id: selectId,
53
- name: selectName,
54
- "data-trackable": "position",
55
- "aria-required": isRequired,
56
- required: isRequired,
57
- disabled: isDisabled,
58
- defaultValue: value
59
- }, /*#__PURE__*/_react["default"].createElement("option", {
60
- value: ""
61
- }, "Please select a job position"), options.map(function (_ref2) {
62
- var code = _ref2.code,
63
- description = _ref2.description;
64
- return /*#__PURE__*/_react["default"].createElement("option", {
65
- key: code,
66
- value: code
67
- }, description);
68
- })), /*#__PURE__*/_react["default"].createElement("span", {
69
- className: "o-forms-input__error"
70
- }, "Please select your position")));
71
- }
72
- Position.propTypes = {
73
- value: _propTypes["default"].string,
74
- isDisabled: _propTypes["default"].bool,
75
- hasError: _propTypes["default"].bool,
76
- fieldId: _propTypes["default"].string,
77
- selectId: _propTypes["default"].string,
78
- selectName: _propTypes["default"].string,
79
- isB2B: _propTypes["default"].bool,
80
- options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
81
- code: _propTypes["default"].string,
82
- description: _propTypes["default"].string
83
- })),
84
- isRequired: _propTypes["default"].bool,
85
- fieldLabel: _propTypes["default"].string
86
- };
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ProgressIndicator = ProgressIndicator;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- function ProgressIndicator(_ref) {
12
- var _ref$items = _ref.items,
13
- items = _ref$items === void 0 ? [] : _ref$items,
14
- _ref$disableLinks = _ref.disableLinks,
15
- disableLinks = _ref$disableLinks === void 0 ? false : _ref$disableLinks;
16
- function getElementsForComplete(item) {
17
- return disableLinks ? /*#__PURE__*/_react["default"].createElement("span", {
18
- className: "o-stepped-progress__step o-stepped-progress__step--complete"
19
- }, /*#__PURE__*/_react["default"].createElement("span", {
20
- className: "o-stepped-progress__label"
21
- }, item.name, /*#__PURE__*/_react["default"].createElement("span", {
22
- className: "o-stepped-progress__status"
23
- }, "(completed)"))) : /*#__PURE__*/_react["default"].createElement("a", {
24
- href: item.url,
25
- className: "o-stepped-progress__step o-stepped-progress__step--complete",
26
- "data-trackable": "change-progress"
27
- }, /*#__PURE__*/_react["default"].createElement("span", {
28
- className: "o-stepped-progress__label"
29
- }, item.name, /*#__PURE__*/_react["default"].createElement("i", {
30
- className: "ncf__icon ncf__icon--inline-edit"
31
- }), ' ', /*#__PURE__*/_react["default"].createElement("span", {
32
- className: "o-stepped-progress__status"
33
- }, "(completed)")));
34
- }
35
- function getElementsForNonComplete(item) {
36
- var nonCompleteDivClassName = (0, _classnames["default"])(['o-stepped-progress__step', {
37
- 'o-stepped-progress__step--current': item.isCurrent
38
- }]);
39
- return /*#__PURE__*/_react["default"].createElement("div", {
40
- className: nonCompleteDivClassName
41
- }, /*#__PURE__*/_react["default"].createElement("span", {
42
- className: "o-stepped-progress__label"
43
- }, item.name, ' ', item.isCurrent && /*#__PURE__*/_react["default"].createElement("span", {
44
- className: "o-stepped-progress__status"
45
- }, "(current step)")));
46
- }
47
- return /*#__PURE__*/_react["default"].createElement("div", {
48
- className: "ncf__stepped-progress o-stepped-progress",
49
- "data-o-component": "o-stepped-progress"
50
- }, /*#__PURE__*/_react["default"].createElement("ol", {
51
- className: "o-stepped-progress__steps"
52
- }, items.map(function (item, index) {
53
- return /*#__PURE__*/_react["default"].createElement("li", {
54
- key: index
55
- }, item.isComplete ? getElementsForComplete(item) : getElementsForNonComplete(item));
56
- })));
57
- }
58
- ProgressIndicator.propTypes = {
59
- items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
60
- isComplete: _propTypes["default"].bool,
61
- isCurrent: _propTypes["default"].bool,
62
- name: _propTypes["default"].string,
63
- url: _propTypes["default"].string
64
- })),
65
- disableLinks: _propTypes["default"].bool
66
- };
package/dist/province.js DELETED
@@ -1,80 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Province = Province;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- var _nCommonStaticData = require("n-common-static-data");
12
- var defaultProvinces = _nCommonStaticData.canadianProvinces.provinces;
13
- function Province(_ref) {
14
- var value = _ref.value,
15
- _ref$fieldId = _ref.fieldId,
16
- fieldId = _ref$fieldId === void 0 ? 'provinceField' : _ref$fieldId,
17
- _ref$selectId = _ref.selectId,
18
- selectId = _ref$selectId === void 0 ? 'province' : _ref$selectId,
19
- _ref$hasError = _ref.hasError,
20
- hasError = _ref$hasError === void 0 ? false : _ref$hasError,
21
- _ref$isHidden = _ref.isHidden,
22
- isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
23
- _ref$isBillingProvinc = _ref.isBillingProvince,
24
- isBillingProvince = _ref$isBillingProvinc === void 0 ? false : _ref$isBillingProvinc,
25
- _ref$isDisabled = _ref.isDisabled,
26
- isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
27
- _ref$provinces = _ref.provinces,
28
- provinces = _ref$provinces === void 0 ? defaultProvinces : _ref$provinces;
29
- var fieldClassNames = (0, _classnames["default"])(['o-forms-field', {
30
- ncf__hidden: isHidden
31
- }]);
32
- var inputWrapperClassNames = (0, _classnames["default"])(['o-forms-input', 'o-forms-input--select', {
33
- 'o-forms-input--invalid': hasError
34
- }]);
35
- return /*#__PURE__*/_react["default"].createElement("label", {
36
- id: fieldId,
37
- className: fieldClassNames,
38
- "data-validate": "required",
39
- htmlFor: selectId
40
- }, /*#__PURE__*/_react["default"].createElement("span", {
41
- className: "o-forms-title"
42
- }, /*#__PURE__*/_react["default"].createElement("span", {
43
- className: "o-forms-title__main"
44
- }, isBillingProvince ? 'Billing ' : '', "Province")), /*#__PURE__*/_react["default"].createElement("span", {
45
- className: inputWrapperClassNames
46
- }, /*#__PURE__*/_react["default"].createElement("select", {
47
- id: selectId,
48
- "aria-required": "true",
49
- required: true,
50
- name: isBillingProvince ? 'billingProvince' : 'province',
51
- "data-trackable": "field-province",
52
- disabled: isDisabled,
53
- defaultValue: value
54
- }, /*#__PURE__*/_react["default"].createElement("option", {
55
- disabled: true,
56
- value: ""
57
- }, "Please select a province"), provinces.map(function (_ref2) {
58
- var code = _ref2.code,
59
- name = _ref2.name;
60
- return /*#__PURE__*/_react["default"].createElement("option", {
61
- key: code,
62
- value: code
63
- }, name);
64
- })), /*#__PURE__*/_react["default"].createElement("span", {
65
- className: "o-forms-input__error"
66
- }, "Please select your province.")));
67
- }
68
- Province.propTypes = {
69
- value: _propTypes["default"].string,
70
- fieldId: _propTypes["default"].string,
71
- selectId: _propTypes["default"].string,
72
- hasError: _propTypes["default"].bool,
73
- isHidden: _propTypes["default"].bool,
74
- isBillingProvince: _propTypes["default"].bool,
75
- isDisabled: _propTypes["default"].bool,
76
- provinces: _propTypes["default"].arrayOf(_propTypes["default"].shape({
77
- code: _propTypes["default"].string,
78
- name: _propTypes["default"].string
79
- }))
80
- };