@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/internal/lib/styles/gp-default.d.ts CHANGED
@@ -16,6 +16,14 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
16
16
  color: string;
17
17
  opacity: number;
18
18
  };
19
+ ":-moz-placeholder": {
20
+ color: string;
21
+ opacity: string;
22
+ };
23
+ "::-moz-placeholder": {
24
+ color: string;
25
+ opacity: string;
26
+ };
19
27
  "#secure-payment-field": {
20
28
  width: string;
21
29
  height: string;
@@ -63,26 +71,32 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
63
71
  ".card-cvv.card-type-amex": {
64
72
  "background-image": string;
65
73
  };
66
- ".card-number": {
74
+ "img.card-number": {
67
75
  background: string;
76
+ position: string;
77
+ right: string;
78
+ top: string;
79
+ width: string;
80
+ height: string;
81
+ "margin-top": string;
68
82
  "background-size": string;
69
83
  };
70
- ".card-number.card-type-amex": {
84
+ "img.card-number.card-type-amex": {
71
85
  "background-image": string;
72
86
  };
73
- ".card-number.card-type-discover": {
87
+ "img.card-number.card-type-discover": {
74
88
  "background-image": string;
75
89
  };
76
- ".card-number.card-type-jcb": {
90
+ "img.card-number.card-type-jcb": {
77
91
  "background-image": string;
78
92
  };
79
- ".card-number.card-type-mastercard": {
93
+ "img.card-number.card-type-mastercard": {
80
94
  "background-image": string;
81
95
  };
82
- ".card-number.card-type-visa": {
96
+ "img.card-number.card-type-visa": {
83
97
  "background-image": string;
84
98
  };
85
- ".card-number.card-type-diners": {
99
+ "img.card-number.card-type-diners": {
86
100
  "background-image": string;
87
101
  };
88
102
  ".card-number::-ms-clear": {
@@ -94,183 +108,69 @@ export declare const parentStyles: (assetBaseUrl: string) => {
94
108
  height: string;
95
109
  margin: string;
96
110
  };
97
- "apple-pay-button": {
98
- "--apple-pay-button-width": string;
99
- "--apple-pay-button-height": string;
100
- "--apple-pay-button-border-radius": string;
101
- "--apple-pay-button-padding": string;
102
- "--apple-pay-button-box-sizing": string;
103
- display: string;
104
- margin: string;
105
- };
106
- ".secure-payment-form": {
107
- display: string;
108
- "-ms-flex-wrap": string;
109
- "flex-wrap": string;
110
- };
111
- ".secure-payment-form *": {
112
- "box-sizing": string;
113
- };
114
- ".secure-payment-form label": {
115
- margin: string;
116
- display: string;
117
- "font-size": string;
118
- "font-weight": string;
119
- "font-family": string;
120
- };
121
- ".secure-payment-form > div": {
122
- flex: string;
123
- };
124
- ".secure-payment-form .credit-card-card-cvv iframe": {
125
- width: string;
126
- float: string;
127
- };
128
- ".secure-payment-form .credit-card-shield": {
129
- flex: string;
130
- "margin-right": string;
131
- background: string;
132
- width: string;
133
- height: string;
134
- };
135
- ".secure-payment-form .credit-card-logo": {
136
- flex: string;
137
- "margin-left": string;
138
- background: string;
139
- width: string;
140
- height: string;
141
- };
142
- ".secure-payment-form .credit-card-submit": {
143
- margin: string;
144
- };
145
- ".secure-payment-form iframe": {
146
- "min-height": string;
147
- width: string;
148
- };
149
- ".secure-payment-form .tooltip": {
150
- position: string;
151
- width: string;
152
- height: string;
153
- border: string;
154
- "border-left": string;
155
- color: string;
156
- overflow: string;
157
- "background-size": string;
158
- background: string;
159
- };
160
- ".secure-payment-form .tooltip:focus": {
161
- border: string;
162
- outline: string;
163
- };
164
- ".secure-payment-form .tooltip-content": {
165
- visibility: string;
166
- width: string;
167
- "background-color": string;
168
- color: string;
169
- "text-align": string;
170
- "border-radius": string;
171
- border: string;
172
- padding: string;
173
- position: string;
174
- "z-index": string;
175
- right: string;
176
- opacity: string;
177
- transition: string;
178
- "font-size": string;
179
- "font-weight": string;
180
- "margin-top": string;
181
- overflow: string;
182
- "box-shadow": string;
183
- };
184
- ".secure-payment-form .tooltip:hover + .tooltip-content": {
185
- visibility: string;
186
- opacity: string;
187
- };
188
- ".secure-payment-form .tooltip:focus + .tooltip-content": {
189
- visibility: string;
190
- opacity: string;
191
- };
192
- ".secure-payment-form .other-cards-label": {
193
- "border-bottom": string;
194
- "text-align": string;
195
- margin: string;
196
- position: string;
197
- };
198
- ".secure-payment-form .other-cards-label span": {
199
- "text-align": string;
200
- padding: string;
201
- background: string;
202
- position: string;
203
- color: string;
204
- width: string;
205
- left: string;
206
- "-webkit-transform": string;
207
- "-moz-transform": string;
208
- "-ms-transform": string;
209
- "-o-transform": string;
210
- transform: string;
211
- margin: string;
212
- "font-family": string;
213
- "font-size": string;
214
- "white-space": string;
215
- };
216
- ".secure-payment-form .hidden": {
217
- display: string;
218
- };
219
111
  ".secure-payment-form .ctp-panel": {
220
112
  border: string;
221
113
  "box-shadow": string;
222
114
  "border-radius": string;
115
+ "container-type": string;
116
+ "font-family": string;
223
117
  "margin-bottom": string;
224
118
  };
225
119
  ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
226
120
  display: string;
227
121
  };
228
122
  ".secure-payment-form .ctp-panel .ctp-button": {
229
- display: string;
230
- background: string;
231
- "flex-direction": string;
232
123
  "align-items": string;
233
- padding: string;
124
+ background: string;
125
+ cursor: string;
126
+ display: string;
234
127
  flex: string;
235
- order: string;
128
+ "flex-direction": string;
236
129
  "flex-grow": string;
130
+ order: string;
131
+ padding: string;
237
132
  position: string;
238
- "font-size": string;
239
- "line-height": string;
240
- cursor: string;
241
- "font-family": string;
133
+ "white-space": string;
242
134
  };
243
- ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
244
- cursor: string;
135
+ ".secure-payment-form .ctp-panel .ctp-header": {
136
+ width: string;
245
137
  };
246
- ".secure-payment-form .ctp-panel .ctp-button:after": {
247
- content: string;
248
- position: string;
138
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
139
+ "font-family": string;
140
+ "font-weight": string;
141
+ "line-height": string;
142
+ "font-size": string;
143
+ };
144
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
145
+ background: string;
146
+ "background-size": string;
249
147
  width: string;
250
148
  height: string;
251
- border: string;
252
- "border-width": string;
149
+ margin: string;
253
150
  display: string;
254
- padding: string;
255
- transform: string;
256
- "-webkit-transform": string;
151
+ "vertical-align": string;
152
+ flex: string;
153
+ order: string;
154
+ "flex-grow": string;
257
155
  };
258
- ".secure-payment-form .ctp-panel .right-arrow": {
259
- position: string;
156
+ ".secure-payment-form .ctp-panel .ctp-button .subheading": {
157
+ margin: string;
158
+ "font-family": string;
159
+ "font-weight": string;
160
+ "font-size": string;
161
+ "line-height": string;
162
+ color: string;
163
+ };
164
+ ".secure-payment-form div[class^='ctp'] .card-brands": {
260
165
  background: string;
261
- right: string;
262
- border: string;
263
- "border-width": string;
264
- display: string;
265
166
  padding: string;
266
- transform: string;
267
- "-webkit-transform": string;
268
- "z-index": string;
269
- top: string;
270
- "margin-top": string;
271
- };
272
- ".secure-payment-form .apm-active .right-arrow": {
167
+ width: string;
168
+ height: string;
273
169
  display: string;
170
+ "vertical-align": string;
171
+ flex: string;
172
+ order: string;
173
+ "flex-grow": string;
274
174
  };
275
175
  ".secure-payment-form .ctp-info-tooltip": {
276
176
  width: string;
@@ -280,6 +180,7 @@ export declare const parentStyles: (assetBaseUrl: string) => {
280
180
  overflow: string;
281
181
  background: string;
282
182
  margin: string;
183
+ "white-space": string;
283
184
  };
284
185
  ".secure-payment-form .ctp-info-tooltip-content": {
285
186
  visibility: string;
@@ -296,16 +197,21 @@ export declare const parentStyles: (assetBaseUrl: string) => {
296
197
  "margin-top": string;
297
198
  opacity: string;
298
199
  transition: string;
200
+ "font-family": string;
299
201
  "font-size": string;
300
202
  "font-weight": string;
301
203
  "box-shadow": string;
302
204
  };
205
+ ".secure-payment-form .ctp-info-tooltip-content .ctp-icon": {
206
+ "margin-left": string;
207
+ };
303
208
  ".secure-payment-form .ctp-info-tooltip .ctp-heading": {
304
209
  "max-width": string;
305
210
  margin: string;
306
211
  };
307
212
  ".secure-payment-form .ctp-info-tooltip-content ul": {
308
213
  padding: string;
214
+ "margin-bottom": string;
309
215
  };
310
216
  ".secure-payment-form .ctp-info-tooltip-content li": {
311
217
  padding: string;
@@ -351,127 +257,296 @@ export declare const parentStyles: (assetBaseUrl: string) => {
351
257
  visibility: string;
352
258
  opacity: string;
353
259
  };
354
- ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
355
- background: string;
356
- display: string;
357
- "vertical-align": string;
260
+ "@container (min-width: 408px)": {
261
+ ".secure-payment-form .ctp-panel .ctp-button .heading": {
262
+ "font-size": string;
263
+ };
264
+ ".secure-payment-form .ctp-panel .right-arrow": {
265
+ "border-width": string;
266
+ };
267
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
268
+ width: string;
269
+ height: string;
270
+ "background-size": string;
271
+ };
272
+ };
273
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
274
+ cursor: string;
275
+ };
276
+ ".secure-payment-form.apm-active .ctp-panel .ctp-button": {
277
+ cursor: string;
278
+ };
279
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
280
+ content: string;
281
+ position: string;
358
282
  width: string;
359
283
  height: string;
360
- margin: string;
284
+ border: string;
285
+ "border-width": string;
286
+ display: string;
287
+ padding: string;
288
+ transform: string;
289
+ "-webkit-transform": string;
361
290
  };
362
- ".secure-payment-form div[class^='ctp'] .card-brands": {
291
+ ".secure-payment-form .ctp-panel .right-arrow": {
292
+ position: string;
363
293
  background: string;
294
+ right: string;
295
+ border: string;
296
+ "border-width": string;
364
297
  display: string;
365
- "vertical-align": string;
366
- "padding-right": string;
367
- "min-height": string;
368
- color: string;
369
- "white-space": string;
298
+ padding: string;
299
+ transform: string;
300
+ "-webkit-transform": string;
301
+ "z-index": string;
302
+ top: string;
303
+ "margin-top": string;
370
304
  };
371
- ".secure-payment-form #ctp-wrapper #header": {
305
+ ".secure-payment-form .apm-active .right-arrow": {
372
306
  display: string;
373
307
  };
374
- ".secure-payment-form #ctp-wrapper #footer": {
308
+ ".secure-payment-form.apm-active .right-arrow": {
375
309
  display: string;
376
310
  };
377
- ".secure-payment-form #ctp-wrapper label.footerLabel": {
378
- margin: string;
311
+ "#ctp-wrapper #header": {
312
+ display: string;
313
+ };
314
+ "#ctp-wrapper .logindiv .tooltip": {
315
+ display: string;
316
+ };
317
+ "#ctp-wrapper .logindiv .lblemailInput": {
318
+ display: string;
319
+ };
320
+ "#ctp-wrapper #verifyVisa .VerificationLabel": {
379
321
  "font-size": string;
322
+ "font-family": string;
380
323
  "line-height": string;
381
- "font-weight": string;
382
324
  };
383
- ".secure-payment-form #ctp-wrapper .footerLinewindow": {
384
- padding: string;
325
+ "#ctp-wrapper #verifyVisa label": {
326
+ display: string;
327
+ "font-size": string;
328
+ "font-family": string;
329
+ margin: string;
385
330
  };
386
- ".secure-payment-form #ctp-wrapper .TransitionLabel": {
331
+ "#ctp-wrapper .blue-button label": {
387
332
  "font-size": string;
388
333
  "line-height": string;
389
- "text-align": string;
390
- float: string;
334
+ "font-family": string;
391
335
  margin: string;
392
336
  };
393
- ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
337
+ "#ctp-wrapper .cardhdr label": {
338
+ margin: string;
339
+ display: string;
394
340
  "font-size": string;
395
341
  "line-height": string;
396
- "text-align": string;
397
- float: string;
342
+ };
343
+ "#ctp-wrapper .cardhdr label.crdSelectuser": {
398
344
  margin: string;
399
345
  };
400
- ".secure-payment-form #ctp-wrapper .transctcardlabel": {
346
+ "#ctp-wrapper button label": {
347
+ margin: string;
401
348
  "font-size": string;
402
- "line-height": string;
403
- "text-align": string;
404
- float: string;
405
349
  };
406
- ".secure-payment-form #ctp-wrapper .quitbanner": {
407
- "margin-left": string;
408
- "margin-top": string;
350
+ "#ctp-wrapper .quitbanner > svg": {
351
+ display: string;
409
352
  };
410
- ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
353
+ "#ctp-wrapper #footer": {
411
354
  display: string;
412
355
  };
413
- ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
414
- margin: string;
356
+ "#ctp-wrapper .signinlayout": {
357
+ "max-width": string;
358
+ "min-height": string;
415
359
  };
416
- ".secure-payment-form #ctp-wrapper .VerificationLabel": {
360
+ ".secure-payment-form.apm-active .signinlayout": {
361
+ "min-height": string;
362
+ };
363
+ "#ctp-wrapper .rsdcode": {
417
364
  "font-size": string;
418
- "line-height": string;
419
365
  "font-weight": string;
420
366
  margin: string;
421
367
  };
422
- ".secure-payment-form #ctp-wrapper label": {
368
+ "#ctp-wrapper .footerLabelDiv label": {
423
369
  "font-size": string;
424
- "line-height": string;
425
370
  "font-weight": string;
371
+ "margin-top": string;
372
+ "margin-bottom": string;
373
+ };
374
+ "#ctp-wrapper .logindiv": {
375
+ "min-height": string;
376
+ };
377
+ "#ctp-wrapper .VerificationLabel label": {
378
+ display: string;
426
379
  margin: string;
380
+ "font-size": string;
427
381
  };
428
- ".secure-payment-form #ctp-wrapper label.change": {
382
+ "#ctp-wrapper .VerificationLabel #userMobileMC": {
383
+ margin: string;
384
+ };
385
+ "#ctp-wrapper .transctcardlabel": {
386
+ margin: string;
387
+ "font-size": string;
388
+ };
389
+ "#ctp-wrapper .TransitionLabel": {
429
390
  "font-size": string;
430
391
  "line-height": string;
431
- "font-weight": string;
392
+ "text-align": string;
393
+ float: string;
432
394
  margin: string;
433
395
  };
434
- ".secure-payment-form #ctp-wrapper .blue-button": {
435
- height: string;
396
+ "apple-pay-button": {
397
+ "--apple-pay-button-width": string;
398
+ "--apple-pay-button-height": string;
399
+ "--apple-pay-button-border-radius": string;
400
+ "--apple-pay-button-padding": string;
401
+ "--apple-pay-button-box-sizing": string;
402
+ display: string;
403
+ margin: string;
404
+ };
405
+ ".secure-payment-form": {
406
+ display: string;
407
+ "-ms-flex-wrap": string;
408
+ "flex-wrap": string;
409
+ };
410
+ ".secure-payment-form *": {
411
+ "box-sizing": string;
412
+ };
413
+ ".secure-payment-form label": {
414
+ margin: string;
415
+ display: string;
436
416
  "font-size": string;
437
- "line-height": string;
438
- padding: string;
417
+ "font-weight": string;
418
+ "font-family": string;
419
+ };
420
+ ".secure-payment-form > div": {
421
+ flex: string;
422
+ };
423
+ ".secure-payment-form .credit-card-card-cvv iframe": {
424
+ width: string;
425
+ float: string;
439
426
  };
440
- ".secure-payment-form #ctp-wrapper .blue-button label": {
427
+ ".secure-payment-form div[class$='-shield']": {
428
+ flex: string;
429
+ "margin-right": string;
430
+ };
431
+ ".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
432
+ border: string;
433
+ "border-radius": string;
434
+ width: string;
435
+ height: string;
436
+ "text-align": string;
441
437
  margin: string;
442
438
  };
443
- ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
439
+ ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
440
+ width: string;
441
+ height: string;
442
+ "margin-top": string;
443
+ "vertical-align": string;
444
+ };
445
+ ".secure-payment-form div[class$='-shield'] .ssl-msg": {
444
446
  "font-size": string;
447
+ "font-weight": string;
448
+ "font-family": string;
449
+ color: string;
445
450
  "line-height": string;
451
+ display: string;
452
+ "vertical-align": string;
453
+ "text-align": string;
454
+ "margin-left": string;
455
+ "margin-right": string;
446
456
  "margin-top": string;
447
457
  };
448
- ".secure-payment-form #ctp-wrapper .rsdcode": {
458
+ ".secure-payment-form div[class$='-logo']": {
459
+ flex: string;
460
+ "margin-left": string;
461
+ width: string;
462
+ height: string;
463
+ "text-align": string;
464
+ };
465
+ ".secure-payment-form div[class$='-logo'] .security-msg": {
466
+ color: string;
449
467
  "font-size": string;
450
- "line-height": string;
451
- "font-weight": string;
452
- "margin-bottom": string;
468
+ display: string;
469
+ "vertical-align": string;
470
+ "margin-right": string;
453
471
  };
454
- ".secure-payment-form #ctp-wrapper .svgalignDiv": {
455
- padding: string;
472
+ ".secure-payment-form div[class$='-logo'] img": {
473
+ "vertical-align": string;
456
474
  };
457
- ".secure-payment-form #ctp-wrapper .signinlayout": {
458
- "min-height": string;
459
- "max-width": string;
475
+ ".secure-payment-form .credit-card-submit": {
476
+ margin: string;
460
477
  };
461
- ".secure-payment-form #ctp-wrapper .logindiv": {
478
+ ".secure-payment-form iframe": {
462
479
  "min-height": string;
480
+ width: string;
481
+ };
482
+ ".secure-payment-form .tooltip": {
483
+ position: string;
484
+ width: string;
485
+ height: string;
486
+ border: string;
487
+ "border-left": string;
488
+ color: string;
489
+ overflow: string;
490
+ "background-size": string;
491
+ background: string;
492
+ };
493
+ ".secure-payment-form .tooltip:focus": {
494
+ border: string;
495
+ outline: string;
496
+ };
497
+ ".secure-payment-form .tooltip-content": {
498
+ visibility: string;
499
+ width: string;
500
+ "background-color": string;
501
+ color: string;
502
+ "text-align": string;
503
+ "border-radius": string;
504
+ border: string;
463
505
  padding: string;
506
+ position: string;
507
+ "z-index": string;
508
+ right: string;
509
+ opacity: string;
510
+ transition: string;
511
+ "font-size": string;
512
+ "font-weight": string;
513
+ "margin-top": string;
514
+ overflow: string;
515
+ "box-shadow": string;
464
516
  };
465
- ".secure-payment-form #ctp-wrapper #cancel-link": {
466
- "margin-bottom": string;
517
+ ".secure-payment-form .tooltip:hover + .tooltip-content": {
518
+ visibility: string;
519
+ opacity: string;
467
520
  };
468
- ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
469
- display: string;
521
+ ".secure-payment-form .tooltip:focus + .tooltip-content": {
522
+ visibility: string;
523
+ opacity: string;
470
524
  };
471
- ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
472
- display: string;
525
+ ".secure-payment-form .other-cards-label": {
526
+ "border-bottom": string;
527
+ "text-align": string;
528
+ margin: string;
529
+ position: string;
473
530
  };
474
- ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
531
+ ".secure-payment-form .other-cards-label span": {
532
+ "text-align": string;
533
+ padding: string;
534
+ background: string;
535
+ position: string;
536
+ color: string;
537
+ width: string;
538
+ left: string;
539
+ "-webkit-transform": string;
540
+ "-moz-transform": string;
541
+ "-ms-transform": string;
542
+ "-o-transform": string;
543
+ transform: string;
544
+ margin: string;
545
+ "font-family": string;
546
+ "font-size": string;
547
+ "white-space": string;
548
+ };
549
+ ".secure-payment-form .hidden": {
475
550
  display: string;
476
551
  };
477
552
  "@font-face": {