@globalpayments/js 1.9.1 → 1.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@globalpayments/js",
3
- "version": "1.9.1",
3
+ "version": "1.9.3",
4
4
  "author": "Heartland Developer Portal <developers@heartland.us>",
5
5
  "license": "GPL-2.0",
6
6
  "repository": {
@@ -4,6 +4,7 @@ export declare const supports: {
4
4
  apm: {
5
5
  applePay: boolean;
6
6
  googlePay: boolean;
7
+ clickToPay: boolean;
7
8
  };
8
9
  binCheck: {
9
10
  hsaFsa: boolean;
@@ -3,6 +3,7 @@ export interface ICapabilitiesList {
3
3
  apm?: {
4
4
  applePay?: boolean;
5
5
  googlePay?: boolean;
6
+ clickToPay?: boolean;
6
7
  };
7
8
  binCheck?: {
8
9
  hsaFsa?: boolean;
@@ -40,6 +41,7 @@ export interface ISuccess {
40
41
  merchantName?: string;
41
42
  orderId?: string;
42
43
  reference?: string;
44
+ apmProvider?: string;
43
45
  };
44
46
  methodName?: string;
45
47
  payerEmail?: string;
@@ -168,6 +168,285 @@ export declare const parentStyles: (assetBaseUrl: string) => {
168
168
  visibility: string;
169
169
  opacity: string;
170
170
  };
171
+ ".secure-payment-form .other-cards-label": {
172
+ "border-bottom": string;
173
+ "text-align": string;
174
+ margin: string;
175
+ position: string;
176
+ };
177
+ ".secure-payment-form .other-cards-label span": {
178
+ "text-align": string;
179
+ padding: string;
180
+ background: string;
181
+ position: string;
182
+ color: string;
183
+ width: string;
184
+ left: string;
185
+ "-webkit-transform": string;
186
+ "-moz-transform": string;
187
+ "-ms-transform": string;
188
+ "-o-transform": string;
189
+ transform: string;
190
+ margin: string;
191
+ "font-family": string;
192
+ "font-size": string;
193
+ "white-space": string;
194
+ };
195
+ ".secure-payment-form .hidden": {
196
+ display: string;
197
+ };
198
+ ".secure-payment-form .ctp-panel": {
199
+ border: string;
200
+ "box-shadow": string;
201
+ "border-radius": string;
202
+ "margin-bottom": string;
203
+ };
204
+ ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
205
+ display: string;
206
+ };
207
+ ".secure-payment-form .ctp-panel .ctp-button": {
208
+ display: string;
209
+ background: string;
210
+ "flex-direction": string;
211
+ "align-items": string;
212
+ padding: string;
213
+ flex: string;
214
+ order: string;
215
+ "flex-grow": string;
216
+ position: string;
217
+ "font-size": string;
218
+ "line-height": string;
219
+ cursor: string;
220
+ "font-family": string;
221
+ };
222
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
223
+ cursor: string;
224
+ };
225
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
226
+ content: string;
227
+ position: string;
228
+ width: string;
229
+ height: string;
230
+ border: string;
231
+ "border-width": string;
232
+ display: string;
233
+ padding: string;
234
+ transform: string;
235
+ "-webkit-transform": string;
236
+ };
237
+ ".secure-payment-form .ctp-panel .right-arrow": {
238
+ position: string;
239
+ background: string;
240
+ right: string;
241
+ border: string;
242
+ "border-width": string;
243
+ display: string;
244
+ padding: string;
245
+ transform: string;
246
+ "-webkit-transform": string;
247
+ "z-index": string;
248
+ top: string;
249
+ "margin-top": string;
250
+ };
251
+ ".secure-payment-form .apm-active .right-arrow": {
252
+ display: string;
253
+ };
254
+ ".secure-payment-form .ctp-panel .info-tooltip": {
255
+ width: string;
256
+ height: string;
257
+ display: string;
258
+ "vertical-align": string;
259
+ overflow: string;
260
+ background: string;
261
+ margin: string;
262
+ };
263
+ ".secure-payment-form .ctp-panel .info-tooltip-content": {
264
+ visibility: string;
265
+ width: string;
266
+ "background-color": string;
267
+ color: string;
268
+ "text-align": string;
269
+ "border-radius": string;
270
+ border: string;
271
+ padding: string;
272
+ position: string;
273
+ "z-index": string;
274
+ "margin-left": string;
275
+ "margin-top": string;
276
+ opacity: string;
277
+ transition: string;
278
+ "font-size": string;
279
+ "font-weight": string;
280
+ "box-shadow": string;
281
+ };
282
+ ".secure-payment-form .ctp-panel .info-tooltip-content li": {
283
+ padding: string;
284
+ "font-size": string;
285
+ "line-height": string;
286
+ };
287
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.smart-checkout": {
288
+ background: string;
289
+ };
290
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.faster-checkout": {
291
+ background: string;
292
+ };
293
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.industry-standards": {
294
+ background: string;
295
+ };
296
+ ".secure-payment-form .ctp-panel .info-tooltip .top-arrow": {
297
+ position: string;
298
+ "margin-top": string;
299
+ background: string;
300
+ width: string;
301
+ left: string;
302
+ "margin-left": string;
303
+ border: string;
304
+ "border-width": string;
305
+ display: string;
306
+ padding: string;
307
+ transform: string;
308
+ "-webkit-transform": string;
309
+ "z-index": string;
310
+ };
311
+ ".secure-payment-form .ctp-panel .info-tooltip-content li .ctp-icon": {
312
+ "background-size": string;
313
+ width: string;
314
+ height: string;
315
+ margin: string;
316
+ };
317
+ ".secure-payment-form .ctp-panel .info-tooltip-content strong": {
318
+ "font-size": string;
319
+ "vertical-align": string;
320
+ };
321
+ ".secure-payment-form .ctp-panel .info-tooltip:hover .info-tooltip-content": {
322
+ visibility: string;
323
+ opacity: string;
324
+ };
325
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
326
+ background: string;
327
+ display: string;
328
+ "vertical-align": string;
329
+ width: string;
330
+ height: string;
331
+ margin: string;
332
+ };
333
+ ".secure-payment-form .ctp-panel .ctp-button .card-brands": {
334
+ background: string;
335
+ display: string;
336
+ "vertical-align": string;
337
+ "padding-right": string;
338
+ "min-height": string;
339
+ color: string;
340
+ "white-space": string;
341
+ };
342
+ ".secure-payment-form #ctp-wrapper #header": {
343
+ display: string;
344
+ };
345
+ ".secure-payment-form #ctp-wrapper #footer": {
346
+ display: string;
347
+ };
348
+ ".secure-payment-form #ctp-wrapper label.footerLabel": {
349
+ margin: string;
350
+ "font-size": string;
351
+ "line-height": string;
352
+ "font-weight": string;
353
+ };
354
+ ".secure-payment-form #ctp-wrapper .footerLinewindow": {
355
+ padding: string;
356
+ };
357
+ ".secure-payment-form #ctp-wrapper .TransitionLabel": {
358
+ "font-size": string;
359
+ "line-height": string;
360
+ "text-align": string;
361
+ float: string;
362
+ margin: string;
363
+ };
364
+ ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
365
+ "font-size": string;
366
+ "line-height": string;
367
+ "text-align": string;
368
+ float: string;
369
+ margin: string;
370
+ };
371
+ ".secure-payment-form #ctp-wrapper .transctcardlabel": {
372
+ "font-size": string;
373
+ "line-height": string;
374
+ "text-align": string;
375
+ float: string;
376
+ };
377
+ ".secure-payment-form #ctp-wrapper .quitbanner": {
378
+ "margin-left": string;
379
+ "margin-top": string;
380
+ };
381
+ ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
382
+ display: string;
383
+ };
384
+ ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
385
+ margin: string;
386
+ };
387
+ ".secure-payment-form #ctp-wrapper .VerificationLabel": {
388
+ "font-size": string;
389
+ "line-height": string;
390
+ "font-weight": string;
391
+ margin: string;
392
+ };
393
+ ".secure-payment-form #ctp-wrapper label#userEmail": {
394
+ "font-size": string;
395
+ "line-height": string;
396
+ "font-weight": string;
397
+ margin: string;
398
+ };
399
+ ".secure-payment-form #ctp-wrapper label#userMobile": {
400
+ "font-size": string;
401
+ "line-height": string;
402
+ "font-weight": string;
403
+ margin: string;
404
+ };
405
+ ".secure-payment-form #ctp-wrapper label.change": {
406
+ "font-size": string;
407
+ "line-height": string;
408
+ "font-weight": string;
409
+ margin: string;
410
+ };
411
+ ".secure-payment-form #ctp-wrapper .blue-button": {
412
+ height: string;
413
+ "font-size": string;
414
+ "line-height": string;
415
+ padding: string;
416
+ };
417
+ ".secure-payment-form #ctp-wrapper .blue-button label": {
418
+ margin: string;
419
+ };
420
+ ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
421
+ "font-size": string;
422
+ "line-height": string;
423
+ "margin-top": string;
424
+ };
425
+ ".secure-payment-form #ctp-wrapper .rsdcode": {
426
+ "font-size": string;
427
+ "line-height": string;
428
+ "font-weight": string;
429
+ "margin-bottom": string;
430
+ };
431
+ ".secure-payment-form #ctp-wrapper .svgalignDiv": {
432
+ padding: string;
433
+ };
434
+ ".secure-payment-form #ctp-wrapper .signinlayout": {
435
+ "min-height": string;
436
+ };
437
+ ".secure-payment-form #ctp-wrapper .logindiv": {
438
+ "min-height": string;
439
+ padding: string;
440
+ };
441
+ ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
442
+ display: string;
443
+ };
444
+ ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
445
+ display: string;
446
+ };
447
+ ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
448
+ display: string;
449
+ };
171
450
  "@font-face": {
172
451
  "font-family": string;
173
452
  src: string;
@@ -1,2 +1,2 @@
1
- declare const _default: "1.9.1";
1
+ declare const _default: "1.9.3";
2
2
  export default _default;
@@ -21,6 +21,14 @@ export interface IConfiguration extends IDictionary {
21
21
  customerReference?: string;
22
22
  validateOnly?: boolean;
23
23
  env?: string;
24
+ clickToPay?: {
25
+ allowedCardNetworks: string[];
26
+ canadianDebit?: boolean;
27
+ ctpClientId: string;
28
+ currencyCode: string;
29
+ subtotal: number;
30
+ wrapper?: boolean;
31
+ };
24
32
  webApiKey?: string;
25
33
  deviceId?: string;
26
34
  manifest?: string;
@@ -48,6 +48,9 @@ export declare const fieldStyles: () => {
48
48
  display: string;
49
49
  "font-family": string;
50
50
  "font-size": string;
51
+ /**
52
+ * Represents logic surrounding a group of hosted fields.
53
+ */
51
54
  "font-weight": string;
52
55
  "line-height": string;
53
56
  "margin-bottom": string;
@@ -102,11 +105,6 @@ export declare const fieldStyles: () => {
102
105
  ".card-number.invalid.card-type-visa": {
103
106
  background: string;
104
107
  "background-position-y": string;
105
- /**
106
- * Appends additional CSS rules to the group of hosted fields
107
- *
108
- * @param json New CSS rules
109
- */
110
108
  "background-size": string;
111
109
  };
112
110
  ".card-number.valid.card-type-amex": {
@@ -213,7 +211,16 @@ export declare const fieldStyles: () => {
213
211
  };
214
212
  ".card-number.card-type-discover": {
215
213
  "background-image": string;
216
- };
214
+ }; /**
215
+ * Sets an event listener for an event type
216
+ *
217
+ * @param fieldTypeOrEventName The field type on which the listener should
218
+ * be applied, or the type of event that should trigger the listener
219
+ * @param eventNameOrListener The type of event that should trigger the
220
+ * listener, or the listener function
221
+ * @param listener The listener function when both field type and event type
222
+ * are provided
223
+ */
217
224
  ".card-number.card-type-jcb": {
218
225
  "background-image": string;
219
226
  };
@@ -273,9 +280,6 @@ export declare const fieldStyles: () => {
273
280
  "white-space": string;
274
281
  };
275
282
  "#secure-payment-field[type=button]:focus": {
276
- /**
277
- * Represents logic surrounding a group of hosted fields.
278
- */
279
283
  outline: string;
280
284
  };
281
285
  ".card-cvv": {
@@ -417,7 +421,11 @@ export declare const parentStyles: () => {
417
421
  };
418
422
  ".secure-payment-form .credit-card-logo": {
419
423
  flex: string;
420
- "margin-left": string;
424
+ "margin-left": string; /**
425
+ * Appends additional CSS rules to the group of hosted fields
426
+ *
427
+ * @param json New CSS rules
428
+ */
421
429
  background: string;
422
430
  width: string;
423
431
  height: string;
@@ -435,12 +443,6 @@ export declare const parentStyles: () => {
435
443
  height: string;
436
444
  border: string;
437
445
  "border-left": string;
438
- /**
439
- * Sets a special-case event listener that fires when all hosted
440
- * fields in a form have registered / loaded
441
- *
442
- * @param fn The listener function
443
- */
444
446
  color: string;
445
447
  overflow: string;
446
448
  "background-size": string;
@@ -470,6 +472,285 @@ export declare const parentStyles: () => {
470
472
  visibility: string;
471
473
  opacity: string;
472
474
  };
475
+ ".secure-payment-form .other-cards-label": {
476
+ "border-bottom": string;
477
+ "text-align": string;
478
+ margin: string;
479
+ position: string;
480
+ };
481
+ ".secure-payment-form .other-cards-label span": {
482
+ "text-align": string;
483
+ padding: string;
484
+ background: string;
485
+ position: string;
486
+ color: string;
487
+ width: string;
488
+ left: string;
489
+ "-webkit-transform": string;
490
+ "-moz-transform": string;
491
+ "-ms-transform": string;
492
+ "-o-transform": string;
493
+ transform: string;
494
+ margin: string;
495
+ "font-family": string;
496
+ "font-size": string;
497
+ "white-space": string;
498
+ };
499
+ ".secure-payment-form .hidden": {
500
+ display: string;
501
+ };
502
+ ".secure-payment-form .ctp-panel": {
503
+ border: string;
504
+ "box-shadow": string;
505
+ "border-radius": string;
506
+ "margin-bottom": string;
507
+ };
508
+ ".secure-payment-form div[class^='credit-card'].apm-active ~ div:not([class$='shield']):not([class$='logo'])": {
509
+ display: string;
510
+ };
511
+ ".secure-payment-form .ctp-panel .ctp-button": {
512
+ display: string;
513
+ background: string;
514
+ "flex-direction": string;
515
+ "align-items": string;
516
+ padding: string;
517
+ flex: string;
518
+ order: string;
519
+ "flex-grow": string;
520
+ position: string;
521
+ "font-size": string;
522
+ "line-height": string;
523
+ cursor: string;
524
+ "font-family": string;
525
+ };
526
+ ".secure-payment-form .apm-active .ctp-panel .ctp-button": {
527
+ cursor: string;
528
+ };
529
+ ".secure-payment-form .ctp-panel .ctp-button:after": {
530
+ content: string;
531
+ position: string;
532
+ width: string;
533
+ height: string;
534
+ border: string;
535
+ "border-width": string;
536
+ display: string;
537
+ padding: string;
538
+ transform: string;
539
+ "-webkit-transform": string;
540
+ };
541
+ ".secure-payment-form .ctp-panel .right-arrow": {
542
+ position: string;
543
+ background: string;
544
+ right: string;
545
+ border: string;
546
+ "border-width": string;
547
+ display: string;
548
+ padding: string;
549
+ transform: string;
550
+ "-webkit-transform": string;
551
+ "z-index": string;
552
+ top: string;
553
+ "margin-top": string;
554
+ };
555
+ ".secure-payment-form .apm-active .right-arrow": {
556
+ display: string;
557
+ };
558
+ ".secure-payment-form .ctp-panel .info-tooltip": {
559
+ width: string;
560
+ height: string;
561
+ display: string;
562
+ "vertical-align": string;
563
+ overflow: string;
564
+ background: string;
565
+ margin: string;
566
+ };
567
+ ".secure-payment-form .ctp-panel .info-tooltip-content": {
568
+ visibility: string;
569
+ width: string;
570
+ "background-color": string;
571
+ color: string;
572
+ "text-align": string;
573
+ "border-radius": string;
574
+ border: string;
575
+ padding: string;
576
+ position: string;
577
+ "z-index": string;
578
+ "margin-left": string;
579
+ "margin-top": string;
580
+ opacity: string;
581
+ transition: string;
582
+ "font-size": string;
583
+ "font-weight": string;
584
+ "box-shadow": string;
585
+ };
586
+ ".secure-payment-form .ctp-panel .info-tooltip-content li": {
587
+ padding: string;
588
+ "font-size": string;
589
+ "line-height": string;
590
+ };
591
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.smart-checkout": {
592
+ background: string;
593
+ };
594
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.faster-checkout": {
595
+ background: string;
596
+ };
597
+ ".secure-payment-form .ctp-panel .info-tooltip-content li.industry-standards": {
598
+ background: string;
599
+ };
600
+ ".secure-payment-form .ctp-panel .info-tooltip .top-arrow": {
601
+ position: string;
602
+ "margin-top": string;
603
+ background: string;
604
+ width: string;
605
+ left: string;
606
+ "margin-left": string;
607
+ border: string;
608
+ "border-width": string;
609
+ display: string;
610
+ padding: string;
611
+ transform: string;
612
+ "-webkit-transform": string;
613
+ "z-index": string;
614
+ };
615
+ ".secure-payment-form .ctp-panel .info-tooltip-content li .ctp-icon": {
616
+ "background-size": string;
617
+ width: string;
618
+ height: string;
619
+ margin: string;
620
+ };
621
+ ".secure-payment-form .ctp-panel .info-tooltip-content strong": {
622
+ "font-size": string;
623
+ "vertical-align": string;
624
+ };
625
+ ".secure-payment-form .ctp-panel .info-tooltip:hover .info-tooltip-content": {
626
+ visibility: string;
627
+ opacity: string;
628
+ };
629
+ ".secure-payment-form .ctp-panel .ctp-button .ctp-icon": {
630
+ background: string;
631
+ display: string;
632
+ "vertical-align": string;
633
+ width: string;
634
+ height: string;
635
+ margin: string;
636
+ };
637
+ ".secure-payment-form .ctp-panel .ctp-button .card-brands": {
638
+ background: string;
639
+ display: string;
640
+ "vertical-align": string;
641
+ "padding-right": string;
642
+ "min-height": string;
643
+ color: string;
644
+ "white-space": string;
645
+ };
646
+ ".secure-payment-form #ctp-wrapper #header": {
647
+ display: string;
648
+ };
649
+ ".secure-payment-form #ctp-wrapper #footer": {
650
+ display: string;
651
+ };
652
+ ".secure-payment-form #ctp-wrapper label.footerLabel": {
653
+ margin: string;
654
+ "font-size": string;
655
+ "line-height": string;
656
+ "font-weight": string;
657
+ };
658
+ ".secure-payment-form #ctp-wrapper .footerLinewindow": {
659
+ padding: string;
660
+ };
661
+ ".secure-payment-form #ctp-wrapper .TransitionLabel": {
662
+ "font-size": string;
663
+ "line-height": string;
664
+ "text-align": string;
665
+ float: string;
666
+ margin: string;
667
+ };
668
+ ".secure-payment-form #ctp-wrapper #mtransitiontext.transctcardlabel": {
669
+ "font-size": string;
670
+ "line-height": string;
671
+ "text-align": string;
672
+ float: string;
673
+ margin: string;
674
+ };
675
+ ".secure-payment-form #ctp-wrapper .transctcardlabel": {
676
+ "font-size": string;
677
+ "line-height": string;
678
+ "text-align": string;
679
+ float: string;
680
+ };
681
+ ".secure-payment-form #ctp-wrapper .quitbanner": {
682
+ "margin-left": string;
683
+ "margin-top": string;
684
+ };
685
+ ".secure-payment-form #ctp-wrapper .quitbanner > svg": {
686
+ display: string;
687
+ };
688
+ ".secure-payment-form #ctp-wrapper .quitbanner .quitPage": {
689
+ margin: string;
690
+ };
691
+ ".secure-payment-form #ctp-wrapper .VerificationLabel": {
692
+ "font-size": string;
693
+ "line-height": string;
694
+ "font-weight": string;
695
+ margin: string;
696
+ };
697
+ ".secure-payment-form #ctp-wrapper label#userEmail": {
698
+ "font-size": string;
699
+ "line-height": string;
700
+ "font-weight": string;
701
+ margin: string;
702
+ };
703
+ ".secure-payment-form #ctp-wrapper label#userMobile": {
704
+ "font-size": string;
705
+ "line-height": string;
706
+ "font-weight": string;
707
+ margin: string;
708
+ };
709
+ ".secure-payment-form #ctp-wrapper label.change": {
710
+ "font-size": string;
711
+ "line-height": string;
712
+ "font-weight": string;
713
+ margin: string;
714
+ };
715
+ ".secure-payment-form #ctp-wrapper .blue-button": {
716
+ height: string;
717
+ "font-size": string;
718
+ "line-height": string;
719
+ padding: string;
720
+ };
721
+ ".secure-payment-form #ctp-wrapper .blue-button label": {
722
+ margin: string;
723
+ };
724
+ ".secure-payment-form #ctp-wrapper .lblemailDisplay": {
725
+ "font-size": string;
726
+ "line-height": string;
727
+ "margin-top": string;
728
+ };
729
+ ".secure-payment-form #ctp-wrapper .rsdcode": {
730
+ "font-size": string;
731
+ "line-height": string;
732
+ "font-weight": string;
733
+ "margin-bottom": string;
734
+ };
735
+ ".secure-payment-form #ctp-wrapper .svgalignDiv": {
736
+ padding: string;
737
+ };
738
+ ".secure-payment-form #ctp-wrapper .signinlayout": {
739
+ "min-height": string;
740
+ };
741
+ ".secure-payment-form #ctp-wrapper .logindiv": {
742
+ "min-height": string;
743
+ padding: string;
744
+ };
745
+ ".secure-payment-form #ctp-wrapper .logindiv .tooltip": {
746
+ display: string;
747
+ };
748
+ ".secure-payment-form #ctp-wrapper .logindiv .lblemailInput": {
749
+ display: string;
750
+ };
751
+ ".secure-payment-form #ctp-wrapper .VerificationLabel label": {
752
+ display: string;
753
+ };
473
754
  "@font-face": {
474
755
  "font-family": string;
475
756
  src: string;
@@ -515,6 +796,9 @@ export declare const parentStyles: () => {
515
796
  ".secure-payment-form .form-row": {
516
797
  "margin-top": string;
517
798
  };
799
+ /**
800
+ * Deletes all hosted fields within the form
801
+ */
518
802
  ".secure-payment-form .form-wrapper": {
519
803
  display: string;
520
804
  margin: string;
@@ -0,0 +1,2 @@
1
+ import { IframeField } from "../iframe-field";
2
+ export default function addClickToPay(iframeField: IframeField | undefined): void;