@globalpayments/js 4.1.7 → 4.1.9
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/README.md +1 -1
- package/package.json +1 -1
- package/types/internal/lib/enums.d.ts +2 -1
- package/types/internal/lib/styles/bank-selection/common.d.ts +5 -7
- package/types/internal/lib/styles/default.d.ts +8 -7
- package/types/internal/lib/styles/gp-default.d.ts +8 -7
- package/types/internal/lib/styles/simple.d.ts +8 -7
- package/types/internal/lib/styles/themes/brand-themes/base/base-theme.d.ts +8 -7
- package/types/lib/version.d.ts +1 -1
- package/types/ui/form/index.d.ts +33 -29
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ This plugin allows you to use online payments (eCommerce) features of a variety
|
|
|
24
24
|
## Usage
|
|
25
25
|
|
|
26
26
|
```html
|
|
27
|
-
<script src="https://js.globalpay.com/4.1.
|
|
27
|
+
<script src="https://js.globalpay.com/4.1.9/globalpayments.js"></script>
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
> Note: Installing via NPM will only provide TypeScript types for type-checking.
|
package/package.json
CHANGED
|
@@ -24,13 +24,6 @@ declare const styles: (_assetBaseUrl: string) => {
|
|
|
24
24
|
"border-radius": string;
|
|
25
25
|
"flex-direction": string;
|
|
26
26
|
};
|
|
27
|
-
".bank-selecction-option::before": {
|
|
28
|
-
content: string;
|
|
29
|
-
width: string;
|
|
30
|
-
height: string;
|
|
31
|
-
position: string;
|
|
32
|
-
"margin-left": string;
|
|
33
|
-
};
|
|
34
27
|
".bank-selecction-option:hover": {
|
|
35
28
|
border: string;
|
|
36
29
|
};
|
|
@@ -38,6 +31,11 @@ declare const styles: (_assetBaseUrl: string) => {
|
|
|
38
31
|
background: string;
|
|
39
32
|
border: string;
|
|
40
33
|
};
|
|
34
|
+
".external-link-div": {
|
|
35
|
+
"margin-left": string;
|
|
36
|
+
"margin-right": string;
|
|
37
|
+
"margin-top": string;
|
|
38
|
+
};
|
|
41
39
|
".qr-code-button": {
|
|
42
40
|
background: string;
|
|
43
41
|
};
|
|
@@ -158,6 +158,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
158
158
|
"background-size": string;
|
|
159
159
|
"background-position-y": string;
|
|
160
160
|
};
|
|
161
|
+
"img.card-number-icon.card-type-carnet": {
|
|
162
|
+
"background-image": string;
|
|
163
|
+
};
|
|
161
164
|
".card-number::-ms-clear": {
|
|
162
165
|
display: string;
|
|
163
166
|
};
|
|
@@ -191,13 +194,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
191
194
|
"border-radius": string;
|
|
192
195
|
"flex-direction": string;
|
|
193
196
|
};
|
|
194
|
-
".bank-selecction-option::before": {
|
|
195
|
-
content: string;
|
|
196
|
-
width: string;
|
|
197
|
-
height: string;
|
|
198
|
-
position: string;
|
|
199
|
-
"margin-left": string;
|
|
200
|
-
};
|
|
201
197
|
".bank-selecction-option:hover": {
|
|
202
198
|
border: string;
|
|
203
199
|
};
|
|
@@ -205,6 +201,11 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
205
201
|
background: string;
|
|
206
202
|
border: string;
|
|
207
203
|
};
|
|
204
|
+
".external-link-div": {
|
|
205
|
+
"margin-left": string;
|
|
206
|
+
"margin-right": string;
|
|
207
|
+
"margin-top": string;
|
|
208
|
+
};
|
|
208
209
|
".qr-code-button": {
|
|
209
210
|
background: string;
|
|
210
211
|
};
|
|
@@ -127,6 +127,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
127
127
|
"img.card-number-icon.card-type-diners": {
|
|
128
128
|
"background-image": string;
|
|
129
129
|
};
|
|
130
|
+
"img.card-number-icon.card-type-carnet": {
|
|
131
|
+
"background-image": string;
|
|
132
|
+
};
|
|
130
133
|
".card-number::-ms-clear": {
|
|
131
134
|
display: string;
|
|
132
135
|
};
|
|
@@ -157,13 +160,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
157
160
|
"border-radius": string;
|
|
158
161
|
"flex-direction": string;
|
|
159
162
|
};
|
|
160
|
-
".bank-selecction-option::before": {
|
|
161
|
-
content: string;
|
|
162
|
-
width: string;
|
|
163
|
-
height: string;
|
|
164
|
-
position: string;
|
|
165
|
-
"margin-left": string;
|
|
166
|
-
};
|
|
167
163
|
".bank-selecction-option:hover": {
|
|
168
164
|
border: string;
|
|
169
165
|
};
|
|
@@ -171,6 +167,11 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
171
167
|
background: string;
|
|
172
168
|
border: string;
|
|
173
169
|
};
|
|
170
|
+
".external-link-div": {
|
|
171
|
+
"margin-left": string;
|
|
172
|
+
"margin-right": string;
|
|
173
|
+
"margin-top": string;
|
|
174
|
+
};
|
|
174
175
|
".qr-code-button": {
|
|
175
176
|
background: string;
|
|
176
177
|
};
|
|
@@ -144,6 +144,9 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
144
144
|
"background-size": string;
|
|
145
145
|
"background-position": string;
|
|
146
146
|
};
|
|
147
|
+
"img.card-number-icon.card-type-carnet": {
|
|
148
|
+
"background-image": string;
|
|
149
|
+
};
|
|
147
150
|
".card-number::-ms-clear": {
|
|
148
151
|
display: string;
|
|
149
152
|
};
|
|
@@ -177,13 +180,6 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
177
180
|
"border-radius": string;
|
|
178
181
|
"flex-direction": string;
|
|
179
182
|
};
|
|
180
|
-
".bank-selecction-option::before": {
|
|
181
|
-
content: string;
|
|
182
|
-
width: string;
|
|
183
|
-
height: string;
|
|
184
|
-
position: string;
|
|
185
|
-
"margin-left": string;
|
|
186
|
-
};
|
|
187
183
|
".bank-selecction-option:hover": {
|
|
188
184
|
border: string;
|
|
189
185
|
};
|
|
@@ -191,6 +187,11 @@ export declare const parentStyles: (assetBaseUrl: string) => {
|
|
|
191
187
|
background: string;
|
|
192
188
|
border: string;
|
|
193
189
|
};
|
|
190
|
+
".external-link-div": {
|
|
191
|
+
"margin-left": string;
|
|
192
|
+
"margin-right": string;
|
|
193
|
+
"margin-top": string;
|
|
194
|
+
};
|
|
194
195
|
".qr-code-button": {
|
|
195
196
|
background: string;
|
|
196
197
|
};
|
|
@@ -156,6 +156,9 @@ declare const fieldStyles: (assetBaseUrl: string, themePreset?: IThemePreset | u
|
|
|
156
156
|
"img.card-number-icon.card-type-diners": {
|
|
157
157
|
"background-image": string;
|
|
158
158
|
};
|
|
159
|
+
"img.card-number-icon.card-type-carnet": {
|
|
160
|
+
"background-image": string;
|
|
161
|
+
};
|
|
159
162
|
".card-number::-ms-clear": {
|
|
160
163
|
display: string;
|
|
161
164
|
};
|
|
@@ -305,13 +308,6 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
|
|
|
305
308
|
"border-radius": string;
|
|
306
309
|
"flex-direction": string;
|
|
307
310
|
};
|
|
308
|
-
".bank-selecction-option::before": {
|
|
309
|
-
content: string;
|
|
310
|
-
width: string;
|
|
311
|
-
height: string;
|
|
312
|
-
position: string;
|
|
313
|
-
"margin-left": string;
|
|
314
|
-
};
|
|
315
311
|
".bank-selecction-option:hover": {
|
|
316
312
|
border: string;
|
|
317
313
|
};
|
|
@@ -319,6 +315,11 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
|
|
|
319
315
|
background: string;
|
|
320
316
|
border: string;
|
|
321
317
|
};
|
|
318
|
+
".external-link-div": {
|
|
319
|
+
"margin-left": string;
|
|
320
|
+
"margin-right": string;
|
|
321
|
+
"margin-top": string;
|
|
322
|
+
};
|
|
322
323
|
".qr-code-button": {
|
|
323
324
|
background: string;
|
|
324
325
|
};
|
package/types/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "4.1.
|
|
1
|
+
declare const _default: "4.1.9";
|
|
2
2
|
export default _default;
|
package/types/ui/form/index.d.ts
CHANGED
|
@@ -164,6 +164,9 @@ export declare const fieldStyles: () => {
|
|
|
164
164
|
"background-size": string;
|
|
165
165
|
"background-position-y": string;
|
|
166
166
|
};
|
|
167
|
+
"img.card-number-icon.card-type-carnet": {
|
|
168
|
+
"background-image": string;
|
|
169
|
+
};
|
|
167
170
|
".card-number::-ms-clear": {
|
|
168
171
|
display: string;
|
|
169
172
|
};
|
|
@@ -300,6 +303,9 @@ export declare const fieldStyles: () => {
|
|
|
300
303
|
"img.card-number-icon.card-type-diners": {
|
|
301
304
|
"background-image": string;
|
|
302
305
|
};
|
|
306
|
+
"img.card-number-icon.card-type-carnet": {
|
|
307
|
+
"background-image": string;
|
|
308
|
+
};
|
|
303
309
|
".card-number::-ms-clear": {
|
|
304
310
|
display: string;
|
|
305
311
|
};
|
|
@@ -460,6 +466,9 @@ export declare const fieldStyles: () => {
|
|
|
460
466
|
"background-size": string;
|
|
461
467
|
"background-position": string;
|
|
462
468
|
};
|
|
469
|
+
"img.card-number-icon.card-type-carnet": {
|
|
470
|
+
"background-image": string;
|
|
471
|
+
};
|
|
463
472
|
".card-number::-ms-clear": {
|
|
464
473
|
display: string;
|
|
465
474
|
};
|
|
@@ -496,13 +505,6 @@ export declare const parentStyles: () => {
|
|
|
496
505
|
"border-radius": string;
|
|
497
506
|
"flex-direction": string;
|
|
498
507
|
};
|
|
499
|
-
".bank-selecction-option::before": {
|
|
500
|
-
content: string;
|
|
501
|
-
width: string;
|
|
502
|
-
height: string;
|
|
503
|
-
position: string;
|
|
504
|
-
"margin-left": string;
|
|
505
|
-
};
|
|
506
508
|
".bank-selecction-option:hover": {
|
|
507
509
|
border: string;
|
|
508
510
|
};
|
|
@@ -510,6 +512,11 @@ export declare const parentStyles: () => {
|
|
|
510
512
|
background: string;
|
|
511
513
|
border: string;
|
|
512
514
|
};
|
|
515
|
+
".external-link-div": {
|
|
516
|
+
"margin-left": string;
|
|
517
|
+
"margin-right": string;
|
|
518
|
+
"margin-top": string;
|
|
519
|
+
};
|
|
513
520
|
".qr-code-button": {
|
|
514
521
|
background: string;
|
|
515
522
|
};
|
|
@@ -1384,12 +1391,6 @@ export declare const parentStyles: () => {
|
|
|
1384
1391
|
"margin-right": string;
|
|
1385
1392
|
float: string;
|
|
1386
1393
|
};
|
|
1387
|
-
/**
|
|
1388
|
-
* Sets a special-case event listener that fires when all hosted
|
|
1389
|
-
* fields in a form have registered / loaded
|
|
1390
|
-
*
|
|
1391
|
-
* @param fn The listener function
|
|
1392
|
-
*/
|
|
1393
1394
|
".secure-payment-form div[class$='-shield'] .ssl-text-logo": {
|
|
1394
1395
|
border: string;
|
|
1395
1396
|
"border-radius": string;
|
|
@@ -1411,7 +1412,9 @@ export declare const parentStyles: () => {
|
|
|
1411
1412
|
"font-size": string;
|
|
1412
1413
|
"font-weight": string;
|
|
1413
1414
|
"font-family": string;
|
|
1414
|
-
color: string;
|
|
1415
|
+
color: string; /**
|
|
1416
|
+
* Deletes all hosted fields within the form
|
|
1417
|
+
*/
|
|
1415
1418
|
"line-height": string;
|
|
1416
1419
|
display: string;
|
|
1417
1420
|
"vertical-align": string;
|
|
@@ -1517,13 +1520,6 @@ export declare const parentStyles: () => {
|
|
|
1517
1520
|
"border-radius": string;
|
|
1518
1521
|
"flex-direction": string;
|
|
1519
1522
|
};
|
|
1520
|
-
".bank-selecction-option::before": {
|
|
1521
|
-
content: string;
|
|
1522
|
-
width: string;
|
|
1523
|
-
height: string;
|
|
1524
|
-
position: string;
|
|
1525
|
-
"margin-left": string;
|
|
1526
|
-
};
|
|
1527
1523
|
".bank-selecction-option:hover": {
|
|
1528
1524
|
border: string;
|
|
1529
1525
|
};
|
|
@@ -1531,6 +1527,11 @@ export declare const parentStyles: () => {
|
|
|
1531
1527
|
background: string;
|
|
1532
1528
|
border: string;
|
|
1533
1529
|
};
|
|
1530
|
+
".external-link-div": {
|
|
1531
|
+
"margin-left": string;
|
|
1532
|
+
"margin-right": string;
|
|
1533
|
+
"margin-top": string;
|
|
1534
|
+
};
|
|
1534
1535
|
".qr-code-button": {
|
|
1535
1536
|
background: string;
|
|
1536
1537
|
};
|
|
@@ -2811,7 +2812,12 @@ export declare const parentStyles: () => {
|
|
|
2811
2812
|
};
|
|
2812
2813
|
".secure-payment-form div[class$='-logo'] .security-msg strong": {
|
|
2813
2814
|
"white-space": string;
|
|
2814
|
-
"font-weight": string;
|
|
2815
|
+
"font-weight": string; /**
|
|
2816
|
+
* Sets a special-case event listener that fires when all hosted
|
|
2817
|
+
* fields in a form have registered / loaded
|
|
2818
|
+
*
|
|
2819
|
+
* @param fn The listener function
|
|
2820
|
+
*/
|
|
2815
2821
|
display: string;
|
|
2816
2822
|
};
|
|
2817
2823
|
".secure-payment-form div[class$='-logo'] img": {
|
|
@@ -2888,13 +2894,6 @@ export declare const parentStyles: () => {
|
|
|
2888
2894
|
"border-radius": string;
|
|
2889
2895
|
"flex-direction": string;
|
|
2890
2896
|
};
|
|
2891
|
-
".bank-selecction-option::before": {
|
|
2892
|
-
content: string;
|
|
2893
|
-
width: string;
|
|
2894
|
-
height: string;
|
|
2895
|
-
position: string;
|
|
2896
|
-
"margin-left": string;
|
|
2897
|
-
};
|
|
2898
2897
|
".bank-selecction-option:hover": {
|
|
2899
2898
|
border: string;
|
|
2900
2899
|
};
|
|
@@ -2902,6 +2901,11 @@ export declare const parentStyles: () => {
|
|
|
2902
2901
|
background: string;
|
|
2903
2902
|
border: string;
|
|
2904
2903
|
};
|
|
2904
|
+
".external-link-div": {
|
|
2905
|
+
"margin-left": string;
|
|
2906
|
+
"margin-right": string;
|
|
2907
|
+
"margin-top": string;
|
|
2908
|
+
};
|
|
2905
2909
|
".qr-code-button": {
|
|
2906
2910
|
background: string;
|
|
2907
2911
|
};
|