@globalpayments/js 1.9.13 → 1.9.15

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/internal/lib/add-footer-icons.d.ts +9 -0
  3. package/types/internal/lib/styles/click-to-pay/default.d.ts +288 -0
  4. package/types/internal/lib/styles/click-to-pay/gp-default.d.ts +288 -0
  5. package/types/internal/lib/styles/click-to-pay/simple.d.ts +288 -0
  6. package/types/internal/lib/styles/default.d.ts +274 -181
  7. package/types/internal/lib/styles/gp-default.d.ts +299 -224
  8. package/types/internal/lib/styles/simple.d.ts +303 -210
  9. package/types/lib/version.d.ts +1 -1
  10. package/types/ui/form/index.d.ts +858 -572
package/types/ui/form/index.d.ts CHANGED
@@ -50,6 +50,9 @@ export declare const fieldStyles: () => {
50
50
  "font-size": string;
51
51
  "font-weight": string;
52
52
  "line-height": string;
53
+ /**
54
+ * Represents logic surrounding a group of hosted fields.
55
+ */
53
56
  "margin-bottom": string;
54
57
  padding: string;
55
58
  "text-align": string;
@@ -70,75 +73,78 @@ export declare const fieldStyles: () => {
70
73
  ".card-cvv": {
71
74
  background: string;
72
75
  "background-size": string;
73
- }; /**
74
- * Sets an event listener for an event type
75
- *
76
- * @param fieldTypeOrEventName The field type on which the listener should
77
- * be applied, or the type of event that should trigger the listener
78
- * @param eventNameOrListener The type of event that should trigger the
79
- * listener, or the listener function
80
- * @param listener The listener function when both field type and event type
81
- * are provided
82
- */
76
+ };
83
77
  ".card-cvv.card-type-amex": {
84
78
  background: string;
85
79
  "background-size": string;
86
80
  };
87
- ".card-number": {
81
+ "img.card-number": {
88
82
  background: string;
89
83
  "background-size": string;
84
+ width: string;
85
+ height: string;
86
+ position: string;
87
+ right: string;
88
+ top: string;
89
+ "margin-top": string;
90
+ "background-position": string;
90
91
  };
91
- ".card-number.invalid.card-type-amex": {
92
+ "img.card-number[src$='/gp-cc-generic.svg']": {
92
93
  background: string;
93
- "background-position-y": string;
94
94
  "background-size": string;
95
+ "background-position-y": string;
95
96
  };
96
- ".card-number.invalid.card-type-discover": {
97
+ "img.card-number.invalid.card-type-amex": {
97
98
  background: string;
98
- "background-position-y": string;
99
99
  "background-size": string;
100
+ "background-position-y": string;
100
101
  };
101
- ".card-number.invalid.card-type-jcb": {
102
+ "img.card-number.invalid.card-type-discover": {
102
103
  background: string;
103
- "background-position-y": string;
104
104
  "background-size": string;
105
+ "background-position-y": string;
106
+ width: string;
105
107
  };
106
- ".card-number.invalid.card-type-mastercard": {
108
+ "img.card-number.invalid.card-type-jcb": {
107
109
  background: string;
108
- "background-position-y": string;
109
110
  "background-size": string;
111
+ "background-position-y": string;
110
112
  };
111
- ".card-number.invalid.card-type-visa": {
113
+ "img.card-number.invalid.card-type-mastercard": {
112
114
  background: string;
113
- "background-position-y": string;
114
115
  "background-size": string;
116
+ "background-position-y": string;
115
117
  };
116
- ".card-number.valid.card-type-amex": {
118
+ "img.card-number.invalid.card-type-visa": {
117
119
  background: string;
118
- "background-size": string; /**
119
- * Appends additional CSS rules to the group of hosted fields
120
- *
121
- * @param json New CSS rules
122
- */
120
+ "background-size": string;
121
+ "background-position-y": string;
123
122
  };
124
- ".card-number.valid.card-type-discover": {
123
+ "img.card-number.valid.card-type-amex": {
125
124
  background: string;
126
- "background-position-y": string;
127
125
  "background-size": string;
126
+ "background-position-y": string;
128
127
  };
129
- ".card-number.valid.card-type-jcb": {
128
+ "img.card-number.valid.card-type-discover": {
130
129
  background: string;
131
- "background-position-y": string;
132
130
  "background-size": string;
131
+ "background-position-y": string;
132
+ width: string;
133
133
  };
134
- ".card-number.valid.card-type-mastercard": {
134
+ "img.card-number.valid.card-type-jcb": {
135
135
  background: string;
136
+ "background-size": string;
136
137
  "background-position-y": string;
138
+ };
139
+ "img.card-number.valid.card-type-mastercard": {
140
+ background: string;
137
141
  "background-size": string;
142
+ "background-position-y": string;
138
143
  };
139
- ".card-number.valid.card-type-visa": {
144
+ "img.card-number.valid.card-type-visa": {
140
145
  background: string;
141
146
  "background-size": string;
147
+ "background-position-y": string;
142
148
  };
143
149
  ".card-number::-ms-clear": {
144
150
  display: string;
@@ -165,6 +171,14 @@ export declare const fieldStyles: () => {
165
171
  color: string;
166
172
  opacity: number;
167
173
  };
174
+ ":-moz-placeholder": {
175
+ color: string;
176
+ opacity: string;
177
+ };
178
+ "::-moz-placeholder": {
179
+ color: string;
180
+ opacity: string;
181
+ };
168
182
  "#secure-payment-field": {
169
183
  width: string;
170
184
  height: string;
@@ -212,26 +226,32 @@ export declare const fieldStyles: () => {
212
226
  ".card-cvv.card-type-amex": {
213
227
  "background-image": string;
214
228
  };
215
- ".card-number": {
229
+ "img.card-number": {
216
230
  background: string;
231
+ position: string;
232
+ right: string;
233
+ top: string;
234
+ width: string;
235
+ height: string;
236
+ "margin-top": string;
217
237
  "background-size": string;
218
238
  };
219
- ".card-number.card-type-amex": {
239
+ "img.card-number.card-type-amex": {
220
240
  "background-image": string;
221
241
  };
222
- ".card-number.card-type-discover": {
242
+ "img.card-number.card-type-discover": {
223
243
  "background-image": string;
224
244
  };
225
- ".card-number.card-type-jcb": {
245
+ "img.card-number.card-type-jcb": {
226
246
  "background-image": string;
227
247
  };
228
- ".card-number.card-type-mastercard": {
248
+ "img.card-number.card-type-mastercard": {
229
249
  "background-image": string;
230
250
  };
231
- ".card-number.card-type-visa": {
251
+ "img.card-number.card-type-visa": {
232
252
  "background-image": string;
233
253
  };
234
- ".card-number.card-type-diners": {
254
+ "img.card-number.card-type-diners": {
235
255
  "background-image": string;
236
256
  };
237
257
  ".card-number::-ms-clear": {
@@ -291,59 +311,75 @@ export declare const fieldStyles: () => {
291
311
  background: string;
292
312
  "background-size": string;
293
313
  };
294
- ".card-number": {
314
+ "img.card-number": {
315
+ background: string;
316
+ "background-size": string;
317
+ width: string;
318
+ height: string;
319
+ position: string;
320
+ right: string;
321
+ top: string;
322
+ "margin-top": string;
323
+ "background-position": string;
324
+ };
325
+ "img.card-number[src$='/gp-cc-generic.svg']": {
295
326
  background: string;
296
327
  "background-size": string;
328
+ "background-position-y": string;
297
329
  };
298
- ".card-number.invalid.card-type-amex": {
330
+ "img.card-number.invalid.card-type-amex": {
299
331
  background: string;
300
- "background-position-x": string;
301
332
  "background-size": string;
333
+ "background-position-y": string;
302
334
  };
303
- ".card-number.invalid.card-type-discover": {
335
+ "img.card-number.invalid.card-type-discover": {
304
336
  background: string;
305
- "background-position-x": string;
306
337
  "background-size": string;
338
+ "background-position-y": string;
339
+ width: string;
340
+ right: string;
307
341
  };
308
- ".card-number.invalid.card-type-jcb": {
342
+ "img.card-number.invalid.card-type-jcb": {
309
343
  background: string;
310
- "background-position-x": string;
311
344
  "background-size": string;
345
+ "background-position-y": string;
312
346
  };
313
- ".card-number.invalid.card-type-mastercard": {
347
+ "img.card-number.invalid.card-type-mastercard": {
314
348
  background: string;
315
- "background-position-x": string;
316
349
  "background-size": string;
350
+ "background-position": string;
317
351
  };
318
- ".card-number.invalid.card-type-visa": {
352
+ "img.card-number.invalid.card-type-visa": {
319
353
  background: string;
320
- "background-position-x": string;
321
354
  "background-size": string;
355
+ "background-position": string;
322
356
  };
323
- ".card-number.valid.card-type-amex": {
357
+ "img.card-number.valid.card-type-amex": {
324
358
  background: string;
325
- "background-position-x": string;
326
359
  "background-size": string;
360
+ "background-position-y": string;
327
361
  };
328
- ".card-number.valid.card-type-discover": {
362
+ "img.card-number.valid.card-type-discover": {
329
363
  background: string;
330
- "background-position-x": string;
331
364
  "background-size": string;
365
+ "background-position-y": string;
366
+ width: string;
367
+ right: string;
332
368
  };
333
- ".card-number.valid.card-type-jcb": {
369
+ "img.card-number.valid.card-type-jcb": {
334
370
  background: string;
335
- "background-position-x": string;
336
371
  "background-size": string;
372
+ "background-position-y": string;
337
373
  };
338
- ".card-number.valid.card-type-mastercard": {
374
+ "img.card-number.valid.card-type-mastercard": {
339
375
  background: string;
340
- "background-position-x": string;
341
376
  "background-size": string;
377
+ "background-position": string;
342
378
  };
343
- ".card-number.valid.card-type-visa": {
379
+ "img.card-number.valid.card-type-visa": {
344
380
  background: string;
345
- "background-position-x": string;
346
381
  "background-size": string;
382
+ "background-position": string;
347
383
  };
348
384
  ".card-number::-ms-clear": {
349
385
  display: string;
@@ -360,130 +396,69 @@ export declare const parentStyles: () => {
360
396
  height: string;
361
397
  margin: string;
362
398
  };
363
- "apple-pay-button": {
364
- "--apple-pay-button-width": string;
365
- "--apple-pay-button-height": string;
366
- "--apple-pay-button-border-radius": string;
367
- "--apple-pay-button-padding": string;
368
- "--apple-pay-button-box-sizing": string;
369
- display: string;
370
- margin: string;
371
- };
372
- ".secure-payment-form": {
373
- "font-family": string;
374
- };
375
- ".secure-payment-form label": {
376
- color: string;
377
- "font-size": string;
378
- "font-weight": string;
379
- "line-height": string;
380
- "text-transform": string;
381
- };
382
- ".secure-payment-form #ss-banner": {
383
- background: string;
384
- "background-size": string;
385
- height: string;
386
- "margin-bottom": string;
387
- };
388
- ".secure-payment-form div": {
389
- display: string;
390
- };
391
- ".secure-payment-form iframe": {
392
- width: string;
393
- };
394
- ".secure-payment-form .form-row": {
395
- "margin-top": string;
396
- };
397
- ".secure-payment-form .form-wrapper": {
398
- display: string;
399
- margin: string;
400
- width: string;
401
- };
402
- ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
403
- display: string;
404
- };
405
- ".secure-payment-form .other-cards-label": {
406
- "border-bottom": string;
407
- "text-align": string;
408
- margin: string;
409
- position: string;
410
- };
411
- ".secure-payment-form .other-cards-label span": {
412
- "text-align": string;
413
- padding: string;
414
- background: string;
415
- position: string;
416
- color: string;
417
- width: string;
418
- left: string;
419
- "-webkit-transform": string;
420
- "-moz-transform": string;
421
- "-ms-transform": string;
422
- "-o-transform": string;
423
- transform: string;
424
- margin: string;
425
- "font-family": string;
426
- "font-size": string;
427
- "white-space": string;
428
- };
429
- ".secure-payment-form .hidden": {
430
- display: string;
431
- };
432
399
  ".secure-payment-form .ctp-panel": {
433
400
  border: string;
434
401
  "box-shadow": string;
435
402
  "border-radius": string;
403
+ "container-type": string;
404
+ "font-family": string;
436
405
  "margin-bottom": string;
437
406
  };
438
407
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
439
408
  display: string;
440
409
  };
441
410
  ".secure-payment-form .ctp-panel .ctp-button": {
442
- display: string;
443
- background: string;
444
- "flex-direction": string;
445
411
  "align-items": string;
446
- padding: string;
412
+ background: string;
413
+ cursor: string;
414
+ display: string;
447
415
  flex: string;
448
- order: string;
416
+ "flex-direction": string;
449
417
  "flex-grow": string;
418
+ order: string;
419
+ padding: string;
450
420
  position: string;
451
- "font-size": string;
452
- "line-height": string;
453
- cursor: string;
454
- "font-family": string;
421
+ "white-space": string;
455
422
  };
456
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
457
- cursor: string;
423
+ ".secure-payment-form .ctp-panel .ctp-header": {
424
+ width: string;
458
425
  };
459
- ".secure-payment-form .ctp-panel .ctp-button:after": {
460
- content: string;
461
- position: string;
426
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
427
+ "font-family": string;
428
+ "font-weight": string;
429
+ "line-height": string;
430
+ "font-size": string;
431
+ };
432
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
433
+ background: string;
434
+ "background-size": string;
462
435
  width: string;
463
436
  height: string;
464
- border: string;
465
- "border-width": string;
437
+ margin: string;
466
438
  display: string;
467
- padding: string;
468
- transform: string;
469
- "-webkit-transform": string;
439
+ "vertical-align": string;
440
+ flex: string;
441
+ order: string;
442
+ "flex-grow": string;
470
443
  };
471
- ".secure-payment-form .ctp-panel .right-arrow": {
472
- position: string;
444
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
445
+ margin: string;
446
+ "font-family": string;
447
+ "font-weight": string;
448
+ "font-size": string;
449
+ "line-height": string;
450
+ color: string;
451
+ };
452
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
473
453
  background: string;
474
- right: string;
475
- border: string;
476
- "border-width": string;
477
- display: string;
478
454
  padding: string;
479
- transform: string;
480
- "-webkit-transform": string;
481
- "z-index": string;
482
- top: string;
483
- "margin-top": string;
484
- };
485
- ".secure-payment-form .apm-active .right-arrow": {
455
+ width: string;
456
+ height: string;
486
457
  display: string;
458
+ "vertical-align": string;
459
+ flex: string;
460
+ order: string;
461
+ "flex-grow": string;
487
462
  };
488
463
  ".secure-payment-form .ctp-info-tooltip": {
489
464
  width: string;
@@ -493,7 +468,18 @@ export declare const parentStyles: () => {
493
468
  overflow: string;
494
469
  background: string;
495
470
  margin: string;
471
+ "white-space": string;
496
472
  };
473
+ /**
474
+ * Sets an event listener for an event type
475
+ *
476
+ * @param fieldTypeOrEventName The field type on which the listener should
477
+ * be applied, or the type of event that should trigger the listener
478
+ * @param eventNameOrListener The type of event that should trigger the
479
+ * listener, or the listener function
480
+ * @param listener The listener function when both field type and event type
481
+ * are provided
482
+ */
497
483
  ".secure-payment-form .ctp-info-tooltip-content": {
498
484
  visibility: string;
499
485
  width: string;
@@ -509,16 +495,21 @@ export declare const parentStyles: () => {
509
495
  "margin-top": string;
510
496
  opacity: string;
511
497
  transition: string;
498
+ "font-family": string;
512
499
  "font-size": string;
513
500
  "font-weight": string;
514
501
  "box-shadow": string;
515
502
  };
503
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
504
+ "margin-left": string;
505
+ };
516
506
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
517
507
  "max-width": string;
518
508
  margin: string;
519
509
  };
520
510
  ".secure-payment-form .ctp-info-tooltip-content ul": {
521
511
  padding: string;
512
+ "margin-bottom": string;
522
513
  };
523
514
  ".secure-payment-form .ctp-info-tooltip-content li": {
524
515
  padding: string;
@@ -564,133 +555,140 @@ export declare const parentStyles: () => {
564
555
  visibility: string;
565
556
  opacity: string;
566
557
  };
567
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
568
- background: string;
569
- display: string;
570
- "vertical-align": string;
571
- width: string;
572
- height: string;
573
- margin: string;
558
+ "@container (min-width: 408px)": {
559
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
560
+ "font-size": string;
561
+ };
562
+ ".secure-payment-form .ctp-panel .right-arrow": {
563
+ "border-width": string;
564
+ };
565
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
566
+ width: string;
567
+ height: string;
568
+ "background-size": string;
569
+ };
574
570
  };
575
- ".secure-payment-form div[class^='ctp'] .card-brands": {
576
- background: string;
577
- display: string;
578
- "vertical-align": string;
579
- "padding-right": string;
580
- "min-height": string;
581
- color: string;
582
- "white-space": string;
571
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
572
+ cursor: string;
583
573
  };
584
- ".secure-payment-form #ctp-wrapper #header": {
585
- display: string;
574
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
575
+ cursor: string;
586
576
  };
587
- ".secure-payment-form #ctp-wrapper #footer": {
577
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
578
+ content: string;
579
+ position: string;
580
+ width: string;
581
+ height: string;
582
+ border: string;
583
+ "border-width": string;
588
584
  display: string;
585
+ padding: string;
586
+ transform: string;
587
+ "-webkit-transform": string;
589
588
  };
590
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
591
- margin: string;
592
- "font-size": string;
593
- "line-height": string;
594
- "font-weight": string;
595
- };
596
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
589
+ ".secure-payment-form .ctp-panel .right-arrow": {
590
+ position: string;
591
+ background: string;
592
+ right: string;
593
+ border: string;
594
+ "border-width": string;
595
+ display: string;
597
596
  padding: string;
597
+ transform: string;
598
+ "-webkit-transform": string;
599
+ "z-index": string;
600
+ top: string;
601
+ "margin-top": string;
598
602
  };
599
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
600
- "font-size": string;
601
- "line-height": string;
602
- "text-align": string;
603
- float: string;
604
- margin: string;
605
- };
606
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
607
- "font-size": string;
608
- "line-height": string;
609
- "text-align": string;
610
- float: string;
611
- margin: string;
603
+ ".secure-payment-form .apm-active .right-arrow": {
604
+ display: string;
612
605
  };
613
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
614
- "font-size": string;
615
- "line-height": string;
616
- "text-align": string;
617
- float: string;
606
+ ".secure-payment-form.apm-active .right-arrow": {
607
+ display: string;
618
608
  };
619
- ".secure-payment-form #ctp-wrapper .quitbanner": {
620
- "margin-left": string;
621
- "margin-top": string;
609
+ "#ctp-wrapper #header": {
610
+ display: string;
622
611
  };
623
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
612
+ "#ctp-wrapper .logindiv .tooltip": {
624
613
  display: string;
625
614
  };
626
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
627
- margin: string;
615
+ "#ctp-wrapper .logindiv .lblemailInput": {
616
+ display: string;
628
617
  };
629
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
618
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
630
619
  "font-size": string;
620
+ "font-family": string;
631
621
  "line-height": string;
632
- "font-weight": string;
633
- margin: string;
634
622
  };
635
- ".secure-payment-form #ctp-wrapper label": {
623
+ "#ctp-wrapper #verifyVisa label": {
624
+ display: string;
636
625
  "font-size": string;
637
- "line-height": string;
638
- "font-weight": string;
626
+ "font-family": string;
639
627
  margin: string;
640
628
  };
641
- ".secure-payment-form #ctp-wrapper label.change": {
629
+ "#ctp-wrapper .blue-button label": {
642
630
  "font-size": string;
643
631
  "line-height": string;
644
- "font-weight": string;
632
+ "font-family": string;
645
633
  margin: string;
646
634
  };
647
- ".secure-payment-form #ctp-wrapper .blue-button": {
648
- height: string;
635
+ "#ctp-wrapper .cardhdr label": {
636
+ margin: string;
637
+ display: string;
649
638
  "font-size": string;
650
639
  "line-height": string;
651
- padding: string;
652
640
  };
653
- ".secure-payment-form #ctp-wrapper .blue-button label": {
641
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
654
642
  margin: string;
655
643
  };
656
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
644
+ "#ctp-wrapper button label": {
645
+ margin: string;
657
646
  "font-size": string;
658
- "line-height": string;
659
- "margin-top": string;
660
647
  };
661
- ".secure-payment-form #ctp-wrapper .rsdcode": {
662
- "font-size": string;
663
- "line-height": string;
664
- "font-weight": string;
665
- "margin-bottom": string;
648
+ "#ctp-wrapper .quitbanner > svg": {
649
+ display: string;
666
650
  };
667
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
668
- padding: string;
651
+ "#ctp-wrapper #footer": {
652
+ display: string;
669
653
  };
670
- ".secure-payment-form #ctp-wrapper .signinlayout": {
671
- "min-height": string;
654
+ "#ctp-wrapper .signinlayout": {
672
655
  "max-width": string;
656
+ "min-height": string;
673
657
  };
674
- ".secure-payment-form #ctp-wrapper .logindiv": {
658
+ ".secure-payment-form.apm-active .signinlayout": {
675
659
  "min-height": string;
676
- padding: string;
677
660
  };
678
- ".secure-payment-form #ctp-wrapper #cancel-link": {
661
+ "#ctp-wrapper .rsdcode": {
662
+ "font-size": string;
663
+ "font-weight": string;
664
+ margin: string;
665
+ };
666
+ "#ctp-wrapper .footerLabelDiv label": {
667
+ "font-size": string;
668
+ "font-weight": string;
669
+ "margin-top": string;
679
670
  "margin-bottom": string;
680
671
  };
681
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
682
- display: string;
672
+ "#ctp-wrapper .logindiv": {
673
+ "min-height": string;
683
674
  };
684
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
675
+ "#ctp-wrapper .VerificationLabel label": {
685
676
  display: string;
677
+ margin: string;
678
+ "font-size": string;
686
679
  };
687
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
688
- display: string;
680
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
681
+ margin: string;
689
682
  };
690
- };
691
- "gp-default": {
692
- "#googlePay": {
693
- height: string;
683
+ "#ctp-wrapper .transctcardlabel": {
684
+ margin: string;
685
+ "font-size": string;
686
+ };
687
+ "#ctp-wrapper .TransitionLabel": {
688
+ "font-size": string;
689
+ "line-height": string;
690
+ "text-align": string;
691
+ float: string;
694
692
  margin: string;
695
693
  };
696
694
  "apple-pay-button": {
@@ -703,94 +701,87 @@ export declare const parentStyles: () => {
703
701
  margin: string;
704
702
  };
705
703
  ".secure-payment-form": {
706
- display: string;
707
- "-ms-flex-wrap": string;
708
- "flex-wrap": string;
709
- };
710
- ".secure-payment-form *": {
711
- "box-sizing": string;
704
+ "font-family": string;
712
705
  };
713
706
  ".secure-payment-form label": {
714
- margin: string;
715
- display: string;
707
+ color: string;
716
708
  "font-size": string;
717
709
  "font-weight": string;
718
- "font-family": string;
719
- };
720
- ".secure-payment-form > div": {
721
- flex: string;
722
- };
723
- ".secure-payment-form .credit-card-card-cvv iframe": {
724
- width: string;
725
- float: string;
710
+ "line-height": string;
711
+ "text-transform": string;
726
712
  };
727
- ".secure-payment-form .credit-card-shield": {
728
- flex: string;
729
- "margin-right": string;
713
+ ".secure-payment-form #ss-banner": {
730
714
  background: string;
731
- width: string;
715
+ "background-size": string;
732
716
  height: string;
717
+ "margin-bottom": string;
733
718
  };
734
- ".secure-payment-form .credit-card-logo": {
719
+ ".secure-payment-form div[class$='-shield']": {
735
720
  flex: string;
736
- "margin-left": string;
737
- background: string;
721
+ "margin-right": string;
722
+ float: string;
723
+ };
724
+ ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
725
+ border: string;
726
+ "border-radius": string;
738
727
  width: string;
739
728
  height: string;
740
- }; /**
741
- * Appends additional CSS rules to the group of hosted fields
742
- *
743
- * @param json New CSS rules
744
- */
745
- ".secure-payment-form .credit-card-submit": {
729
+ "text-align": string;
746
730
  margin: string;
747
731
  };
748
- ".secure-payment-form iframe": {
749
- "min-height": string;
732
+ ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
750
733
  width: string;
734
+ height: string;
735
+ "margin-top": string;
736
+ "vertical-align": string;
751
737
  };
752
- ".secure-payment-form .tooltip": {
753
- position: string;
738
+ ".secure-payment-form div[class$='-shield'] .ssl-msg": {
739
+ "font-size": string;
740
+ "font-weight": string;
741
+ "font-family": string;
742
+ color: string;
743
+ "line-height": string;
744
+ display: string;
745
+ "vertical-align": string;
746
+ "text-align": string;
747
+ "margin-left": string;
748
+ "margin-right": string;
749
+ "margin-top": string;
750
+ };
751
+ ".secure-payment-form div[class$='-logo']": {
752
+ flex: string;
753
+ "margin-left": string;
754
754
  width: string;
755
755
  height: string;
756
- border: string;
757
- "border-left": string;
756
+ "text-align": string;
757
+ float: string;
758
+ };
759
+ ".secure-payment-form div[class$='-logo'] .security-msg": {
758
760
  color: string;
759
- overflow: string;
760
- "background-size": string;
761
- background: string;
761
+ "font-size": string;
762
+ display: string;
763
+ "vertical-align": string;
764
+ "margin-right": string;
762
765
  };
763
- ".secure-payment-form .tooltip:focus": {
764
- border: string;
765
- outline: string;
766
+ ".secure-payment-form div[class$='-logo'] img": {
767
+ "vertical-align": string;
766
768
  };
767
- ".secure-payment-form .tooltip-content": {
768
- visibility: string;
769
+ ".secure-payment-form div": {
770
+ display: string;
771
+ };
772
+ ".secure-payment-form iframe": {
769
773
  width: string;
770
- "background-color": string;
771
- color: string;
772
- "text-align": string;
773
- "border-radius": string;
774
- border: string;
775
- padding: string;
776
- position: string;
777
- "z-index": string;
778
- right: string;
779
- opacity: string;
780
- transition: string;
781
- "font-size": string;
782
- "font-weight": string;
774
+ };
775
+ ".secure-payment-form .form-row": {
783
776
  "margin-top": string;
784
- overflow: string;
785
- "box-shadow": string;
786
777
  };
787
- ".secure-payment-form .tooltip:hover + .tooltip-content": {
788
- visibility: string;
789
- opacity: string;
778
+ ".secure-payment-form .form-wrapper": {
779
+ display: string;
780
+ margin: string;
781
+ width: string;
790
782
  };
791
- ".secure-payment-form .tooltip:focus + .tooltip-content": {
792
- visibility: string;
793
- opacity: string;
783
+ ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
784
+ display: string;
794
785
  };
795
786
  ".secure-payment-form .other-cards-label": {
796
787
  "border-bottom": string;
@@ -819,61 +810,75 @@ export declare const parentStyles: () => {
819
810
  ".secure-payment-form .hidden": {
820
811
  display: string;
821
812
  };
813
+ };
814
+ "gp-default": {
815
+ "#googlePay": {
816
+ height: string;
817
+ margin: string;
818
+ };
822
819
  ".secure-payment-form .ctp-panel": {
823
820
  border: string;
824
821
  "box-shadow": string;
825
822
  "border-radius": string;
823
+ "container-type": string;
824
+ "font-family": string;
826
825
  "margin-bottom": string;
827
826
  };
828
827
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
829
828
  display: string;
830
829
  };
831
830
  ".secure-payment-form .ctp-panel .ctp-button": {
832
- display: string;
831
+ "align-items": string;
833
832
  background: string;
833
+ cursor: string;
834
+ display: string;
835
+ flex: string;
834
836
  "flex-direction": string;
835
- "align-items": string;
837
+ "flex-grow": string;
838
+ order: string;
836
839
  padding: string;
840
+ position: string;
841
+ "white-space": string;
842
+ };
843
+ ".secure-payment-form .ctp-panel .ctp-header": {
844
+ width: string;
845
+ };
846
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
847
+ "font-family": string;
848
+ "font-weight": string;
849
+ "line-height": string;
850
+ "font-size": string;
851
+ };
852
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
853
+ background: string;
854
+ "background-size": string;
855
+ width: string;
856
+ height: string;
857
+ margin: string;
858
+ display: string;
859
+ "vertical-align": string;
837
860
  flex: string;
838
861
  order: string;
839
862
  "flex-grow": string;
840
- position: string;
863
+ };
864
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
865
+ margin: string;
866
+ "font-family": string;
867
+ "font-weight": string;
841
868
  "font-size": string;
842
869
  "line-height": string;
843
- cursor: string;
844
- "font-family": string;
845
- };
846
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
847
- cursor: string;
870
+ color: string;
848
871
  };
849
- ".secure-payment-form .ctp-panel .ctp-button:after": {
850
- content: string;
851
- position: string;
872
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
873
+ background: string;
874
+ padding: string;
852
875
  width: string;
853
876
  height: string;
854
- border: string;
855
- "border-width": string;
856
- display: string;
857
- padding: string;
858
- transform: string;
859
- "-webkit-transform": string;
860
- };
861
- ".secure-payment-form .ctp-panel .right-arrow": {
862
- position: string;
863
- background: string;
864
- right: string;
865
- border: string;
866
- "border-width": string;
867
- display: string;
868
- padding: string;
869
- transform: string;
870
- "-webkit-transform": string;
871
- "z-index": string;
872
- top: string;
873
- "margin-top": string;
874
- };
875
- ".secure-payment-form .apm-active .right-arrow": {
876
877
  display: string;
878
+ "vertical-align": string;
879
+ flex: string;
880
+ order: string;
881
+ "flex-grow": string;
877
882
  };
878
883
  ".secure-payment-form .ctp-info-tooltip": {
879
884
  width: string;
@@ -883,7 +888,18 @@ export declare const parentStyles: () => {
883
888
  overflow: string;
884
889
  background: string;
885
890
  margin: string;
891
+ "white-space": string;
886
892
  };
893
+ /**
894
+ * Sets an event listener for an event type
895
+ *
896
+ * @param fieldTypeOrEventName The field type on which the listener should
897
+ * be applied, or the type of event that should trigger the listener
898
+ * @param eventNameOrListener The type of event that should trigger the
899
+ * listener, or the listener function
900
+ * @param listener The listener function when both field type and event type
901
+ * are provided
902
+ */
887
903
  ".secure-payment-form .ctp-info-tooltip-content": {
888
904
  visibility: string;
889
905
  width: string;
@@ -899,16 +915,21 @@ export declare const parentStyles: () => {
899
915
  "margin-top": string;
900
916
  opacity: string;
901
917
  transition: string;
918
+ "font-family": string;
902
919
  "font-size": string;
903
920
  "font-weight": string;
904
921
  "box-shadow": string;
905
922
  };
923
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
924
+ "margin-left": string;
925
+ };
906
926
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
907
927
  "max-width": string;
908
928
  margin: string;
909
929
  };
910
930
  ".secure-payment-form .ctp-info-tooltip-content ul": {
911
931
  padding: string;
932
+ "margin-bottom": string;
912
933
  };
913
934
  ".secure-payment-form .ctp-info-tooltip-content li": {
914
935
  padding: string;
@@ -954,150 +975,140 @@ export declare const parentStyles: () => {
954
975
  visibility: string;
955
976
  opacity: string;
956
977
  };
957
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
958
- background: string;
959
- display: string;
960
- "vertical-align": string;
978
+ "@container (min-width: 408px)": {
979
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
980
+ "font-size": string;
981
+ };
982
+ ".secure-payment-form .ctp-panel .right-arrow": {
983
+ "border-width": string;
984
+ };
985
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
986
+ width: string;
987
+ height: string;
988
+ "background-size": string;
989
+ };
990
+ };
991
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
992
+ cursor: string;
993
+ };
994
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
995
+ cursor: string;
996
+ };
997
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
998
+ content: string;
999
+ position: string;
961
1000
  width: string;
962
1001
  height: string;
963
- margin: string;
1002
+ border: string;
1003
+ "border-width": string;
1004
+ display: string;
1005
+ padding: string;
1006
+ transform: string;
1007
+ "-webkit-transform": string;
964
1008
  };
965
- ".secure-payment-form div[class^='ctp'] .card-brands": {
1009
+ ".secure-payment-form .ctp-panel .right-arrow": {
1010
+ position: string;
966
1011
  background: string;
1012
+ right: string;
1013
+ border: string;
1014
+ "border-width": string;
967
1015
  display: string;
968
- "vertical-align": string;
969
- "padding-right": string;
970
- "min-height": string;
971
- color: string;
972
- "white-space": string;
1016
+ padding: string;
1017
+ transform: string;
1018
+ "-webkit-transform": string;
1019
+ "z-index": string;
1020
+ top: string;
1021
+ "margin-top": string;
973
1022
  };
974
- ".secure-payment-form #ctp-wrapper #header": {
1023
+ ".secure-payment-form .apm-active .right-arrow": {
975
1024
  display: string;
976
1025
  };
977
- ".secure-payment-form #ctp-wrapper #footer": {
1026
+ ".secure-payment-form.apm-active .right-arrow": {
978
1027
  display: string;
979
1028
  };
980
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
981
- margin: string;
982
- "font-size": string;
983
- "line-height": string;
984
- "font-weight": string;
985
- };
986
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
987
- padding: string;
1029
+ "#ctp-wrapper #header": {
1030
+ display: string;
988
1031
  };
989
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
990
- "font-size": string;
991
- "line-height": string;
992
- "text-align": string;
993
- float: string;
994
- margin: string;
1032
+ "#ctp-wrapper .logindiv .tooltip": {
1033
+ display: string;
995
1034
  };
996
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
997
- "font-size": string;
998
- "line-height": string;
999
- "text-align": string;
1000
- float: string;
1001
- margin: string;
1035
+ "#ctp-wrapper .logindiv .lblemailInput": {
1036
+ display: string;
1002
1037
  };
1003
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
1038
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
1004
1039
  "font-size": string;
1040
+ "font-family": string;
1005
1041
  "line-height": string;
1006
- "text-align": string;
1007
- float: string;
1008
- };
1009
- ".secure-payment-form #ctp-wrapper .quitbanner": {
1010
- "margin-left": string;
1011
- "margin-top": string;
1012
1042
  };
1013
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
1043
+ "#ctp-wrapper #verifyVisa label": {
1014
1044
  display: string;
1015
- };
1016
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
1017
- margin: string;
1018
- };
1019
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
1020
1045
  "font-size": string;
1021
- "line-height": string;
1022
- "font-weight": string;
1046
+ "font-family": string;
1023
1047
  margin: string;
1024
1048
  };
1025
- ".secure-payment-form #ctp-wrapper label": {
1049
+ "#ctp-wrapper .blue-button label": {
1026
1050
  "font-size": string;
1027
1051
  "line-height": string;
1028
- "font-weight": string;
1052
+ "font-family": string;
1029
1053
  margin: string;
1030
1054
  };
1031
- ".secure-payment-form #ctp-wrapper label.change": {
1032
- "font-size": string;
1033
- "line-height": string;
1034
- "font-weight": string;
1055
+ "#ctp-wrapper .cardhdr label": {
1035
1056
  margin: string;
1036
- };
1037
- ".secure-payment-form #ctp-wrapper .blue-button": {
1038
- height: string;
1057
+ display: string;
1039
1058
  "font-size": string;
1040
1059
  "line-height": string;
1041
- padding: string;
1042
1060
  };
1043
- ".secure-payment-form #ctp-wrapper .blue-button label": {
1061
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
1044
1062
  margin: string;
1045
1063
  };
1046
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
1064
+ "#ctp-wrapper button label": {
1065
+ margin: string;
1047
1066
  "font-size": string;
1048
- "line-height": string;
1049
- "margin-top": string;
1050
1067
  };
1051
- ".secure-payment-form #ctp-wrapper .rsdcode": {
1052
- "font-size": string;
1053
- "line-height": string;
1054
- "font-weight": string;
1055
- "margin-bottom": string;
1068
+ "#ctp-wrapper .quitbanner > svg": {
1069
+ display: string;
1056
1070
  };
1057
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
1058
- padding: string;
1071
+ "#ctp-wrapper #footer": {
1072
+ display: string;
1059
1073
  };
1060
- ".secure-payment-form #ctp-wrapper .signinlayout": {
1061
- "min-height": string;
1074
+ "#ctp-wrapper .signinlayout": {
1062
1075
  "max-width": string;
1076
+ "min-height": string;
1063
1077
  };
1064
- ".secure-payment-form #ctp-wrapper .logindiv": {
1078
+ ".secure-payment-form.apm-active .signinlayout": {
1065
1079
  "min-height": string;
1066
- padding: string;
1067
1080
  };
1068
- ".secure-payment-form #ctp-wrapper #cancel-link": {
1069
- "margin-bottom": string;
1081
+ "#ctp-wrapper .rsdcode": {
1082
+ "font-size": string;
1083
+ "font-weight": string;
1084
+ margin: string;
1070
1085
  };
1071
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
1072
- display: string;
1086
+ "#ctp-wrapper .footerLabelDiv label": {
1087
+ "font-size": string;
1088
+ "font-weight": string;
1089
+ "margin-top": string;
1090
+ "margin-bottom": string;
1073
1091
  };
1074
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
1075
- display: string;
1092
+ "#ctp-wrapper .logindiv": {
1093
+ "min-height": string;
1076
1094
  };
1077
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
1095
+ "#ctp-wrapper .VerificationLabel label": {
1078
1096
  display: string;
1097
+ margin: string;
1098
+ "font-size": string;
1079
1099
  };
1080
- "@font-face": {
1081
- "font-family": string;
1082
- src: string;
1100
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
1101
+ margin: string;
1083
1102
  };
1084
- "@media(min-width: 800px)": {
1085
- ".secure-payment-form .credit-card-card-expiration": {
1086
- flex: string;
1087
- "margin-right": string;
1088
- };
1089
- ".secure-payment-form .credit-card-card-cvv": {
1090
- flex: string;
1091
- "margin-left": string;
1092
- };
1093
- ".secure-payment-form .tooltip-content": {
1094
- right: string;
1095
- };
1103
+ "#ctp-wrapper .transctcardlabel": {
1104
+ margin: string;
1105
+ "font-size": string;
1096
1106
  };
1097
- };
1098
- simple: {
1099
- "#googlePay": {
1100
- height: string;
1107
+ "#ctp-wrapper .TransitionLabel": {
1108
+ "font-size": string;
1109
+ "line-height": string;
1110
+ "text-align": string;
1111
+ float: string;
1101
1112
  margin: string;
1102
1113
  };
1103
1114
  "apple-pay-button": {
@@ -1110,64 +1121,133 @@ export declare const parentStyles: () => {
1110
1121
  margin: string;
1111
1122
  };
1112
1123
  ".secure-payment-form": {
1124
+ display: string;
1125
+ "-ms-flex-wrap": string;
1126
+ "flex-wrap": string;
1127
+ };
1128
+ ".secure-payment-form *": {
1129
+ "box-sizing": string;
1130
+ };
1131
+ ".secure-payment-form label": {
1132
+ margin: string;
1133
+ display: string;
1134
+ "font-size": string;
1135
+ "font-weight": string;
1113
1136
  "font-family": string;
1137
+ };
1138
+ ".secure-payment-form > div": {
1139
+ flex: string;
1140
+ };
1141
+ ".secure-payment-form .credit-card-card-cvv iframe": {
1114
1142
  width: string;
1143
+ float: string;
1115
1144
  };
1116
- ".secure-payment-form label": {
1117
- color: string;
1145
+ ".secure-payment-form div[class$='-shield']": {
1146
+ flex: string;
1147
+ "margin-right": string;
1148
+ };
1149
+ ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
1150
+ border: string;
1151
+ "border-radius": string;
1152
+ width: string;
1153
+ height: string;
1154
+ "text-align": string;
1155
+ margin: string;
1156
+ };
1157
+ ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
1158
+ width: string;
1159
+ height: string;
1160
+ "margin-top": string;
1161
+ "vertical-align": string;
1162
+ };
1163
+ ".secure-payment-form div[class$='-shield'] .ssl-msg": {
1118
1164
  "font-size": string;
1165
+ /**
1166
+ * Sets a special-case event listener that fires when all hosted
1167
+ * fields in a form have registered / loaded
1168
+ *
1169
+ * @param fn The listener function
1170
+ */
1119
1171
  "font-weight": string;
1172
+ "font-family": string;
1173
+ color: string;
1120
1174
  "line-height": string;
1121
- "text-transform": string;
1175
+ display: string;
1176
+ "vertical-align": string;
1177
+ "text-align": string;
1178
+ "margin-left": string;
1179
+ "margin-right": string;
1180
+ "margin-top": string;
1122
1181
  };
1123
- ".secure-payment-form #ss-banner": {
1124
- background: string;
1125
- "background-size": string;
1182
+ ".secure-payment-form div[class$='-logo']": {
1183
+ flex: string;
1184
+ "margin-left": string;
1185
+ width: string;
1126
1186
  height: string;
1127
- "margin-bottom": string;
1187
+ "text-align": string;
1128
1188
  };
1129
- ".secure-payment-form div": {
1189
+ ".secure-payment-form div[class$='-logo'] .security-msg": {
1190
+ color: string;
1191
+ "font-size": string;
1130
1192
  display: string;
1193
+ "vertical-align": string;
1194
+ "margin-right": string;
1195
+ };
1196
+ ".secure-payment-form div[class$='-logo'] img": {
1197
+ "vertical-align": string;
1198
+ };
1199
+ /**
1200
+ * Deletes all hosted fields within the form
1201
+ */
1202
+ ".secure-payment-form .credit-card-submit": {
1203
+ margin: string;
1131
1204
  };
1132
1205
  ".secure-payment-form iframe": {
1133
1206
  "min-height": string;
1207
+ width: string;
1134
1208
  };
1135
- ".secure-payment-form .form-row": {
1136
- "margin-top": string;
1209
+ ".secure-payment-form .tooltip": {
1210
+ position: string;
1211
+ width: string;
1212
+ height: string;
1213
+ border: string;
1214
+ "border-left": string;
1215
+ color: string;
1216
+ overflow: string;
1217
+ "background-size": string;
1218
+ background: string;
1137
1219
  };
1138
- ".secure-payment-form .form-wrapper": {
1139
- display: string;
1140
- margin: string;
1220
+ ".secure-payment-form .tooltip:focus": {
1221
+ border: string;
1222
+ outline: string;
1141
1223
  };
1142
- ".secure-payment-form input": {
1143
- "-o-transition": string;
1144
- "-webkit-box-shadow": string;
1145
- "-webkit-transition": string;
1224
+ ".secure-payment-form .tooltip-content": {
1225
+ visibility: string;
1226
+ width: string;
1146
1227
  "background-color": string;
1147
- border: string;
1228
+ color: string;
1229
+ "text-align": string;
1148
1230
  "border-radius": string;
1149
- "box-shadow": string;
1150
- "box-sizing": string;
1151
- display: string;
1152
- "font-family": string;
1153
- "font-size": string;
1154
- "font-smoothing": string;
1155
- height: string;
1156
- margin: string;
1157
- "max-width": string;
1158
- outline: string;
1231
+ border: string;
1159
1232
  padding: string;
1233
+ position: string;
1234
+ "z-index": string;
1235
+ right: string;
1236
+ opacity: string;
1160
1237
  transition: string;
1161
- "vertical-align": string;
1162
- width: string;
1163
- };
1164
- ".secure-payment-form input:focus": {
1165
- border: string;
1238
+ "font-size": string;
1239
+ "font-weight": string;
1240
+ "margin-top": string;
1241
+ overflow: string;
1166
1242
  "box-shadow": string;
1167
- outline: string;
1168
1243
  };
1169
- ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
1170
- display: string;
1244
+ ".secure-payment-form .tooltip:hover + .tooltip-content": {
1245
+ visibility: string;
1246
+ opacity: string;
1247
+ };
1248
+ ".secure-payment-form .tooltip:focus + .tooltip-content": {
1249
+ visibility: string;
1250
+ opacity: string;
1171
1251
  };
1172
1252
  ".secure-payment-form .other-cards-label": {
1173
1253
  "border-bottom": string;
@@ -1196,61 +1276,92 @@ export declare const parentStyles: () => {
1196
1276
  ".secure-payment-form .hidden": {
1197
1277
  display: string;
1198
1278
  };
1279
+ "@font-face": {
1280
+ "font-family": string;
1281
+ src: string;
1282
+ };
1283
+ "@media(min-width: 800px)": {
1284
+ ".secure-payment-form .credit-card-card-expiration": {
1285
+ flex: string;
1286
+ "margin-right": string;
1287
+ };
1288
+ ".secure-payment-form .credit-card-card-cvv": {
1289
+ flex: string;
1290
+ "margin-left": string;
1291
+ };
1292
+ ".secure-payment-form .tooltip-content": {
1293
+ right: string;
1294
+ };
1295
+ };
1296
+ };
1297
+ simple: {
1298
+ "#googlePay": {
1299
+ height: string;
1300
+ margin: string;
1301
+ };
1199
1302
  ".secure-payment-form .ctp-panel": {
1200
1303
  border: string;
1201
1304
  "box-shadow": string;
1202
1305
  "border-radius": string;
1306
+ "container-type": string;
1307
+ "font-family": string;
1203
1308
  "margin-bottom": string;
1204
1309
  };
1205
1310
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
1206
1311
  display: string;
1207
1312
  };
1208
1313
  ".secure-payment-form .ctp-panel .ctp-button": {
1209
- display: string;
1210
- background: string;
1211
- "flex-direction": string;
1212
1314
  "align-items": string;
1213
- padding: string;
1315
+ background: string;
1316
+ cursor: string;
1317
+ display: string;
1214
1318
  flex: string;
1215
- order: string;
1319
+ "flex-direction": string;
1216
1320
  "flex-grow": string;
1321
+ order: string;
1322
+ padding: string;
1217
1323
  position: string;
1218
- "font-size": string;
1219
- "line-height": string;
1220
- cursor: string;
1221
- "font-family": string;
1324
+ "white-space": string;
1222
1325
  };
1223
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
1224
- cursor: string;
1326
+ ".secure-payment-form .ctp-panel .ctp-header": {
1327
+ width: string;
1225
1328
  };
1226
- ".secure-payment-form .ctp-panel .ctp-button:after": {
1227
- content: string;
1228
- position: string;
1329
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
1330
+ "font-family": string;
1331
+ "font-weight": string;
1332
+ "line-height": string;
1333
+ "font-size": string;
1334
+ };
1335
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1336
+ background: string;
1337
+ "background-size": string;
1229
1338
  width: string;
1230
1339
  height: string;
1231
- border: string;
1232
- "border-width": string;
1340
+ margin: string;
1233
1341
  display: string;
1234
- padding: string;
1235
- transform: string;
1236
- "-webkit-transform": string;
1342
+ "vertical-align": string;
1343
+ flex: string;
1344
+ order: string;
1345
+ "flex-grow": string;
1346
+ };
1347
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
1348
+ margin: string;
1349
+ "font-family": string;
1350
+ "font-weight": string;
1351
+ "font-size": string;
1352
+ "line-height": string;
1353
+ color: string;
1237
1354
  };
1238
- ".secure-payment-form .ctp-panel .right-arrow": {
1239
- position: string;
1355
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
1240
1356
  background: string;
1241
- right: string;
1242
- border: string;
1243
- "border-width": string;
1244
- display: string;
1245
1357
  padding: string;
1246
- transform: string;
1247
- "-webkit-transform": string;
1248
- "z-index": string;
1249
- top: string;
1250
- "margin-top": string;
1251
- };
1252
- ".secure-payment-form .apm-active .right-arrow": {
1358
+ width: string;
1359
+ height: string;
1253
1360
  display: string;
1361
+ "vertical-align": string;
1362
+ flex: string;
1363
+ order: string;
1364
+ "flex-grow": string;
1254
1365
  };
1255
1366
  ".secure-payment-form .ctp-info-tooltip": {
1256
1367
  width: string;
@@ -1260,7 +1371,18 @@ export declare const parentStyles: () => {
1260
1371
  overflow: string;
1261
1372
  background: string;
1262
1373
  margin: string;
1374
+ "white-space": string;
1263
1375
  };
1376
+ /**
1377
+ * Sets an event listener for an event type
1378
+ *
1379
+ * @param fieldTypeOrEventName The field type on which the listener should
1380
+ * be applied, or the type of event that should trigger the listener
1381
+ * @param eventNameOrListener The type of event that should trigger the
1382
+ * listener, or the listener function
1383
+ * @param listener The listener function when both field type and event type
1384
+ * are provided
1385
+ */
1264
1386
  ".secure-payment-form .ctp-info-tooltip-content": {
1265
1387
  visibility: string;
1266
1388
  width: string;
@@ -1276,16 +1398,21 @@ export declare const parentStyles: () => {
1276
1398
  "margin-top": string;
1277
1399
  opacity: string;
1278
1400
  transition: string;
1401
+ "font-family": string;
1279
1402
  "font-size": string;
1280
1403
  "font-weight": string;
1281
1404
  "box-shadow": string;
1282
1405
  };
1406
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
1407
+ "margin-left": string;
1408
+ };
1283
1409
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
1284
1410
  "max-width": string;
1285
1411
  margin: string;
1286
1412
  };
1287
1413
  ".secure-payment-form .ctp-info-tooltip-content ul": {
1288
1414
  padding: string;
1415
+ "margin-bottom": string;
1289
1416
  };
1290
1417
  ".secure-payment-form .ctp-info-tooltip-content li": {
1291
1418
  padding: string;
@@ -1331,127 +1458,286 @@ export declare const parentStyles: () => {
1331
1458
  visibility: string;
1332
1459
  opacity: string;
1333
1460
  };
1334
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1335
- background: string;
1336
- display: string;
1337
- "vertical-align": string;
1461
+ "@container (min-width: 408px)": {
1462
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
1463
+ "font-size": string;
1464
+ };
1465
+ ".secure-payment-form .ctp-panel .right-arrow": {
1466
+ "border-width": string;
1467
+ };
1468
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
1469
+ width: string;
1470
+ height: string;
1471
+ "background-size": string;
1472
+ };
1473
+ };
1474
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
1475
+ cursor: string;
1476
+ };
1477
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
1478
+ cursor: string;
1479
+ };
1480
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
1481
+ content: string;
1482
+ position: string;
1338
1483
  width: string;
1339
1484
  height: string;
1340
- margin: string;
1485
+ border: string;
1486
+ "border-width": string;
1487
+ display: string;
1488
+ padding: string;
1489
+ transform: string;
1490
+ "-webkit-transform": string;
1341
1491
  };
1342
- ".secure-payment-form div[class^='ctp'] .card-brands": {
1492
+ ".secure-payment-form .ctp-panel .right-arrow": {
1493
+ position: string;
1343
1494
  background: string;
1495
+ right: string;
1496
+ border: string;
1497
+ "border-width": string;
1344
1498
  display: string;
1345
- "vertical-align": string;
1346
- "padding-right": string;
1347
- "min-height": string;
1348
- color: string;
1349
- "white-space": string;
1499
+ padding: string;
1500
+ transform: string;
1501
+ "-webkit-transform": string;
1502
+ "z-index": string;
1503
+ top: string;
1504
+ "margin-top": string;
1350
1505
  };
1351
- ".secure-payment-form #ctp-wrapper #header": {
1506
+ ".secure-payment-form .apm-active .right-arrow": {
1352
1507
  display: string;
1353
1508
  };
1354
- ".secure-payment-form #ctp-wrapper #footer": {
1509
+ ".secure-payment-form.apm-active .right-arrow": {
1355
1510
  display: string;
1356
1511
  };
1357
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
1358
- margin: string;
1512
+ "#ctp-wrapper #header": {
1513
+ display: string;
1514
+ };
1515
+ "#ctp-wrapper .logindiv .tooltip": {
1516
+ display: string;
1517
+ };
1518
+ "#ctp-wrapper .logindiv .lblemailInput": {
1519
+ display: string;
1520
+ };
1521
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
1359
1522
  "font-size": string;
1523
+ "font-family": string;
1360
1524
  "line-height": string;
1361
- "font-weight": string;
1362
1525
  };
1363
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
1364
- padding: string;
1526
+ "#ctp-wrapper #verifyVisa label": {
1527
+ display: string;
1528
+ "font-size": string;
1529
+ "font-family": string;
1530
+ margin: string;
1365
1531
  };
1366
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
1532
+ "#ctp-wrapper .blue-button label": {
1367
1533
  "font-size": string;
1368
1534
  "line-height": string;
1369
- "text-align": string;
1370
- float: string;
1535
+ "font-family": string;
1371
1536
  margin: string;
1372
1537
  };
1373
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
1538
+ "#ctp-wrapper .cardhdr label": {
1539
+ margin: string;
1540
+ display: string;
1374
1541
  "font-size": string;
1375
1542
  "line-height": string;
1376
- "text-align": string;
1377
- float: string;
1543
+ };
1544
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
1378
1545
  margin: string;
1379
1546
  };
1380
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
1547
+ "#ctp-wrapper button label": {
1548
+ margin: string;
1381
1549
  "font-size": string;
1382
- "line-height": string;
1383
- "text-align": string;
1384
- float: string;
1385
1550
  };
1386
- ".secure-payment-form #ctp-wrapper .quitbanner": {
1387
- "margin-left": string;
1388
- "margin-top": string;
1551
+ "#ctp-wrapper .quitbanner > svg": {
1552
+ display: string;
1389
1553
  };
1390
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
1554
+ "#ctp-wrapper #footer": {
1391
1555
  display: string;
1392
1556
  };
1393
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
1394
- margin: string;
1557
+ "#ctp-wrapper .signinlayout": {
1558
+ "max-width": string;
1559
+ "min-height": string;
1560
+ };
1561
+ ".secure-payment-form.apm-active .signinlayout": {
1562
+ "min-height": string;
1395
1563
  };
1396
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
1564
+ "#ctp-wrapper .rsdcode": {
1397
1565
  "font-size": string;
1398
- "line-height": string;
1399
1566
  "font-weight": string;
1400
1567
  margin: string;
1401
1568
  };
1402
- ".secure-payment-form #ctp-wrapper label": {
1569
+ "#ctp-wrapper .footerLabelDiv label": {
1403
1570
  "font-size": string;
1404
- "line-height": string;
1405
1571
  "font-weight": string;
1572
+ "margin-top": string;
1573
+ "margin-bottom": string;
1574
+ };
1575
+ "#ctp-wrapper .logindiv": {
1576
+ "min-height": string;
1577
+ };
1578
+ "#ctp-wrapper .VerificationLabel label": {
1579
+ display: string;
1406
1580
  margin: string;
1581
+ "font-size": string;
1582
+ };
1583
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
1584
+ margin: string;
1585
+ };
1586
+ "#ctp-wrapper .transctcardlabel": {
1587
+ margin: string;
1588
+ "font-size": string;
1407
1589
  };
1408
- ".secure-payment-form #ctp-wrapper label.change": {
1590
+ "#ctp-wrapper .TransitionLabel": {
1409
1591
  "font-size": string;
1410
1592
  "line-height": string;
1411
- "font-weight": string;
1593
+ "text-align": string;
1594
+ float: string;
1412
1595
  margin: string;
1413
1596
  };
1414
- ".secure-payment-form #ctp-wrapper .blue-button": {
1415
- height: string;
1597
+ "apple-pay-button": {
1598
+ "--apple-pay-button-width": string;
1599
+ "--apple-pay-button-height": string;
1600
+ "--apple-pay-button-border-radius": string;
1601
+ "--apple-pay-button-padding": string;
1602
+ "--apple-pay-button-box-sizing": string;
1603
+ display: string;
1604
+ margin: string;
1605
+ };
1606
+ ".secure-payment-form": {
1607
+ "font-family": string;
1608
+ width: string;
1609
+ };
1610
+ ".secure-payment-form label": {
1611
+ color: string;
1416
1612
  "font-size": string;
1613
+ "font-weight": string;
1417
1614
  "line-height": string;
1418
- padding: string;
1615
+ "text-transform": string;
1616
+ };
1617
+ ".secure-payment-form #ss-banner": {
1618
+ background: string;
1619
+ "background-size": string;
1620
+ height: string;
1621
+ "margin-bottom": string;
1622
+ };
1623
+ ".secure-payment-form div[class$='-shield']": {
1624
+ flex: string;
1625
+ "margin-right": string;
1626
+ float: string;
1419
1627
  };
1420
- ".secure-payment-form #ctp-wrapper .blue-button label": {
1628
+ ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
1629
+ border: string;
1630
+ "border-radius": string;
1631
+ width: string;
1632
+ height: string;
1633
+ "text-align": string;
1421
1634
  margin: string;
1422
1635
  };
1423
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
1636
+ ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
1637
+ width: string;
1638
+ height: string;
1639
+ "margin-top": string;
1640
+ "vertical-align": string;
1641
+ };
1642
+ ".secure-payment-form div[class$='-shield'] .ssl-msg": {
1424
1643
  "font-size": string;
1644
+ "font-weight": string;
1645
+ "font-family": string;
1646
+ color: string;
1425
1647
  "line-height": string;
1648
+ display: string;
1649
+ "vertical-align": string;
1650
+ "text-align": string;
1651
+ "margin-left": string;
1652
+ "margin-right": string;
1426
1653
  "margin-top": string;
1427
1654
  };
1428
- ".secure-payment-form #ctp-wrapper .rsdcode": {
1655
+ ".secure-payment-form div[class$='-logo']": {
1656
+ flex: string;
1657
+ "margin-left": string;
1658
+ width: string;
1659
+ height: string;
1660
+ "text-align": string;
1661
+ float: string;
1662
+ };
1663
+ ".secure-payment-form div[class$='-logo'] .security-msg": {
1664
+ color: string;
1429
1665
  "font-size": string;
1430
- "line-height": string;
1431
- "font-weight": string;
1432
- "margin-bottom": string;
1666
+ display: string;
1667
+ "vertical-align": string;
1668
+ "margin-right": string;
1433
1669
  };
1434
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
1435
- padding: string;
1670
+ ".secure-payment-form div[class$='-logo'] img": {
1671
+ "vertical-align": string;
1436
1672
  };
1437
- ".secure-payment-form #ctp-wrapper .signinlayout": {
1438
- "min-height": string;
1439
- "max-width": string;
1673
+ ".secure-payment-form div": {
1674
+ display: string;
1440
1675
  };
1441
- ".secure-payment-form #ctp-wrapper .logindiv": {
1676
+ ".secure-payment-form iframe": {
1442
1677
  "min-height": string;
1443
- padding: string;
1444
1678
  };
1445
- ".secure-payment-form #ctp-wrapper #cancel-link": {
1446
- "margin-bottom": string;
1679
+ ".secure-payment-form .form-row": {
1680
+ "margin-top": string;
1681
+ };
1682
+ ".secure-payment-form .form-wrapper": {
1683
+ display: string;
1684
+ margin: string;
1447
1685
  };
1448
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
1686
+ ".secure-payment-form input": {
1687
+ "-o-transition": string;
1688
+ "-webkit-box-shadow": string;
1689
+ "-webkit-transition": string;
1690
+ "background-color": string;
1691
+ border: string;
1692
+ "border-radius": string;
1693
+ "box-shadow": string;
1694
+ "box-sizing": string;
1449
1695
  display: string;
1696
+ "font-family": string;
1697
+ "font-size": string;
1698
+ "font-smoothing": string;
1699
+ height: string;
1700
+ margin: string;
1701
+ "max-width": string;
1702
+ outline: string;
1703
+ padding: string;
1704
+ transition: string;
1705
+ "vertical-align": string;
1706
+ width: string;
1707
+ };
1708
+ ".secure-payment-form input:focus": {
1709
+ border: string;
1710
+ "box-shadow": string;
1711
+ outline: string;
1450
1712
  };
1451
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
1713
+ ".secure-payment-form .tooltip, .secure-payment-form .tooltip-content": {
1452
1714
  display: string;
1453
1715
  };
1454
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
1716
+ ".secure-payment-form .other-cards-label": {
1717
+ "border-bottom": string;
1718
+ "text-align": string;
1719
+ margin: string;
1720
+ position: string;
1721
+ };
1722
+ ".secure-payment-form .other-cards-label span": {
1723
+ "text-align": string;
1724
+ padding: string;
1725
+ background: string;
1726
+ position: string;
1727
+ color: string;
1728
+ width: string;
1729
+ left: string;
1730
+ "-webkit-transform": string;
1731
+ "-moz-transform": string;
1732
+ "-ms-transform": string;
1733
+ "-o-transform": string;
1734
+ transform: string;
1735
+ margin: string;
1736
+ "font-family": string;
1737
+ "font-size": string;
1738
+ "white-space": string;
1739
+ };
1740
+ ".secure-payment-form .hidden": {
1455
1741
  display: string;
1456
1742
  };
1457
1743
  };