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