@globalpayments/js 1.9.11 → 1.9.13
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 +1 -1
- package/types/internal/lib/styles/apple-pay/default.d.ts +12 -0
- package/types/internal/lib/styles/apple-pay/gp-default.d.ts +12 -0
- package/types/internal/lib/styles/apple-pay/simple.d.ts +12 -0
- package/types/internal/lib/styles/default.d.ts +13 -0
- package/types/internal/lib/styles/google-pay/default.d.ts +7 -0
- package/types/internal/lib/styles/google-pay/gp-default.d.ts +7 -0
- package/types/internal/lib/styles/google-pay/simple.d.ts +7 -0
- package/types/internal/lib/styles/gp-default.d.ts +13 -0
- package/types/internal/lib/styles/simple.d.ts +13 -0
- package/types/lib/version.d.ts +1 -1
- package/types/tools/configure.d.ts +15 -0
- package/types/ui/form/index.d.ts +60 -21
- package/types/ui/iframe-field/action-add-apple-pay.d.ts +2 -0
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const styles: (assetBaseUrl: string) => {
|
|
2
|
+
"apple-pay-button": {
|
|
3
|
+
"--apple-pay-button-width": string;
|
|
4
|
+
"--apple-pay-button-height": string;
|
|
5
|
+
"--apple-pay-button-border-radius": string;
|
|
6
|
+
"--apple-pay-button-padding": string;
|
|
7
|
+
"--apple-pay-button-box-sizing": string;
|
|
8
|
+
display: string;
|
|
9
|
+
margin: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default styles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const styles: (assetBaseUrl: string) => {
|
|
2
|
+
"apple-pay-button": {
|
|
3
|
+
"--apple-pay-button-width": string;
|
|
4
|
+
"--apple-pay-button-height": string;
|
|
5
|
+
"--apple-pay-button-border-radius": string;
|
|
6
|
+
"--apple-pay-button-padding": string;
|
|
7
|
+
"--apple-pay-button-box-sizing": string;
|
|
8
|
+
display: string;
|
|
9
|
+
margin: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default styles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const styles: (assetBaseUrl: string) => {
|
|
2
|
+
"apple-pay-button": {
|
|
3
|
+
"--apple-pay-button-width": string;
|
|
4
|
+
"--apple-pay-button-height": string;
|
|
5
|
+
"--apple-pay-button-border-radius": string;
|
|
6
|
+
"--apple-pay-button-padding": string;
|
|
7
|
+
"--apple-pay-button-box-sizing": string;
|
|
8
|
+
display: string;
|
|
9
|
+
margin: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default styles;
|
|
@@ -129,6 +129,19 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
131
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
132
|
+
"#googlePay": {
|
|
133
|
+
height: string;
|
|
134
|
+
margin: string;
|
|
135
|
+
};
|
|
136
|
+
"apple-pay-button": {
|
|
137
|
+
"--apple-pay-button-width": string;
|
|
138
|
+
"--apple-pay-button-height": string;
|
|
139
|
+
"--apple-pay-button-border-radius": string;
|
|
140
|
+
"--apple-pay-button-padding": string;
|
|
141
|
+
"--apple-pay-button-box-sizing": string;
|
|
142
|
+
display: string;
|
|
143
|
+
margin: string;
|
|
144
|
+
};
|
|
132
145
|
".secure-payment-form": {
|
|
133
146
|
"font-family": string;
|
|
134
147
|
};
|
|
@@ -90,6 +90,19 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
90
90
|
};
|
|
91
91
|
};
|
|
92
92
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
93
|
+
"#googlePay": {
|
|
94
|
+
height: string;
|
|
95
|
+
margin: string;
|
|
96
|
+
};
|
|
97
|
+
"apple-pay-button": {
|
|
98
|
+
"--apple-pay-button-width": string;
|
|
99
|
+
"--apple-pay-button-height": string;
|
|
100
|
+
"--apple-pay-button-border-radius": string;
|
|
101
|
+
"--apple-pay-button-padding": string;
|
|
102
|
+
"--apple-pay-button-box-sizing": string;
|
|
103
|
+
display: string;
|
|
104
|
+
margin: string;
|
|
105
|
+
};
|
|
93
106
|
".secure-payment-form": {
|
|
94
107
|
display: string;
|
|
95
108
|
"-ms-flex-wrap": string;
|
|
@@ -113,6 +113,19 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
113
113
|
};
|
|
114
114
|
};
|
|
115
115
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
116
|
+
"#googlePay": {
|
|
117
|
+
height: string;
|
|
118
|
+
margin: string;
|
|
119
|
+
};
|
|
120
|
+
"apple-pay-button": {
|
|
121
|
+
"--apple-pay-button-width": string;
|
|
122
|
+
"--apple-pay-button-height": string;
|
|
123
|
+
"--apple-pay-button-border-radius": string;
|
|
124
|
+
"--apple-pay-button-padding": string;
|
|
125
|
+
"--apple-pay-button-box-sizing": string;
|
|
126
|
+
display: string;
|
|
127
|
+
margin: string;
|
|
128
|
+
};
|
|
116
129
|
".secure-payment-form": {
|
|
117
130
|
"font-family": string;
|
|
118
131
|
width: string;
|
package/types/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.9.
|
|
1
|
+
declare const _default: "1.9.13";
|
|
2
2
|
export default _default;
|
|
@@ -24,6 +24,21 @@ export interface IConfiguration extends IDictionary {
|
|
|
24
24
|
apms?: {
|
|
25
25
|
allowedCardNetworks?: string[];
|
|
26
26
|
currencyCode?: string;
|
|
27
|
+
applePay?: {
|
|
28
|
+
allowedAuthMethods?: string[];
|
|
29
|
+
allowedCardNetworks?: string[];
|
|
30
|
+
applePayVersionNumber?: number;
|
|
31
|
+
buttonLocale?: string;
|
|
32
|
+
buttonStyle?: string;
|
|
33
|
+
buttonType?: string;
|
|
34
|
+
countryCode?: string;
|
|
35
|
+
currencyCode?: string;
|
|
36
|
+
globalPaymentsClientID?: string;
|
|
37
|
+
merchantCapabilities?: string[];
|
|
38
|
+
merchantIdentifier?: string;
|
|
39
|
+
merchantName?: string;
|
|
40
|
+
merchantSessionUrl?: string;
|
|
41
|
+
};
|
|
27
42
|
clickToPay?: {
|
|
28
43
|
allowedCardNetworks?: string[];
|
|
29
44
|
canadianDebit?: boolean;
|
package/types/ui/form/index.d.ts
CHANGED
|
@@ -70,7 +70,16 @@ export declare const fieldStyles: () => {
|
|
|
70
70
|
".card-cvv": {
|
|
71
71
|
background: string;
|
|
72
72
|
"background-size": string;
|
|
73
|
-
};
|
|
73
|
+
}; /**
|
|
74
|
+
* Sets an event listener for an event type
|
|
75
|
+
*
|
|
76
|
+
* @param fieldTypeOrEventName The field type on which the listener should
|
|
77
|
+
* be applied, or the type of event that should trigger the listener
|
|
78
|
+
* @param eventNameOrListener The type of event that should trigger the
|
|
79
|
+
* listener, or the listener function
|
|
80
|
+
* @param listener The listener function when both field type and event type
|
|
81
|
+
* are provided
|
|
82
|
+
*/
|
|
74
83
|
".card-cvv.card-type-amex": {
|
|
75
84
|
background: string;
|
|
76
85
|
"background-size": string;
|
|
@@ -106,7 +115,11 @@ export declare const fieldStyles: () => {
|
|
|
106
115
|
};
|
|
107
116
|
".card-number.valid.card-type-amex": {
|
|
108
117
|
background: string;
|
|
109
|
-
"background-size": string;
|
|
118
|
+
"background-size": string; /**
|
|
119
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
120
|
+
*
|
|
121
|
+
* @param json New CSS rules
|
|
122
|
+
*/
|
|
110
123
|
};
|
|
111
124
|
".card-number.valid.card-type-discover": {
|
|
112
125
|
background: string;
|
|
@@ -121,12 +134,6 @@ export declare const fieldStyles: () => {
|
|
|
121
134
|
".card-number.valid.card-type-mastercard": {
|
|
122
135
|
background: string;
|
|
123
136
|
"background-position-y": string;
|
|
124
|
-
/**
|
|
125
|
-
* Sets a special-case event listener that fires when all hosted
|
|
126
|
-
* fields in a form have registered / loaded
|
|
127
|
-
*
|
|
128
|
-
* @param fn The listener function
|
|
129
|
-
*/
|
|
130
137
|
"background-size": string;
|
|
131
138
|
};
|
|
132
139
|
".card-number.valid.card-type-visa": {
|
|
@@ -288,12 +295,6 @@ export declare const fieldStyles: () => {
|
|
|
288
295
|
background: string;
|
|
289
296
|
"background-size": string;
|
|
290
297
|
};
|
|
291
|
-
/**
|
|
292
|
-
* Instantiates a new UIForm object for a group of hosted fields
|
|
293
|
-
*
|
|
294
|
-
* @param fields Hosted field configuration
|
|
295
|
-
* @param styles Custom CSS configuration
|
|
296
|
-
*/
|
|
297
298
|
".card-number.invalid.card-type-amex": {
|
|
298
299
|
background: string;
|
|
299
300
|
"background-position-x": string;
|
|
@@ -355,6 +356,19 @@ export declare const fieldStyles: () => {
|
|
|
355
356
|
export declare const parentStyles: () => {
|
|
356
357
|
blank: {};
|
|
357
358
|
default: {
|
|
359
|
+
"#googlePay": {
|
|
360
|
+
height: string;
|
|
361
|
+
margin: string;
|
|
362
|
+
};
|
|
363
|
+
"apple-pay-button": {
|
|
364
|
+
"--apple-pay-button-width": string;
|
|
365
|
+
"--apple-pay-button-height": string;
|
|
366
|
+
"--apple-pay-button-border-radius": string;
|
|
367
|
+
"--apple-pay-button-padding": string;
|
|
368
|
+
"--apple-pay-button-box-sizing": string;
|
|
369
|
+
display: string;
|
|
370
|
+
margin: string;
|
|
371
|
+
};
|
|
358
372
|
".secure-payment-form": {
|
|
359
373
|
"font-family": string;
|
|
360
374
|
};
|
|
@@ -675,6 +689,19 @@ export declare const parentStyles: () => {
|
|
|
675
689
|
};
|
|
676
690
|
};
|
|
677
691
|
"gp-default": {
|
|
692
|
+
"#googlePay": {
|
|
693
|
+
height: string;
|
|
694
|
+
margin: string;
|
|
695
|
+
};
|
|
696
|
+
"apple-pay-button": {
|
|
697
|
+
"--apple-pay-button-width": string;
|
|
698
|
+
"--apple-pay-button-height": string;
|
|
699
|
+
"--apple-pay-button-border-radius": string;
|
|
700
|
+
"--apple-pay-button-padding": string;
|
|
701
|
+
"--apple-pay-button-box-sizing": string;
|
|
702
|
+
display: string;
|
|
703
|
+
margin: string;
|
|
704
|
+
};
|
|
678
705
|
".secure-payment-form": {
|
|
679
706
|
display: string;
|
|
680
707
|
"-ms-flex-wrap": string;
|
|
@@ -710,7 +737,11 @@ export declare const parentStyles: () => {
|
|
|
710
737
|
background: string;
|
|
711
738
|
width: string;
|
|
712
739
|
height: string;
|
|
713
|
-
};
|
|
740
|
+
}; /**
|
|
741
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
742
|
+
*
|
|
743
|
+
* @param json New CSS rules
|
|
744
|
+
*/
|
|
714
745
|
".secure-payment-form .credit-card-submit": {
|
|
715
746
|
margin: string;
|
|
716
747
|
};
|
|
@@ -1065,15 +1096,23 @@ export declare const parentStyles: () => {
|
|
|
1065
1096
|
};
|
|
1066
1097
|
};
|
|
1067
1098
|
simple: {
|
|
1099
|
+
"#googlePay": {
|
|
1100
|
+
height: string;
|
|
1101
|
+
margin: string;
|
|
1102
|
+
};
|
|
1103
|
+
"apple-pay-button": {
|
|
1104
|
+
"--apple-pay-button-width": string;
|
|
1105
|
+
"--apple-pay-button-height": string;
|
|
1106
|
+
"--apple-pay-button-border-radius": string;
|
|
1107
|
+
"--apple-pay-button-padding": string;
|
|
1108
|
+
"--apple-pay-button-box-sizing": string;
|
|
1109
|
+
display: string;
|
|
1110
|
+
margin: string;
|
|
1111
|
+
};
|
|
1068
1112
|
".secure-payment-form": {
|
|
1069
1113
|
"font-family": string;
|
|
1070
1114
|
width: string;
|
|
1071
|
-
};
|
|
1072
|
-
* Sets a special-case event listener that fires when all hosted
|
|
1073
|
-
* fields in a form have registered / loaded
|
|
1074
|
-
*
|
|
1075
|
-
* @param fn The listener function
|
|
1076
|
-
*/
|
|
1115
|
+
};
|
|
1077
1116
|
".secure-payment-form label": {
|
|
1078
1117
|
color: string;
|
|
1079
1118
|
"font-size": string;
|