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