@globalpayments/js 1.9.19 → 1.9.21
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/common/constants.d.ts +1 -0
- package/types/common/enums.d.ts +18 -0
- package/types/common/html-element.d.ts +88 -0
- package/types/internal/built-in-validations/field-validator.d.ts +4 -0
- package/types/internal/built-in-validations/helpers.d.ts +2 -0
- package/types/internal/built-in-validations/messages.d.ts +24 -0
- package/types/internal/lib/card.d.ts +17 -0
- package/types/internal/lib/installments/helpers/html-element.d.ts +3 -7
- package/types/internal/lib/installments/installments-handler.d.ts +1 -1
- package/types/internal/lib/styles/built-in-validations/common.d.ts +16 -0
- package/types/internal/lib/styles/default.d.ts +160 -0
- package/types/internal/lib/styles/gp-default.d.ts +131 -0
- package/types/internal/lib/styles/simple.d.ts +169 -0
- package/types/lib/version.d.ts +1 -1
- package/types/tools/configure.d.ts +1 -0
- package/types/ui/form/index.d.ts +481 -52
- package/types/ui/iframe-field/action-hide-validation.d.ts +6 -0
- package/types/ui/iframe-field/action-show-validation.d.ts +7 -0
- package/types/ui/iframe-field/action-validate-form.d.ts +3 -0
- package/types/ui/iframe-field/action-validate-value.d.ts +5 -0
- package/types/ui/iframe-field/index.d.ts +17 -1
package/types/ui/form/index.d.ts
CHANGED
|
@@ -5,6 +5,166 @@ 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
|
+
"#secure-payment-field": {
|
|
21
|
+
"-o-transition": string;
|
|
22
|
+
"-webkit-box-shadow": string;
|
|
23
|
+
"-webkit-transition": string;
|
|
24
|
+
"background-color": string;
|
|
25
|
+
border: string;
|
|
26
|
+
"border-radius": string;
|
|
27
|
+
"box-shadow": string;
|
|
28
|
+
"box-sizing": string;
|
|
29
|
+
color: string;
|
|
30
|
+
display: string;
|
|
31
|
+
"font-family": string;
|
|
32
|
+
"font-size": string;
|
|
33
|
+
height: string;
|
|
34
|
+
"line-height": string;
|
|
35
|
+
margin: string;
|
|
36
|
+
"max-width": string;
|
|
37
|
+
outline: string;
|
|
38
|
+
padding: string;
|
|
39
|
+
transition: string;
|
|
40
|
+
"vertical-align": string;
|
|
41
|
+
width: string;
|
|
42
|
+
};
|
|
43
|
+
"#secure-payment-field:focus": {
|
|
44
|
+
border: string;
|
|
45
|
+
"box-shadow": string;
|
|
46
|
+
height: string;
|
|
47
|
+
outline: string;
|
|
48
|
+
};
|
|
49
|
+
"#secure-payment-field[type=button]": {
|
|
50
|
+
"-moz-user-select": string;
|
|
51
|
+
"-ms-touch-action": string;
|
|
52
|
+
"-ms-user-select": string;
|
|
53
|
+
"-webkit-user-select": string;
|
|
54
|
+
"background-color": string;
|
|
55
|
+
"background-image": string;
|
|
56
|
+
border: string;
|
|
57
|
+
"box-sizing": string;
|
|
58
|
+
color: string;
|
|
59
|
+
cursor: string;
|
|
60
|
+
display: string;
|
|
61
|
+
"font-family": string;
|
|
62
|
+
"font-size": string;
|
|
63
|
+
"font-weight": string;
|
|
64
|
+
"line-height": string;
|
|
65
|
+
"margin-bottom": string;
|
|
66
|
+
padding: string;
|
|
67
|
+
"text-align": string;
|
|
68
|
+
"text-transform": string;
|
|
69
|
+
"touch-action": string;
|
|
70
|
+
"user-select": string;
|
|
71
|
+
"vertical-align": string;
|
|
72
|
+
"white-space": string;
|
|
73
|
+
};
|
|
74
|
+
"#secure-payment-field[type=button]:focus": {
|
|
75
|
+
"background-color": string;
|
|
76
|
+
color: string;
|
|
77
|
+
outline: string;
|
|
78
|
+
};
|
|
79
|
+
"#secure-payment-field[type=button]:hover": {
|
|
80
|
+
"background-color": string;
|
|
81
|
+
};
|
|
82
|
+
".card-cvv": {
|
|
83
|
+
background: string;
|
|
84
|
+
"background-size": string;
|
|
85
|
+
};
|
|
86
|
+
".card-cvv.card-type-amex": {
|
|
87
|
+
background: string;
|
|
88
|
+
"background-size": string;
|
|
89
|
+
};
|
|
90
|
+
"img.card-number-icon": {
|
|
91
|
+
background: string;
|
|
92
|
+
"background-size": string;
|
|
93
|
+
width: string;
|
|
94
|
+
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
|
+
};
|
|
8
168
|
"#secure-payment-field": {
|
|
9
169
|
"-o-transition": string;
|
|
10
170
|
"-webkit-box-shadow": string;
|
|
@@ -151,6 +311,129 @@ export declare const fieldStyles: () => {
|
|
|
151
311
|
};
|
|
152
312
|
};
|
|
153
313
|
"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
|
+
};
|
|
154
437
|
"*": {
|
|
155
438
|
"box-sizing": string;
|
|
156
439
|
};
|
|
@@ -190,6 +473,10 @@ export declare const fieldStyles: () => {
|
|
|
190
473
|
border: string;
|
|
191
474
|
outline: string;
|
|
192
475
|
};
|
|
476
|
+
"#secure-payment-field:hover": {
|
|
477
|
+
border: string;
|
|
478
|
+
outline: string;
|
|
479
|
+
};
|
|
193
480
|
"#secure-payment-field[type=button]": {
|
|
194
481
|
"background-color": string;
|
|
195
482
|
color: string;
|
|
@@ -248,16 +535,6 @@ export declare const fieldStyles: () => {
|
|
|
248
535
|
"img.card-number-icon.card-type-visa": {
|
|
249
536
|
"background-image": string;
|
|
250
537
|
};
|
|
251
|
-
/**
|
|
252
|
-
* Sets an event listener for an event type
|
|
253
|
-
*
|
|
254
|
-
* @param fieldTypeOrEventName The field type on which the listener should
|
|
255
|
-
* be applied, or the type of event that should trigger the listener
|
|
256
|
-
* @param eventNameOrListener The type of event that should trigger the
|
|
257
|
-
* listener, or the listener function
|
|
258
|
-
* @param listener The listener function when both field type and event type
|
|
259
|
-
* are provided
|
|
260
|
-
*/
|
|
261
538
|
"img.card-number-icon.card-type-diners": {
|
|
262
539
|
"background-image": string;
|
|
263
540
|
};
|
|
@@ -266,6 +543,150 @@ export declare const fieldStyles: () => {
|
|
|
266
543
|
};
|
|
267
544
|
};
|
|
268
545
|
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
|
+
html: {
|
|
559
|
+
"font-size": string;
|
|
560
|
+
};
|
|
561
|
+
body: {
|
|
562
|
+
"font-size": string;
|
|
563
|
+
};
|
|
564
|
+
"#secure-payment-field-wrapper": {
|
|
565
|
+
postition: string;
|
|
566
|
+
};
|
|
567
|
+
"#secure-payment-field": {
|
|
568
|
+
"-o-transition": string;
|
|
569
|
+
"-webkit-box-shadow": string;
|
|
570
|
+
"-webkit-transition": string;
|
|
571
|
+
"background-color": string;
|
|
572
|
+
border: string;
|
|
573
|
+
"border-radius": string;
|
|
574
|
+
"box-shadow": string;
|
|
575
|
+
"box-sizing": string;
|
|
576
|
+
display: string;
|
|
577
|
+
"font-family": string;
|
|
578
|
+
"font-size": string;
|
|
579
|
+
"font-smoothing": string;
|
|
580
|
+
height: string;
|
|
581
|
+
margin: string;
|
|
582
|
+
"max-width": string;
|
|
583
|
+
outline: string;
|
|
584
|
+
padding: string;
|
|
585
|
+
transition: string;
|
|
586
|
+
"vertical-align": string;
|
|
587
|
+
width: string;
|
|
588
|
+
};
|
|
589
|
+
"#secure-payment-field:focus": {
|
|
590
|
+
border: string;
|
|
591
|
+
"box-shadow": string;
|
|
592
|
+
outline: string;
|
|
593
|
+
};
|
|
594
|
+
"#secure-payment-field[type=button]": {
|
|
595
|
+
"text-align": string;
|
|
596
|
+
"text-transform": string;
|
|
597
|
+
"white-space": string;
|
|
598
|
+
};
|
|
599
|
+
"#secure-payment-field[type=button]:focus": {
|
|
600
|
+
outline: string;
|
|
601
|
+
};
|
|
602
|
+
".card-cvv": {
|
|
603
|
+
background: string;
|
|
604
|
+
"background-size": string;
|
|
605
|
+
};
|
|
606
|
+
".card-cvv.card-type-amex": {
|
|
607
|
+
background: string;
|
|
608
|
+
"background-size": string;
|
|
609
|
+
};
|
|
610
|
+
"img.card-number-icon": {
|
|
611
|
+
background: string;
|
|
612
|
+
"background-size": string;
|
|
613
|
+
width: string;
|
|
614
|
+
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
|
+
};
|
|
269
690
|
html: {
|
|
270
691
|
"font-size": string;
|
|
271
692
|
};
|
|
@@ -339,12 +760,6 @@ export declare const fieldStyles: () => {
|
|
|
339
760
|
"background-size": string;
|
|
340
761
|
"background-position-y": string;
|
|
341
762
|
};
|
|
342
|
-
/**
|
|
343
|
-
* Instantiates a new UIForm object for a group of hosted fields
|
|
344
|
-
*
|
|
345
|
-
* @param fields Hosted field configuration
|
|
346
|
-
* @param styles Custom CSS configuration
|
|
347
|
-
*/
|
|
348
763
|
"img.card-number-icon.invalid.card-type-discover": {
|
|
349
764
|
background: string;
|
|
350
765
|
"background-size": string;
|
|
@@ -489,7 +904,9 @@ export declare const parentStyles: () => {
|
|
|
489
904
|
"background-color": string;
|
|
490
905
|
color: string;
|
|
491
906
|
"text-align": string;
|
|
492
|
-
"border-radius": string;
|
|
907
|
+
"border-radius": string; /**
|
|
908
|
+
* Represents logic surrounding a group of hosted fields.
|
|
909
|
+
*/
|
|
493
910
|
border: string;
|
|
494
911
|
padding: string;
|
|
495
912
|
position: string;
|
|
@@ -504,16 +921,7 @@ export declare const parentStyles: () => {
|
|
|
504
921
|
"box-shadow": string;
|
|
505
922
|
};
|
|
506
923
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
507
|
-
"margin-left": string;
|
|
508
|
-
* Sets an event listener for an event type
|
|
509
|
-
*
|
|
510
|
-
* @param fieldTypeOrEventName The field type on which the listener should
|
|
511
|
-
* be applied, or the type of event that should trigger the listener
|
|
512
|
-
* @param eventNameOrListener The type of event that should trigger the
|
|
513
|
-
* listener, or the listener function
|
|
514
|
-
* @param listener The listener function when both field type and event type
|
|
515
|
-
* are provided
|
|
516
|
-
*/
|
|
924
|
+
"margin-left": string;
|
|
517
925
|
};
|
|
518
926
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
519
927
|
"max-width": string;
|
|
@@ -908,7 +1316,9 @@ export declare const parentStyles: () => {
|
|
|
908
1316
|
"background-color": string;
|
|
909
1317
|
color: string;
|
|
910
1318
|
"text-align": string;
|
|
911
|
-
"border-radius": string;
|
|
1319
|
+
"border-radius": string; /**
|
|
1320
|
+
* Represents logic surrounding a group of hosted fields.
|
|
1321
|
+
*/
|
|
912
1322
|
border: string;
|
|
913
1323
|
padding: string;
|
|
914
1324
|
position: string;
|
|
@@ -923,16 +1333,7 @@ export declare const parentStyles: () => {
|
|
|
923
1333
|
"box-shadow": string;
|
|
924
1334
|
};
|
|
925
1335
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
926
|
-
"margin-left": string;
|
|
927
|
-
* Sets an event listener for an event type
|
|
928
|
-
*
|
|
929
|
-
* @param fieldTypeOrEventName The field type on which the listener should
|
|
930
|
-
* be applied, or the type of event that should trigger the listener
|
|
931
|
-
* @param eventNameOrListener The type of event that should trigger the
|
|
932
|
-
* listener, or the listener function
|
|
933
|
-
* @param listener The listener function when both field type and event type
|
|
934
|
-
* are provided
|
|
935
|
-
*/
|
|
1336
|
+
"margin-left": string;
|
|
936
1337
|
};
|
|
937
1338
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
938
1339
|
"max-width": string;
|
|
@@ -1495,6 +1896,11 @@ export declare const parentStyles: () => {
|
|
|
1495
1896
|
width: string;
|
|
1496
1897
|
height: string;
|
|
1497
1898
|
"text-align": string;
|
|
1899
|
+
/**
|
|
1900
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
1901
|
+
*
|
|
1902
|
+
* @param json New CSS rules
|
|
1903
|
+
*/
|
|
1498
1904
|
margin: string;
|
|
1499
1905
|
};
|
|
1500
1906
|
".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
|
|
@@ -1555,6 +1961,10 @@ export declare const parentStyles: () => {
|
|
|
1555
1961
|
border: string;
|
|
1556
1962
|
outline: string;
|
|
1557
1963
|
};
|
|
1964
|
+
".secure-payment-form .tooltip:hover": {
|
|
1965
|
+
border: string;
|
|
1966
|
+
outline: string;
|
|
1967
|
+
};
|
|
1558
1968
|
".secure-payment-form .tooltip-content": {
|
|
1559
1969
|
visibility: string;
|
|
1560
1970
|
width: string;
|
|
@@ -1710,7 +2120,9 @@ export declare const parentStyles: () => {
|
|
|
1710
2120
|
"background-color": string;
|
|
1711
2121
|
color: string;
|
|
1712
2122
|
"text-align": string;
|
|
1713
|
-
"border-radius": string;
|
|
2123
|
+
"border-radius": string; /**
|
|
2124
|
+
* Represents logic surrounding a group of hosted fields.
|
|
2125
|
+
*/
|
|
1714
2126
|
border: string;
|
|
1715
2127
|
padding: string;
|
|
1716
2128
|
position: string;
|
|
@@ -1725,16 +2137,7 @@ export declare const parentStyles: () => {
|
|
|
1725
2137
|
"box-shadow": string;
|
|
1726
2138
|
};
|
|
1727
2139
|
".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
|
|
1728
|
-
"margin-left": string;
|
|
1729
|
-
* Sets an event listener for an event type
|
|
1730
|
-
*
|
|
1731
|
-
* @param fieldTypeOrEventName The field type on which the listener should
|
|
1732
|
-
* be applied, or the type of event that should trigger the listener
|
|
1733
|
-
* @param eventNameOrListener The type of event that should trigger the
|
|
1734
|
-
* listener, or the listener function
|
|
1735
|
-
* @param listener The listener function when both field type and event type
|
|
1736
|
-
* are provided
|
|
1737
|
-
*/
|
|
2140
|
+
"margin-left": string;
|
|
1738
2141
|
};
|
|
1739
2142
|
".secure-payment-form .ctp-info-tooltip .ctp-heading": {
|
|
1740
2143
|
"max-width": string;
|
|
@@ -1966,9 +2369,7 @@ export declare const parentStyles: () => {
|
|
|
1966
2369
|
".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
|
|
1967
2370
|
width: string;
|
|
1968
2371
|
height: string;
|
|
1969
|
-
"margin-top": string;
|
|
1970
|
-
* Deletes all hosted fields within the form
|
|
1971
|
-
*/
|
|
2372
|
+
"margin-top": string;
|
|
1972
2373
|
"vertical-align": string;
|
|
1973
2374
|
};
|
|
1974
2375
|
".secure-payment-form div[class$='-shield'] .ssl-msg": {
|
|
@@ -2036,11 +2437,36 @@ export declare const parentStyles: () => {
|
|
|
2036
2437
|
transition: string;
|
|
2037
2438
|
"vertical-align": string;
|
|
2038
2439
|
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;
|
|
2039
2461
|
};
|
|
2040
2462
|
".secure-payment-form input:focus": {
|
|
2041
2463
|
border: string;
|
|
2042
2464
|
"box-shadow": string;
|
|
2043
2465
|
outline: string;
|
|
2466
|
+
} | {
|
|
2467
|
+
border: string;
|
|
2468
|
+
"box-shadow": string;
|
|
2469
|
+
outline: string;
|
|
2044
2470
|
};
|
|
2045
2471
|
".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
|
|
2046
2472
|
display: string;
|
|
@@ -2138,4 +2564,7 @@ export default class UIForm {
|
|
|
2138
2564
|
private requestDataFromAll;
|
|
2139
2565
|
setSubtotalAmount(amount: string): void;
|
|
2140
2566
|
private requestInstallmentData;
|
|
2567
|
+
private configureHostedFieldValidations;
|
|
2568
|
+
private validateForm;
|
|
2569
|
+
private submitForm;
|
|
2141
2570
|
}
|