@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/internal/lib/styles/payment-methods/common.d.ts ADDED
@@ -0,0 +1,191 @@
1
+ declare const _default: (assetBaseUrl: string) => {
2
+ ".secure-payment-form .credit-card-qr-code-payments"?: {
3
+ "font-family": string;
4
+ };
5
+ ".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
6
+ display: string;
7
+ "flex-direction": string;
8
+ "align-items": string;
9
+ };
10
+ ".secure-payment-form .qr-code-payment-methods-wrapper"?: {
11
+ width: string;
12
+ };
13
+ ".secure-payment-form .qr-code-payment-method-button"?: {
14
+ color: string;
15
+ height: string;
16
+ width: string;
17
+ "border-radius": string;
18
+ border: string;
19
+ margin: string;
20
+ cursor: string;
21
+ };
22
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
23
+ outline: string;
24
+ "outline-offset": string;
25
+ };
26
+ ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
27
+ "background-color": string;
28
+ border: string;
29
+ };
30
+ ".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
31
+ "background-color": string;
32
+ border: string;
33
+ };
34
+ ".secure-payment-form .qr-code-payment-method-alipay"?: {
35
+ "background-color": string;
36
+ border: string;
37
+ };
38
+ ".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
39
+ "background-color": string;
40
+ border: string;
41
+ };
42
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
43
+ "background-color": string;
44
+ border: string;
45
+ };
46
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
47
+ "background-color": string;
48
+ border: string;
49
+ };
50
+ ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
51
+ display: string;
52
+ "flex-direction": string;
53
+ "align-items": string;
54
+ };
55
+ ".secure-payment-form .qr-code-payment-iframe"?: {
56
+ border: string;
57
+ width: string;
58
+ height: string;
59
+ };
60
+ ".secure-payment-form .qr-code-payment-content"?: {
61
+ "font-size": string;
62
+ "line-height": string;
63
+ width: string;
64
+ };
65
+ ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
66
+ color: string;
67
+ "font-size": string;
68
+ "line-height": string;
69
+ };
70
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
71
+ "margin-right": string;
72
+ };
73
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
74
+ display: string;
75
+ "align-items": string;
76
+ color: string;
77
+ "font-size": string;
78
+ "line-height": string;
79
+ "font-weight": string;
80
+ "justify-content": string;
81
+ };
82
+ ".secure-payment-form .payment-amount"?: {
83
+ color: string;
84
+ "font-style": string;
85
+ "font-weight": string;
86
+ "line-height": string;
87
+ "font-size": string;
88
+ };
89
+ ".secure-payment-form .qr-code-expired-alert"?: {
90
+ display: string;
91
+ border: string;
92
+ height: string;
93
+ "margin-top": string;
94
+ };
95
+ ".secure-payment-form .qr-code-expired-alert-icon"?: {
96
+ background: string;
97
+ display: string;
98
+ "align-items": string;
99
+ "justify-content": string;
100
+ width: string;
101
+ };
102
+ ".secure-payment-form .qr-code-expired-alert-message"?: {
103
+ display: string;
104
+ "flex-direction": string;
105
+ "justify-content": string;
106
+ padding: string;
107
+ "font-size": string;
108
+ "line-height": string;
109
+ };
110
+ ".secure-payment-form .qr-code-expired-alert-message-title"?: {
111
+ color: string;
112
+ "font-size": string;
113
+ "line-height": string;
114
+ };
115
+ ".secure-payment-form .open-banking-button-wrapper": {
116
+ display: string;
117
+ "flex-direction": string;
118
+ "align-items": string;
119
+ };
120
+ ".secure-payment-form .open-banking-button::before": {
121
+ content: string;
122
+ width: string;
123
+ height: string;
124
+ position: string;
125
+ top: string;
126
+ right: string;
127
+ };
128
+ ".secure-payment-form .open-banking-button": {
129
+ position: string;
130
+ background: string;
131
+ color: string;
132
+ height: string;
133
+ width: string;
134
+ "border-radius": string;
135
+ border: string;
136
+ margin: string;
137
+ cursor: string;
138
+ "-webkit-box-shadow": string;
139
+ "-moz-box-shadow": string;
140
+ "box-shadow": string;
141
+ };
142
+ ".secure-payment-form .open-banking-button:hover": {
143
+ "border-color": string;
144
+ "-webkit-box-shadow": string;
145
+ "-moz-box-shadow": string;
146
+ "box-shadow": string;
147
+ };
148
+ ".secure-payment-form .open-banking-button:focus": {
149
+ outline: string;
150
+ "outline-offset": string;
151
+ };
152
+ ".secure-payment-form .link-button": {
153
+ display: string;
154
+ "flex-direction": string;
155
+ "align-items": string;
156
+ background: string;
157
+ border: string;
158
+ color: string;
159
+ "font-style": string;
160
+ "font-weight": string;
161
+ "line-height": string;
162
+ "font-size": string;
163
+ padding: string;
164
+ cursor: string;
165
+ margin: string;
166
+ };
167
+ ".secure-payment-form .link-button:hover": {
168
+ color: string;
169
+ };
170
+ ".secure-payment-form .link-button:active": {
171
+ color: string;
172
+ };
173
+ ".secure-payment-form .link-button:focus": {
174
+ color: string;
175
+ border: string;
176
+ };
177
+ ".secure-payment-form .apms-redirecting-to-page": {
178
+ "justify-content": string;
179
+ height: string;
180
+ display: string;
181
+ "flex-direction": string;
182
+ "align-items": string;
183
+ };
184
+ ".secure-payment-form .apms-redirecting-to-page-message": {
185
+ color: string;
186
+ "font-family": string;
187
+ "font-size": string;
188
+ "line-height": string;
189
+ };
190
+ };
191
+ export default _default;
package/types/internal/lib/styles/payment-methods/open-banking.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ declare const styles: (assetBaseUrl: string) => {
2
+ ".secure-payment-form .open-banking-button-wrapper": {
3
+ display: string;
4
+ "flex-direction": string;
5
+ "align-items": string;
6
+ };
7
+ ".secure-payment-form .open-banking-button::before": {
8
+ content: string;
9
+ width: string;
10
+ height: string;
11
+ position: string;
12
+ top: string;
13
+ right: string;
14
+ };
15
+ ".secure-payment-form .open-banking-button": {
16
+ position: string;
17
+ background: string;
18
+ color: string;
19
+ height: string;
20
+ width: string;
21
+ "border-radius": string;
22
+ border: string;
23
+ margin: string;
24
+ cursor: string;
25
+ "-webkit-box-shadow": string;
26
+ "-moz-box-shadow": string;
27
+ "box-shadow": string;
28
+ };
29
+ ".secure-payment-form .open-banking-button:hover": {
30
+ "border-color": string;
31
+ "-webkit-box-shadow": string;
32
+ "-moz-box-shadow": string;
33
+ "box-shadow": string;
34
+ };
35
+ ".secure-payment-form .open-banking-button:focus": {
36
+ outline: string;
37
+ "outline-offset": string;
38
+ };
39
+ };
40
+ export default styles;
package/types/internal/lib/styles/payment-methods/qr-code-payments.d.ts ADDED
@@ -0,0 +1,121 @@
1
+ export declare const fieldStyles: (assetBaseUrl: string) => {
2
+ "@font-face": {
3
+ "font-family": string;
4
+ src: string;
5
+ };
6
+ };
7
+ export declare const styles: (assetBaseUrl: string) => {
8
+ ".secure-payment-form .credit-card-qr-code-payments": {
9
+ "font-family": string;
10
+ };
11
+ ".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer": {
12
+ display: string;
13
+ "flex-direction": string;
14
+ "align-items": string;
15
+ };
16
+ ".secure-payment-form .qr-code-payment-methods-wrapper": {
17
+ width: string;
18
+ };
19
+ ".secure-payment-form .qr-code-payment-method-button": {
20
+ color: string;
21
+ height: string;
22
+ width: string;
23
+ "border-radius": string;
24
+ border: string;
25
+ margin: string;
26
+ cursor: string;
27
+ };
28
+ ".secure-payment-form .qr-code-payment-method-button:focus": {
29
+ outline: string;
30
+ "outline-offset": string;
31
+ };
32
+ ".secure-payment-form .qr-code-payment-method-alipayhk": {
33
+ "background-color": string;
34
+ border: string;
35
+ };
36
+ ".secure-payment-form .qr-code-payment-method-alipayhk:hover": {
37
+ "background-color": string;
38
+ border: string;
39
+ };
40
+ ".secure-payment-form .qr-code-payment-method-alipay": {
41
+ "background-color": string;
42
+ border: string;
43
+ };
44
+ ".secure-payment-form .qr-code-payment-method-alipay:hover": {
45
+ "background-color": string;
46
+ border: string;
47
+ };
48
+ ".secure-payment-form .qr-code-payment-method-wechat": {
49
+ "background-color": string;
50
+ border: string;
51
+ };
52
+ ".secure-payment-form .qr-code-payment-method-wechat:hover": {
53
+ "background-color": string;
54
+ border: string;
55
+ };
56
+ ".secure-payment-form .qr-code-payment-iframe-wrapper": {
57
+ display: string;
58
+ "flex-direction": string;
59
+ "align-items": string;
60
+ };
61
+ ".secure-payment-form .qr-code-payment-iframe": {
62
+ border: string;
63
+ width: string;
64
+ height: string;
65
+ };
66
+ ".secure-payment-form .qr-code-payment-content": {
67
+ "font-size": string;
68
+ "line-height": string;
69
+ width: string;
70
+ };
71
+ ".secure-payment-form .qr-code-payment-countdown-timer-message": {
72
+ color: string;
73
+ "font-size": string;
74
+ "line-height": string;
75
+ };
76
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock img": {
77
+ "margin-right": string;
78
+ };
79
+ ".secure-payment-form .qr-code-payment-countdown-timer-clock": {
80
+ display: string;
81
+ "align-items": string;
82
+ color: string;
83
+ "font-size": string;
84
+ "line-height": string;
85
+ "font-weight": string;
86
+ "justify-content": string;
87
+ };
88
+ ".secure-payment-form .payment-amount": {
89
+ color: string;
90
+ "font-style": string;
91
+ "font-weight": string;
92
+ "line-height": string;
93
+ "font-size": string;
94
+ };
95
+ ".secure-payment-form .qr-code-expired-alert": {
96
+ display: string;
97
+ border: string;
98
+ height: string;
99
+ "margin-top": string;
100
+ };
101
+ ".secure-payment-form .qr-code-expired-alert-icon": {
102
+ background: string;
103
+ display: string;
104
+ "align-items": string;
105
+ "justify-content": string;
106
+ width: string;
107
+ };
108
+ ".secure-payment-form .qr-code-expired-alert-message": {
109
+ display: string;
110
+ "flex-direction": string;
111
+ "justify-content": string;
112
+ padding: string;
113
+ "font-size": string;
114
+ "line-height": string;
115
+ };
116
+ ".secure-payment-form .qr-code-expired-alert-message-title": {
117
+ color: string;
118
+ "font-size": string;
119
+ "line-height": string;
120
+ };
121
+ };
package/types/internal/lib/styles/simple.d.ts CHANGED
@@ -168,6 +168,10 @@ export declare const parentStyles: (assetBaseUrl: string) => {
168
168
  margin: string;
169
169
  cursor: string;
170
170
  };
171
+ ".secure-payment-form .qr-code-payment-method-button:focus"?: {
172
+ outline: string;
173
+ "outline-offset": string;
174
+ };
171
175
  ".secure-payment-form .qr-code-payment-method-alipayhk"?: {
172
176
  "background-color": string;
173
177
  border: string;
@@ -184,6 +188,14 @@ export declare const parentStyles: (assetBaseUrl: string) => {
184
188
  "background-color": string;
185
189
  border: string;
186
190
  };
191
+ ".secure-payment-form .qr-code-payment-method-wechat"?: {
192
+ "background-color": string;
193
+ border: string;
194
+ };
195
+ ".secure-payment-form .qr-code-payment-method-wechat:hover"?: {
196
+ "background-color": string;
197
+ border: string;
198
+ };
187
199
  ".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
188
200
  display: string;
189
201
  "flex-direction": string;
@@ -199,28 +211,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
199
211
  "line-height": string;
200
212
  width: string;
201
213
  };
202
- ".secure-payment-form .link-button"?: {
203
- background: string;
204
- border: string;
205
- color: string;
206
- "font-style": string;
207
- "font-weight": string;
208
- "line-height": string;
209
- "font-size": string;
210
- padding: string;
211
- cursor: string;
212
- margin: string;
213
- };
214
- ".secure-payment-form .link-button:hover"?: {
215
- color: string;
216
- };
217
- ".secure-payment-form .link-button:active"?: {
218
- color: string;
219
- };
220
- ".secure-payment-form .link-button:focus"?: {
221
- color: string;
222
- border: string;
223
- };
224
214
  ".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
225
215
  color: string;
226
216
  "font-size": string;
@@ -271,22 +261,14 @@ export declare const parentStyles: (assetBaseUrl: string) => {
271
261
  "font-size": string;
272
262
  "line-height": string;
273
263
  };
274
- ".secure-payment-form .qr-code-redirecting-to-page"?: {
275
- "justify-content": string;
276
- height: string;
277
- display: string;
278
- "flex-direction": string;
279
- "align-items": string;
280
- };
281
- ".secure-payment-form .qr-code-redirecting-to-page-message"?: {
282
- color: string;
283
- "font-size": string;
284
- "line-height": string;
285
- };
286
264
  "#googlePay": {
287
265
  height: string;
288
266
  margin: string;
289
267
  };
268
+ "#googlePay button:focus": {
269
+ outline: string;
270
+ "outline-offset": string;
271
+ };
290
272
  ".secure-payment-form .ctp-panel": {
291
273
  border: string;
292
274
  "box-shadow": string;
package/types/internal/lib/translations/en.d.ts CHANGED
@@ -47,6 +47,26 @@ declare const en: {
47
47
  };
48
48
  "other-cards-label": string;
49
49
  QR: {
50
+ scanRqCode: string;
51
+ payInApp: string;
52
+ amount: {
53
+ "aria-label": string;
54
+ };
55
+ qrImage: {
56
+ alt: string;
57
+ "aria-label": string;
58
+ };
59
+ timer: {
60
+ text: string;
61
+ minutes: string;
62
+ seconds: string;
63
+ "icon-alt": string;
64
+ };
65
+ expiredScreen: {
66
+ title: string;
67
+ alt: string;
68
+ text: string;
69
+ };
50
70
  button: {
51
71
  text: string;
52
72
  "aria-label": string;
@@ -56,5 +76,10 @@ declare const en: {
56
76
  redirectingToPaymentPageMessage: string;
57
77
  };
58
78
  };
79
+ apms: {
80
+ button: {
81
+ "aria-label": string;
82
+ };
83
+ };
59
84
  };
60
85
  export default en;
package/types/internal/lib/translations/fr.d.ts ADDED
@@ -0,0 +1,60 @@
1
+ declare const fr: {
2
+ labels: {
3
+ "card-number": string;
4
+ "card-expiration": string;
5
+ "card-cvv": string;
6
+ "card-holder-name": string;
7
+ submit: string;
8
+ };
9
+ values: {
10
+ "card-track": string;
11
+ submit: string;
12
+ };
13
+ validationMessages: {
14
+ CardNumber: {
15
+ Required: string;
16
+ CharactersLessThan12: string;
17
+ NumberIsNotValid: string;
18
+ NotAllowedCardType: string;
19
+ };
20
+ CardExpiration: {
21
+ NotCompleted: string;
22
+ YearNotValid: string;
23
+ MonthNotValid: string;
24
+ ExpiryDateNotValid: string;
25
+ };
26
+ CardCvv: {
27
+ CodeIsNotValid: string;
28
+ CodeIsLessThan3Digits: string;
29
+ CodeMustBe3Digits: string;
30
+ AmexCodeMustBe4Digits: string;
31
+ };
32
+ CardHolderName: {
33
+ NotValidCardHolderName: string;
34
+ CharactersMoreThan100: string;
35
+ };
36
+ };
37
+ footer: {
38
+ "ssl-msg-alt": string;
39
+ "ssl-msg": string;
40
+ "security-msg-alt": string;
41
+ "security-msg": string;
42
+ };
43
+ tooltip: {
44
+ title: string;
45
+ "aria-label": string;
46
+ text: string;
47
+ };
48
+ "other-cards-label": string;
49
+ QR: {
50
+ button: {
51
+ text: string;
52
+ "aria-label": string;
53
+ };
54
+ loading: string;
55
+ redirectScreen: {
56
+ redirectingToPaymentPageMessage: string;
57
+ };
58
+ };
59
+ };
60
+ export default fr;
package/types/internal/lib/translations/zh.d.ts CHANGED
@@ -54,6 +54,26 @@ declare const zh: {
54
54
  redirectScreen: {
55
55
  redirectingToPaymentPageMessage: string;
56
56
  };
57
+ scanRqCode: string;
58
+ payInApp: string;
59
+ amount: {
60
+ "aria-label": string;
61
+ };
62
+ qrImage: {
63
+ alt: string;
64
+ "aria-label": string;
65
+ };
66
+ timer: {
67
+ text: string;
68
+ minutes: string;
69
+ seconds: string;
70
+ "icon-alt": string;
71
+ };
72
+ expiredScreen: {
73
+ title: string;
74
+ alt: string;
75
+ text: string;
76
+ };
57
77
  };
58
78
  };
59
79
  export default zh;
package/types/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "2.1.2";
1
+ declare const _default: "3.0.3";
2
2
  export default _default;
package/types/tools/configure.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { IQRCodePaymentsConfiguration } from "../apm/qr-code-payments/contracts";
2
2
  import { IDictionary } from "../internal/lib/util";
3
+ import { IApmConfiguration } from "../apm/non-card-payments/contracts";
3
4
  /**
4
5
  * Defines expected configuration properties for using the
5
6
  * library with the supported gateway implementations.
@@ -25,6 +26,8 @@ export interface IConfiguration extends IDictionary {
25
26
  allowedCardTypes?: string[];
26
27
  apms?: {
27
28
  allowedCardNetworks?: string[];
29
+ nonCardPayments?: IApmConfiguration;
30
+ countryCode?: string;
28
31
  currencyCode?: string;
29
32
  applePay?: {
30
33
  allowedAuthMethods?: string[];