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

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 (94) hide show
  1. package/.circleci/config.yml +97 -150
  2. package/.github/workflows/gh-pages-deploy.yml +3 -3
  3. package/.toolkitrc.yml +19 -0
  4. package/.toolkitstate/ci.json +6 -0
  5. package/CONTRIBUTING.md +1 -1
  6. package/README.md +2 -2
  7. package/components/accept-terms-subscription.jsx +7 -5
  8. package/jest.config.js +2 -0
  9. package/package.json +30 -16
  10. package/.circleci/shared-helpers/.github/settings.yml +0 -1
  11. package/.circleci/shared-helpers/CODEOWNERS +0 -3
  12. package/.circleci/shared-helpers/README.md +0 -72
  13. package/.circleci/shared-helpers/helper-check-service-ready +0 -37
  14. package/.circleci/shared-helpers/helper-configure-awscli +0 -20
  15. package/.circleci/shared-helpers/helper-generate-build-state-artifacts +0 -29
  16. package/.circleci/shared-helpers/helper-install-awscli +0 -14
  17. package/.circleci/shared-helpers/helper-install-puppeteer-deps +0 -25
  18. package/.circleci/shared-helpers/helper-npm-install-peer-deps +0 -40
  19. package/.circleci/shared-helpers/helper-npm-store-auth-token +0 -14
  20. package/.circleci/shared-helpers/helper-npm-update +0 -26
  21. package/.circleci/shared-helpers/helper-npm-version-and-publish-public +0 -19
  22. package/.circleci/shared-helpers/helper-publish-github-pages +0 -43
  23. package/.circleci/shared-helpers/helper-setup-heroku-cli +0 -46
  24. package/.circleci/shared-helpers/helper-setup-s3-upload +0 -17
  25. package/.circleci/shared-helpers/helper-upload-assets-to-s3 +0 -69
  26. package/.circleci/shared-helpers/helper.example +0 -13
  27. package/build-state/npm-shrinkwrap.json +0 -58461
  28. package/dist/accept-terms-business.js +0 -74
  29. package/dist/accept-terms-business.spec.js +0 -40
  30. package/dist/accept-terms-privacy-policy.js +0 -71
  31. package/dist/accept-terms-subscription.js +0 -150
  32. package/dist/accept-terms.js +0 -217
  33. package/dist/app-banner.js +0 -51
  34. package/dist/b2c-partnership-confirmation.js +0 -64
  35. package/dist/billing-city.js +0 -58
  36. package/dist/billing-country.js +0 -43
  37. package/dist/billing-postcode.js +0 -76
  38. package/dist/company-name.js +0 -78
  39. package/dist/confirmation.js +0 -117
  40. package/dist/continue-reading.js +0 -45
  41. package/dist/country.js +0 -106
  42. package/dist/customer-care.js +0 -52
  43. package/dist/debug.js +0 -50
  44. package/dist/decision-maker.js +0 -72
  45. package/dist/deferred-billing-terms.js +0 -112
  46. package/dist/delivery-address-map.js +0 -184
  47. package/dist/delivery-address-type.js +0 -74
  48. package/dist/delivery-address.js +0 -123
  49. package/dist/delivery-city.js +0 -70
  50. package/dist/delivery-county.js +0 -48
  51. package/dist/delivery-instructions.js +0 -123
  52. package/dist/delivery-option.js +0 -77
  53. package/dist/delivery-po-box.js +0 -75
  54. package/dist/delivery-postcode.js +0 -116
  55. package/dist/delivery-security-instructions.js +0 -72
  56. package/dist/delivery-start-date.js +0 -77
  57. package/dist/education-job-title.js +0 -67
  58. package/dist/email.js +0 -90
  59. package/dist/error-page.js +0 -45
  60. package/dist/fieldset.js +0 -58
  61. package/dist/first-name.js +0 -73
  62. package/dist/form.js +0 -29
  63. package/dist/google-sign-in.js +0 -24
  64. package/dist/graduation-date.js +0 -112
  65. package/dist/index.js +0 -432
  66. package/dist/industry.js +0 -81
  67. package/dist/job-title.js +0 -65
  68. package/dist/last-name.js +0 -73
  69. package/dist/licence-confirmation.js +0 -67
  70. package/dist/licence-header.js +0 -52
  71. package/dist/licence-sign-in.js +0 -36
  72. package/dist/licence-title.js +0 -46
  73. package/dist/lite-sub-confirmation.js +0 -118
  74. package/dist/loader.js +0 -54
  75. package/dist/message.js +0 -101
  76. package/dist/message.spec.js +0 -96
  77. package/dist/organisation.js +0 -73
  78. package/dist/package-change.js +0 -38
  79. package/dist/password.js +0 -95
  80. package/dist/payment-term.js +0 -328
  81. package/dist/payment-type.js +0 -213
  82. package/dist/personal-title.js +0 -94
  83. package/dist/phone.js +0 -85
  84. package/dist/position.js +0 -86
  85. package/dist/progress-indicator.js +0 -66
  86. package/dist/province.js +0 -80
  87. package/dist/registration-confirmation.js +0 -108
  88. package/dist/responsibility.js +0 -84
  89. package/dist/section.js +0 -20
  90. package/dist/seven-day-pass-experiment-confirmation.js +0 -93
  91. package/dist/state.js +0 -80
  92. package/dist/submit.js +0 -52
  93. package/dist/text-input.js +0 -78
  94. 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
- };