@globalpayments/js 2.0.1 → 2.1.2
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 +2 -2
- package/types/apm/qr-code-payments/components/common.d.ts +1 -0
- package/types/apm/qr-code-payments/components/redirect-action-handler.d.ts +1 -0
- package/types/apm/qr-code-payments/components/redirect-in-frame-action-handler.d.ts +1 -0
- package/types/apm/qr-code-payments/constants.d.ts +1 -0
- package/types/apm/qr-code-payments/contracts.d.ts +17 -0
- package/types/apm/qr-code-payments/enums.d.ts +9 -0
- package/types/apm/qr-code-payments/helpers.d.ts +2 -0
- package/types/apm/qr-code-payments/requests/get-qr-code-payment-methods.d.ts +3 -0
- package/types/common/currency.d.ts +7 -0
- package/types/common/html-element.d.ts +8 -0
- package/types/internal/gateways/gp-api/get-qr-code-payment-methods.d.ts +3 -0
- package/types/internal/gateways/gp-api/index.d.ts +1 -0
- package/types/internal/gateways/index.d.ts +2 -0
- package/types/internal/lib/enums.d.ts +11 -1
- package/types/internal/lib/eums.d.ts +11 -0
- package/types/internal/lib/styles/default.d.ts +135 -0
- package/types/internal/lib/styles/gp-default.d.ts +135 -0
- package/types/internal/lib/styles/qr-code-payments/common.d.ts +143 -0
- package/types/internal/lib/styles/simple.d.ts +135 -0
- package/types/internal/lib/translations/en.d.ts +10 -0
- package/types/internal/lib/translations/zh.d.ts +10 -0
- package/types/lib/version.d.ts +1 -1
- package/types/tools/configure.d.ts +2 -0
- package/types/ui/form/index.d.ts +439 -19
- package/types/ui/iframe-field/action-add-qr-code-payment-methods.d.ts +3 -0
- package/types/ui/iframe-field/action-qr-code-payment-methods-request-start.d.ts +6 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@globalpayments/js",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"author": "Heartland Developer Portal <developers@heartland.us>",
|
|
5
5
|
"license": "GPL-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"cypress:open": "cypress open",
|
|
19
19
|
"format": "prettier --write config/**/* src/**/* !src/assets/**/* !test/run.sh !test/run.ps1 test/fixtures/**/*.html",
|
|
20
20
|
|
|
21
|
-
"postbuild": "
|
|
21
|
+
"postbuild": "cross-os postbuild-cross",
|
|
22
22
|
|
|
23
23
|
"prebuild": "yarn test:lint && node bin/update-version.js",
|
|
24
24
|
"prepublish": "yarn build",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getSelectAnotherPaymentMethodButton: (id: string, onClickCallback: any) => HTMLDivElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function handleRedirectAction(content: HTMLDivElement, props: any): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function handleRedirectInFrameAction(content: HTMLDivElement, props: any): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const REDIRECT_ACTION_DELAY_IN_SECONDS = 2000;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface IQRCodePaymentsConfiguration {
|
|
2
|
+
enabled?: boolean;
|
|
3
|
+
allowedPaymentMethods?: IQRCodePaymentsAllowedPaymentMethod[];
|
|
4
|
+
}
|
|
5
|
+
export interface IQRCodePaymentsAllowedPaymentMethod {
|
|
6
|
+
provider: string;
|
|
7
|
+
image: string;
|
|
8
|
+
}
|
|
9
|
+
export interface IPaymentMethodConfiguration {
|
|
10
|
+
provider: {
|
|
11
|
+
brand: string;
|
|
12
|
+
};
|
|
13
|
+
image: string;
|
|
14
|
+
}
|
|
15
|
+
export interface IPaymentMethodConfigurationNormalized extends Omit<IPaymentMethodConfiguration, 'provider'> {
|
|
16
|
+
provider: string;
|
|
17
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const enum QRCodePaymentsInternalEvents {
|
|
2
|
+
PaymentMethodsRequestStart = "qr-code-payment-methods-request-start",
|
|
3
|
+
PaymentMethodsRequestCompleted = "qr-code-payment-methods-request-completed",
|
|
4
|
+
NavigatesBackBySelectAnotherPaymentMethod = "qr-code-payment-navigates-back-select-another-payment-method"
|
|
5
|
+
}
|
|
6
|
+
export declare const enum QRCodePaymentsActions {
|
|
7
|
+
RedirectAction = "REDIRECT",
|
|
8
|
+
RedirectInFrameAction = "REDIRECT_IN_FRAME"
|
|
9
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const getCurrencySymbol: (currencyCode: string) => string;
|
|
2
|
+
export declare const addCurrencyToAmount: (currency: string, amount: string | number | undefined) => string;
|
|
3
|
+
export declare const availableCurrencies: {
|
|
4
|
+
description: string;
|
|
5
|
+
code: string;
|
|
6
|
+
symbol: string;
|
|
7
|
+
}[];
|
|
@@ -86,3 +86,11 @@ export declare const createHtmlLabelElement: (props?: {
|
|
|
86
86
|
htmlFor: string;
|
|
87
87
|
textContent?: string | undefined;
|
|
88
88
|
} | undefined) => HTMLLabelElement;
|
|
89
|
+
export declare const createHtmlIFrameElement: (props?: {
|
|
90
|
+
id?: string | undefined;
|
|
91
|
+
src: string;
|
|
92
|
+
className?: string | undefined;
|
|
93
|
+
attributes?: {
|
|
94
|
+
[key: string]: string;
|
|
95
|
+
}[] | undefined;
|
|
96
|
+
} | undefined) => HTMLIFrameElement;
|
|
@@ -22,6 +22,7 @@ export declare const urls: {
|
|
|
22
22
|
assetBaseUrl: (result: string) => string;
|
|
23
23
|
tokenization: (prod: boolean) => string;
|
|
24
24
|
queryInstallmentPlans: (prod: boolean) => string;
|
|
25
|
+
getQRCodePaymentMethodsUrl: (prod: boolean) => string;
|
|
25
26
|
};
|
|
26
27
|
export declare const actions: IActions;
|
|
27
28
|
export declare const requiredSettings: string[];
|
|
@@ -70,11 +70,13 @@ export interface IActions {
|
|
|
70
70
|
tokenize: (url: string, env: string, data: IDictionary) => Promise<any>;
|
|
71
71
|
validateData: (data: IDictionary) => IErrorReason[];
|
|
72
72
|
queryInstallmentPlans?: (url: string, env: string, data: IDictionary) => Promise<any>;
|
|
73
|
+
getQRCodePaymentMethods?: (url: string, env: string, data: IDictionary) => Promise<any>;
|
|
73
74
|
}
|
|
74
75
|
export interface IUrlGenerators {
|
|
75
76
|
assetBaseUrl?: (result: string) => string;
|
|
76
77
|
tokenization: (prod: boolean) => string;
|
|
77
78
|
queryInstallmentPlans?: (prod: boolean) => string;
|
|
79
|
+
getQRCodePaymentMethodsUrl?: (prod: boolean) => string;
|
|
78
80
|
}
|
|
79
81
|
export interface IGatewayModule {
|
|
80
82
|
[key: string]: any;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export declare enum Apm {
|
|
2
2
|
ClickToPay = "click-to-pay",
|
|
3
3
|
GooglePay = "google-pay",
|
|
4
|
-
ApplePay = "apple-pay"
|
|
4
|
+
ApplePay = "apple-pay",
|
|
5
|
+
QRCodePayments = "qr-code-payments"
|
|
5
6
|
}
|
|
6
7
|
export declare enum CardNetwork {
|
|
7
8
|
Visa = "VISA",
|
|
@@ -17,3 +18,12 @@ export declare enum Language {
|
|
|
17
18
|
en = "en",
|
|
18
19
|
zh = "zh"
|
|
19
20
|
}
|
|
21
|
+
export declare enum QRCodePaymentsMerchantInteractionEvents {
|
|
22
|
+
PaymentMethodSelection = "apm-payment-method",
|
|
23
|
+
ProvideQRCodeDetailsMerchantEvent = "apm-action-details",
|
|
24
|
+
TransactionCompletedMerchantEvent = "apm-success-message"
|
|
25
|
+
}
|
|
26
|
+
export declare enum QRCodePaymentsProviderBrands {
|
|
27
|
+
AlipayHK = "AlipayHK",
|
|
28
|
+
Alipay = "Alipay"
|
|
29
|
+
}
|
|
@@ -165,6 +165,141 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
165
165
|
};
|
|
166
166
|
};
|
|
167
167
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
168
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
169
|
+
"font-family": string;
|
|
170
|
+
};
|
|
171
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
172
|
+
display: string;
|
|
173
|
+
"flex-direction": string;
|
|
174
|
+
"align-items": string;
|
|
175
|
+
};
|
|
176
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
177
|
+
width: string;
|
|
178
|
+
};
|
|
179
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
180
|
+
color: string;
|
|
181
|
+
height: string;
|
|
182
|
+
width: string;
|
|
183
|
+
"border-radius": string;
|
|
184
|
+
border: string;
|
|
185
|
+
margin: string;
|
|
186
|
+
cursor: string;
|
|
187
|
+
};
|
|
188
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
189
|
+
"background-color": string;
|
|
190
|
+
border: string;
|
|
191
|
+
};
|
|
192
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
193
|
+
"background-color": string;
|
|
194
|
+
border: string;
|
|
195
|
+
};
|
|
196
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
197
|
+
"background-color": string;
|
|
198
|
+
border: string;
|
|
199
|
+
};
|
|
200
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
201
|
+
"background-color": string;
|
|
202
|
+
border: string;
|
|
203
|
+
};
|
|
204
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
205
|
+
display: string;
|
|
206
|
+
"flex-direction": string;
|
|
207
|
+
"align-items": string;
|
|
208
|
+
};
|
|
209
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
210
|
+
border: string;
|
|
211
|
+
width: string;
|
|
212
|
+
height: string;
|
|
213
|
+
};
|
|
214
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
215
|
+
"font-size": string;
|
|
216
|
+
"line-height": string;
|
|
217
|
+
width: string;
|
|
218
|
+
};
|
|
219
|
+
".secure-payment-form .link-button"?: {
|
|
220
|
+
background: string;
|
|
221
|
+
border: string;
|
|
222
|
+
color: string;
|
|
223
|
+
"font-style": string;
|
|
224
|
+
"font-weight": string;
|
|
225
|
+
"line-height": string;
|
|
226
|
+
"font-size": string;
|
|
227
|
+
padding: string;
|
|
228
|
+
cursor: string;
|
|
229
|
+
margin: string;
|
|
230
|
+
};
|
|
231
|
+
".secure-payment-form .link-button:hover"?: {
|
|
232
|
+
color: string;
|
|
233
|
+
};
|
|
234
|
+
".secure-payment-form .link-button:active"?: {
|
|
235
|
+
color: string;
|
|
236
|
+
};
|
|
237
|
+
".secure-payment-form .link-button:focus"?: {
|
|
238
|
+
color: string;
|
|
239
|
+
border: string;
|
|
240
|
+
};
|
|
241
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
242
|
+
color: string;
|
|
243
|
+
"font-size": string;
|
|
244
|
+
"line-height": string;
|
|
245
|
+
};
|
|
246
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
247
|
+
"margin-right": string;
|
|
248
|
+
};
|
|
249
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
250
|
+
display: string;
|
|
251
|
+
"align-items": string;
|
|
252
|
+
color: string;
|
|
253
|
+
"font-size": string;
|
|
254
|
+
"line-height": string;
|
|
255
|
+
"font-weight": string;
|
|
256
|
+
"justify-content": string;
|
|
257
|
+
};
|
|
258
|
+
".secure-payment-form .payment-amount"?: {
|
|
259
|
+
color: string;
|
|
260
|
+
"font-style": string;
|
|
261
|
+
"font-weight": string;
|
|
262
|
+
"line-height": string;
|
|
263
|
+
"font-size": string;
|
|
264
|
+
};
|
|
265
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
266
|
+
display: string;
|
|
267
|
+
border: string;
|
|
268
|
+
height: string;
|
|
269
|
+
"margin-top": string;
|
|
270
|
+
};
|
|
271
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
272
|
+
background: string;
|
|
273
|
+
display: string;
|
|
274
|
+
"align-items": string;
|
|
275
|
+
"justify-content": string;
|
|
276
|
+
width: string;
|
|
277
|
+
};
|
|
278
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
279
|
+
display: string;
|
|
280
|
+
"flex-direction": string;
|
|
281
|
+
"justify-content": string;
|
|
282
|
+
padding: string;
|
|
283
|
+
"font-size": string;
|
|
284
|
+
"line-height": string;
|
|
285
|
+
};
|
|
286
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
287
|
+
color: string;
|
|
288
|
+
"font-size": string;
|
|
289
|
+
"line-height": string;
|
|
290
|
+
};
|
|
291
|
+
".secure-payment-form .qr-code-redirecting-to-page"?: {
|
|
292
|
+
"justify-content": string;
|
|
293
|
+
height: string;
|
|
294
|
+
display: string;
|
|
295
|
+
"flex-direction": string;
|
|
296
|
+
"align-items": string;
|
|
297
|
+
};
|
|
298
|
+
".secure-payment-form .qr-code-redirecting-to-page-message"?: {
|
|
299
|
+
color: string;
|
|
300
|
+
"font-size": string;
|
|
301
|
+
"line-height": string;
|
|
302
|
+
};
|
|
168
303
|
"#googlePay": {
|
|
169
304
|
height: string;
|
|
170
305
|
margin: string;
|
|
@@ -127,6 +127,141 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
127
127
|
};
|
|
128
128
|
};
|
|
129
129
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
130
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
131
|
+
"font-family": string;
|
|
132
|
+
};
|
|
133
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
134
|
+
display: string;
|
|
135
|
+
"flex-direction": string;
|
|
136
|
+
"align-items": string;
|
|
137
|
+
};
|
|
138
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
139
|
+
width: string;
|
|
140
|
+
};
|
|
141
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
142
|
+
color: string;
|
|
143
|
+
height: string;
|
|
144
|
+
width: string;
|
|
145
|
+
"border-radius": string;
|
|
146
|
+
border: string;
|
|
147
|
+
margin: string;
|
|
148
|
+
cursor: string;
|
|
149
|
+
};
|
|
150
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
151
|
+
"background-color": string;
|
|
152
|
+
border: string;
|
|
153
|
+
};
|
|
154
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
155
|
+
"background-color": string;
|
|
156
|
+
border: string;
|
|
157
|
+
};
|
|
158
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
159
|
+
"background-color": string;
|
|
160
|
+
border: string;
|
|
161
|
+
};
|
|
162
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
163
|
+
"background-color": string;
|
|
164
|
+
border: string;
|
|
165
|
+
};
|
|
166
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
167
|
+
display: string;
|
|
168
|
+
"flex-direction": string;
|
|
169
|
+
"align-items": string;
|
|
170
|
+
};
|
|
171
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
172
|
+
border: string;
|
|
173
|
+
width: string;
|
|
174
|
+
height: string;
|
|
175
|
+
};
|
|
176
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
177
|
+
"font-size": string;
|
|
178
|
+
"line-height": string;
|
|
179
|
+
width: string;
|
|
180
|
+
};
|
|
181
|
+
".secure-payment-form .link-button"?: {
|
|
182
|
+
background: string;
|
|
183
|
+
border: string;
|
|
184
|
+
color: string;
|
|
185
|
+
"font-style": string;
|
|
186
|
+
"font-weight": string;
|
|
187
|
+
"line-height": string;
|
|
188
|
+
"font-size": string;
|
|
189
|
+
padding: string;
|
|
190
|
+
cursor: string;
|
|
191
|
+
margin: string;
|
|
192
|
+
};
|
|
193
|
+
".secure-payment-form .link-button:hover"?: {
|
|
194
|
+
color: string;
|
|
195
|
+
};
|
|
196
|
+
".secure-payment-form .link-button:active"?: {
|
|
197
|
+
color: string;
|
|
198
|
+
};
|
|
199
|
+
".secure-payment-form .link-button:focus"?: {
|
|
200
|
+
color: string;
|
|
201
|
+
border: string;
|
|
202
|
+
};
|
|
203
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
204
|
+
color: string;
|
|
205
|
+
"font-size": string;
|
|
206
|
+
"line-height": string;
|
|
207
|
+
};
|
|
208
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
209
|
+
"margin-right": string;
|
|
210
|
+
};
|
|
211
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
212
|
+
display: string;
|
|
213
|
+
"align-items": string;
|
|
214
|
+
color: string;
|
|
215
|
+
"font-size": string;
|
|
216
|
+
"line-height": string;
|
|
217
|
+
"font-weight": string;
|
|
218
|
+
"justify-content": string;
|
|
219
|
+
};
|
|
220
|
+
".secure-payment-form .payment-amount"?: {
|
|
221
|
+
color: string;
|
|
222
|
+
"font-style": string;
|
|
223
|
+
"font-weight": string;
|
|
224
|
+
"line-height": string;
|
|
225
|
+
"font-size": string;
|
|
226
|
+
};
|
|
227
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
228
|
+
display: string;
|
|
229
|
+
border: string;
|
|
230
|
+
height: string;
|
|
231
|
+
"margin-top": string;
|
|
232
|
+
};
|
|
233
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
234
|
+
background: string;
|
|
235
|
+
display: string;
|
|
236
|
+
"align-items": string;
|
|
237
|
+
"justify-content": string;
|
|
238
|
+
width: string;
|
|
239
|
+
};
|
|
240
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
241
|
+
display: string;
|
|
242
|
+
"flex-direction": string;
|
|
243
|
+
"justify-content": string;
|
|
244
|
+
padding: string;
|
|
245
|
+
"font-size": string;
|
|
246
|
+
"line-height": string;
|
|
247
|
+
};
|
|
248
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
249
|
+
color: string;
|
|
250
|
+
"font-size": string;
|
|
251
|
+
"line-height": string;
|
|
252
|
+
};
|
|
253
|
+
".secure-payment-form .qr-code-redirecting-to-page"?: {
|
|
254
|
+
"justify-content": string;
|
|
255
|
+
height: string;
|
|
256
|
+
display: string;
|
|
257
|
+
"flex-direction": string;
|
|
258
|
+
"align-items": string;
|
|
259
|
+
};
|
|
260
|
+
".secure-payment-form .qr-code-redirecting-to-page-message"?: {
|
|
261
|
+
color: string;
|
|
262
|
+
"font-size": string;
|
|
263
|
+
"line-height": string;
|
|
264
|
+
};
|
|
130
265
|
".secure-payment-form .hf-cvv-tooltip-invalid"?: {
|
|
131
266
|
border: string;
|
|
132
267
|
"border-left": string;
|
|
@@ -0,0 +1,143 @@
|
|
|
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-alipayhk": {
|
|
29
|
+
"background-color": string;
|
|
30
|
+
border: string;
|
|
31
|
+
};
|
|
32
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover": {
|
|
33
|
+
"background-color": string;
|
|
34
|
+
border: string;
|
|
35
|
+
};
|
|
36
|
+
".secure-payment-form .qr-code-payment-method-alipay": {
|
|
37
|
+
"background-color": string;
|
|
38
|
+
border: string;
|
|
39
|
+
};
|
|
40
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover": {
|
|
41
|
+
"background-color": string;
|
|
42
|
+
border: string;
|
|
43
|
+
};
|
|
44
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper": {
|
|
45
|
+
display: string;
|
|
46
|
+
"flex-direction": string;
|
|
47
|
+
"align-items": string;
|
|
48
|
+
};
|
|
49
|
+
".secure-payment-form .qr-code-payment-iframe": {
|
|
50
|
+
border: string;
|
|
51
|
+
width: string;
|
|
52
|
+
height: string;
|
|
53
|
+
};
|
|
54
|
+
".secure-payment-form .qr-code-payment-content": {
|
|
55
|
+
"font-size": string;
|
|
56
|
+
"line-height": string;
|
|
57
|
+
width: string;
|
|
58
|
+
};
|
|
59
|
+
".secure-payment-form .link-button": {
|
|
60
|
+
background: string;
|
|
61
|
+
border: string;
|
|
62
|
+
color: string;
|
|
63
|
+
"font-style": string;
|
|
64
|
+
"font-weight": string;
|
|
65
|
+
"line-height": string;
|
|
66
|
+
"font-size": string;
|
|
67
|
+
padding: string;
|
|
68
|
+
cursor: string;
|
|
69
|
+
margin: string;
|
|
70
|
+
};
|
|
71
|
+
".secure-payment-form .link-button:hover": {
|
|
72
|
+
color: string;
|
|
73
|
+
};
|
|
74
|
+
".secure-payment-form .link-button:active": {
|
|
75
|
+
color: string;
|
|
76
|
+
};
|
|
77
|
+
".secure-payment-form .link-button:focus": {
|
|
78
|
+
color: string;
|
|
79
|
+
border: string;
|
|
80
|
+
};
|
|
81
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message": {
|
|
82
|
+
color: string;
|
|
83
|
+
"font-size": string;
|
|
84
|
+
"line-height": string;
|
|
85
|
+
};
|
|
86
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img": {
|
|
87
|
+
"margin-right": string;
|
|
88
|
+
};
|
|
89
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock": {
|
|
90
|
+
display: string;
|
|
91
|
+
"align-items": string;
|
|
92
|
+
color: string;
|
|
93
|
+
"font-size": string;
|
|
94
|
+
"line-height": string;
|
|
95
|
+
"font-weight": string;
|
|
96
|
+
"justify-content": string;
|
|
97
|
+
};
|
|
98
|
+
".secure-payment-form .payment-amount": {
|
|
99
|
+
color: string;
|
|
100
|
+
"font-style": string;
|
|
101
|
+
"font-weight": string;
|
|
102
|
+
"line-height": string;
|
|
103
|
+
"font-size": string;
|
|
104
|
+
};
|
|
105
|
+
".secure-payment-form .qr-code-expired-alert": {
|
|
106
|
+
display: string;
|
|
107
|
+
border: string;
|
|
108
|
+
height: string;
|
|
109
|
+
"margin-top": string;
|
|
110
|
+
};
|
|
111
|
+
".secure-payment-form .qr-code-expired-alert-icon": {
|
|
112
|
+
background: string;
|
|
113
|
+
display: string;
|
|
114
|
+
"align-items": string;
|
|
115
|
+
"justify-content": string;
|
|
116
|
+
width: string;
|
|
117
|
+
};
|
|
118
|
+
".secure-payment-form .qr-code-expired-alert-message": {
|
|
119
|
+
display: string;
|
|
120
|
+
"flex-direction": string;
|
|
121
|
+
"justify-content": string;
|
|
122
|
+
padding: string;
|
|
123
|
+
"font-size": string;
|
|
124
|
+
"line-height": string;
|
|
125
|
+
};
|
|
126
|
+
".secure-payment-form .qr-code-expired-alert-message-title": {
|
|
127
|
+
color: string;
|
|
128
|
+
"font-size": string;
|
|
129
|
+
"line-height": string;
|
|
130
|
+
};
|
|
131
|
+
".secure-payment-form .qr-code-redirecting-to-page": {
|
|
132
|
+
"justify-content": string;
|
|
133
|
+
height: string;
|
|
134
|
+
display: string;
|
|
135
|
+
"flex-direction": string;
|
|
136
|
+
"align-items": string;
|
|
137
|
+
};
|
|
138
|
+
".secure-payment-form .qr-code-redirecting-to-page-message": {
|
|
139
|
+
color: string;
|
|
140
|
+
"font-size": string;
|
|
141
|
+
"line-height": string;
|
|
142
|
+
};
|
|
143
|
+
};
|
|
@@ -148,6 +148,141 @@ export declare const fieldStyles: (assetBaseUrl: string) => {
|
|
|
148
148
|
};
|
|
149
149
|
};
|
|
150
150
|
export declare const parentStyles: (assetBaseUrl: string) => {
|
|
151
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
152
|
+
"font-family": string;
|
|
153
|
+
};
|
|
154
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
155
|
+
display: string;
|
|
156
|
+
"flex-direction": string;
|
|
157
|
+
"align-items": string;
|
|
158
|
+
};
|
|
159
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
160
|
+
width: string;
|
|
161
|
+
};
|
|
162
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
163
|
+
color: string;
|
|
164
|
+
height: string;
|
|
165
|
+
width: string;
|
|
166
|
+
"border-radius": string;
|
|
167
|
+
border: string;
|
|
168
|
+
margin: string;
|
|
169
|
+
cursor: string;
|
|
170
|
+
};
|
|
171
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
172
|
+
"background-color": string;
|
|
173
|
+
border: string;
|
|
174
|
+
};
|
|
175
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
176
|
+
"background-color": string;
|
|
177
|
+
border: string;
|
|
178
|
+
};
|
|
179
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
180
|
+
"background-color": string;
|
|
181
|
+
border: string;
|
|
182
|
+
};
|
|
183
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
184
|
+
"background-color": string;
|
|
185
|
+
border: string;
|
|
186
|
+
};
|
|
187
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
188
|
+
display: string;
|
|
189
|
+
"flex-direction": string;
|
|
190
|
+
"align-items": string;
|
|
191
|
+
};
|
|
192
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
193
|
+
border: string;
|
|
194
|
+
width: string;
|
|
195
|
+
height: string;
|
|
196
|
+
};
|
|
197
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
198
|
+
"font-size": string;
|
|
199
|
+
"line-height": string;
|
|
200
|
+
width: string;
|
|
201
|
+
};
|
|
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
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
225
|
+
color: string;
|
|
226
|
+
"font-size": string;
|
|
227
|
+
"line-height": string;
|
|
228
|
+
};
|
|
229
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
230
|
+
"margin-right": string;
|
|
231
|
+
};
|
|
232
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
233
|
+
display: string;
|
|
234
|
+
"align-items": string;
|
|
235
|
+
color: string;
|
|
236
|
+
"font-size": string;
|
|
237
|
+
"line-height": string;
|
|
238
|
+
"font-weight": string;
|
|
239
|
+
"justify-content": string;
|
|
240
|
+
};
|
|
241
|
+
".secure-payment-form .payment-amount"?: {
|
|
242
|
+
color: string;
|
|
243
|
+
"font-style": string;
|
|
244
|
+
"font-weight": string;
|
|
245
|
+
"line-height": string;
|
|
246
|
+
"font-size": string;
|
|
247
|
+
};
|
|
248
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
249
|
+
display: string;
|
|
250
|
+
border: string;
|
|
251
|
+
height: string;
|
|
252
|
+
"margin-top": string;
|
|
253
|
+
};
|
|
254
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
255
|
+
background: string;
|
|
256
|
+
display: string;
|
|
257
|
+
"align-items": string;
|
|
258
|
+
"justify-content": string;
|
|
259
|
+
width: string;
|
|
260
|
+
};
|
|
261
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
262
|
+
display: string;
|
|
263
|
+
"flex-direction": string;
|
|
264
|
+
"justify-content": string;
|
|
265
|
+
padding: string;
|
|
266
|
+
"font-size": string;
|
|
267
|
+
"line-height": string;
|
|
268
|
+
};
|
|
269
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
270
|
+
color: string;
|
|
271
|
+
"font-size": string;
|
|
272
|
+
"line-height": string;
|
|
273
|
+
};
|
|
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
|
+
};
|
|
151
286
|
"#googlePay": {
|
|
152
287
|
height: string;
|
|
153
288
|
margin: string;
|
|
@@ -46,5 +46,15 @@ declare const en: {
|
|
|
46
46
|
text: string;
|
|
47
47
|
};
|
|
48
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
|
+
};
|
|
49
59
|
};
|
|
50
60
|
export default en;
|
|
@@ -45,5 +45,15 @@ declare const zh: {
|
|
|
45
45
|
text: string;
|
|
46
46
|
};
|
|
47
47
|
"other-cards-label": string;
|
|
48
|
+
QR: {
|
|
49
|
+
button: {
|
|
50
|
+
text: string;
|
|
51
|
+
"aria-label": string;
|
|
52
|
+
};
|
|
53
|
+
loading: string;
|
|
54
|
+
redirectScreen: {
|
|
55
|
+
redirectingToPaymentPageMessage: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
48
58
|
};
|
|
49
59
|
export default zh;
|
package/types/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "2.
|
|
1
|
+
declare const _default: "2.1.2";
|
|
2
2
|
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IQRCodePaymentsConfiguration } from "../apm/qr-code-payments/contracts";
|
|
1
2
|
import { IDictionary } from "../internal/lib/util";
|
|
2
3
|
/**
|
|
3
4
|
* Defines expected configuration properties for using the
|
|
@@ -63,6 +64,7 @@ export interface IConfiguration extends IDictionary {
|
|
|
63
64
|
merchantId?: string;
|
|
64
65
|
merchantName?: string;
|
|
65
66
|
};
|
|
67
|
+
qrCodePayments?: IQRCodePaymentsConfiguration;
|
|
66
68
|
};
|
|
67
69
|
webApiKey?: string;
|
|
68
70
|
deviceId?: string;
|
package/types/ui/form/index.d.ts
CHANGED
|
@@ -143,17 +143,17 @@ export declare const fieldStyles: () => {
|
|
|
143
143
|
"background-position-y": string;
|
|
144
144
|
};
|
|
145
145
|
"img.card-number-icon.valid.card-type-discover": {
|
|
146
|
-
background: string;
|
|
147
|
-
* Appends additional CSS rules to the group of hosted fields
|
|
148
|
-
*
|
|
149
|
-
* @param json New CSS rules
|
|
150
|
-
*/
|
|
146
|
+
background: string;
|
|
151
147
|
"background-size": string;
|
|
152
148
|
"background-position-y": string;
|
|
153
149
|
width: string;
|
|
154
150
|
};
|
|
155
151
|
"img.card-number-icon.valid.card-type-jcb": {
|
|
156
|
-
background: string;
|
|
152
|
+
background: string; /**
|
|
153
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
154
|
+
*
|
|
155
|
+
* @param json New CSS rules
|
|
156
|
+
*/
|
|
157
157
|
"background-size": string;
|
|
158
158
|
"background-position-y": string;
|
|
159
159
|
};
|
|
@@ -386,9 +386,7 @@ export declare const fieldStyles: () => {
|
|
|
386
386
|
"background-size": string;
|
|
387
387
|
};
|
|
388
388
|
"img.card-number-icon[src$='/gp-cc-generic.svg']": {
|
|
389
|
-
background: string;
|
|
390
|
-
* Represents logic surrounding a group of hosted fields.
|
|
391
|
-
*/
|
|
389
|
+
background: string;
|
|
392
390
|
"background-size": string;
|
|
393
391
|
"background-position-y": string;
|
|
394
392
|
};
|
|
@@ -457,6 +455,141 @@ export declare const fieldStyles: () => {
|
|
|
457
455
|
export declare const parentStyles: () => {
|
|
458
456
|
blank: {};
|
|
459
457
|
default: {
|
|
458
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
459
|
+
"font-family": string;
|
|
460
|
+
};
|
|
461
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
462
|
+
display: string;
|
|
463
|
+
"flex-direction": string;
|
|
464
|
+
"align-items": string;
|
|
465
|
+
};
|
|
466
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
467
|
+
width: string;
|
|
468
|
+
};
|
|
469
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
470
|
+
color: string;
|
|
471
|
+
height: string;
|
|
472
|
+
width: string;
|
|
473
|
+
"border-radius": string;
|
|
474
|
+
border: string;
|
|
475
|
+
margin: string;
|
|
476
|
+
cursor: string;
|
|
477
|
+
};
|
|
478
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
479
|
+
"background-color": string;
|
|
480
|
+
border: string;
|
|
481
|
+
};
|
|
482
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
483
|
+
"background-color": string;
|
|
484
|
+
border: string;
|
|
485
|
+
};
|
|
486
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
487
|
+
"background-color": string;
|
|
488
|
+
border: string;
|
|
489
|
+
};
|
|
490
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
491
|
+
"background-color": string;
|
|
492
|
+
border: string;
|
|
493
|
+
};
|
|
494
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
495
|
+
display: string;
|
|
496
|
+
"flex-direction": string;
|
|
497
|
+
"align-items": string;
|
|
498
|
+
};
|
|
499
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
500
|
+
border: string;
|
|
501
|
+
width: string;
|
|
502
|
+
height: string;
|
|
503
|
+
};
|
|
504
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
505
|
+
"font-size": string;
|
|
506
|
+
"line-height": string;
|
|
507
|
+
width: string;
|
|
508
|
+
};
|
|
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
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
532
|
+
color: string;
|
|
533
|
+
"font-size": string;
|
|
534
|
+
"line-height": string;
|
|
535
|
+
};
|
|
536
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
537
|
+
"margin-right": string;
|
|
538
|
+
};
|
|
539
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
540
|
+
display: string;
|
|
541
|
+
"align-items": string;
|
|
542
|
+
color: string;
|
|
543
|
+
"font-size": string;
|
|
544
|
+
"line-height": string;
|
|
545
|
+
"font-weight": string;
|
|
546
|
+
"justify-content": string;
|
|
547
|
+
};
|
|
548
|
+
".secure-payment-form .payment-amount"?: {
|
|
549
|
+
color: string;
|
|
550
|
+
"font-style": string;
|
|
551
|
+
"font-weight": string;
|
|
552
|
+
"line-height": string;
|
|
553
|
+
"font-size": string;
|
|
554
|
+
};
|
|
555
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
556
|
+
display: string;
|
|
557
|
+
border: string;
|
|
558
|
+
height: string;
|
|
559
|
+
"margin-top": string;
|
|
560
|
+
};
|
|
561
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
562
|
+
background: string;
|
|
563
|
+
display: string;
|
|
564
|
+
"align-items": string;
|
|
565
|
+
"justify-content": string;
|
|
566
|
+
width: string;
|
|
567
|
+
};
|
|
568
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
569
|
+
display: string;
|
|
570
|
+
"flex-direction": string;
|
|
571
|
+
"justify-content": string;
|
|
572
|
+
padding: string;
|
|
573
|
+
"font-size": string;
|
|
574
|
+
"line-height": string;
|
|
575
|
+
};
|
|
576
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
577
|
+
color: string;
|
|
578
|
+
"font-size": string;
|
|
579
|
+
"line-height": string;
|
|
580
|
+
};
|
|
581
|
+
".secure-payment-form .qr-code-redirecting-to-page"?: {
|
|
582
|
+
"justify-content": string;
|
|
583
|
+
height: string;
|
|
584
|
+
display: string;
|
|
585
|
+
"flex-direction": string;
|
|
586
|
+
"align-items": string;
|
|
587
|
+
};
|
|
588
|
+
".secure-payment-form .qr-code-redirecting-to-page-message"?: {
|
|
589
|
+
color: string;
|
|
590
|
+
"font-size": string;
|
|
591
|
+
"line-height": string;
|
|
592
|
+
};
|
|
460
593
|
"#googlePay": {
|
|
461
594
|
height: string;
|
|
462
595
|
margin: string;
|
|
@@ -878,6 +1011,141 @@ export declare const parentStyles: () => {
|
|
|
878
1011
|
};
|
|
879
1012
|
};
|
|
880
1013
|
"gp-default": {
|
|
1014
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
1015
|
+
"font-family": string;
|
|
1016
|
+
};
|
|
1017
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
1018
|
+
display: string;
|
|
1019
|
+
"flex-direction": string;
|
|
1020
|
+
"align-items": string;
|
|
1021
|
+
};
|
|
1022
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
1023
|
+
width: string;
|
|
1024
|
+
};
|
|
1025
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
1026
|
+
color: string;
|
|
1027
|
+
height: string;
|
|
1028
|
+
width: string;
|
|
1029
|
+
"border-radius": string;
|
|
1030
|
+
border: string;
|
|
1031
|
+
margin: string;
|
|
1032
|
+
cursor: string;
|
|
1033
|
+
};
|
|
1034
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
1035
|
+
"background-color": string;
|
|
1036
|
+
border: string;
|
|
1037
|
+
};
|
|
1038
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
1039
|
+
"background-color": string;
|
|
1040
|
+
border: string;
|
|
1041
|
+
};
|
|
1042
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
1043
|
+
"background-color": string;
|
|
1044
|
+
border: string;
|
|
1045
|
+
};
|
|
1046
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
1047
|
+
"background-color": string;
|
|
1048
|
+
border: string;
|
|
1049
|
+
};
|
|
1050
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
1051
|
+
display: string;
|
|
1052
|
+
"flex-direction": string;
|
|
1053
|
+
"align-items": string;
|
|
1054
|
+
};
|
|
1055
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
1056
|
+
border: string;
|
|
1057
|
+
width: string;
|
|
1058
|
+
height: string;
|
|
1059
|
+
};
|
|
1060
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
1061
|
+
"font-size": string;
|
|
1062
|
+
"line-height": string;
|
|
1063
|
+
width: string;
|
|
1064
|
+
};
|
|
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
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
1088
|
+
color: string;
|
|
1089
|
+
"font-size": string;
|
|
1090
|
+
"line-height": string;
|
|
1091
|
+
};
|
|
1092
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
1093
|
+
"margin-right": string;
|
|
1094
|
+
};
|
|
1095
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
1096
|
+
display: string;
|
|
1097
|
+
"align-items": string;
|
|
1098
|
+
color: string;
|
|
1099
|
+
"font-size": string;
|
|
1100
|
+
"line-height": string;
|
|
1101
|
+
"font-weight": string;
|
|
1102
|
+
"justify-content": string;
|
|
1103
|
+
};
|
|
1104
|
+
".secure-payment-form .payment-amount"?: {
|
|
1105
|
+
color: string;
|
|
1106
|
+
"font-style": string;
|
|
1107
|
+
"font-weight": string;
|
|
1108
|
+
"line-height": string;
|
|
1109
|
+
"font-size": string;
|
|
1110
|
+
};
|
|
1111
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
1112
|
+
display: string;
|
|
1113
|
+
border: string;
|
|
1114
|
+
height: string;
|
|
1115
|
+
"margin-top": string;
|
|
1116
|
+
};
|
|
1117
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
1118
|
+
background: string;
|
|
1119
|
+
display: string;
|
|
1120
|
+
"align-items": string;
|
|
1121
|
+
"justify-content": string;
|
|
1122
|
+
width: string;
|
|
1123
|
+
};
|
|
1124
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
1125
|
+
display: string;
|
|
1126
|
+
"flex-direction": string;
|
|
1127
|
+
"justify-content": string;
|
|
1128
|
+
padding: string;
|
|
1129
|
+
"font-size": string;
|
|
1130
|
+
"line-height": string;
|
|
1131
|
+
};
|
|
1132
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
1133
|
+
color: string;
|
|
1134
|
+
"font-size": string;
|
|
1135
|
+
"line-height": string;
|
|
1136
|
+
};
|
|
1137
|
+
".secure-payment-form .qr-code-redirecting-to-page"?: {
|
|
1138
|
+
"justify-content": string;
|
|
1139
|
+
height: string;
|
|
1140
|
+
display: string;
|
|
1141
|
+
"flex-direction": string;
|
|
1142
|
+
"align-items": string;
|
|
1143
|
+
};
|
|
1144
|
+
".secure-payment-form .qr-code-redirecting-to-page-message"?: {
|
|
1145
|
+
color: string;
|
|
1146
|
+
"font-size": string;
|
|
1147
|
+
"line-height": string;
|
|
1148
|
+
};
|
|
881
1149
|
".secure-payment-form .hf-cvv-tooltip-invalid"?: {
|
|
882
1150
|
border: string;
|
|
883
1151
|
"border-left": string;
|
|
@@ -1274,6 +1542,12 @@ export declare const parentStyles: () => {
|
|
|
1274
1542
|
".secure-payment-form .installment-options, .installment-panel": {
|
|
1275
1543
|
display: string;
|
|
1276
1544
|
"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
|
+
*/
|
|
1277
1551
|
padding: string;
|
|
1278
1552
|
width: string;
|
|
1279
1553
|
};
|
|
@@ -1342,7 +1616,12 @@ export declare const parentStyles: () => {
|
|
|
1342
1616
|
};
|
|
1343
1617
|
".secure-payment-form .installment-link:hover": {
|
|
1344
1618
|
color: string;
|
|
1345
|
-
};
|
|
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
|
+
*/
|
|
1346
1625
|
".secure-payment-form .installment-link:active": {
|
|
1347
1626
|
color: string;
|
|
1348
1627
|
};
|
|
@@ -1561,7 +1840,11 @@ export declare const parentStyles: () => {
|
|
|
1561
1840
|
width: string;
|
|
1562
1841
|
height: string;
|
|
1563
1842
|
"margin-left": string;
|
|
1564
|
-
"vertical-align": string;
|
|
1843
|
+
"vertical-align": string; /**
|
|
1844
|
+
* Appends additional CSS rules to the group of hosted fields
|
|
1845
|
+
*
|
|
1846
|
+
* @param json New CSS rules
|
|
1847
|
+
*/
|
|
1565
1848
|
};
|
|
1566
1849
|
".secure-payment-form div[class$='-shield'] .ssl-msg": {
|
|
1567
1850
|
"font-size": string;
|
|
@@ -1573,12 +1856,6 @@ export declare const parentStyles: () => {
|
|
|
1573
1856
|
"vertical-align": string;
|
|
1574
1857
|
"text-align": string;
|
|
1575
1858
|
"margin-left": string;
|
|
1576
|
-
/**
|
|
1577
|
-
* Sets a special-case event listener that fires when all hosted
|
|
1578
|
-
* fields in a form have registered / loaded
|
|
1579
|
-
*
|
|
1580
|
-
* @param fn The listener function
|
|
1581
|
-
*/
|
|
1582
1859
|
"margin-right": string;
|
|
1583
1860
|
"margin-top": string;
|
|
1584
1861
|
};
|
|
@@ -1704,6 +1981,141 @@ export declare const parentStyles: () => {
|
|
|
1704
1981
|
};
|
|
1705
1982
|
};
|
|
1706
1983
|
simple: {
|
|
1984
|
+
".secure-payment-form .credit-card-qr-code-payments"?: {
|
|
1985
|
+
"font-family": string;
|
|
1986
|
+
};
|
|
1987
|
+
".secure-payment-form .credit-card-qr-code-payments-target, .qr-code-payment-content, .qr-code-payment-countdown-timer"?: {
|
|
1988
|
+
display: string;
|
|
1989
|
+
"flex-direction": string;
|
|
1990
|
+
"align-items": string;
|
|
1991
|
+
};
|
|
1992
|
+
".secure-payment-form .qr-code-payment-methods-wrapper"?: {
|
|
1993
|
+
width: string;
|
|
1994
|
+
};
|
|
1995
|
+
".secure-payment-form .qr-code-payment-method-button"?: {
|
|
1996
|
+
color: string;
|
|
1997
|
+
height: string;
|
|
1998
|
+
width: string;
|
|
1999
|
+
"border-radius": string;
|
|
2000
|
+
border: string;
|
|
2001
|
+
margin: string;
|
|
2002
|
+
cursor: string;
|
|
2003
|
+
};
|
|
2004
|
+
".secure-payment-form .qr-code-payment-method-alipayhk"?: {
|
|
2005
|
+
"background-color": string;
|
|
2006
|
+
border: string;
|
|
2007
|
+
};
|
|
2008
|
+
".secure-payment-form .qr-code-payment-method-alipayhk:hover"?: {
|
|
2009
|
+
"background-color": string;
|
|
2010
|
+
border: string;
|
|
2011
|
+
};
|
|
2012
|
+
".secure-payment-form .qr-code-payment-method-alipay"?: {
|
|
2013
|
+
"background-color": string;
|
|
2014
|
+
border: string;
|
|
2015
|
+
};
|
|
2016
|
+
".secure-payment-form .qr-code-payment-method-alipay:hover"?: {
|
|
2017
|
+
"background-color": string;
|
|
2018
|
+
border: string;
|
|
2019
|
+
};
|
|
2020
|
+
".secure-payment-form .qr-code-payment-iframe-wrapper"?: {
|
|
2021
|
+
display: string;
|
|
2022
|
+
"flex-direction": string;
|
|
2023
|
+
"align-items": string;
|
|
2024
|
+
};
|
|
2025
|
+
".secure-payment-form .qr-code-payment-iframe"?: {
|
|
2026
|
+
border: string;
|
|
2027
|
+
width: string;
|
|
2028
|
+
height: string;
|
|
2029
|
+
};
|
|
2030
|
+
".secure-payment-form .qr-code-payment-content"?: {
|
|
2031
|
+
"font-size": string;
|
|
2032
|
+
"line-height": string;
|
|
2033
|
+
width: string;
|
|
2034
|
+
};
|
|
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
|
+
".secure-payment-form .qr-code-payment-countdown-timer-message"?: {
|
|
2058
|
+
color: string;
|
|
2059
|
+
"font-size": string;
|
|
2060
|
+
"line-height": string;
|
|
2061
|
+
};
|
|
2062
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock img"?: {
|
|
2063
|
+
"margin-right": string;
|
|
2064
|
+
};
|
|
2065
|
+
".secure-payment-form .qr-code-payment-countdown-timer-clock"?: {
|
|
2066
|
+
display: string;
|
|
2067
|
+
"align-items": string;
|
|
2068
|
+
color: string;
|
|
2069
|
+
"font-size": string;
|
|
2070
|
+
"line-height": string;
|
|
2071
|
+
"font-weight": string;
|
|
2072
|
+
"justify-content": string;
|
|
2073
|
+
};
|
|
2074
|
+
".secure-payment-form .payment-amount"?: {
|
|
2075
|
+
color: string;
|
|
2076
|
+
"font-style": string;
|
|
2077
|
+
"font-weight": string;
|
|
2078
|
+
"line-height": string;
|
|
2079
|
+
"font-size": string;
|
|
2080
|
+
};
|
|
2081
|
+
".secure-payment-form .qr-code-expired-alert"?: {
|
|
2082
|
+
display: string;
|
|
2083
|
+
border: string;
|
|
2084
|
+
height: string;
|
|
2085
|
+
"margin-top": string;
|
|
2086
|
+
};
|
|
2087
|
+
".secure-payment-form .qr-code-expired-alert-icon"?: {
|
|
2088
|
+
background: string;
|
|
2089
|
+
display: string;
|
|
2090
|
+
"align-items": string;
|
|
2091
|
+
"justify-content": string;
|
|
2092
|
+
width: string;
|
|
2093
|
+
};
|
|
2094
|
+
".secure-payment-form .qr-code-expired-alert-message"?: {
|
|
2095
|
+
display: string;
|
|
2096
|
+
"flex-direction": string;
|
|
2097
|
+
"justify-content": string;
|
|
2098
|
+
padding: string;
|
|
2099
|
+
"font-size": string;
|
|
2100
|
+
"line-height": string;
|
|
2101
|
+
};
|
|
2102
|
+
".secure-payment-form .qr-code-expired-alert-message-title"?: {
|
|
2103
|
+
color: string;
|
|
2104
|
+
"font-size": string;
|
|
2105
|
+
"line-height": string;
|
|
2106
|
+
};
|
|
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
|
+
};
|
|
1707
2119
|
"#googlePay": {
|
|
1708
2120
|
height: string;
|
|
1709
2121
|
margin: string;
|
|
@@ -2012,7 +2424,12 @@ export declare const parentStyles: () => {
|
|
|
2012
2424
|
"font-weight": string;
|
|
2013
2425
|
"line-height": string;
|
|
2014
2426
|
"text-transform": string;
|
|
2015
|
-
};
|
|
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
|
+
*/
|
|
2016
2433
|
".secure-payment-form #ss-banner": {
|
|
2017
2434
|
background: string;
|
|
2018
2435
|
"background-size": string;
|
|
@@ -2037,7 +2454,9 @@ export declare const parentStyles: () => {
|
|
|
2037
2454
|
};
|
|
2038
2455
|
".secure-payment-form div[class$='-shield'] .ssl-logo_ico": {
|
|
2039
2456
|
width: string;
|
|
2040
|
-
height: string;
|
|
2457
|
+
height: string; /**
|
|
2458
|
+
* Deletes all hosted fields within the form
|
|
2459
|
+
*/
|
|
2041
2460
|
"margin-left": string;
|
|
2042
2461
|
"vertical-align": string;
|
|
2043
2462
|
};
|
|
@@ -2219,4 +2638,5 @@ export default class UIForm {
|
|
|
2219
2638
|
private configureHostedFieldValidations;
|
|
2220
2639
|
private validateForm;
|
|
2221
2640
|
private submitForm;
|
|
2641
|
+
private startQRCodePaymentMethodsRequest;
|
|
2222
2642
|
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { IframeField } from ".";
|
|
2
|
+
import { IPaymentMethodConfigurationNormalized } from "../../apm/qr-code-payments/contracts";
|
|
3
|
+
export default function addQRCodePaymentMethods(iframeField: IframeField | undefined, paymentMethodConfigurations: IPaymentMethodConfigurationNormalized[]): void;
|