Repository URL to install this package:
|
Version:
2.1.16 ▾
|
@skava/ui-presets
/
dist
/
presets
/
Subscription
/
PaymentInformationForm
/
FormFields
/
fixture.js
|
|---|
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.wording = {
cardName: 'name on card',
cardNumber: 'card number',
CVVNumber: 'cvv',
expirationMonth: 'expiration month',
expirationYear: 'expiration year',
defaultBillingAddress: 'Billing address is same as shipping address',
name: 'name',
address: 'address',
city: 'city',
state: 'state',
zipCode: 'zip code',
button: 'Save'
};
exports.inputList = [{
identity: 'name',
type: 'text',
value: '',
className: 'form-inputs',
name: 'nameOnCard',
labelText: exports.wording.cardName,
maxLength: '50',
wrapperClassName: 'form-item-wrapper',
validationType: 'name',
errorMessageFor: 'name',
dataQa: 'qa-card-name',
autocomplete: 'given-name',
ariaLabel: exports.wording.cardName,
animatePlaceholder: false
}, {
identity: 'cardNumber',
type: 'cardType',
value: '',
name: 'cardNumber',
labelText: exports.wording.cardNumber,
animatePlaceholder: false,
maxLength: 16,
wrapperClassName: 'form-item-wrapper card-number',
validationType: 'creditCard',
errorMessageFor: 'creditCard',
autocomplete: 'cc-number',
dataQa: 'qa-payment-card-no',
ariaLabel: exports.wording.cardNumber
}, {
identity: 'CVVNumber',
type: 'cardType',
value: '',
name: 'CVVNumber',
labelText: exports.wording.CVVNumber,
wrapperClassName: 'form-item-wrapper cvv-number',
animatePlaceholder: false,
maxLength: 3,
validationType: 'securityCode',
errorMessageFor: 'cvvNumber',
autocomplete: 'cc-number',
dataQa: '',
ariaLabel: exports.wording.CVVNumber
}, {
identity: 'expiryMonth',
type: 'expiryDate',
name: 'expirationMonth',
value: '',
labelText: exports.wording.expirationMonth,
wrapperClassName: 'form-item-wrapper expiry-month',
animatePlaceholder: false,
minLength: '2',
maxLength: '2',
validationType: 'month',
errorMessageFor: 'expirationMonth',
autocomplete: 'cc-exp-month',
dataQa: 'qa-payment-month',
ariaLabel: exports.wording.expirationMonth
}, {
identity: 'expiryYear',
name: 'expirationYear',
type: 'expiryDate',
maxLength: '4',
minLength: '2',
value: '',
labelText: exports.wording.expirationYear,
wrapperClassName: 'form-item-wrapper expiry-year',
animatePlaceholder: false,
validationType: 'year',
errorMessageFor: 'expirationYear',
autocomplete: 'cc-exp-year',
dataQa: 'qa-payment-year',
ariaLabel: exports.wording.expirationYear
}, {
identity: 'defaultBillingAddress',
type: 'checkbox',
label: exports.wording.defaultBillingAddress,
className: 'form-item-wrapper default-address',
name: 'defaultBillingAddress',
isSelected: true,
bgColor: '#00a0db',
dataQa: 'qa-ship-billing-address',
ariaLabel: exports.wording.defaultBillingAddress
}, {
type: 'groupElements',
name: 'billing-address',
className: 'billing-address-wrapper',
validationType: 'groupElements',
isHidden: true,
elementList: [{
identity: 'name',
type: 'text',
value: '',
className: 'form-inputs',
name: 'name',
labelText: exports.wording.name,
maxLength: '50',
wrapperClassName: 'form-item-wrapper',
validationType: 'name',
errorMessageFor: 'name',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-name',
autocomplete: 'given-name',
ariaLabel: exports.wording.name,
animatePlaceholder: false
}, {
identity: 'address',
type: 'text',
value: '',
className: 'form-inputs',
name: 'addressLine1',
labelText: exports.wording.address,
maxLength: '50',
wrapperClassName: 'form-item-wrapper',
validationType: 'address',
errorMessageFor: 'address',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-address-1',
autocomplete: 'given-address',
ariaLabel: exports.wording.address,
animatePlaceholder: false
}, {
identity: 'address',
type: 'text',
value: '',
className: 'form-inputs',
name: 'addressLine2',
labelText: exports.wording.address,
maxLength: '50',
wrapperClassName: 'form-item-wrapper',
validationType: 'address',
errorMessageFor: 'address',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-address-2',
autocomplete: 'given-address',
ariaLabel: exports.wording.address,
animatePlaceholder: false
}, {
identity: 'city',
type: 'text',
value: '',
className: 'form-inputs',
name: 'city',
labelText: exports.wording.city,
maxLength: '50',
wrapperClassName: 'form-item-wrapper',
validationType: 'city',
errorMessageFor: 'city',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-city',
autocomplete: 'given-city',
ariaLabel: exports.wording.city,
animatePlaceholder: false
}, {
identity: 'state',
type: 'text',
value: '',
className: 'form-inputs',
name: 'state',
labelText: exports.wording.state,
maxLength: '50',
wrapperClassName: 'form-item-wrapper left-align',
validationType: 'state',
errorMessageFor: 'state',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-state',
autocomplete: 'given-city',
ariaLabel: exports.wording.state,
animatePlaceholder: false
}, {
identity: 'postalCode',
type: 'text',
value: '',
className: 'form-inputs',
name: 'postalCode',
labelText: exports.wording.zipCode,
maxLength: '6',
wrapperClassName: 'form-item-wrapper right-align',
validationType: 'zipCode',
errorMessageFor: 'zipCode',
// onBlur: handleAddressFormBlur,
// onFocus: handleAddressFormFocus,
dataQa: 'qa-code',
autocomplete: 'given-zip-code',
ariaLabel: exports.wording.zipCode,
animatePlaceholder: false
}]
}];