@globalpayments/js 2.1.2 → 3.0.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.
Files changed (32) hide show
  1. package/README.md +32 -1
  2. package/package.json +1 -1
  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 +1 -1
  9. package/types/apm/qr-code-payments/components/generate-qr-code.d.ts +3 -0
  10. package/types/apm/qr-code-payments/components/present-qr-code-action-handler.d.ts +1 -0
  11. package/types/apm/qr-code-payments/components/qr-code-expired-handler.d.ts +1 -0
  12. package/types/apm/qr-code-payments/contracts.d.ts +3 -7
  13. package/types/apm/qr-code-payments/helpers.d.ts +1 -0
  14. package/types/common/html-element.d.ts +1 -0
  15. package/types/internal/gateways/gp-api/get-apm-payment-methods.d.ts +3 -0
  16. package/types/internal/lib/enums.d.ts +25 -10
  17. package/types/internal/lib/styles/apple-pay/common.d.ts +12 -0
  18. package/types/internal/lib/styles/default.d.ts +81 -24
  19. package/types/internal/lib/styles/google-pay/common.d.ts +11 -0
  20. package/types/internal/lib/styles/gp-default.d.ts +81 -24
  21. package/types/internal/lib/styles/payment-methods/common.d.ts +191 -0
  22. package/types/internal/lib/styles/payment-methods/open-banking.d.ts +40 -0
  23. package/types/internal/lib/styles/payment-methods/qr-code-payments.d.ts +121 -0
  24. package/types/internal/lib/styles/simple.d.ts +16 -34
  25. package/types/internal/lib/translations/en.d.ts +25 -0
  26. package/types/internal/lib/translations/fr.d.ts +60 -0
  27. package/types/internal/lib/translations/zh.d.ts +20 -0
  28. package/types/lib/version.d.ts +1 -1
  29. package/types/tools/configure.d.ts +3 -0
  30. package/types/ui/form/index.d.ts +201 -113
  31. package/types/ui/iframe-field/action-add-open-banking.d.ts +2 -0
  32. package/types/ui/iframe-field/action-add-qr-code-payment-methods.d.ts +1 -1
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;
@@ -491,6 +491,14 @@ export declare const parentStyles: () => {
491
491
  "background-color": string;
492
492
  border: string;
493
493
  };
494
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
495
+ "background-color": string;
496
+ border: string;
497
+ };
498
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
499
+ "background-color": string;
500
+ border: string;
501
+ };
494
502
  ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
495
503
  display: string;
496
504
  "flex-direction": string;
@@ -506,28 +514,6 @@ export declare const parentStyles: () => {
506
514
  "line-height": string;
507
515
  width: string;
508
516
  };
509
- ".secure-payment-form .link-button"?: {
510
- background: string;
511
- border: string;
512
- color: string;
513
- "font-style": string;
514
- "font-weight": string;
515
- "line-height": string;
516
- "font-size": string;
517
- padding: string;
518
- cursor: string;
519
- margin: string;
520
- };
521
- ".secure-payment-form .link-button:hover"?: {
522
- color: string;
523
- };
524
- ".secure-payment-form .link-button:active"?: {
525
- color: string;
526
- };
527
- ".secure-payment-form .link-button:focus"?: {
528
- color: string;
529
- border: string;
530
- };
531
517
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
532
518
  color: string;
533
519
  "font-size": string;
@@ -578,15 +564,78 @@ export declare const parentStyles: () => {
578
564
  "font-size": string;
579
565
  "line-height": string;
580
566
  };
581
- ".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": {
582
630
  "justify-content": string;
583
631
  height: string;
584
632
  display: string;
585
633
  "flex-direction": string;
586
634
  "align-items": string;
587
635
  };
588
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
636
+ ".secure-payment-form .apms-redirecting-to-page-message": {
589
637
  color: string;
638
+ "font-family": string;
590
639
  "font-size": string;
591
640
  "line-height": string;
592
641
  };
@@ -594,6 +643,10 @@ export declare const parentStyles: () => {
594
643
  height: string;
595
644
  margin: string;
596
645
  };
646
+ "#googlePay button:focus": {
647
+ outline: string;
648
+ "outline-offset": string;
649
+ };
597
650
  ".secure-payment-form .ctp-panel": {
598
651
  border: string;
599
652
  "box-shadow": string;
@@ -770,6 +823,12 @@ export declare const parentStyles: () => {
770
823
  border: string;
771
824
  "border-width": string;
772
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
+ */
773
832
  padding: string;
774
833
  transform: string;
775
834
  "-webkit-transform": string;
@@ -1031,6 +1090,10 @@ export declare const parentStyles: () => {
1031
1090
  margin: string;
1032
1091
  cursor: string;
1033
1092
  };
1093
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
1094
+ outline: string;
1095
+ "outline-offset": string;
1096
+ };
1034
1097
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
1035
1098
  "background-color": string;
1036
1099
  border: string;
@@ -1047,6 +1110,14 @@ export declare const parentStyles: () => {
1047
1110
  "background-color": string;
1048
1111
  border: string;
1049
1112
  };
1113
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
1114
+ "background-color": string;
1115
+ border: string;
1116
+ };
1117
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
1118
+ "background-color": string;
1119
+ border: string;
1120
+ };
1050
1121
  ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
1051
1122
  display: string;
1052
1123
  "flex-direction": string;
@@ -1062,28 +1133,6 @@ export declare const parentStyles: () => {
1062
1133
  "line-height": string;
1063
1134
  width: string;
1064
1135
  };
1065
- ".secure-payment-form .link-button"?: {
1066
- background: string;
1067
- border: string;
1068
- color: string;
1069
- "font-style": string;
1070
- "font-weight": string;
1071
- "line-height": string;
1072
- "font-size": string;
1073
- padding: string;
1074
- cursor: string;
1075
- margin: string;
1076
- };
1077
- ".secure-payment-form .link-button:hover"?: {
1078
- color: string;
1079
- };
1080
- ".secure-payment-form .link-button:active"?: {
1081
- color: string;
1082
- };
1083
- ".secure-payment-form .link-button:focus"?: {
1084
- color: string;
1085
- border: string;
1086
- };
1087
1136
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
1088
1137
  color: string;
1089
1138
  "font-size": string;
@@ -1134,15 +1183,78 @@ export declare const parentStyles: () => {
1134
1183
  "font-size": string;
1135
1184
  "line-height": string;
1136
1185
  };
1137
- ".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": {
1138
1249
  "justify-content": string;
1139
1250
  height: string;
1140
1251
  display: string;
1141
1252
  "flex-direction": string;
1142
1253
  "align-items": string;
1143
1254
  };
1144
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
1255
+ ".secure-payment-form .apms-redirecting-to-page-message": {
1145
1256
  color: string;
1257
+ "font-family": string;
1146
1258
  "font-size": string;
1147
1259
  "line-height": string;
1148
1260
  };
@@ -1162,6 +1274,10 @@ export declare const parentStyles: () => {
1162
1274
  height: string;
1163
1275
  margin: string;
1164
1276
  };
1277
+ "#googlePay button:focus": {
1278
+ outline: string;
1279
+ "outline-offset": string;
1280
+ };
1165
1281
  ".secure-payment-form .ctp-panel": {
1166
1282
  border: string;
1167
1283
  "box-shadow": string;
@@ -1338,6 +1454,12 @@ export declare const parentStyles: () => {
1338
1454
  border: string;
1339
1455
  "border-width": string;
1340
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
+ */
1341
1463
  padding: string;
1342
1464
  transform: string;
1343
1465
  "-webkit-transform": string;
@@ -1542,12 +1664,6 @@ export declare const parentStyles: () => {
1542
1664
  ".secure-payment-form .installment-options, .installment-panel": {
1543
1665
  display: string;
1544
1666
  "flex-direction": string;
1545
- /**
1546
- * Instantiates a new UIForm object for a group of hosted fields
1547
- *
1548
- * @param fields Hosted field configuration
1549
- * @param styles Custom CSS configuration
1550
- */
1551
1667
  padding: string;
1552
1668
  width: string;
1553
1669
  };
@@ -1616,12 +1732,7 @@ export declare const parentStyles: () => {
1616
1732
  };
1617
1733
  ".secure-payment-form .installment-link:hover": {
1618
1734
  color: string;
1619
- }; /**
1620
- * Sets a special-case event listener that fires when all hosted
1621
- * fields in a form have registered / loaded
1622
- *
1623
- * @param fn The listener function
1624
- */
1735
+ };
1625
1736
  ".secure-payment-form .installment-link:active": {
1626
1737
  color: string;
1627
1738
  };
@@ -1840,11 +1951,7 @@ export declare const parentStyles: () => {
1840
1951
  width: string;
1841
1952
  height: string;
1842
1953
  "margin-left": string;
1843
- "vertical-align": string; /**
1844
- * Appends additional CSS rules to the group of hosted fields
1845
- *
1846
- * @param json New CSS rules
1847
- */
1954
+ "vertical-align": string;
1848
1955
  };
1849
1956
  ".secure-payment-form div[class$='-shield'] .ssl-msg": {
1850
1957
  "font-size": string;
@@ -2001,6 +2108,10 @@ export declare const parentStyles: () => {
2001
2108
  margin: string;
2002
2109
  cursor: string;
2003
2110
  };
2111
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
2112
+ outline: string;
2113
+ "outline-offset": string;
2114
+ };
2004
2115
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
2005
2116
  "background-color": string;
2006
2117
  border: string;
@@ -2017,6 +2128,14 @@ export declare const parentStyles: () => {
2017
2128
  "background-color": string;
2018
2129
  border: string;
2019
2130
  };
2131
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
2132
+ "background-color": string;
2133
+ border: string;
2134
+ };
2135
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
2136
+ "background-color": string;
2137
+ border: string;
2138
+ };
2020
2139
  ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
2021
2140
  display: string;
2022
2141
  "flex-direction": string;
@@ -2032,28 +2151,6 @@ export declare const parentStyles: () => {
2032
2151
  "line-height": string;
2033
2152
  width: string;
2034
2153
  };
2035
- ".secure-payment-form .link-button"?: {
2036
- background: string;
2037
- border: string;
2038
- color: string;
2039
- "font-style": string;
2040
- "font-weight": string;
2041
- "line-height": string;
2042
- "font-size": string;
2043
- padding: string;
2044
- cursor: string;
2045
- margin: string;
2046
- };
2047
- ".secure-payment-form .link-button:hover"?: {
2048
- color: string;
2049
- };
2050
- ".secure-payment-form .link-button:active"?: {
2051
- color: string;
2052
- };
2053
- ".secure-payment-form .link-button:focus"?: {
2054
- color: string;
2055
- border: string;
2056
- };
2057
2154
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
2058
2155
  color: string;
2059
2156
  "font-size": string;
@@ -2104,22 +2201,14 @@ export declare const parentStyles: () => {
2104
2201
  "font-size": string;
2105
2202
  "line-height": string;
2106
2203
  };
2107
- ".secure-payment-form .qr-code-redirecting-to-page"?: {
2108
- "justify-content": string;
2109
- height: string;
2110
- display: string;
2111
- "flex-direction": string;
2112
- "align-items": string;
2113
- };
2114
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
2115
- color: string;
2116
- "font-size": string;
2117
- "line-height": string;
2118
- };
2119
2204
  "#googlePay": {
2120
2205
  height: string;
2121
2206
  margin: string;
2122
2207
  };
2208
+ "#googlePay button:focus": {
2209
+ outline: string;
2210
+ "outline-offset": string;
2211
+ };
2123
2212
  ".secure-payment-form .ctp-panel": {
2124
2213
  border: string;
2125
2214
  "box-shadow": string;
@@ -2296,6 +2385,12 @@ export declare const parentStyles: () => {
2296
2385
  border: string;
2297
2386
  "border-width": string;
2298
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
+ */
2299
2394
  padding: string;
2300
2395
  transform: string;
2301
2396
  "-webkit-transform": string;
@@ -2424,12 +2519,7 @@ export declare const parentStyles: () => {
2424
2519
  "font-weight": string;
2425
2520
  "line-height": string;
2426
2521
  "text-transform": string;
2427
- }; /**
2428
- * Sets a special-case event listener that fires when all hosted
2429
- * fields in a form have registered / loaded
2430
- *
2431
- * @param fn The listener function
2432
- */
2522
+ };
2433
2523
  ".secure-payment-form #ss-banner": {
2434
2524
  background: string;
2435
2525
  "background-size": string;
@@ -2454,9 +2544,7 @@ export declare const parentStyles: () => {
2454
2544
  };
2455
2545
  ".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
2456
2546
  width: string;
2457
- height: string; /**
2458
- * Deletes all hosted fields within the form
2459
- */
2547
+ height: string;
2460
2548
  "margin-left": string;
2461
2549
  "vertical-align": string;
2462
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;
package/types/ui/iframe-field/action-add-qr-code-payment-methods.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { IframeField } from ".";
2
2
  import { IPaymentMethodConfigurationNormalized } from "../../apm/qr-code-payments/contracts";
3
- export default function addQRCodePaymentMethods(iframeField: IframeField | undefined, paymentMethodConfigurations: IPaymentMethodConfigurationNormalized[]): void;
3
+ export default function addQRCodePaymentMethods(iframeField: IframeField | undefined, paymentMethodConfigurations: IPaymentMethodConfigurationNormalized[], amount: string | number): void;