@globalpayments/js 1.9.18 → 1.9.20
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/package.json +1 -1
- package/types/internal/lib/card.d.ts +5 -5
- package/types/internal/lib/installments/contracts/enums.d.ts +6 -1
- package/types/internal/lib/installments/installments-handler.d.ts +1 -1
- package/types/internal/lib/styles/default.d.ts +12 -12
- package/types/internal/lib/styles/gp-default.d.ts +15 -7
- package/types/internal/lib/styles/simple.d.ts +12 -12
- package/types/lib/version.d.ts +1 -1
- package/types/ui/form/index.d.ts +89 -70
- package/types/ui/iframe-field/action-accumulate-installment-data.d.ts +3 -0
- package/types/ui/iframe-field/action-request-installment-data.d.ts +3 -0
- package/types/ui/iframe-field/index.d.ts +1 -1
package/package.json
CHANGED
|
@@ -94,22 +94,22 @@ export default class Card {
|
|
|
94
94
|
*/
|
|
95
95
|
static validateExpiration(e: Event): void;
|
|
96
96
|
/**
|
|
97
|
-
*
|
|
97
|
+
* validateInstallmentFields
|
|
98
98
|
*
|
|
99
99
|
* Validates a target element"s value based on the
|
|
100
100
|
* availability of use installment plans.
|
|
101
101
|
*
|
|
102
102
|
* @param e
|
|
103
103
|
*/
|
|
104
|
-
static
|
|
104
|
+
static validateInstallmentFields(e: Event, fieldType: string): void;
|
|
105
105
|
/**
|
|
106
|
-
*
|
|
106
|
+
* postInstallmentFieldValidatedEvent
|
|
107
107
|
*
|
|
108
|
-
* Post an event
|
|
108
|
+
* Post an event when an installment related card field is validated
|
|
109
109
|
*
|
|
110
110
|
* @param e
|
|
111
111
|
*/
|
|
112
|
-
static
|
|
112
|
+
static postInstallmentFieldValidatedEvent(e: Event): void;
|
|
113
113
|
/**
|
|
114
114
|
* attachNumberEvents
|
|
115
115
|
*
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export declare enum InstallmentEvents {
|
|
2
|
+
CardInstallmentsFieldValidated = "card-installments-field-validated",
|
|
2
3
|
CardInstallmentsRequestStart = "card-installments-request-start",
|
|
3
4
|
CardInstallmentsRequestCompleted = "card-installments-request-completed",
|
|
4
|
-
|
|
5
|
+
CardInstallmentsRequestFailed = "card-installments-request-failed",
|
|
6
|
+
CardInstallmentsHide = "card-installments-hide",
|
|
7
|
+
CardInstallmentsRequestData = "card-installments-request-data",
|
|
8
|
+
CardInstallmentsPassData = "card-installments-pass-data",
|
|
9
|
+
CardInstallmentsAccumulateData = "card-installments-accumulate-data"
|
|
5
10
|
}
|
|
6
11
|
export declare enum InstallmentAvailableStatus {
|
|
7
12
|
Available = "AVAILABLE",
|
|
@@ -29,7 +29,7 @@ export interface InstallmentsContext {
|
|
|
29
29
|
explorePlans: () => void;
|
|
30
30
|
selectTerm: (i: number) => void;
|
|
31
31
|
changePaymentMethod: () => void;
|
|
32
|
-
pay: (
|
|
32
|
+
pay: () => void;
|
|
33
33
|
updateContainerContent: () => void;
|
|
34
34
|
}
|
|
35
35
|
export interface InstallmentStepDefinition {
|
|
@@ -69,7 +69,7 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
69
69
|
background: string;
|
|
70
70
|
"background-size": string;
|
|
71
71
|
};
|
|
72
|
-
"img.card-number": {
|
|
72
|
+
"img.card-number-icon": {
|
|
73
73
|
background: string;
|
|
74
74
|
"background-size": string;
|
|
75
75
|
width: string;
|
|
@@ -80,59 +80,59 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
80
80
|
"margin-top": string;
|
|
81
81
|
"background-position": string;
|
|
82
82
|
};
|
|
83
|
-
"img.card-number[src$='/gp-cc-generic.svg']": {
|
|
83
|
+
"img.card-number-icon[src$='/gp-cc-generic.svg']": {
|
|
84
84
|
background: string;
|
|
85
85
|
"background-size": string;
|
|
86
86
|
"background-position-y": string;
|
|
87
87
|
};
|
|
88
|
-
"img.card-number.invalid.card-type-amex": {
|
|
88
|
+
"img.card-number-icon.invalid.card-type-amex": {
|
|
89
89
|
background: string;
|
|
90
90
|
"background-size": string;
|
|
91
91
|
"background-position-y": string;
|
|
92
92
|
};
|
|
93
|
-
"img.card-number.invalid.card-type-discover": {
|
|
93
|
+
"img.card-number-icon.invalid.card-type-discover": {
|
|
94
94
|
background: string;
|
|
95
95
|
"background-size": string;
|
|
96
96
|
"background-position-y": string;
|
|
97
97
|
width: string;
|
|
98
98
|
};
|
|
99
|
-
"img.card-number.invalid.card-type-jcb": {
|
|
99
|
+
"img.card-number-icon.invalid.card-type-jcb": {
|
|
100
100
|
background: string;
|
|
101
101
|
"background-size": string;
|
|
102
102
|
"background-position-y": string;
|
|
103
103
|
};
|
|
104
|
-
"img.card-number.invalid.card-type-mastercard": {
|
|
104
|
+
"img.card-number-icon.invalid.card-type-mastercard": {
|
|
105
105
|
background: string;
|
|
106
106
|
"background-size": string;
|
|
107
107
|
"background-position-y": string;
|
|
108
108
|
};
|
|
109
|
-
"img.card-number.invalid.card-type-visa": {
|
|
109
|
+
"img.card-number-icon.invalid.card-type-visa": {
|
|
110
110
|
background: string;
|
|
111
111
|
"background-size": string;
|
|
112
112
|
"background-position-y": string;
|
|
113
113
|
};
|
|
114
|
-
"img.card-number.valid.card-type-amex": {
|
|
114
|
+
"img.card-number-icon.valid.card-type-amex": {
|
|
115
115
|
background: string;
|
|
116
116
|
"background-size": string;
|
|
117
117
|
"background-position-y": string;
|
|
118
118
|
};
|
|
119
|
-
"img.card-number.valid.card-type-discover": {
|
|
119
|
+
"img.card-number-icon.valid.card-type-discover": {
|
|
120
120
|
background: string;
|
|
121
121
|
"background-size": string;
|
|
122
122
|
"background-position-y": string;
|
|
123
123
|
width: string;
|
|
124
124
|
};
|
|
125
|
-
"img.card-number.valid.card-type-jcb": {
|
|
125
|
+
"img.card-number-icon.valid.card-type-jcb": {
|
|
126
126
|
background: string;
|
|
127
127
|
"background-size": string;
|
|
128
128
|
"background-position-y": string;
|
|
129
129
|
};
|
|
130
|
-
"img.card-number.valid.card-type-mastercard": {
|
|
130
|
+
"img.card-number-icon.valid.card-type-mastercard": {
|
|
131
131
|
background: string;
|
|
132
132
|
"background-size": string;
|
|
133
133
|
"background-position-y": string;
|
|
134
134
|
};
|
|
135
|
-
"img.card-number.valid.card-type-visa": {
|
|
135
|
+
"img.card-number-icon.valid.card-type-visa": {
|
|
136
136
|
background: string;
|
|
137
137
|
"background-size": string;
|
|
138
138
|
"background-position-y": string;
|
|
@@ -38,6 +38,10 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
38
38
|
border: string;
|
|
39
39
|
outline: string;
|
|
40
40
|
};
|
|
41
|
+
"#secure-payment-field:hover": {
|
|
42
|
+
border: string;
|
|
43
|
+
outline: string;
|
|
44
|
+
};
|
|
41
45
|
"#secure-payment-field[type=button]": {
|
|
42
46
|
"background-color": string;
|
|
43
47
|
color: string;
|
|
@@ -71,7 +75,7 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
71
75
|
".card-cvv.card-type-amex": {
|
|
72
76
|
"background-image": string;
|
|
73
77
|
};
|
|
74
|
-
"img.card-number": {
|
|
78
|
+
"img.card-number-icon": {
|
|
75
79
|
background: string;
|
|
76
80
|
position: string;
|
|
77
81
|
right: string;
|
|
@@ -81,22 +85,22 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
81
85
|
"margin-top": string;
|
|
82
86
|
"background-size": string;
|
|
83
87
|
};
|
|
84
|
-
"img.card-number.card-type-amex": {
|
|
88
|
+
"img.card-number-icon.card-type-amex": {
|
|
85
89
|
"background-image": string;
|
|
86
90
|
};
|
|
87
|
-
"img.card-number.card-type-discover": {
|
|
91
|
+
"img.card-number-icon.card-type-discover": {
|
|
88
92
|
"background-image": string;
|
|
89
93
|
};
|
|
90
|
-
"img.card-number.card-type-jcb": {
|
|
94
|
+
"img.card-number-icon.card-type-jcb": {
|
|
91
95
|
"background-image": string;
|
|
92
96
|
};
|
|
93
|
-
"img.card-number.card-type-mastercard": {
|
|
97
|
+
"img.card-number-icon.card-type-mastercard": {
|
|
94
98
|
"background-image": string;
|
|
95
99
|
};
|
|
96
|
-
"img.card-number.card-type-visa": {
|
|
100
|
+
"img.card-number-icon.card-type-visa": {
|
|
97
101
|
"background-image": string;
|
|
98
102
|
};
|
|
99
|
-
"img.card-number.card-type-diners": {
|
|
103
|
+
"img.card-number-icon.card-type-diners": {
|
|
100
104
|
"background-image": string;
|
|
101
105
|
};
|
|
102
106
|
".card-number::-ms-clear": {
|
|
@@ -826,6 +830,10 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
826
830
|
border: string;
|
|
827
831
|
outline: string;
|
|
828
832
|
};
|
|
833
|
+
".secure-payment-form .tooltip:hover": {
|
|
834
|
+
border: string;
|
|
835
|
+
outline: string;
|
|
836
|
+
};
|
|
829
837
|
".secure-payment-form .tooltip-content": {
|
|
830
838
|
visibility: string;
|
|
831
839
|
width: string;
|
|
@@ -51,7 +51,7 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
51
51
|
background: string;
|
|
52
52
|
"background-size": string;
|
|
53
53
|
};
|
|
54
|
-
"img.card-number": {
|
|
54
|
+
"img.card-number-icon": {
|
|
55
55
|
background: string;
|
|
56
56
|
"background-size": string;
|
|
57
57
|
width: string;
|
|
@@ -62,61 +62,61 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
62
62
|
"margin-top": string;
|
|
63
63
|
"background-position": string;
|
|
64
64
|
};
|
|
65
|
-
"img.card-number[src$='/gp-cc-generic.svg']": {
|
|
65
|
+
"img.card-number-icon[src$='/gp-cc-generic.svg']": {
|
|
66
66
|
background: string;
|
|
67
67
|
"background-size": string;
|
|
68
68
|
"background-position-y": string;
|
|
69
69
|
};
|
|
70
|
-
"img.card-number.invalid.card-type-amex": {
|
|
70
|
+
"img.card-number-icon.invalid.card-type-amex": {
|
|
71
71
|
background: string;
|
|
72
72
|
"background-size": string;
|
|
73
73
|
"background-position-y": string;
|
|
74
74
|
};
|
|
75
|
-
"img.card-number.invalid.card-type-discover": {
|
|
75
|
+
"img.card-number-icon.invalid.card-type-discover": {
|
|
76
76
|
background: string;
|
|
77
77
|
"background-size": string;
|
|
78
78
|
"background-position-y": string;
|
|
79
79
|
width: string;
|
|
80
80
|
right: string;
|
|
81
81
|
};
|
|
82
|
-
"img.card-number.invalid.card-type-jcb": {
|
|
82
|
+
"img.card-number-icon.invalid.card-type-jcb": {
|
|
83
83
|
background: string;
|
|
84
84
|
"background-size": string;
|
|
85
85
|
"background-position-y": string;
|
|
86
86
|
};
|
|
87
|
-
"img.card-number.invalid.card-type-mastercard": {
|
|
87
|
+
"img.card-number-icon.invalid.card-type-mastercard": {
|
|
88
88
|
background: string;
|
|
89
89
|
"background-size": string;
|
|
90
90
|
"background-position": string;
|
|
91
91
|
};
|
|
92
|
-
"img.card-number.invalid.card-type-visa": {
|
|
92
|
+
"img.card-number-icon.invalid.card-type-visa": {
|
|
93
93
|
background: string;
|
|
94
94
|
"background-size": string;
|
|
95
95
|
"background-position": string;
|
|
96
96
|
};
|
|
97
|
-
"img.card-number.valid.card-type-amex": {
|
|
97
|
+
"img.card-number-icon.valid.card-type-amex": {
|
|
98
98
|
background: string;
|
|
99
99
|
"background-size": string;
|
|
100
100
|
"background-position-y": string;
|
|
101
101
|
};
|
|
102
|
-
"img.card-number.valid.card-type-discover": {
|
|
102
|
+
"img.card-number-icon.valid.card-type-discover": {
|
|
103
103
|
background: string;
|
|
104
104
|
"background-size": string;
|
|
105
105
|
"background-position-y": string;
|
|
106
106
|
width: string;
|
|
107
107
|
right: string;
|
|
108
108
|
};
|
|
109
|
-
"img.card-number.valid.card-type-jcb": {
|
|
109
|
+
"img.card-number-icon.valid.card-type-jcb": {
|
|
110
110
|
background: string;
|
|
111
111
|
"background-size": string;
|
|
112
112
|
"background-position-y": string;
|
|
113
113
|
};
|
|
114
|
-
"img.card-number.valid.card-type-mastercard": {
|
|
114
|
+
"img.card-number-icon.valid.card-type-mastercard": {
|
|
115
115
|
background: string;
|
|
116
116
|
"background-size": string;
|
|
117
117
|
"background-position": string;
|
|
118
118
|
};
|
|
119
|
-
"img.card-number.valid.card-type-visa": {
|
|
119
|
+
"img.card-number-icon.valid.card-type-visa": {
|
|
120
120
|
background: string;
|
|
121
121
|
"background-size": string;
|
|
122
122
|
"background-position": string;
|
package/types/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.9.
|
|
1
|
+
declare const _default: "1.9.20";
|
|
2
2
|
export default _default;
|
package/types/ui/form/index.d.ts
CHANGED
|
@@ -75,7 +75,7 @@ export declare const fieldStyles: () => {
|
|
|
75
75
|
background: string;
|
|
76
76
|
"background-size": string;
|
|
77
77
|
};
|
|
78
|
-
"img.card-number": {
|
|
78
|
+
"img.card-number-icon": {
|
|
79
79
|
background: string;
|
|
80
80
|
"background-size": string;
|
|
81
81
|
width: string;
|
|
@@ -86,64 +86,59 @@ export declare const fieldStyles: () => {
|
|
|
86
86
|
"margin-top": string;
|
|
87
87
|
"background-position": string;
|
|
88
88
|
};
|
|
89
|
-
"img.card-number[src$='/gp-cc-generic.svg']": {
|
|
89
|
+
"img.card-number-icon[src$='/gp-cc-generic.svg']": {
|
|
90
90
|
background: string;
|
|
91
91
|
"background-size": string;
|
|
92
92
|
"background-position-y": string;
|
|
93
93
|
};
|
|
94
|
-
"img.card-number.invalid.card-type-amex": {
|
|
94
|
+
"img.card-number-icon.invalid.card-type-amex": {
|
|
95
95
|
background: string;
|
|
96
96
|
"background-size": string;
|
|
97
97
|
"background-position-y": string;
|
|
98
98
|
};
|
|
99
|
-
"img.card-number.invalid.card-type-discover": {
|
|
99
|
+
"img.card-number-icon.invalid.card-type-discover": {
|
|
100
100
|
background: string;
|
|
101
101
|
"background-size": string;
|
|
102
102
|
"background-position-y": string;
|
|
103
103
|
width: string;
|
|
104
104
|
};
|
|
105
|
-
"img.card-number.invalid.card-type-jcb": {
|
|
105
|
+
"img.card-number-icon.invalid.card-type-jcb": {
|
|
106
106
|
background: string;
|
|
107
107
|
"background-size": string;
|
|
108
108
|
"background-position-y": string;
|
|
109
109
|
};
|
|
110
|
-
"img.card-number.invalid.card-type-mastercard": {
|
|
110
|
+
"img.card-number-icon.invalid.card-type-mastercard": {
|
|
111
111
|
background: string;
|
|
112
112
|
"background-size": string;
|
|
113
113
|
"background-position-y": string;
|
|
114
114
|
};
|
|
115
|
-
"img.card-number.invalid.card-type-visa": {
|
|
115
|
+
"img.card-number-icon.invalid.card-type-visa": {
|
|
116
116
|
background: string;
|
|
117
117
|
"background-size": string;
|
|
118
118
|
"background-position-y": string;
|
|
119
119
|
};
|
|
120
|
-
"img.card-number.valid.card-type-amex": {
|
|
120
|
+
"img.card-number-icon.valid.card-type-amex": {
|
|
121
121
|
background: string;
|
|
122
122
|
"background-size": string;
|
|
123
123
|
"background-position-y": string;
|
|
124
124
|
};
|
|
125
|
-
"img.card-number.valid.card-type-discover": {
|
|
125
|
+
"img.card-number-icon.valid.card-type-discover": {
|
|
126
126
|
background: string;
|
|
127
127
|
"background-size": string;
|
|
128
128
|
"background-position-y": string;
|
|
129
129
|
width: string;
|
|
130
130
|
};
|
|
131
|
-
"img.card-number.valid.card-type-jcb": {
|
|
131
|
+
"img.card-number-icon.valid.card-type-jcb": {
|
|
132
132
|
background: string;
|
|
133
133
|
"background-size": string;
|
|
134
|
-
/**
|
|
135
|
-
* Appends additional CSS rules to the group of hosted fields
|
|
136
|
-
*
|
|
137
|
-
* @param json New CSS rules
|
|
138
|
-
*/
|
|
139
134
|
"background-position-y": string;
|
|
140
135
|
};
|
|
141
|
-
"img.card-number.valid.card-type-mastercard": {
|
|
136
|
+
"img.card-number-icon.valid.card-type-mastercard": {
|
|
142
137
|
background: string;
|
|
143
138
|
"background-size": string;
|
|
144
139
|
"background-position-y": string;
|
|
145
140
|
};
|
|
146
|
-
"img.card-number.valid.card-type-visa": {
|
|
141
|
+
"img.card-number-icon.valid.card-type-visa": {
|
|
147
142
|
background: string;
|
|
148
143
|
"background-size": string;
|
|
149
144
|
"background-position-y": string;
|
|
@@ -152,12 +147,7 @@ export declare const fieldStyles: () => {
|
|
|
152
147
|
display: string;
|
|
153
148
|
};
|
|
154
149
|
"input[placeholder]": {
|
|
155
|
-
"letter-spacing": string;
|
|
156
|
-
* Sets a special-case event listener that fires when all hosted
|
|
157
|
-
* fields in a form have registered / loaded
|
|
158
|
-
*
|
|
159
|
-
* @param fn The listener function
|
|
160
|
-
*/
|
|
150
|
+
"letter-spacing": string;
|
|
161
151
|
};
|
|
162
152
|
};
|
|
163
153
|
"gp-default": {
|
|
@@ -200,6 +190,10 @@ export declare const fieldStyles: () => {
|
|
|
200
190
|
border: string;
|
|
201
191
|
outline: string;
|
|
202
192
|
};
|
|
193
|
+
"#secure-payment-field:hover": {
|
|
194
|
+
border: string;
|
|
195
|
+
outline: string;
|
|
196
|
+
};
|
|
203
197
|
"#secure-payment-field[type=button]": {
|
|
204
198
|
"background-color": string;
|
|
205
199
|
color: string;
|
|
@@ -233,32 +227,35 @@ export declare const fieldStyles: () => {
|
|
|
233
227
|
".card-cvv.card-type-amex": {
|
|
234
228
|
"background-image": string;
|
|
235
229
|
};
|
|
236
|
-
"img.card-number": {
|
|
230
|
+
"img.card-number-icon": {
|
|
237
231
|
background: string;
|
|
238
232
|
position: string;
|
|
239
233
|
right: string;
|
|
240
234
|
top: string;
|
|
241
235
|
width: string;
|
|
236
|
+
/**
|
|
237
|
+
* Represents logic surrounding a group of hosted fields.
|
|
238
|
+
*/
|
|
242
239
|
height: string;
|
|
243
240
|
"margin-top": string;
|
|
244
241
|
"background-size": string;
|
|
245
242
|
};
|
|
246
|
-
"img.card-number.card-type-amex": {
|
|
243
|
+
"img.card-number-icon.card-type-amex": {
|
|
247
244
|
"background-image": string;
|
|
248
245
|
};
|
|
249
|
-
"img.card-number.card-type-discover": {
|
|
246
|
+
"img.card-number-icon.card-type-discover": {
|
|
250
247
|
"background-image": string;
|
|
251
248
|
};
|
|
252
|
-
"img.card-number.card-type-jcb": {
|
|
249
|
+
"img.card-number-icon.card-type-jcb": {
|
|
253
250
|
"background-image": string;
|
|
254
251
|
};
|
|
255
|
-
"img.card-number.card-type-mastercard": {
|
|
252
|
+
"img.card-number-icon.card-type-mastercard": {
|
|
256
253
|
"background-image": string;
|
|
257
254
|
};
|
|
258
|
-
"img.card-number.card-type-visa": {
|
|
255
|
+
"img.card-number-icon.card-type-visa": {
|
|
259
256
|
"background-image": string;
|
|
260
257
|
};
|
|
261
|
-
"img.card-number.card-type-diners": {
|
|
258
|
+
"img.card-number-icon.card-type-diners": {
|
|
262
259
|
"background-image": string;
|
|
263
260
|
};
|
|
264
261
|
".card-number::-ms-clear": {
|
|
@@ -318,7 +315,7 @@ export declare const fieldStyles: () => {
|
|
|
318
315
|
background: string;
|
|
319
316
|
"background-size": string;
|
|
320
317
|
};
|
|
321
|
-
"img.card-number": {
|
|
318
|
+
"img.card-number-icon": {
|
|
322
319
|
background: string;
|
|
323
320
|
"background-size": string;
|
|
324
321
|
width: string;
|
|
@@ -329,66 +326,67 @@ export declare const fieldStyles: () => {
|
|
|
329
326
|
"margin-top": string;
|
|
330
327
|
"background-position": string;
|
|
331
328
|
};
|
|
332
|
-
"img.card-number[src$='/gp-cc-generic.svg']": {
|
|
329
|
+
"img.card-number-icon[src$='/gp-cc-generic.svg']": {
|
|
333
330
|
background: string;
|
|
334
331
|
"background-size": string;
|
|
335
332
|
"background-position-y": string;
|
|
336
333
|
};
|
|
337
|
-
"img.card-number.invalid.card-type-amex": {
|
|
334
|
+
"img.card-number-icon.invalid.card-type-amex": {
|
|
338
335
|
background: string;
|
|
339
336
|
"background-size": string;
|
|
340
337
|
"background-position-y": string;
|
|
341
338
|
};
|
|
342
|
-
|
|
339
|
+
/**
|
|
340
|
+
* Instantiates a new UIForm object for a group of hosted fields
|
|
341
|
+
*
|
|
342
|
+
* @param fields Hosted field configuration
|
|
343
|
+
* @param styles Custom CSS configuration
|
|
344
|
+
*/
|
|
345
|
+
"img.card-number-icon.invalid.card-type-discover": {
|
|
343
346
|
background: string;
|
|
344
|
-
"background-size": string;
|
|
345
|
-
* Instantiates a new UIForm object for a group of hosted fields
|
|
346
|
-
*
|
|
347
|
-
* @param fields Hosted field configuration
|
|
348
|
-
* @param styles Custom CSS configuration
|
|
349
|
-
*/
|
|
347
|
+
"background-size": string;
|
|
350
348
|
"background-position-y": string;
|
|
351
349
|
width: string;
|
|
352
350
|
right: string;
|
|
353
351
|
};
|
|
354
|
-
"img.card-number.invalid.card-type-jcb": {
|
|
352
|
+
"img.card-number-icon.invalid.card-type-jcb": {
|
|
355
353
|
background: string;
|
|
356
354
|
"background-size": string;
|
|
357
355
|
"background-position-y": string;
|
|
358
356
|
};
|
|
359
|
-
"img.card-number.invalid.card-type-mastercard": {
|
|
357
|
+
"img.card-number-icon.invalid.card-type-mastercard": {
|
|
360
358
|
background: string;
|
|
361
359
|
"background-size": string;
|
|
362
360
|
"background-position": string;
|
|
363
361
|
};
|
|
364
|
-
"img.card-number.invalid.card-type-visa": {
|
|
362
|
+
"img.card-number-icon.invalid.card-type-visa": {
|
|
365
363
|
background: string;
|
|
366
364
|
"background-size": string;
|
|
367
365
|
"background-position": string;
|
|
368
366
|
};
|
|
369
|
-
"img.card-number.valid.card-type-amex": {
|
|
367
|
+
"img.card-number-icon.valid.card-type-amex": {
|
|
370
368
|
background: string;
|
|
371
369
|
"background-size": string;
|
|
372
370
|
"background-position-y": string;
|
|
373
371
|
};
|
|
374
|
-
"img.card-number.valid.card-type-discover": {
|
|
372
|
+
"img.card-number-icon.valid.card-type-discover": {
|
|
375
373
|
background: string;
|
|
376
374
|
"background-size": string;
|
|
377
375
|
"background-position-y": string;
|
|
378
376
|
width: string;
|
|
379
377
|
right: string;
|
|
380
378
|
};
|
|
381
|
-
"img.card-number.valid.card-type-jcb": {
|
|
379
|
+
"img.card-number-icon.valid.card-type-jcb": {
|
|
382
380
|
background: string;
|
|
383
381
|
"background-size": string;
|
|
384
382
|
"background-position-y": string;
|
|
385
383
|
};
|
|
386
|
-
"img.card-number.valid.card-type-mastercard": {
|
|
384
|
+
"img.card-number-icon.valid.card-type-mastercard": {
|
|
387
385
|
background: string;
|
|
388
386
|
"background-size": string;
|
|
389
387
|
"background-position": string;
|
|
390
388
|
};
|
|
391
|
-
"img.card-number.valid.card-type-visa": {
|
|
389
|
+
"img.card-number-icon.valid.card-type-visa": {
|
|
392
390
|
background: string;
|
|
393
391
|
"background-size": string;
|
|
394
392
|
"background-position": string;
|
|
@@ -503,7 +501,16 @@ export declare const parentStyles: () => {
|
|
|
503
501
|
"box-shadow": string;
|
|
504
502
|
};
|
|
505
503
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
506
|
-
"margin-left": string;
|
|
504
|
+
"margin-left": string; /**
|
|
505
|
+
* Sets an event listener for an event type
|
|
506
|
+
*
|
|
507
|
+
* @param fieldTypeOrEventName The field type on which the listener should
|
|
508
|
+
* be applied, or the type of event that should trigger the listener
|
|
509
|
+
* @param eventNameOrListener The type of event that should trigger the
|
|
510
|
+
* listener, or the listener function
|
|
511
|
+
* @param listener The listener function when both field type and event type
|
|
512
|
+
* are provided
|
|
513
|
+
*/
|
|
507
514
|
};
|
|
508
515
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
509
516
|
"max-width": string;
|
|
@@ -594,9 +601,7 @@ export declare const parentStyles: () => {
|
|
|
594
601
|
right: string;
|
|
595
602
|
border: string;
|
|
596
603
|
"border-width": string;
|
|
597
|
-
display: string;
|
|
598
|
-
* Deletes all hosted fields within the form
|
|
599
|
-
*/
|
|
604
|
+
display: string;
|
|
600
605
|
padding: string;
|
|
601
606
|
transform: string;
|
|
602
607
|
"-webkit-transform": string;
|
|
@@ -915,7 +920,16 @@ export declare const parentStyles: () => {
|
|
|
915
920
|
"box-shadow": string;
|
|
916
921
|
};
|
|
917
922
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
918
|
-
"margin-left": string;
|
|
923
|
+
"margin-left": string; /**
|
|
924
|
+
* Sets an event listener for an event type
|
|
925
|
+
*
|
|
926
|
+
* @param fieldTypeOrEventName The field type on which the listener should
|
|
927
|
+
* be applied, or the type of event that should trigger the listener
|
|
928
|
+
* @param eventNameOrListener The type of event that should trigger the
|
|
929
|
+
* listener, or the listener function
|
|
930
|
+
* @param listener The listener function when both field type and event type
|
|
931
|
+
* are provided
|
|
932
|
+
*/
|
|
919
933
|
};
|
|
920
934
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
921
935
|
"max-width": string;
|
|
@@ -1006,9 +1020,7 @@ export declare const parentStyles: () => {
|
|
|
1006
1020
|
right: string;
|
|
1007
1021
|
border: string;
|
|
1008
1022
|
"border-width": string;
|
|
1009
|
-
display: string;
|
|
1010
|
-
* Deletes all hosted fields within the form
|
|
1011
|
-
*/
|
|
1023
|
+
display: string;
|
|
1012
1024
|
padding: string;
|
|
1013
1025
|
transform: string;
|
|
1014
1026
|
"-webkit-transform": string;
|
|
@@ -1540,12 +1552,14 @@ export declare const parentStyles: () => {
|
|
|
1540
1552
|
border: string;
|
|
1541
1553
|
outline: string;
|
|
1542
1554
|
};
|
|
1555
|
+
".secure-payment-form .tooltip:hover": {
|
|
1556
|
+
border: string;
|
|
1557
|
+
outline: string;
|
|
1558
|
+
};
|
|
1543
1559
|
".secure-payment-form .tooltip-content": {
|
|
1544
1560
|
visibility: string;
|
|
1545
1561
|
width: string;
|
|
1546
|
-
"background-color": string;
|
|
1547
|
-
* Deletes all hosted fields within the form
|
|
1548
|
-
*/
|
|
1562
|
+
"background-color": string;
|
|
1549
1563
|
color: string;
|
|
1550
1564
|
"text-align": string;
|
|
1551
1565
|
"border-radius": string;
|
|
@@ -1712,7 +1726,16 @@ export declare const parentStyles: () => {
|
|
|
1712
1726
|
"box-shadow": string;
|
|
1713
1727
|
};
|
|
1714
1728
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
1715
|
-
"margin-left": string;
|
|
1729
|
+
"margin-left": string; /**
|
|
1730
|
+
* Sets an event listener for an event type
|
|
1731
|
+
*
|
|
1732
|
+
* @param fieldTypeOrEventName The field type on which the listener should
|
|
1733
|
+
* be applied, or the type of event that should trigger the listener
|
|
1734
|
+
* @param eventNameOrListener The type of event that should trigger the
|
|
1735
|
+
* listener, or the listener function
|
|
1736
|
+
* @param listener The listener function when both field type and event type
|
|
1737
|
+
* are provided
|
|
1738
|
+
*/
|
|
1716
1739
|
};
|
|
1717
1740
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
1718
1741
|
"max-width": string;
|
|
@@ -1803,9 +1826,7 @@ export declare const parentStyles: () => {
|
|
|
1803
1826
|
right: string;
|
|
1804
1827
|
border: string;
|
|
1805
1828
|
"border-width": string;
|
|
1806
|
-
display: string;
|
|
1807
|
-
* Deletes all hosted fields within the form
|
|
1808
|
-
*/
|
|
1829
|
+
display: string;
|
|
1809
1830
|
padding: string;
|
|
1810
1831
|
transform: string;
|
|
1811
1832
|
"-webkit-transform": string;
|
|
@@ -1925,12 +1946,7 @@ export declare const parentStyles: () => {
|
|
|
1925
1946
|
"text-transform": string;
|
|
1926
1947
|
};
|
|
1927
1948
|
".secure-payment-form #ss-banner": {
|
|
1928
|
-
background: string;
|
|
1929
|
-
* Sets a special-case event listener that fires when all hosted
|
|
1930
|
-
* fields in a form have registered / loaded
|
|
1931
|
-
*
|
|
1932
|
-
* @param fn The listener function
|
|
1933
|
-
*/
|
|
1949
|
+
background: string;
|
|
1934
1950
|
"background-size": string;
|
|
1935
1951
|
height: string;
|
|
1936
1952
|
"margin-bottom": string;
|
|
@@ -1951,7 +1967,9 @@ export declare const parentStyles: () => {
|
|
|
1951
1967
|
".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
|
|
1952
1968
|
width: string;
|
|
1953
1969
|
height: string;
|
|
1954
|
-
"margin-top": string;
|
|
1970
|
+
"margin-top": string; /**
|
|
1971
|
+
* Deletes all hosted fields within the form
|
|
1972
|
+
*/
|
|
1955
1973
|
"vertical-align": string;
|
|
1956
1974
|
};
|
|
1957
1975
|
".secure-payment-form div[class$='-shield'] .ssl-msg": {
|
|
@@ -2120,4 +2138,5 @@ export default class UIForm {
|
|
|
2120
2138
|
private removeInstallmentsPanel;
|
|
2121
2139
|
private requestDataFromAll;
|
|
2122
2140
|
setSubtotalAmount(amount: string): void;
|
|
2141
|
+
private requestInstallmentData;
|
|
2123
2142
|
}
|
|
@@ -57,7 +57,7 @@ export declare class IframeField extends EventEmitter {
|
|
|
57
57
|
* @param name Field name to be used
|
|
58
58
|
* @param autocomplete Value for field's autocomplete attribute
|
|
59
59
|
*/
|
|
60
|
-
static createAutocompleteField(destination: Node, id: string, type: string, name: string, autocomplete: string): void;
|
|
60
|
+
static createAutocompleteField(destination: Node, id: string, type: string, name: string, label: string, autocomplete: string): void;
|
|
61
61
|
/**
|
|
62
62
|
* addFrameFocusEvent
|
|
63
63
|
*
|