@globalpayments/js 2.1.3 → 3.0.6

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 (27) hide show
  1. package/README.md +1 -1
  2. package/package.json +2 -2
  3. package/types/apm/enums.d.ts +10 -0
  4. package/types/apm/non-card-payments/components/common.d.ts +5 -0
  5. package/types/apm/non-card-payments/components/constants.d.ts +1 -0
  6. package/types/apm/non-card-payments/components/redirect-action-handler.d.ts +1 -0
  7. package/types/apm/non-card-payments/contracts.d.ts +8 -0
  8. package/types/apm/qr-code-payments/components/common.d.ts +0 -1
  9. package/types/apm/qr-code-payments/contracts.d.ts +3 -7
  10. package/types/common/html-element.d.ts +1 -0
  11. package/types/internal/gateways/gp-api/get-apm-payment-methods.d.ts +3 -0
  12. package/types/internal/lib/card.d.ts +1 -1
  13. package/types/internal/lib/enums.d.ts +18 -9
  14. package/types/internal/lib/styles/apple-pay/common.d.ts +12 -0
  15. package/types/internal/lib/styles/default.d.ts +73 -24
  16. package/types/internal/lib/styles/google-pay/common.d.ts +11 -0
  17. package/types/internal/lib/styles/gp-default.d.ts +73 -24
  18. package/types/internal/lib/styles/payment-methods/common.d.ts +191 -0
  19. package/types/internal/lib/styles/payment-methods/open-banking.d.ts +40 -0
  20. package/types/internal/lib/styles/payment-methods/qr-code-payments.d.ts +121 -0
  21. package/types/internal/lib/styles/simple.d.ts +8 -34
  22. package/types/internal/lib/translations/en.d.ts +5 -0
  23. package/types/internal/lib/translations/fr.d.ts +85 -0
  24. package/types/lib/version.d.ts +1 -1
  25. package/types/tools/configure.d.ts +3 -0
  26. package/types/ui/form/index.d.ts +180 -128
  27. package/types/ui/iframe-field/action-add-open-banking.d.ts +2 -0
package/types/ui/form/index.d.ts CHANGED
@@ -149,11 +149,7 @@ export declare const fieldStyles: () => {
149
149
  width: string;
150
150
  };
151
151
  "img.card-number-icon.valid.card-type-jcb": {
152
- background: string; /**
153
- * Appends additional CSS rules to the group of hosted fields
154
- *
155
- * @param json New CSS rules
156
- */
152
+ background: string;
157
153
  "background-size": string;
158
154
  "background-position-y": string;
159
155
  };
@@ -475,6 +471,10 @@ export declare const parentStyles: () => {
475
471
  margin: string;
476
472
  cursor: string;
477
473
  };
474
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
475
+ outline: string;
476
+ "outline-offset": string;
477
+ };
478
478
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
479
479
  "background-color": string;
480
480
  border: string;
@@ -514,28 +514,6 @@ export declare const parentStyles: () => {
514
514
  "line-height": string;
515
515
  width: string;
516
516
  };
517
- ".secure-payment-form .link-button"?: {
518
- background: string;
519
- border: string;
520
- color: string;
521
- "font-style": string;
522
- "font-weight": string;
523
- "line-height": string;
524
- "font-size": string;
525
- padding: string;
526
- cursor: string;
527
- margin: string;
528
- };
529
- ".secure-payment-form .link-button:hover"?: {
530
- color: string;
531
- };
532
- ".secure-payment-form .link-button:active"?: {
533
- color: string;
534
- };
535
- ".secure-payment-form .link-button:focus"?: {
536
- color: string;
537
- border: string;
538
- };
539
517
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
540
518
  color: string;
541
519
  "font-size": string;
@@ -561,11 +539,7 @@ export declare const parentStyles: () => {
561
539
  "font-size": string;
562
540
  };
563
541
  ".secure-payment-form .qr-code-expired-alert"?: {
564
- display: string; /**
565
- * Appends additional CSS rules to the group of hosted fields
566
- *
567
- * @param json New CSS rules
568
- */
542
+ display: string;
569
543
  border: string;
570
544
  height: string;
571
545
  "margin-top": string;
@@ -590,15 +564,78 @@ export declare const parentStyles: () => {
590
564
  "font-size": string;
591
565
  "line-height": string;
592
566
  };
593
- ".secure-payment-form .qr-code-redirecting-to-page"?: {
567
+ ".secure-payment-form .open-banking-button-wrapper": {
568
+ display: string;
569
+ "flex-direction": string;
570
+ "align-items": string;
571
+ };
572
+ ".secure-payment-form .open-banking-button::before": {
573
+ content: string;
574
+ width: string;
575
+ height: string;
576
+ position: string;
577
+ top: string;
578
+ right: string;
579
+ };
580
+ ".secure-payment-form .open-banking-button": {
581
+ position: string;
582
+ background: string;
583
+ color: string;
584
+ height: string;
585
+ width: string;
586
+ "border-radius": string;
587
+ border: string;
588
+ margin: string;
589
+ cursor: string;
590
+ "-webkit-box-shadow": string;
591
+ "-moz-box-shadow": string;
592
+ "box-shadow": string;
593
+ };
594
+ ".secure-payment-form .open-banking-button:hover": {
595
+ "border-color": string;
596
+ "-webkit-box-shadow": string;
597
+ "-moz-box-shadow": string;
598
+ "box-shadow": string;
599
+ };
600
+ ".secure-payment-form .open-banking-button:focus": {
601
+ outline: string;
602
+ "outline-offset": string;
603
+ };
604
+ ".secure-payment-form .link-button": {
605
+ display: string;
606
+ "flex-direction": string;
607
+ "align-items": string;
608
+ background: string;
609
+ border: string;
610
+ color: string;
611
+ "font-style": string;
612
+ "font-weight": string;
613
+ "line-height": string;
614
+ "font-size": string;
615
+ padding: string;
616
+ cursor: string;
617
+ margin: string;
618
+ };
619
+ ".secure-payment-form .link-button:hover": {
620
+ color: string;
621
+ };
622
+ ".secure-payment-form .link-button:active": {
623
+ color: string;
624
+ };
625
+ ".secure-payment-form .link-button:focus": {
626
+ color: string;
627
+ border: string;
628
+ };
629
+ ".secure-payment-form .apms-redirecting-to-page": {
594
630
  "justify-content": string;
595
631
  height: string;
596
632
  display: string;
597
633
  "flex-direction": string;
598
634
  "align-items": string;
599
635
  };
600
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
636
+ ".secure-payment-form .apms-redirecting-to-page-message": {
601
637
  color: string;
638
+ "font-family": string;
602
639
  "font-size": string;
603
640
  "line-height": string;
604
641
  };
@@ -606,6 +643,10 @@ export declare const parentStyles: () => {
606
643
  height: string;
607
644
  margin: string;
608
645
  };
646
+ "#googlePay button:focus": {
647
+ outline: string;
648
+ "outline-offset": string;
649
+ };
609
650
  ".secure-payment-form .ctp-panel": {
610
651
  border: string;
611
652
  "box-shadow": string;
@@ -782,6 +823,12 @@ export declare const parentStyles: () => {
782
823
  border: string;
783
824
  "border-width": string;
784
825
  display: string;
826
+ /**
827
+ * Sets a special-case event listener that fires when all hosted
828
+ * fields in a form have registered / loaded
829
+ *
830
+ * @param fn The listener function
831
+ */
785
832
  padding: string;
786
833
  transform: string;
787
834
  "-webkit-transform": string;
@@ -1043,6 +1090,10 @@ export declare const parentStyles: () => {
1043
1090
  margin: string;
1044
1091
  cursor: string;
1045
1092
  };
1093
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
1094
+ outline: string;
1095
+ "outline-offset": string;
1096
+ };
1046
1097
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
1047
1098
  "background-color": string;
1048
1099
  border: string;
@@ -1082,28 +1133,6 @@ export declare const parentStyles: () => {
1082
1133
  "line-height": string;
1083
1134
  width: string;
1084
1135
  };
1085
- ".secure-payment-form .link-button"?: {
1086
- background: string;
1087
- border: string;
1088
- color: string;
1089
- "font-style": string;
1090
- "font-weight": string;
1091
- "line-height": string;
1092
- "font-size": string;
1093
- padding: string;
1094
- cursor: string;
1095
- margin: string;
1096
- };
1097
- ".secure-payment-form .link-button:hover"?: {
1098
- color: string;
1099
- };
1100
- ".secure-payment-form .link-button:active"?: {
1101
- color: string;
1102
- };
1103
- ".secure-payment-form .link-button:focus"?: {
1104
- color: string;
1105
- border: string;
1106
- };
1107
1136
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
1108
1137
  color: string;
1109
1138
  "font-size": string;
@@ -1129,11 +1158,7 @@ export declare const parentStyles: () => {
1129
1158
  "font-size": string;
1130
1159
  };
1131
1160
  ".secure-payment-form .qr-code-expired-alert"?: {
1132
- display: string; /**
1133
- * Appends additional CSS rules to the group of hosted fields
1134
- *
1135
- * @param json New CSS rules
1136
- */
1161
+ display: string;
1137
1162
  border: string;
1138
1163
  height: string;
1139
1164
  "margin-top": string;
@@ -1158,15 +1183,78 @@ export declare const parentStyles: () => {
1158
1183
  "font-size": string;
1159
1184
  "line-height": string;
1160
1185
  };
1161
- ".secure-payment-form .qr-code-redirecting-to-page"?: {
1186
+ ".secure-payment-form .open-banking-button-wrapper": {
1187
+ display: string;
1188
+ "flex-direction": string;
1189
+ "align-items": string;
1190
+ };
1191
+ ".secure-payment-form .open-banking-button::before": {
1192
+ content: string;
1193
+ width: string;
1194
+ height: string;
1195
+ position: string;
1196
+ top: string;
1197
+ right: string;
1198
+ };
1199
+ ".secure-payment-form .open-banking-button": {
1200
+ position: string;
1201
+ background: string;
1202
+ color: string;
1203
+ height: string;
1204
+ width: string;
1205
+ "border-radius": string;
1206
+ border: string;
1207
+ margin: string;
1208
+ cursor: string;
1209
+ "-webkit-box-shadow": string;
1210
+ "-moz-box-shadow": string;
1211
+ "box-shadow": string;
1212
+ };
1213
+ ".secure-payment-form .open-banking-button:hover": {
1214
+ "border-color": string;
1215
+ "-webkit-box-shadow": string;
1216
+ "-moz-box-shadow": string;
1217
+ "box-shadow": string;
1218
+ };
1219
+ ".secure-payment-form .open-banking-button:focus": {
1220
+ outline: string;
1221
+ "outline-offset": string;
1222
+ };
1223
+ ".secure-payment-form .link-button": {
1224
+ display: string;
1225
+ "flex-direction": string;
1226
+ "align-items": string;
1227
+ background: string;
1228
+ border: string;
1229
+ color: string;
1230
+ "font-style": string;
1231
+ "font-weight": string;
1232
+ "line-height": string;
1233
+ "font-size": string;
1234
+ padding: string;
1235
+ cursor: string;
1236
+ margin: string;
1237
+ };
1238
+ ".secure-payment-form .link-button:hover": {
1239
+ color: string;
1240
+ };
1241
+ ".secure-payment-form .link-button:active": {
1242
+ color: string;
1243
+ };
1244
+ ".secure-payment-form .link-button:focus": {
1245
+ color: string;
1246
+ border: string;
1247
+ };
1248
+ ".secure-payment-form .apms-redirecting-to-page": {
1162
1249
  "justify-content": string;
1163
1250
  height: string;
1164
1251
  display: string;
1165
1252
  "flex-direction": string;
1166
1253
  "align-items": string;
1167
1254
  };
1168
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
1255
+ ".secure-payment-form .apms-redirecting-to-page-message": {
1169
1256
  color: string;
1257
+ "font-family": string;
1170
1258
  "font-size": string;
1171
1259
  "line-height": string;
1172
1260
  };
@@ -1186,6 +1274,10 @@ export declare const parentStyles: () => {
1186
1274
  height: string;
1187
1275
  margin: string;
1188
1276
  };
1277
+ "#googlePay button:focus": {
1278
+ outline: string;
1279
+ "outline-offset": string;
1280
+ };
1189
1281
  ".secure-payment-form .ctp-panel": {
1190
1282
  border: string;
1191
1283
  "box-shadow": string;
@@ -1362,6 +1454,12 @@ export declare const parentStyles: () => {
1362
1454
  border: string;
1363
1455
  "border-width": string;
1364
1456
  display: string;
1457
+ /**
1458
+ * Sets a special-case event listener that fires when all hosted
1459
+ * fields in a form have registered / loaded
1460
+ *
1461
+ * @param fn The listener function
1462
+ */
1365
1463
  padding: string;
1366
1464
  transform: string;
1367
1465
  "-webkit-transform": string;
@@ -1566,12 +1664,6 @@ export declare const parentStyles: () => {
1566
1664
  ".secure-payment-form .installment-options, .installment-panel": {
1567
1665
  display: string;
1568
1666
  "flex-direction": string;
1569
- /**
1570
- * Instantiates a new UIForm object for a group of hosted fields
1571
- *
1572
- * @param fields Hosted field configuration
1573
- * @param styles Custom CSS configuration
1574
- */
1575
1667
  padding: string;
1576
1668
  width: string;
1577
1669
  };
@@ -1640,12 +1732,7 @@ export declare const parentStyles: () => {
1640
1732
  };
1641
1733
  ".secure-payment-form .installment-link:hover": {
1642
1734
  color: string;
1643
- }; /**
1644
- * Sets a special-case event listener that fires when all hosted
1645
- * fields in a form have registered / loaded
1646
- *
1647
- * @param fn The listener function
1648
- */
1735
+ };
1649
1736
  ".secure-payment-form .installment-link:active": {
1650
1737
  color: string;
1651
1738
  };
@@ -1864,11 +1951,7 @@ export declare const parentStyles: () => {
1864
1951
  width: string;
1865
1952
  height: string;
1866
1953
  "margin-left": string;
1867
- "vertical-align": string; /**
1868
- * Appends additional CSS rules to the group of hosted fields
1869
- *
1870
- * @param json New CSS rules
1871
- */
1954
+ "vertical-align": string;
1872
1955
  };
1873
1956
  ".secure-payment-form div[class$='-shield'] .ssl-msg": {
1874
1957
  "font-size": string;
@@ -2025,6 +2108,10 @@ export declare const parentStyles: () => {
2025
2108
  margin: string;
2026
2109
  cursor: string;
2027
2110
  };
2111
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
2112
+ outline: string;
2113
+ "outline-offset": string;
2114
+ };
2028
2115
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
2029
2116
  "background-color": string;
2030
2117
  border: string;
@@ -2064,28 +2151,6 @@ export declare const parentStyles: () => {
2064
2151
  "line-height": string;
2065
2152
  width: string;
2066
2153
  };
2067
- ".secure-payment-form .link-button"?: {
2068
- background: string;
2069
- border: string;
2070
- color: string;
2071
- "font-style": string;
2072
- "font-weight": string;
2073
- "line-height": string;
2074
- "font-size": string;
2075
- padding: string;
2076
- cursor: string;
2077
- margin: string;
2078
- };
2079
- ".secure-payment-form .link-button:hover"?: {
2080
- color: string;
2081
- };
2082
- ".secure-payment-form .link-button:active"?: {
2083
- color: string;
2084
- };
2085
- ".secure-payment-form .link-button:focus"?: {
2086
- color: string;
2087
- border: string;
2088
- };
2089
2154
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
2090
2155
  color: string;
2091
2156
  "font-size": string;
@@ -2111,11 +2176,7 @@ export declare const parentStyles: () => {
2111
2176
  "font-size": string;
2112
2177
  };
2113
2178
  ".secure-payment-form .qr-code-expired-alert"?: {
2114
- display: string; /**
2115
- * Appends additional CSS rules to the group of hosted fields
2116
- *
2117
- * @param json New CSS rules
2118
- */
2179
+ display: string;
2119
2180
  border: string;
2120
2181
  height: string;
2121
2182
  "margin-top": string;
@@ -2140,22 +2201,14 @@ export declare const parentStyles: () => {
2140
2201
  "font-size": string;
2141
2202
  "line-height": string;
2142
2203
  };
2143
- ".secure-payment-form .qr-code-redirecting-to-page"?: {
2144
- "justify-content": string;
2145
- height: string;
2146
- display: string;
2147
- "flex-direction": string;
2148
- "align-items": string;
2149
- };
2150
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
2151
- color: string;
2152
- "font-size": string;
2153
- "line-height": string;
2154
- };
2155
2204
  "#googlePay": {
2156
2205
  height: string;
2157
2206
  margin: string;
2158
2207
  };
2208
+ "#googlePay button:focus": {
2209
+ outline: string;
2210
+ "outline-offset": string;
2211
+ };
2159
2212
  ".secure-payment-form .ctp-panel": {
2160
2213
  border: string;
2161
2214
  "box-shadow": string;
@@ -2332,6 +2385,12 @@ export declare const parentStyles: () => {
2332
2385
  border: string;
2333
2386
  "border-width": string;
2334
2387
  display: string;
2388
+ /**
2389
+ * Sets a special-case event listener that fires when all hosted
2390
+ * fields in a form have registered / loaded
2391
+ *
2392
+ * @param fn The listener function
2393
+ */
2335
2394
  padding: string;
2336
2395
  transform: string;
2337
2396
  "-webkit-transform": string;
@@ -2460,12 +2519,7 @@ export declare const parentStyles: () => {
2460
2519
  "font-weight": string;
2461
2520
  "line-height": string;
2462
2521
  "text-transform": string;
2463
- }; /**
2464
- * Sets a special-case event listener that fires when all hosted
2465
- * fields in a form have registered / loaded
2466
- *
2467
- * @param fn The listener function
2468
- */
2522
+ };
2469
2523
  ".secure-payment-form #ss-banner": {
2470
2524
  background: string;
2471
2525
  "background-size": string;
@@ -2490,9 +2544,7 @@ export declare const parentStyles: () => {
2490
2544
  };
2491
2545
  ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
2492
2546
  width: string;
2493
- height: string; /**
2494
- * Deletes all hosted fields within the form
2495
- */
2547
+ height: string;
2496
2548
  "margin-left": string;
2497
2549
  "vertical-align": string;
2498
2550
  };
package/types/ui/iframe-field/action-add-open-banking.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IframeField } from ".";
2
+ export default function addOpenBankingPaymentMethod(iframeField: IframeField | undefined): void;