@globalpayments/js 1.9.21 → 1.9.25

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 (10) hide show
  1. package/package.json +1 -1
  2. package/types/common/enums.d.ts +0 -11
  3. package/types/internal/lib/card.d.ts +0 -17
  4. package/types/internal/lib/styles/default.d.ts +0 -161
  5. package/types/internal/lib/styles/gp-default.d.ts +0 -124
  6. package/types/internal/lib/styles/simple.d.ts +0 -170
  7. package/types/lib/version.d.ts +1 -1
  8. package/types/tools/configure.d.ts +1 -1
  9. package/types/ui/form/index.d.ts +38 -468
  10. package/types/ui/iframe-field/index.d.ts +0 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@globalpayments/js",
3
- "version": "1.9.21",
3
+ "version": "1.9.25",
4
4
  "author": "Heartland Developer Portal <developers@heartland.us>",
5
5
  "license": "GPL-2.0",
6
6
  "repository": {
package/types/common/enums.d.ts CHANGED
@@ -5,14 +5,3 @@ export declare enum CardFormFieldNames {
5
5
  CardCvv = "card-cvv",
6
6
  CardHolderName = "card-holder-name"
7
7
  }
8
- export declare enum HostedFieldValidationEvents {
9
- BuiltInValidationShow = "hosted-field-built-in-validation-show",
10
- BuiltInValidationHide = "hosted-field-built-in-validation-hide",
11
- ValidationShow = "hosted-field-validation-show",
12
- ValidationHide = "hosted-field-validation-hide",
13
- Validate = "hosted-field-validate",
14
- ValidatePassData = "hosted-field-validate-pass-data",
15
- ValidateForm = "hosted-field-validate-form",
16
- ValidateFormField = "hosted-field-validate-form-field",
17
- ValidateFormValid = "hosted-field-validate-form-valid"
18
- }
package/types/internal/lib/card.d.ts CHANGED
@@ -93,16 +93,6 @@ export default class Card {
93
93
  * @param e
94
94
  */
95
95
  static validateExpiration(e: Event): void;
96
- /**
97
- * validateCardHolderName
98
- *
99
- * Validates a target element"s value based on the
100
- * possible Card Holder name. Adds a class to the target
101
- * element to note `valid` or `invalid`.
102
- *
103
- * @param e
104
- */
105
- static validateCardHolderName(e: Event): void;
106
96
  /**
107
97
  * validateInstallmentFields
108
98
  *
@@ -138,11 +128,4 @@ export default class Card {
138
128
  * @param selector
139
129
  */
140
130
  static attachCvvEvents(selector: string): void;
141
- /**
142
- * attachCardHolderNameEvents
143
- *
144
- * @param selector
145
- */
146
- static attachCardHolderNameEvents(selector: string): void;
147
- private static handleHostedFieldValidation;
148
131
  }
package/types/internal/lib/styles/default.d.ts CHANGED
@@ -1,16 +1,4 @@
1
1
  export declare const fieldStyles: (assetBaseUrl: string) => {
2
- "#secure-payment-field[type=text].field-validation-wrapper": {
3
- "font-family": string;
4
- };
5
- "#secure-payment-field[type=tel].invalid": {
6
- border: string;
7
- };
8
- "#secure-payment-field[type=text].invalid": {
9
- border: string;
10
- };
11
- "img.card-number-icon.invalid": {
12
- "margin-top": string;
13
- };
14
2
  "#secure-payment-field": {
15
3
  "-o-transition": string;
16
4
  "-webkit-box-shadow": string;
@@ -86,155 +74,6 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
86
74
  "background-size": string;
87
75
  width: string;
88
76
  height: string;
89
- position: string;
90
- right: string;
91
- top: string;
92
- "margin-top": string;
93
- "background-position": string;
94
- };
95
- "img.card-number-icon[src$='/gp-cc-generic.svg']": {
96
- background: string;
97
- "background-size": string;
98
- "background-position-y": string;
99
- };
100
- "img.card-number-icon.invalid.card-type-amex": {
101
- background: string;
102
- "background-size": string;
103
- "background-position-y": string;
104
- };
105
- "img.card-number-icon.invalid.card-type-discover": {
106
- background: string;
107
- "background-size": string;
108
- "background-position-y": string;
109
- width: string;
110
- };
111
- "img.card-number-icon.invalid.card-type-jcb": {
112
- background: string;
113
- "background-size": string;
114
- "background-position-y": string;
115
- };
116
- "img.card-number-icon.invalid.card-type-mastercard": {
117
- background: string;
118
- "background-size": string;
119
- "background-position-y": string;
120
- };
121
- "img.card-number-icon.invalid.card-type-visa": {
122
- background: string;
123
- "background-size": string;
124
- "background-position-y": string;
125
- };
126
- "img.card-number-icon.valid.card-type-amex": {
127
- background: string;
128
- "background-size": string;
129
- "background-position-y": string;
130
- };
131
- "img.card-number-icon.valid.card-type-discover": {
132
- background: string;
133
- "background-size": string;
134
- "background-position-y": string;
135
- width: string;
136
- };
137
- "img.card-number-icon.valid.card-type-jcb": {
138
- background: string;
139
- "background-size": string;
140
- "background-position-y": string;
141
- };
142
- "img.card-number-icon.valid.card-type-mastercard": {
143
- background: string;
144
- "background-size": string;
145
- "background-position-y": string;
146
- };
147
- "img.card-number-icon.valid.card-type-visa": {
148
- background: string;
149
- "background-size": string;
150
- "background-position-y": string;
151
- };
152
- ".card-number::-ms-clear": {
153
- display: string;
154
- };
155
- "input[placeholder]": {
156
- "letter-spacing": string;
157
- };
158
- } | {
159
- "img.card-number-icon.invalid": {
160
- "margin-top": string;
161
- };
162
- "#secure-payment-field": {
163
- "-o-transition": string;
164
- "-webkit-box-shadow": string;
165
- "-webkit-transition": string;
166
- "background-color": string;
167
- border: string;
168
- "border-radius": string;
169
- "box-shadow": string;
170
- "box-sizing": string;
171
- color: string;
172
- display: string;
173
- "font-family": string;
174
- "font-size": string;
175
- height: string;
176
- "line-height": string;
177
- margin: string;
178
- "max-width": string;
179
- outline: string;
180
- padding: string;
181
- transition: string;
182
- "vertical-align": string;
183
- width: string;
184
- };
185
- "#secure-payment-field:focus": {
186
- border: string;
187
- "box-shadow": string;
188
- height: string;
189
- outline: string;
190
- };
191
- "#secure-payment-field[type=button]": {
192
- "-moz-user-select": string;
193
- "-ms-touch-action": string;
194
- "-ms-user-select": string;
195
- "-webkit-user-select": string;
196
- "background-color": string;
197
- "background-image": string;
198
- border: string;
199
- "box-sizing": string;
200
- color: string;
201
- cursor: string;
202
- display: string;
203
- "font-family": string;
204
- "font-size": string;
205
- "font-weight": string;
206
- "line-height": string;
207
- "margin-bottom": string;
208
- padding: string;
209
- "text-align": string;
210
- "text-transform": string;
211
- "touch-action": string;
212
- "user-select": string;
213
- "vertical-align": string;
214
- "white-space": string;
215
- };
216
- "#secure-payment-field[type=button]:focus": {
217
- "background-color": string;
218
- color: string;
219
- outline: string;
220
- };
221
- "#secure-payment-field[type=button]:hover": {
222
- "background-color": string;
223
- };
224
- ".card-cvv": {
225
- background: string;
226
- "background-size": string;
227
- };
228
- ".card-cvv.card-type-amex": {
229
- background: string;
230
- "background-size": string;
231
- };
232
- "img.card-number-icon": {
233
- background: string;
234
- "background-size": string;
235
- width: string;
236
- height: string;
237
- position: string;
238
77
  right: string;
239
78
  top: string;
240
79
  "margin-top": string;
package/types/internal/lib/styles/gp-default.d.ts CHANGED
@@ -1,127 +1,4 @@
1
1
  export declare const fieldStyles: (assetBaseUrl: string) => {
2
- "#secure-payment-field[type=text].field-validation-wrapper": {
3
- "font-family": string;
4
- };
5
- "#secure-payment-field[type=tel].invalid": {
6
- border: string;
7
- };
8
- "#secure-payment-field[type=text].invalid": {
9
- border: string;
10
- };
11
- "img.card-number-icon.invalid": {
12
- "margin-top": string;
13
- };
14
- "*": {
15
- "box-sizing": string;
16
- };
17
- "::-webkit-input-placeholder": {
18
- color: string;
19
- };
20
- "::-ms-input-placeholder": {
21
- color: string;
22
- };
23
- "::-moz-input-placeholder": {
24
- color: string;
25
- opacity: number;
26
- };
27
- ":-moz-input-placeholder": {
28
- color: string;
29
- opacity: number;
30
- };
31
- ":-moz-placeholder": {
32
- color: string;
33
- opacity: string;
34
- };
35
- "::-moz-placeholder": {
36
- color: string;
37
- opacity: string;
38
- };
39
- "#secure-payment-field": {
40
- width: string;
41
- height: string;
42
- padding: string;
43
- border: string;
44
- "border-radius": string;
45
- "font-size": string;
46
- "font-weight": string;
47
- color: string;
48
- };
49
- "#secure-payment-field:focus": {
50
- border: string;
51
- outline: string;
52
- };
53
- "#secure-payment-field:hover": {
54
- border: string;
55
- outline: string;
56
- };
57
- "#secure-payment-field[type=button]": {
58
- "background-color": string;
59
- color: string;
60
- padding: string;
61
- border: string;
62
- width: string;
63
- "border-radius": string;
64
- cursor: string;
65
- "font-size": string;
66
- "font-weight": string;
67
- height: string;
68
- "text-align": string;
69
- "vertical-align": string;
70
- "text-transform": string;
71
- };
72
- "#secure-payment-field[type=button]:focus": {
73
- border: string;
74
- outline: string;
75
- };
76
- "#secure-payment-field[type=button]:hover": {
77
- "background-color": string;
78
- };
79
- "#secure-payment-field[type=button]::before": {
80
- content: string;
81
- "margin-right": string;
82
- };
83
- ".card-cvv": {
84
- background: string;
85
- "background-size": string;
86
- };
87
- ".card-cvv.card-type-amex": {
88
- "background-image": string;
89
- };
90
- "img.card-number-icon": {
91
- background: string;
92
- position: string;
93
- right: string;
94
- top: string;
95
- width: string;
96
- height: string;
97
- "margin-top": string;
98
- "background-size": string;
99
- };
100
- "img.card-number-icon.card-type-amex": {
101
- "background-image": string;
102
- };
103
- "img.card-number-icon.card-type-discover": {
104
- "background-image": string;
105
- };
106
- "img.card-number-icon.card-type-jcb": {
107
- "background-image": string;
108
- };
109
- "img.card-number-icon.card-type-mastercard": {
110
- "background-image": string;
111
- };
112
- "img.card-number-icon.card-type-visa": {
113
- "background-image": string;
114
- };
115
- "img.card-number-icon.card-type-diners": {
116
- "background-image": string;
117
- };
118
- ".card-number::-ms-clear": {
119
- display: string;
120
- };
121
- } | {
122
- "img.card-number-icon.invalid": {
123
- "margin-top": string;
124
- };
125
2
  "*": {
126
3
  "box-sizing": string;
127
4
  };
@@ -200,7 +77,6 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
200
77
  };
201
78
  "img.card-number-icon": {
202
79
  background: string;
203
- position: string;
204
80
  right: string;
205
81
  top: string;
206
82
  width: string;
package/types/internal/lib/styles/simple.d.ts CHANGED
@@ -1,148 +1,4 @@
1
1
  export declare const fieldStyles: (assetBaseUrl: string) => {
2
- "#secure-payment-field[type=text].field-validation-wrapper": {
3
- "font-family": string;
4
- };
5
- "#secure-payment-field[type=tel].invalid": {
6
- border: string;
7
- };
8
- "#secure-payment-field[type=text].invalid": {
9
- border: string;
10
- };
11
- "img.card-number-icon.invalid": {
12
- "margin-top": string;
13
- };
14
- html: {
15
- "font-size": string;
16
- };
17
- body: {
18
- "font-size": string;
19
- };
20
- "#secure-payment-field-wrapper": {
21
- postition: string;
22
- };
23
- "#secure-payment-field": {
24
- "-o-transition": string;
25
- "-webkit-box-shadow": string;
26
- "-webkit-transition": string;
27
- "background-color": string;
28
- border: string;
29
- "border-radius": string;
30
- "box-shadow": string;
31
- "box-sizing": string;
32
- display: string;
33
- "font-family": string;
34
- "font-size": string;
35
- "font-smoothing": string;
36
- height: string;
37
- margin: string;
38
- "max-width": string;
39
- outline: string;
40
- padding: string;
41
- transition: string;
42
- "vertical-align": string;
43
- width: string;
44
- };
45
- "#secure-payment-field:focus": {
46
- border: string;
47
- "box-shadow": string;
48
- outline: string;
49
- };
50
- "#secure-payment-field[type=button]": {
51
- "text-align": string;
52
- "text-transform": string;
53
- "white-space": string;
54
- };
55
- "#secure-payment-field[type=button]:focus": {
56
- outline: string;
57
- };
58
- ".card-cvv": {
59
- background: string;
60
- "background-size": string;
61
- };
62
- ".card-cvv.card-type-amex": {
63
- background: string;
64
- "background-size": string;
65
- };
66
- "img.card-number-icon": {
67
- background: string;
68
- "background-size": string;
69
- width: string;
70
- height: string;
71
- position: string;
72
- right: string;
73
- top: string;
74
- "margin-top": string;
75
- "background-position": string;
76
- };
77
- "img.card-number-icon[src$='/gp-cc-generic.svg']": {
78
- background: string;
79
- "background-size": string;
80
- "background-position-y": string;
81
- };
82
- "img.card-number-icon.invalid.card-type-amex": {
83
- background: string;
84
- "background-size": string;
85
- "background-position-y": string;
86
- };
87
- "img.card-number-icon.invalid.card-type-discover": {
88
- background: string;
89
- "background-size": string;
90
- "background-position-y": string;
91
- width: string;
92
- right: string;
93
- };
94
- "img.card-number-icon.invalid.card-type-jcb": {
95
- background: string;
96
- "background-size": string;
97
- "background-position-y": string;
98
- };
99
- "img.card-number-icon.invalid.card-type-mastercard": {
100
- background: string;
101
- "background-size": string;
102
- "background-position": string;
103
- };
104
- "img.card-number-icon.invalid.card-type-visa": {
105
- background: string;
106
- "background-size": string;
107
- "background-position": string;
108
- };
109
- "img.card-number-icon.valid.card-type-amex": {
110
- background: string;
111
- "background-size": string;
112
- "background-position-y": string;
113
- };
114
- "img.card-number-icon.valid.card-type-discover": {
115
- background: string;
116
- "background-size": string;
117
- "background-position-y": string;
118
- width: string;
119
- right: string;
120
- };
121
- "img.card-number-icon.valid.card-type-jcb": {
122
- background: string;
123
- "background-size": string;
124
- "background-position-y": string;
125
- };
126
- "img.card-number-icon.valid.card-type-mastercard": {
127
- background: string;
128
- "background-size": string;
129
- "background-position": string;
130
- };
131
- "img.card-number-icon.valid.card-type-visa": {
132
- background: string;
133
- "background-size": string;
134
- "background-position": string;
135
- };
136
- ".card-number::-ms-clear": {
137
- display: string;
138
- };
139
- "input[placeholder]": {
140
- "letter-spacing": string;
141
- };
142
- } | {
143
- "img.card-number-icon.invalid": {
144
- "margin-top": string;
145
- };
146
2
  html: {
147
3
  "font-size": string;
148
4
  };
@@ -200,7 +56,6 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
200
56
  "background-size": string;
201
57
  width: string;
202
58
  height: string;
203
- position: string;
204
59
  right: string;
205
60
  top: string;
206
61
  "margin-top": string;
@@ -672,36 +527,11 @@ export declare const parentStyles: (assetBaseUrl: string) => {
672
527
  transition: string;
673
528
  "vertical-align": string;
674
529
  width: string;
675
- } | {
676
- "-o-transition": string;
677
- "-webkit-box-shadow": string;
678
- "-webkit-transition": string;
679
- "background-color": string;
680
- border: string;
681
- "border-radius": string;
682
- "box-shadow": string;
683
- "box-sizing": string;
684
- display: string;
685
- "font-family": string;
686
- "font-size": string;
687
- "font-smoothing": string;
688
- height: string;
689
- margin: string;
690
- "max-width": string;
691
- outline: string;
692
- padding: string;
693
- transition: string;
694
- "vertical-align": string;
695
- width: string;
696
530
  };
697
531
  ".secure-payment-form input:focus": {
698
532
  border: string;
699
533
  "box-shadow": string;
700
534
  outline: string;
701
- } | {
702
- border: string;
703
- "box-shadow": string;
704
- outline: string;
705
535
  };
706
536
  ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
707
537
  display: string;
package/types/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "1.9.21";
1
+ declare const _default: "1.9.25";
2
2
  export default _default;
package/types/tools/configure.d.ts CHANGED
@@ -38,6 +38,7 @@ export interface IConfiguration extends IDictionary {
38
38
  merchantIdentifier?: string;
39
39
  merchantName?: string;
40
40
  merchantSessionUrl?: string;
41
+ validateMerchantHeaders?: object;
41
42
  };
42
43
  clickToPay?: {
43
44
  allowedCardNetworks?: string[];
@@ -77,7 +78,6 @@ export interface IConfiguration extends IDictionary {
77
78
  mcc: string;
78
79
  currency: string;
79
80
  };
80
- fieldValidation?: boolean;
81
81
  }
82
82
  declare const _default: (options: IConfiguration) => void;
83
83
  /**
package/types/ui/form/index.d.ts CHANGED
@@ -5,18 +5,6 @@ export { IUIFormField } from "../iframe-field";
5
5
  export declare const fieldStyles: () => {
6
6
  blank: {};
7
7
  default: {
8
- "#secure-payment-field[type=text].field-validation-wrapper": {
9
- "font-family": string;
10
- };
11
- "#secure-payment-field[type=tel].invalid": {
12
- border: string;
13
- };
14
- "#secure-payment-field[type=text].invalid": {
15
- border: string;
16
- };
17
- "img.card-number-icon.invalid": {
18
- "margin-top": string;
19
- };
20
8
  "#secure-payment-field": {
21
9
  "-o-transition": string;
22
10
  "-webkit-box-shadow": string;
@@ -92,155 +80,6 @@ export declare const fieldStyles: () => {
92
80
  "background-size": string;
93
81
  width: string;
94
82
  height: string;
95
- position: string;
96
- right: string;
97
- top: string;
98
- "margin-top": string;
99
- "background-position": string;
100
- };
101
- "img.card-number-icon[src$='/gp-cc-generic.svg']": {
102
- background: string;
103
- "background-size": string;
104
- "background-position-y": string;
105
- };
106
- "img.card-number-icon.invalid.card-type-amex": {
107
- background: string;
108
- "background-size": string;
109
- "background-position-y": string;
110
- };
111
- "img.card-number-icon.invalid.card-type-discover": {
112
- background: string;
113
- "background-size": string;
114
- "background-position-y": string;
115
- width: string;
116
- };
117
- "img.card-number-icon.invalid.card-type-jcb": {
118
- background: string;
119
- "background-size": string;
120
- "background-position-y": string;
121
- };
122
- "img.card-number-icon.invalid.card-type-mastercard": {
123
- background: string;
124
- "background-size": string;
125
- "background-position-y": string;
126
- };
127
- "img.card-number-icon.invalid.card-type-visa": {
128
- background: string;
129
- "background-size": string;
130
- "background-position-y": string;
131
- };
132
- "img.card-number-icon.valid.card-type-amex": {
133
- background: string;
134
- "background-size": string;
135
- "background-position-y": string;
136
- };
137
- "img.card-number-icon.valid.card-type-discover": {
138
- background: string;
139
- "background-size": string;
140
- "background-position-y": string;
141
- width: string;
142
- };
143
- "img.card-number-icon.valid.card-type-jcb": {
144
- background: string;
145
- "background-size": string;
146
- "background-position-y": string;
147
- };
148
- "img.card-number-icon.valid.card-type-mastercard": {
149
- background: string;
150
- "background-size": string;
151
- "background-position-y": string;
152
- };
153
- "img.card-number-icon.valid.card-type-visa": {
154
- background: string;
155
- "background-size": string;
156
- "background-position-y": string;
157
- };
158
- ".card-number::-ms-clear": {
159
- display: string;
160
- };
161
- "input[placeholder]": {
162
- "letter-spacing": string;
163
- };
164
- } | {
165
- "img.card-number-icon.invalid": {
166
- "margin-top": string;
167
- };
168
- "#secure-payment-field": {
169
- "-o-transition": string;
170
- "-webkit-box-shadow": string;
171
- "-webkit-transition": string;
172
- "background-color": string;
173
- border: string;
174
- "border-radius": string;
175
- "box-shadow": string;
176
- "box-sizing": string;
177
- color: string;
178
- display: string;
179
- "font-family": string;
180
- "font-size": string;
181
- height: string;
182
- "line-height": string;
183
- margin: string;
184
- "max-width": string;
185
- outline: string;
186
- padding: string;
187
- transition: string;
188
- "vertical-align": string;
189
- width: string;
190
- };
191
- "#secure-payment-field:focus": {
192
- border: string;
193
- "box-shadow": string;
194
- height: string;
195
- outline: string;
196
- };
197
- "#secure-payment-field[type=button]": {
198
- "-moz-user-select": string;
199
- "-ms-touch-action": string;
200
- "-ms-user-select": string;
201
- "-webkit-user-select": string;
202
- "background-color": string;
203
- "background-image": string;
204
- border: string;
205
- "box-sizing": string;
206
- color: string;
207
- cursor: string;
208
- display: string;
209
- "font-family": string;
210
- "font-size": string;
211
- "font-weight": string;
212
- "line-height": string;
213
- "margin-bottom": string;
214
- padding: string;
215
- "text-align": string;
216
- "text-transform": string;
217
- "touch-action": string;
218
- "user-select": string;
219
- "vertical-align": string;
220
- "white-space": string;
221
- };
222
- "#secure-payment-field[type=button]:focus": {
223
- "background-color": string;
224
- color: string;
225
- outline: string;
226
- };
227
- "#secure-payment-field[type=button]:hover": {
228
- "background-color": string;
229
- };
230
- ".card-cvv": {
231
- background: string;
232
- "background-size": string;
233
- };
234
- ".card-cvv.card-type-amex": {
235
- background: string;
236
- "background-size": string;
237
- };
238
- "img.card-number-icon": {
239
- background: string;
240
- "background-size": string;
241
- width: string;
242
- height: string;
243
- position: string;
244
83
  right: string;
245
84
  top: string;
246
85
  "margin-top": string;
@@ -289,6 +128,11 @@ export declare const fieldStyles: () => {
289
128
  width: string;
290
129
  };
291
130
  "img.card-number-icon.valid.card-type-jcb": {
131
+ /**
132
+ * Appends additional CSS rules to the group of hosted fields
133
+ *
134
+ * @param json New CSS rules
135
+ */
292
136
  background: string;
293
137
  "background-size": string;
294
138
  "background-position-y": string;
@@ -311,129 +155,6 @@ export declare const fieldStyles: () => {
311
155
  };
312
156
  };
313
157
  "gp-default": {
314
- "#secure-payment-field[type=text].field-validation-wrapper": {
315
- "font-family": string;
316
- };
317
- "#secure-payment-field[type=tel].invalid": {
318
- border: string;
319
- };
320
- "#secure-payment-field[type=text].invalid": {
321
- border: string;
322
- };
323
- "img.card-number-icon.invalid": {
324
- "margin-top": string;
325
- };
326
- "*": {
327
- "box-sizing": string;
328
- };
329
- "::-webkit-input-placeholder": {
330
- color: string;
331
- };
332
- "::-ms-input-placeholder": {
333
- color: string;
334
- };
335
- "::-moz-input-placeholder": {
336
- color: string;
337
- opacity: number;
338
- };
339
- ":-moz-input-placeholder": {
340
- color: string;
341
- opacity: number;
342
- };
343
- ":-moz-placeholder": {
344
- color: string;
345
- opacity: string;
346
- };
347
- "::-moz-placeholder": {
348
- color: string;
349
- opacity: string;
350
- };
351
- "#secure-payment-field": {
352
- width: string;
353
- height: string;
354
- padding: string;
355
- border: string;
356
- "border-radius": string;
357
- "font-size": string;
358
- "font-weight": string;
359
- color: string;
360
- };
361
- "#secure-payment-field:focus": {
362
- border: string;
363
- outline: string;
364
- };
365
- "#secure-payment-field:hover": {
366
- border: string;
367
- outline: string;
368
- };
369
- "#secure-payment-field[type=button]": {
370
- "background-color": string;
371
- color: string;
372
- padding: string;
373
- border: string;
374
- width: string;
375
- "border-radius": string;
376
- cursor: string;
377
- "font-size": string;
378
- "font-weight": string;
379
- height: string;
380
- "text-align": string;
381
- "vertical-align": string;
382
- "text-transform": string;
383
- };
384
- "#secure-payment-field[type=button]:focus": {
385
- border: string;
386
- outline: string;
387
- };
388
- "#secure-payment-field[type=button]:hover": {
389
- "background-color": string;
390
- };
391
- "#secure-payment-field[type=button]::before": {
392
- content: string;
393
- "margin-right": string;
394
- };
395
- ".card-cvv": {
396
- background: string;
397
- "background-size": string;
398
- };
399
- ".card-cvv.card-type-amex": {
400
- "background-image": string;
401
- };
402
- "img.card-number-icon": {
403
- background: string;
404
- position: string;
405
- right: string;
406
- top: string;
407
- width: string;
408
- height: string;
409
- "margin-top": string;
410
- "background-size": string;
411
- };
412
- "img.card-number-icon.card-type-amex": {
413
- "background-image": string;
414
- };
415
- "img.card-number-icon.card-type-discover": {
416
- "background-image": string;
417
- };
418
- "img.card-number-icon.card-type-jcb": {
419
- "background-image": string;
420
- };
421
- "img.card-number-icon.card-type-mastercard": {
422
- "background-image": string;
423
- };
424
- "img.card-number-icon.card-type-visa": {
425
- "background-image": string;
426
- };
427
- "img.card-number-icon.card-type-diners": {
428
- "background-image": string;
429
- };
430
- ".card-number::-ms-clear": {
431
- display: string;
432
- };
433
- } | {
434
- "img.card-number-icon.invalid": {
435
- "margin-top": string;
436
- };
437
158
  "*": {
438
159
  "box-sizing": string;
439
160
  };
@@ -512,7 +233,6 @@ export declare const fieldStyles: () => {
512
233
  };
513
234
  "img.card-number-icon": {
514
235
  background: string;
515
- position: string;
516
236
  right: string;
517
237
  top: string;
518
238
  width: string;
@@ -543,18 +263,6 @@ export declare const fieldStyles: () => {
543
263
  };
544
264
  };
545
265
  simple: {
546
- "#secure-payment-field[type=text].field-validation-wrapper": {
547
- "font-family": string;
548
- };
549
- "#secure-payment-field[type=tel].invalid": {
550
- border: string;
551
- };
552
- "#secure-payment-field[type=text].invalid": {
553
- border: string;
554
- };
555
- "img.card-number-icon.invalid": {
556
- "margin-top": string;
557
- };
558
266
  html: {
559
267
  "font-size": string;
560
268
  };
@@ -612,139 +320,6 @@ export declare const fieldStyles: () => {
612
320
  "background-size": string;
613
321
  width: string;
614
322
  height: string;
615
- position: string;
616
- right: string;
617
- top: string;
618
- "margin-top": string;
619
- "background-position": string;
620
- };
621
- "img.card-number-icon[src$='/gp-cc-generic.svg']": {
622
- background: string;
623
- "background-size": string;
624
- "background-position-y": string;
625
- };
626
- "img.card-number-icon.invalid.card-type-amex": {
627
- background: string;
628
- "background-size": string;
629
- "background-position-y": string;
630
- };
631
- "img.card-number-icon.invalid.card-type-discover": {
632
- background: string;
633
- "background-size": string;
634
- "background-position-y": string;
635
- width: string;
636
- right: string;
637
- };
638
- "img.card-number-icon.invalid.card-type-jcb": {
639
- background: string;
640
- "background-size": string;
641
- "background-position-y": string;
642
- };
643
- "img.card-number-icon.invalid.card-type-mastercard": {
644
- background: string;
645
- "background-size": string;
646
- "background-position": string;
647
- };
648
- "img.card-number-icon.invalid.card-type-visa": {
649
- background: string;
650
- "background-size": string;
651
- "background-position": string;
652
- };
653
- "img.card-number-icon.valid.card-type-amex": {
654
- background: string;
655
- "background-size": string;
656
- "background-position-y": string;
657
- };
658
- "img.card-number-icon.valid.card-type-discover": {
659
- background: string;
660
- "background-size": string;
661
- "background-position-y": string;
662
- width: string;
663
- right: string;
664
- };
665
- "img.card-number-icon.valid.card-type-jcb": {
666
- background: string;
667
- "background-size": string;
668
- "background-position-y": string;
669
- };
670
- "img.card-number-icon.valid.card-type-mastercard": {
671
- background: string;
672
- "background-size": string;
673
- "background-position": string;
674
- };
675
- "img.card-number-icon.valid.card-type-visa": {
676
- background: string;
677
- "background-size": string;
678
- "background-position": string;
679
- };
680
- ".card-number::-ms-clear": {
681
- display: string;
682
- };
683
- "input[placeholder]": {
684
- "letter-spacing": string;
685
- };
686
- } | {
687
- "img.card-number-icon.invalid": {
688
- "margin-top": string;
689
- };
690
- html: {
691
- "font-size": string;
692
- };
693
- body: {
694
- "font-size": string;
695
- };
696
- "#secure-payment-field-wrapper": {
697
- postition: string;
698
- };
699
- "#secure-payment-field": {
700
- "-o-transition": string;
701
- "-webkit-box-shadow": string;
702
- "-webkit-transition": string;
703
- "background-color": string;
704
- border: string;
705
- "border-radius": string;
706
- "box-shadow": string;
707
- "box-sizing": string;
708
- display: string;
709
- "font-family": string;
710
- "font-size": string;
711
- "font-smoothing": string;
712
- height: string;
713
- margin: string;
714
- "max-width": string;
715
- outline: string;
716
- padding: string;
717
- transition: string;
718
- "vertical-align": string;
719
- width: string;
720
- };
721
- "#secure-payment-field:focus": {
722
- border: string;
723
- "box-shadow": string;
724
- outline: string;
725
- };
726
- "#secure-payment-field[type=button]": {
727
- "text-align": string;
728
- "text-transform": string;
729
- "white-space": string;
730
- };
731
- "#secure-payment-field[type=button]:focus": {
732
- outline: string;
733
- };
734
- ".card-cvv": {
735
- background: string;
736
- "background-size": string;
737
- };
738
- ".card-cvv.card-type-amex": {
739
- background: string;
740
- "background-size": string;
741
- };
742
- "img.card-number-icon": {
743
- background: string;
744
- "background-size": string;
745
- width: string;
746
- height: string;
747
- position: string;
748
323
  right: string;
749
324
  top: string;
750
325
  "margin-top": string;
@@ -904,16 +479,22 @@ export declare const parentStyles: () => {
904
479
  "background-color": string;
905
480
  color: string;
906
481
  "text-align": string;
907
- "border-radius": string; /**
482
+ /**
908
483
  * Represents logic surrounding a group of hosted fields.
909
484
  */
485
+ "border-radius": string;
910
486
  border: string;
911
487
  padding: string;
912
488
  position: string;
913
489
  "z-index": string;
914
490
  "margin-left": string;
915
491
  "margin-top": string;
916
- opacity: string;
492
+ opacity: string; /**
493
+ * Instantiates a new UIForm object for a group of hosted fields
494
+ *
495
+ * @param fields Hosted field configuration
496
+ * @param styles Custom CSS configuration
497
+ */
917
498
  transition: string;
918
499
  "font-family": string;
919
500
  "font-size": string;
@@ -1137,6 +718,9 @@ export declare const parentStyles: () => {
1137
718
  "margin-bottom": string;
1138
719
  };
1139
720
  ".secure-payment-form div[class$='-shield']": {
721
+ /**
722
+ * Deletes all hosted fields within the form
723
+ */
1140
724
  flex: string;
1141
725
  "margin-right": string;
1142
726
  float: string;
@@ -1316,16 +900,22 @@ export declare const parentStyles: () => {
1316
900
  "background-color": string;
1317
901
  color: string;
1318
902
  "text-align": string;
1319
- "border-radius": string; /**
903
+ /**
1320
904
  * Represents logic surrounding a group of hosted fields.
1321
905
  */
906
+ "border-radius": string;
1322
907
  border: string;
1323
908
  padding: string;
1324
909
  position: string;
1325
910
  "z-index": string;
1326
911
  "margin-left": string;
1327
912
  "margin-top": string;
1328
- opacity: string;
913
+ opacity: string; /**
914
+ * Instantiates a new UIForm object for a group of hosted fields
915
+ *
916
+ * @param fields Hosted field configuration
917
+ * @param styles Custom CSS configuration
918
+ */
1329
919
  transition: string;
1330
920
  "font-family": string;
1331
921
  "font-size": string;
@@ -1608,6 +1198,12 @@ export declare const parentStyles: () => {
1608
1198
  "border-bottom": string;
1609
1199
  padding: string;
1610
1200
  };
1201
+ /**
1202
+ * Instantiates a new UIForm object for a group of hosted fields
1203
+ *
1204
+ * @param fields Hosted field configuration
1205
+ * @param styles Custom CSS configuration
1206
+ */
1611
1207
  ".secure-payment-form .installment-plan-monthly-amount": {
1612
1208
  color: string;
1613
1209
  "font-style": string;
@@ -1896,11 +1492,6 @@ export declare const parentStyles: () => {
1896
1492
  width: string;
1897
1493
  height: string;
1898
1494
  "text-align": string;
1899
- /**
1900
- * Appends additional CSS rules to the group of hosted fields
1901
- *
1902
- * @param json New CSS rules
1903
- */
1904
1495
  margin: string;
1905
1496
  };
1906
1497
  ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
@@ -2120,16 +1711,22 @@ export declare const parentStyles: () => {
2120
1711
  "background-color": string;
2121
1712
  color: string;
2122
1713
  "text-align": string;
2123
- "border-radius": string; /**
1714
+ /**
2124
1715
  * Represents logic surrounding a group of hosted fields.
2125
1716
  */
1717
+ "border-radius": string;
2126
1718
  border: string;
2127
1719
  padding: string;
2128
1720
  position: string;
2129
1721
  "z-index": string;
2130
1722
  "margin-left": string;
2131
1723
  "margin-top": string;
2132
- opacity: string;
1724
+ opacity: string; /**
1725
+ * Instantiates a new UIForm object for a group of hosted fields
1726
+ *
1727
+ * @param fields Hosted field configuration
1728
+ * @param styles Custom CSS configuration
1729
+ */
2133
1730
  transition: string;
2134
1731
  "font-family": string;
2135
1732
  "font-size": string;
@@ -2437,36 +2034,11 @@ export declare const parentStyles: () => {
2437
2034
  transition: string;
2438
2035
  "vertical-align": string;
2439
2036
  width: string;
2440
- } | {
2441
- "-o-transition": string;
2442
- "-webkit-box-shadow": string;
2443
- "-webkit-transition": string;
2444
- "background-color": string;
2445
- border: string;
2446
- "border-radius": string;
2447
- "box-shadow": string;
2448
- "box-sizing": string;
2449
- display: string;
2450
- "font-family": string;
2451
- "font-size": string;
2452
- "font-smoothing": string;
2453
- height: string;
2454
- margin: string;
2455
- "max-width": string;
2456
- outline: string;
2457
- padding: string;
2458
- transition: string;
2459
- "vertical-align": string;
2460
- width: string;
2461
2037
  };
2462
2038
  ".secure-payment-form input:focus": {
2463
2039
  border: string;
2464
2040
  "box-shadow": string;
2465
2041
  outline: string;
2466
- } | {
2467
- border: string;
2468
- "box-shadow": string;
2469
- outline: string;
2470
2042
  };
2471
2043
  ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
2472
2044
  display: string;
@@ -2564,7 +2136,5 @@ export default class UIForm {
2564
2136
  private requestDataFromAll;
2565
2137
  setSubtotalAmount(amount: string): void;
2566
2138
  private requestInstallmentData;
2567
- private configureHostedFieldValidations;
2568
- private validateForm;
2569
2139
  private submitForm;
2570
2140
  }
package/types/ui/iframe-field/index.d.ts CHANGED
@@ -148,21 +148,5 @@ export declare class IframeField extends EventEmitter {
148
148
  * @param title The desired title
149
149
  */
150
150
  setTitle(title: string): void;
151
- /**
152
- * Show the validation of a hosted field
153
- *
154
- * @param validationMessage The desired validation message
155
- */
156
- showValidation(validationMessage: string): void;
157
- /**
158
- * Hide the validation of a hosted field
159
- *
160
- */
161
- hideValidation(): void;
162
- /**
163
- * Validate hosted field
164
- *
165
- */
166
- validate(): void;
167
151
  private makeFrame;
168
152
  }