@globalpayments/js 4.1.20 → 4.1.21
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/styles/gp-default.d.ts +1 -1
- package/types/internal/lib/styles/gp-default2.d.ts +1 -1
- package/types/internal/lib/styles/installments/common.d.ts +1 -1
- package/types/internal/lib/styles/installments/default.d.ts +1 -1
- package/types/internal/lib/styles/installments/gp-default.d.ts +1 -1
- package/types/internal/lib/styles/installments/simple.d.ts +1 -1
- package/types/internal/lib/styles/themes/brand-themes/base/base-theme.d.ts +1 -1
- package/types/lib/version.d.ts +1 -1
- package/types/ui/form/index.d.ts +4 -12
- package/types/internal/lib/installments/components/add-issuer-banner.d.ts +0 -2
- package/types/internal/lib/installments/installments-handler.d.ts +0 -48
- package/types/internal/lib/installments/templates/create-step-0.d.ts +0 -3
- package/types/internal/lib/installments/templates/create-step-1.d.ts +0 -3
- package/types/internal/lib/installments/templates/modals.d.ts +0 -6
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.21/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
|
@@ -1079,7 +1079,7 @@ export declare const parentStyles: (assetBaseUrl: string, theme?: string | undef
|
|
|
1079
1079
|
"font-size": string;
|
|
1080
1080
|
"font-weight": string;
|
|
1081
1081
|
};
|
|
1082
|
-
".secure-payment-form .payment-
|
|
1082
|
+
".secure-payment-form .payment-options": {
|
|
1083
1083
|
display: string;
|
|
1084
1084
|
"flex-direction": string;
|
|
1085
1085
|
gap: string;
|
|
@@ -1078,7 +1078,7 @@ export declare const parentStyles: (assetBaseUrl: string, theme?: string | undef
|
|
|
1078
1078
|
"font-size": string;
|
|
1079
1079
|
"font-weight": string;
|
|
1080
1080
|
};
|
|
1081
|
-
".secure-payment-form .payment-
|
|
1081
|
+
".secure-payment-form .payment-options": {
|
|
1082
1082
|
display: string;
|
|
1083
1083
|
"flex-direction": string;
|
|
1084
1084
|
gap: string;
|
|
@@ -55,7 +55,7 @@ declare const styles: (assetBaseUrl: string) => {
|
|
|
55
55
|
"font-size": string;
|
|
56
56
|
"font-weight": string;
|
|
57
57
|
};
|
|
58
|
-
".secure-payment-form .payment-
|
|
58
|
+
".secure-payment-form .payment-options": {
|
|
59
59
|
display: string;
|
|
60
60
|
"flex-direction": string;
|
|
61
61
|
gap: string;
|
|
@@ -55,7 +55,7 @@ declare const styles: (assetBaseUrl: string) => {
|
|
|
55
55
|
"font-size": string;
|
|
56
56
|
"font-weight": string;
|
|
57
57
|
};
|
|
58
|
-
".secure-payment-form .payment-
|
|
58
|
+
".secure-payment-form .payment-options": {
|
|
59
59
|
display: string;
|
|
60
60
|
"flex-direction": string;
|
|
61
61
|
gap: string;
|
|
@@ -55,7 +55,7 @@ declare const styles: (assetBaseUrl: string) => {
|
|
|
55
55
|
"font-size": string;
|
|
56
56
|
"font-weight": string;
|
|
57
57
|
};
|
|
58
|
-
".secure-payment-form .payment-
|
|
58
|
+
".secure-payment-form .payment-options": {
|
|
59
59
|
display: string;
|
|
60
60
|
"flex-direction": string;
|
|
61
61
|
gap: string;
|
|
@@ -55,7 +55,7 @@ declare const styles: (assetBaseUrl: string) => {
|
|
|
55
55
|
"font-size": string;
|
|
56
56
|
"font-weight": string;
|
|
57
57
|
};
|
|
58
|
-
".secure-payment-form .payment-
|
|
58
|
+
".secure-payment-form .payment-options": {
|
|
59
59
|
display: string;
|
|
60
60
|
"flex-direction": string;
|
|
61
61
|
gap: string;
|
|
@@ -1217,7 +1217,7 @@ declare const parentStyles: (assetBaseUrl: string, themePreset?: IThemePreset |
|
|
|
1217
1217
|
"font-size": string;
|
|
1218
1218
|
"font-weight": string;
|
|
1219
1219
|
};
|
|
1220
|
-
".secure-payment-form .payment-
|
|
1220
|
+
".secure-payment-form .payment-options": {
|
|
1221
1221
|
display: string;
|
|
1222
1222
|
"flex-direction": string;
|
|
1223
1223
|
gap: string;
|
package/types/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "4.1.
|
|
1
|
+
declare const _default: "4.1.21";
|
|
2
2
|
export default _default;
|
package/types/ui/form/index.d.ts
CHANGED
|
@@ -2678,7 +2678,7 @@ export declare const parentStyles: () => {
|
|
|
2678
2678
|
"font-size": string;
|
|
2679
2679
|
"font-weight": string;
|
|
2680
2680
|
};
|
|
2681
|
-
".secure-payment-form .payment-
|
|
2681
|
+
".secure-payment-form .payment-options": {
|
|
2682
2682
|
display: string;
|
|
2683
2683
|
"flex-direction": string;
|
|
2684
2684
|
gap: string;
|
|
@@ -2817,11 +2817,7 @@ export declare const parentStyles: () => {
|
|
|
2817
2817
|
".secure-payment-form .installment-panel-footer": {
|
|
2818
2818
|
"text-align": string;
|
|
2819
2819
|
display: string;
|
|
2820
|
-
"flex-direction": string;
|
|
2821
|
-
* Appends additional CSS rules to the group of hosted fields
|
|
2822
|
-
*
|
|
2823
|
-
* @param json New CSS rules
|
|
2824
|
-
*/
|
|
2820
|
+
"flex-direction": string;
|
|
2825
2821
|
};
|
|
2826
2822
|
".secure-payment-form .installment-field-value-item": {
|
|
2827
2823
|
color: string;
|
|
@@ -5222,7 +5218,7 @@ export declare const parentStyles: () => {
|
|
|
5222
5218
|
"font-size": string;
|
|
5223
5219
|
"font-weight": string;
|
|
5224
5220
|
};
|
|
5225
|
-
".secure-payment-form .payment-
|
|
5221
|
+
".secure-payment-form .payment-options": {
|
|
5226
5222
|
display: string;
|
|
5227
5223
|
"flex-direction": string;
|
|
5228
5224
|
gap: string;
|
|
@@ -5361,11 +5357,7 @@ export declare const parentStyles: () => {
|
|
|
5361
5357
|
".secure-payment-form .installment-panel-footer": {
|
|
5362
5358
|
"text-align": string;
|
|
5363
5359
|
display: string;
|
|
5364
|
-
"flex-direction": string;
|
|
5365
|
-
* Appends additional CSS rules to the group of hosted fields
|
|
5366
|
-
*
|
|
5367
|
-
* @param json New CSS rules
|
|
5368
|
-
*/
|
|
5360
|
+
"flex-direction": string;
|
|
5369
5361
|
};
|
|
5370
5362
|
".secure-payment-form .installment-field-value-item": {
|
|
5371
5363
|
color: string;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { IframeField } from "../../../ui";
|
|
2
|
-
import InstallmentPlansData from "./contracts/installment-plans-data";
|
|
3
|
-
export declare class InstallmentsHandler {
|
|
4
|
-
private readonly iframeField;
|
|
5
|
-
private readonly installmentPlans;
|
|
6
|
-
private currentStepIndex;
|
|
7
|
-
private steps;
|
|
8
|
-
private context;
|
|
9
|
-
private selectedTermIndex;
|
|
10
|
-
private tokenizationCallback;
|
|
11
|
-
constructor(_iframeField: IframeField | undefined, _installmentPlans: InstallmentPlansData, _tokenizationCallback: (installment: InstallmentPaymentData) => void);
|
|
12
|
-
init(): void;
|
|
13
|
-
private moveNext;
|
|
14
|
-
private moveToInitialStep;
|
|
15
|
-
private updateContainerContent;
|
|
16
|
-
private createContainerElement;
|
|
17
|
-
private getInstallmentSteps;
|
|
18
|
-
private getInitialContext;
|
|
19
|
-
private explorePlansHanlder;
|
|
20
|
-
private selectTermHandler;
|
|
21
|
-
private payHandler;
|
|
22
|
-
private changePaymentMethodHandler;
|
|
23
|
-
private changeCreditCardFormFieldsVisibility;
|
|
24
|
-
}
|
|
25
|
-
export interface InstallmentsContext {
|
|
26
|
-
installmentPlans: InstallmentPlansData;
|
|
27
|
-
selectedTerm: number;
|
|
28
|
-
hasIssuerInfo?: boolean;
|
|
29
|
-
explorePlans: () => void;
|
|
30
|
-
selectTerm: (i: number) => void;
|
|
31
|
-
changePaymentMethod: () => void;
|
|
32
|
-
pay: () => void;
|
|
33
|
-
updateContainerContent: () => void;
|
|
34
|
-
}
|
|
35
|
-
export interface InstallmentStepDefinition {
|
|
36
|
-
initialize?: (context: InstallmentsContext) => void;
|
|
37
|
-
contentHandler: (context: InstallmentsContext) => HTMLElement;
|
|
38
|
-
eventsListeners: (context: InstallmentsContext) => InstallmentEventListenerDefinition[];
|
|
39
|
-
}
|
|
40
|
-
export interface InstallmentEventListenerDefinition {
|
|
41
|
-
elementSelector: string;
|
|
42
|
-
eventName: string;
|
|
43
|
-
eventHandler: (e: Event) => void;
|
|
44
|
-
}
|
|
45
|
-
export interface InstallmentPaymentData {
|
|
46
|
-
id: string;
|
|
47
|
-
reference: string;
|
|
48
|
-
}
|