@spot-flow/checkout-inline-js 0.1.49-dev.3 → 0.1.49-dev.4
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 +78 -78
- package/dist/api.d.ts +37 -37
- package/dist/checkout-class.d.ts +44 -44
- package/dist/checkout-inline.es.js +38488 -38467
- package/dist/checkout-inline.js +2128 -2118
- package/dist/constants.d.ts +112 -112
- package/dist/contexts/translate-context.d.ts +17 -17
- package/dist/data/countryStateCode.json.d.ts +22016 -22016
- package/dist/data.d.ts +27 -27
- package/dist/index.css +1 -1
- package/dist/modules/Card.d.ts +98 -98
- package/dist/modules/EFT.d.ts +65 -65
- package/dist/modules/MobileMoney.d.ts +85 -85
- package/dist/modules/Opay.d.ts +68 -68
- package/dist/modules/Transfer.d.ts +76 -76
- package/dist/types/types.d.ts +228 -219
- package/dist/types.d.ts +32 -32
- package/dist/utils/encryption.d.ts +8 -8
- package/dist/utils/get-browser-details.d.ts +11 -11
- package/dist/utils/get-currency.d.ts +1 -1
- package/dist/utils/get-region-details.d.ts +4 -4
- package/dist/utils.d.ts +26 -26
- package/dist/views/card/avs-validation.d.ts +27 -27
- package/dist/views/card/isw-3ds-form.d.ts +21 -21
- package/dist/views/opay/opay-authenticate.d.ts +22 -22
- package/dist/views/shared/main-footer.d.ts +24 -24
- package/dist/views/shared/main-header.d.ts +41 -37
- package/dist/views/shared/main-page.d.ts +103 -103
- package/dist/views/shared/shared-error-page.d.ts +6 -6
- package/dist/views/shared/test-card.d.ts +17 -17
- package/package.json +64 -64
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
type ContactDetails = {
|
|
2
|
-
address: string;
|
|
3
|
-
country: string;
|
|
4
|
-
city: string;
|
|
5
|
-
code?: string;
|
|
6
|
-
state: string;
|
|
7
|
-
};
|
|
8
|
-
type Props = {
|
|
9
|
-
onAction: (_evt: Event) => (_val: ContactDetails) => void;
|
|
10
|
-
container: HTMLDivElement;
|
|
11
|
-
translatedTexts: Record<string, string>;
|
|
12
|
-
};
|
|
13
|
-
export declare class AvsValidationForm {
|
|
14
|
-
container: HTMLDivElement;
|
|
15
|
-
private onAction;
|
|
16
|
-
contactDetails: ContactDetails;
|
|
17
|
-
private countries;
|
|
18
|
-
private states;
|
|
19
|
-
private translatedTexts;
|
|
20
|
-
constructor(props: Props);
|
|
21
|
-
attachListeners(): void;
|
|
22
|
-
handleInputChange(event: Event, button: HTMLButtonElement | null, stateInput?: HTMLSelectElement): void;
|
|
23
|
-
private validateCard;
|
|
24
|
-
renderComponent(): void;
|
|
25
|
-
render(): string;
|
|
26
|
-
}
|
|
27
|
-
export {};
|
|
1
|
+
type ContactDetails = {
|
|
2
|
+
address: string;
|
|
3
|
+
country: string;
|
|
4
|
+
city: string;
|
|
5
|
+
code?: string;
|
|
6
|
+
state: string;
|
|
7
|
+
};
|
|
8
|
+
type Props = {
|
|
9
|
+
onAction: (_evt: Event) => (_val: ContactDetails) => void;
|
|
10
|
+
container: HTMLDivElement;
|
|
11
|
+
translatedTexts: Record<string, string>;
|
|
12
|
+
};
|
|
13
|
+
export declare class AvsValidationForm {
|
|
14
|
+
container: HTMLDivElement;
|
|
15
|
+
private onAction;
|
|
16
|
+
contactDetails: ContactDetails;
|
|
17
|
+
private countries;
|
|
18
|
+
private states;
|
|
19
|
+
private translatedTexts;
|
|
20
|
+
constructor(props: Props);
|
|
21
|
+
attachListeners(): void;
|
|
22
|
+
handleInputChange(event: Event, button: HTMLButtonElement | null, stateInput?: HTMLSelectElement): void;
|
|
23
|
+
private validateCard;
|
|
24
|
+
renderComponent(): void;
|
|
25
|
+
render(): string;
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
type ThreeDSecureDetails = {
|
|
2
|
-
jwt: string;
|
|
3
|
-
md: string;
|
|
4
|
-
acsUrl: string;
|
|
5
|
-
};
|
|
6
|
-
type Props = {
|
|
7
|
-
container: HTMLDivElement;
|
|
8
|
-
threeDSecureDetails: ThreeDSecureDetails;
|
|
9
|
-
onAction: (_val: number) => void;
|
|
10
|
-
onSuccess: () => void;
|
|
11
|
-
};
|
|
12
|
-
export declare class ISW3DSForm {
|
|
13
|
-
container: HTMLDivElement;
|
|
14
|
-
threeDSecureDetails: ThreeDSecureDetails;
|
|
15
|
-
private onAction;
|
|
16
|
-
private onSuccess;
|
|
17
|
-
constructor({ container, threeDSecureDetails, onAction, onSuccess }: Props);
|
|
18
|
-
attachListener(): void;
|
|
19
|
-
renderComponent(): void;
|
|
20
|
-
}
|
|
21
|
-
export {};
|
|
1
|
+
type ThreeDSecureDetails = {
|
|
2
|
+
jwt: string;
|
|
3
|
+
md: string;
|
|
4
|
+
acsUrl: string;
|
|
5
|
+
};
|
|
6
|
+
type Props = {
|
|
7
|
+
container: HTMLDivElement;
|
|
8
|
+
threeDSecureDetails: ThreeDSecureDetails;
|
|
9
|
+
onAction: (_val: number) => void;
|
|
10
|
+
onSuccess: () => void;
|
|
11
|
+
};
|
|
12
|
+
export declare class ISW3DSForm {
|
|
13
|
+
container: HTMLDivElement;
|
|
14
|
+
threeDSecureDetails: ThreeDSecureDetails;
|
|
15
|
+
private onAction;
|
|
16
|
+
private onSuccess;
|
|
17
|
+
constructor({ container, threeDSecureDetails, onAction, onSuccess }: Props);
|
|
18
|
+
attachListener(): void;
|
|
19
|
+
renderComponent(): void;
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { PaymentResponseData } from '../../types/types';
|
|
2
|
-
import { PageLoader } from '../shared/page-loader';
|
|
3
|
-
import { PaymentWarning } from '../shared/payment-warning';
|
|
4
|
-
|
|
5
|
-
type Props = {
|
|
6
|
-
container: HTMLElement;
|
|
7
|
-
onAction: () => Promise<void>;
|
|
8
|
-
restartTransactionProcess: () => void;
|
|
9
|
-
};
|
|
10
|
-
export declare class OpayAuthenticate {
|
|
11
|
-
container: HTMLElement | Element;
|
|
12
|
-
payment: PaymentResponseData;
|
|
13
|
-
warningError: PaymentWarning;
|
|
14
|
-
pageLoader: PageLoader;
|
|
15
|
-
onAction: () => Promise<void>;
|
|
16
|
-
private restartTransactionProcess;
|
|
17
|
-
constructor(props: Props);
|
|
18
|
-
attachListener(): void;
|
|
19
|
-
renderComponent(): void;
|
|
20
|
-
render(): string;
|
|
21
|
-
}
|
|
22
|
-
export {};
|
|
1
|
+
import { PaymentResponseData } from '../../types/types';
|
|
2
|
+
import { PageLoader } from '../shared/page-loader';
|
|
3
|
+
import { PaymentWarning } from '../shared/payment-warning';
|
|
4
|
+
|
|
5
|
+
type Props = {
|
|
6
|
+
container: HTMLElement;
|
|
7
|
+
onAction: () => Promise<void>;
|
|
8
|
+
restartTransactionProcess: () => void;
|
|
9
|
+
};
|
|
10
|
+
export declare class OpayAuthenticate {
|
|
11
|
+
container: HTMLElement | Element;
|
|
12
|
+
payment: PaymentResponseData;
|
|
13
|
+
warningError: PaymentWarning;
|
|
14
|
+
pageLoader: PageLoader;
|
|
15
|
+
onAction: () => Promise<void>;
|
|
16
|
+
private restartTransactionProcess;
|
|
17
|
+
constructor(props: Props);
|
|
18
|
+
attachListener(): void;
|
|
19
|
+
renderComponent(): void;
|
|
20
|
+
render(): string;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { TestCard } from './test-card';
|
|
2
|
-
import { PageLoader } from './page-loader';
|
|
3
|
-
|
|
4
|
-
type Props = {
|
|
5
|
-
container: HTMLDivElement;
|
|
6
|
-
testCardContainer: HTMLDivElement;
|
|
7
|
-
keyEnvironment: string | null;
|
|
8
|
-
isVisible?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare function hideTestContainer(container: HTMLElement): void;
|
|
11
|
-
export declare class MainFooter {
|
|
12
|
-
container: HTMLDivElement;
|
|
13
|
-
testCardContainer: HTMLDivElement;
|
|
14
|
-
testCardInstance: TestCard | null;
|
|
15
|
-
keyEnvironment: string | null;
|
|
16
|
-
isVisible: boolean;
|
|
17
|
-
mainLoader: PageLoader;
|
|
18
|
-
testCardClicks: number;
|
|
19
|
-
constructor({ container, testCardContainer, keyEnvironment }: Props);
|
|
20
|
-
attachListener(): void;
|
|
21
|
-
renderComponent(): void;
|
|
22
|
-
render(): string;
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
1
|
+
import { TestCard } from './test-card';
|
|
2
|
+
import { PageLoader } from './page-loader';
|
|
3
|
+
|
|
4
|
+
type Props = {
|
|
5
|
+
container: HTMLDivElement;
|
|
6
|
+
testCardContainer: HTMLDivElement;
|
|
7
|
+
keyEnvironment: string | null;
|
|
8
|
+
isVisible?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare function hideTestContainer(container: HTMLElement): void;
|
|
11
|
+
export declare class MainFooter {
|
|
12
|
+
container: HTMLDivElement;
|
|
13
|
+
testCardContainer: HTMLDivElement;
|
|
14
|
+
testCardInstance: TestCard | null;
|
|
15
|
+
keyEnvironment: string | null;
|
|
16
|
+
isVisible: boolean;
|
|
17
|
+
mainLoader: PageLoader;
|
|
18
|
+
testCardClicks: number;
|
|
19
|
+
constructor({ container, testCardContainer, keyEnvironment }: Props);
|
|
20
|
+
attachListener(): void;
|
|
21
|
+
renderComponent(): void;
|
|
22
|
+
render(): string;
|
|
23
|
+
}
|
|
24
|
+
export {};
|
|
@@ -1,37 +1,41 @@
|
|
|
1
|
-
import { GetMerchantDetailsTax } from '../../types/types';
|
|
2
|
-
import { PageLoader } from './page-loader';
|
|
3
|
-
|
|
4
|
-
type Props = {
|
|
5
|
-
container: HTMLDivElement;
|
|
6
|
-
email: string;
|
|
7
|
-
amount?: number;
|
|
8
|
-
metadata?: Record<string, unknown>;
|
|
9
|
-
currency: string;
|
|
10
|
-
localCurrency?: string;
|
|
11
|
-
merchantDetail: GetMerchantDetailsTax;
|
|
12
|
-
onAction: (_val: string) => void;
|
|
13
|
-
isMobile: boolean;
|
|
14
|
-
onClose: (notClosePayment: boolean) => void;
|
|
15
|
-
currentPaymentMethod: string;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
import { GetMerchantDetailsTax, Trial } from '../../types/types';
|
|
2
|
+
import { PageLoader } from './page-loader';
|
|
3
|
+
|
|
4
|
+
type Props = {
|
|
5
|
+
container: HTMLDivElement;
|
|
6
|
+
email: string;
|
|
7
|
+
amount?: number;
|
|
8
|
+
metadata?: Record<string, unknown>;
|
|
9
|
+
currency: string;
|
|
10
|
+
localCurrency?: string;
|
|
11
|
+
merchantDetail: GetMerchantDetailsTax;
|
|
12
|
+
onAction: (_val: string) => void;
|
|
13
|
+
isMobile: boolean;
|
|
14
|
+
onClose: (notClosePayment: boolean) => void;
|
|
15
|
+
currentPaymentMethod: string;
|
|
16
|
+
trialAmount?: string;
|
|
17
|
+
trial?: Trial;
|
|
18
|
+
};
|
|
19
|
+
export declare class MainHeader {
|
|
20
|
+
container: HTMLDivElement;
|
|
21
|
+
email: string;
|
|
22
|
+
amount: number;
|
|
23
|
+
metadata?: Record<string, unknown>;
|
|
24
|
+
currency: string;
|
|
25
|
+
localCurrency?: string;
|
|
26
|
+
mainLoader: PageLoader;
|
|
27
|
+
trialAmount?: string;
|
|
28
|
+
trial?: Trial;
|
|
29
|
+
merchantDetail: GetMerchantDetailsTax;
|
|
30
|
+
onAction: (_val: string) => void;
|
|
31
|
+
isMobile: boolean;
|
|
32
|
+
onClose: (notClosePayment: boolean) => void;
|
|
33
|
+
currentPaymentMethod: string;
|
|
34
|
+
constructor(props: Props);
|
|
35
|
+
attachListeners(): void;
|
|
36
|
+
renderComponent(): void;
|
|
37
|
+
translate(text: string): Promise<any>;
|
|
38
|
+
renderPaymentOptions(container: HTMLDivElement): void;
|
|
39
|
+
render(): string;
|
|
40
|
+
}
|
|
41
|
+
export {};
|
|
@@ -1,103 +1,103 @@
|
|
|
1
|
-
import { default as Card } from '../../modules/Card';
|
|
2
|
-
import { default as Transfer } from '../../modules/Transfer';
|
|
3
|
-
import { default as Ussd } from '../../modules/Ussd';
|
|
4
|
-
import { GetMerchantDetailsTax } from '../../types/types';
|
|
5
|
-
import { MainHeader } from './main-header';
|
|
6
|
-
import { MainFooter } from './main-footer';
|
|
7
|
-
import { default as MobileMoney } from '../../modules/MobileMoney';
|
|
8
|
-
import { default as Eft } from '../../modules/EFT';
|
|
9
|
-
import { TestCard } from './test-card';
|
|
10
|
-
import { CustomerDetails } from '../../types';
|
|
11
|
-
import { PageLoader } from './page-loader';
|
|
12
|
-
import { default as Opay } from '../../modules/Opay';
|
|
13
|
-
|
|
14
|
-
type Props = {
|
|
15
|
-
container: HTMLDivElement;
|
|
16
|
-
modalContainer: HTMLDivElement;
|
|
17
|
-
merchantKey: string;
|
|
18
|
-
encryption: string;
|
|
19
|
-
amount?: number;
|
|
20
|
-
planId?: string;
|
|
21
|
-
rdtCode?: string;
|
|
22
|
-
url?: string;
|
|
23
|
-
reference: string;
|
|
24
|
-
callBackUrl: string;
|
|
25
|
-
metadata: Record<string, unknown>;
|
|
26
|
-
localCurrency: string;
|
|
27
|
-
countryCode?: string;
|
|
28
|
-
closePayment: () => void;
|
|
29
|
-
customerDetails: CustomerDetails;
|
|
30
|
-
mode?: "test" | "live";
|
|
31
|
-
};
|
|
32
|
-
export declare class MainPageScreen {
|
|
33
|
-
validChannels: Array<string>;
|
|
34
|
-
disabledChannels: Array<string>;
|
|
35
|
-
selectedChannel: string;
|
|
36
|
-
modalContainer: HTMLDivElement;
|
|
37
|
-
currentPaymentMethod: string;
|
|
38
|
-
mainLayout: HTMLDivElement;
|
|
39
|
-
mainHeader: MainHeader;
|
|
40
|
-
mainFooter: MainFooter;
|
|
41
|
-
testCard: TestCard;
|
|
42
|
-
private merchantPlanDetail;
|
|
43
|
-
mainScreen: MainPageScreen;
|
|
44
|
-
currency: string;
|
|
45
|
-
card: Card;
|
|
46
|
-
transfer: Transfer;
|
|
47
|
-
ussd: Ussd;
|
|
48
|
-
mobileMoney: MobileMoney;
|
|
49
|
-
eft: Eft;
|
|
50
|
-
opay: Opay;
|
|
51
|
-
encryption: string;
|
|
52
|
-
merchantKey: string;
|
|
53
|
-
planId: string;
|
|
54
|
-
customerDetails: CustomerDetails;
|
|
55
|
-
amount: number;
|
|
56
|
-
rdtCode?: string;
|
|
57
|
-
url?: string;
|
|
58
|
-
reference: string;
|
|
59
|
-
isMobile: boolean;
|
|
60
|
-
callBackUrl: string;
|
|
61
|
-
metadata: Record<string, unknown>;
|
|
62
|
-
localCurrency: string;
|
|
63
|
-
closePayment: () => void;
|
|
64
|
-
retryingPayment: boolean;
|
|
65
|
-
totalAmount: number;
|
|
66
|
-
countryCode?: string;
|
|
67
|
-
mainLoader: PageLoader;
|
|
68
|
-
mode?: "test" | "live";
|
|
69
|
-
selectedMethods: Array<string>;
|
|
70
|
-
constructor({ container, customerDetails, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, mode, }: Props);
|
|
71
|
-
mountScreen(values: GetMerchantDetailsTax, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
|
|
72
|
-
private setupPaymentMethodButtons;
|
|
73
|
-
attachListeners(): void;
|
|
74
|
-
closeBTN(notClosePayment: boolean): void;
|
|
75
|
-
private updatePaymentMethodView;
|
|
76
|
-
private renderPaymentMethodContent;
|
|
77
|
-
private setCurrentPaymentMethod;
|
|
78
|
-
setToDefaultEmptyContainer(): void;
|
|
79
|
-
defaultToEmptyContainer(): void;
|
|
80
|
-
switchTab(tabName: string): void;
|
|
81
|
-
private renderingPaymentMethodDetails;
|
|
82
|
-
renderTranslatedText(tabName: string): Promise<void>;
|
|
83
|
-
disablePaymentMethods(name: string): void;
|
|
84
|
-
enablePaymentMethods(): void;
|
|
85
|
-
hidePaymentMethods(): void;
|
|
86
|
-
showPaymentMethods(): void;
|
|
87
|
-
private cleanup;
|
|
88
|
-
closeModal(func?: Function): void;
|
|
89
|
-
setupParent(func?: Function): void;
|
|
90
|
-
render(): string;
|
|
91
|
-
}
|
|
92
|
-
export {};
|
|
93
|
-
/**
|
|
94
|
-
*
|
|
95
|
-
*
|
|
96
|
-
.content {
|
|
97
|
-
@apply hidden;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.content.active {
|
|
101
|
-
@apply block;
|
|
102
|
-
}
|
|
103
|
-
*/
|
|
1
|
+
import { default as Card } from '../../modules/Card';
|
|
2
|
+
import { default as Transfer } from '../../modules/Transfer';
|
|
3
|
+
import { default as Ussd } from '../../modules/Ussd';
|
|
4
|
+
import { GetMerchantDetailsTax } from '../../types/types';
|
|
5
|
+
import { MainHeader } from './main-header';
|
|
6
|
+
import { MainFooter } from './main-footer';
|
|
7
|
+
import { default as MobileMoney } from '../../modules/MobileMoney';
|
|
8
|
+
import { default as Eft } from '../../modules/EFT';
|
|
9
|
+
import { TestCard } from './test-card';
|
|
10
|
+
import { CustomerDetails } from '../../types';
|
|
11
|
+
import { PageLoader } from './page-loader';
|
|
12
|
+
import { default as Opay } from '../../modules/Opay';
|
|
13
|
+
|
|
14
|
+
type Props = {
|
|
15
|
+
container: HTMLDivElement;
|
|
16
|
+
modalContainer: HTMLDivElement;
|
|
17
|
+
merchantKey: string;
|
|
18
|
+
encryption: string;
|
|
19
|
+
amount?: number;
|
|
20
|
+
planId?: string;
|
|
21
|
+
rdtCode?: string;
|
|
22
|
+
url?: string;
|
|
23
|
+
reference: string;
|
|
24
|
+
callBackUrl: string;
|
|
25
|
+
metadata: Record<string, unknown>;
|
|
26
|
+
localCurrency: string;
|
|
27
|
+
countryCode?: string;
|
|
28
|
+
closePayment: () => void;
|
|
29
|
+
customerDetails: CustomerDetails;
|
|
30
|
+
mode?: "test" | "live";
|
|
31
|
+
};
|
|
32
|
+
export declare class MainPageScreen {
|
|
33
|
+
validChannels: Array<string>;
|
|
34
|
+
disabledChannels: Array<string>;
|
|
35
|
+
selectedChannel: string;
|
|
36
|
+
modalContainer: HTMLDivElement;
|
|
37
|
+
currentPaymentMethod: string;
|
|
38
|
+
mainLayout: HTMLDivElement;
|
|
39
|
+
mainHeader: MainHeader;
|
|
40
|
+
mainFooter: MainFooter;
|
|
41
|
+
testCard: TestCard;
|
|
42
|
+
private merchantPlanDetail;
|
|
43
|
+
mainScreen: MainPageScreen;
|
|
44
|
+
currency: string;
|
|
45
|
+
card: Card;
|
|
46
|
+
transfer: Transfer;
|
|
47
|
+
ussd: Ussd;
|
|
48
|
+
mobileMoney: MobileMoney;
|
|
49
|
+
eft: Eft;
|
|
50
|
+
opay: Opay;
|
|
51
|
+
encryption: string;
|
|
52
|
+
merchantKey: string;
|
|
53
|
+
planId: string;
|
|
54
|
+
customerDetails: CustomerDetails;
|
|
55
|
+
amount: number;
|
|
56
|
+
rdtCode?: string;
|
|
57
|
+
url?: string;
|
|
58
|
+
reference: string;
|
|
59
|
+
isMobile: boolean;
|
|
60
|
+
callBackUrl: string;
|
|
61
|
+
metadata: Record<string, unknown>;
|
|
62
|
+
localCurrency: string;
|
|
63
|
+
closePayment: () => void;
|
|
64
|
+
retryingPayment: boolean;
|
|
65
|
+
totalAmount: number;
|
|
66
|
+
countryCode?: string;
|
|
67
|
+
mainLoader: PageLoader;
|
|
68
|
+
mode?: "test" | "live";
|
|
69
|
+
selectedMethods: Array<string>;
|
|
70
|
+
constructor({ container, customerDetails, encryption, merchantKey, modalContainer, amount, planId, rdtCode, url, reference, callBackUrl, metadata, localCurrency, closePayment, countryCode, mode, }: Props);
|
|
71
|
+
mountScreen(values: GetMerchantDetailsTax, currency: string, validChannels: Array<string>, disabledChannels: Array<string>): void;
|
|
72
|
+
private setupPaymentMethodButtons;
|
|
73
|
+
attachListeners(): void;
|
|
74
|
+
closeBTN(notClosePayment: boolean): void;
|
|
75
|
+
private updatePaymentMethodView;
|
|
76
|
+
private renderPaymentMethodContent;
|
|
77
|
+
private setCurrentPaymentMethod;
|
|
78
|
+
setToDefaultEmptyContainer(): void;
|
|
79
|
+
defaultToEmptyContainer(): void;
|
|
80
|
+
switchTab(tabName: string): void;
|
|
81
|
+
private renderingPaymentMethodDetails;
|
|
82
|
+
renderTranslatedText(tabName: string): Promise<void>;
|
|
83
|
+
disablePaymentMethods(name: string): void;
|
|
84
|
+
enablePaymentMethods(): void;
|
|
85
|
+
hidePaymentMethods(): void;
|
|
86
|
+
showPaymentMethods(): void;
|
|
87
|
+
private cleanup;
|
|
88
|
+
closeModal(func?: Function): void;
|
|
89
|
+
setupParent(func?: Function): void;
|
|
90
|
+
render(): string;
|
|
91
|
+
}
|
|
92
|
+
export {};
|
|
93
|
+
/**
|
|
94
|
+
*
|
|
95
|
+
*
|
|
96
|
+
.content {
|
|
97
|
+
@apply hidden;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.content.active {
|
|
101
|
+
@apply block;
|
|
102
|
+
}
|
|
103
|
+
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare class SharedErrorScreen {
|
|
2
|
-
container: HTMLDivElement;
|
|
3
|
-
constructor(container: HTMLDivElement);
|
|
4
|
-
renderContent(errorText: string, actionLink?: string): void;
|
|
5
|
-
render(): string;
|
|
6
|
-
}
|
|
1
|
+
export declare class SharedErrorScreen {
|
|
2
|
+
container: HTMLDivElement;
|
|
3
|
+
constructor(container: HTMLDivElement);
|
|
4
|
+
renderContent(errorText: string, actionLink?: string): void;
|
|
5
|
+
render(): string;
|
|
6
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { PageLoader } from './page-loader';
|
|
2
|
-
|
|
3
|
-
type Props = {
|
|
4
|
-
container: HTMLDivElement;
|
|
5
|
-
closeCallback: () => void;
|
|
6
|
-
};
|
|
7
|
-
export declare class TestCard {
|
|
8
|
-
container: HTMLDivElement;
|
|
9
|
-
closeCallback: () => void;
|
|
10
|
-
mainLoader: PageLoader;
|
|
11
|
-
constructor({ container, closeCallback }: Props);
|
|
12
|
-
render(): string;
|
|
13
|
-
attachListener(): void;
|
|
14
|
-
renderComponent(clicks: number): void;
|
|
15
|
-
renderTranslatedText(): Promise<void>;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
1
|
+
import { PageLoader } from './page-loader';
|
|
2
|
+
|
|
3
|
+
type Props = {
|
|
4
|
+
container: HTMLDivElement;
|
|
5
|
+
closeCallback: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare class TestCard {
|
|
8
|
+
container: HTMLDivElement;
|
|
9
|
+
closeCallback: () => void;
|
|
10
|
+
mainLoader: PageLoader;
|
|
11
|
+
constructor({ container, closeCallback }: Props);
|
|
12
|
+
render(): string;
|
|
13
|
+
attachListener(): void;
|
|
14
|
+
renderComponent(clicks: number): void;
|
|
15
|
+
renderTranslatedText(): Promise<void>;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@spot-flow/checkout-inline-js",
|
|
3
|
-
"version": "0.1.49-dev.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "dist/checkout-inline.js",
|
|
6
|
-
"module": "dist/checkout-inline.es.js",
|
|
7
|
-
"source": "src/index.ts",
|
|
8
|
-
"scripts": {
|
|
9
|
-
"test": "echo \"Error: no test specified\" && exit 1",
|
|
10
|
-
"dev": "vite",
|
|
11
|
-
"build": "vite build",
|
|
12
|
-
"prepare": "husky",
|
|
13
|
-
"commitlint": "commitlint --edit",
|
|
14
|
-
"lint-yarn": "eslint '**/*.{js,ts,tsx}'",
|
|
15
|
-
"format": "prettier --write",
|
|
16
|
-
"lint:fix": "yarn lint --fix"
|
|
17
|
-
},
|
|
18
|
-
"type": "module",
|
|
19
|
-
"types": "dist/index.d.ts",
|
|
20
|
-
"files": [
|
|
21
|
-
"dist"
|
|
22
|
-
],
|
|
23
|
-
"devDependencies": {
|
|
24
|
-
"@commitlint/cli": "^19.4.0",
|
|
25
|
-
"@commitlint/config-conventional": "^19.2.2",
|
|
26
|
-
"@types/mixpanel-browser": "^2.50.2",
|
|
27
|
-
"@types/node": "^20.14.9",
|
|
28
|
-
"autoprefixer": "^10.4.19",
|
|
29
|
-
"eslint-config-prettier": "^9.1.0",
|
|
30
|
-
"husky": "^9.1.5",
|
|
31
|
-
"lint-staged": "^15.2.9",
|
|
32
|
-
"postcss": "^8.4.39",
|
|
33
|
-
"prettier": "^3.3.3",
|
|
34
|
-
"tailwindcss": "^3.4.4",
|
|
35
|
-
"tailwindcss-scoped-preflight": "^3.4.3",
|
|
36
|
-
"typescript": "^5.5.3",
|
|
37
|
-
"vite": "^5.3.2",
|
|
38
|
-
"vite-plugin-css-injected-by-js": "^3.5.1",
|
|
39
|
-
"vite-plugin-dts": "^3.9.1",
|
|
40
|
-
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
41
|
-
"vite-tsconfig-paths": "^5.0.1"
|
|
42
|
-
},
|
|
43
|
-
"author": "Oluwatomisin Jimoh <jayoluwatosin@gmail.com>",
|
|
44
|
-
"license": "ISC",
|
|
45
|
-
"repository": {
|
|
46
|
-
"type": "git",
|
|
47
|
-
"url": "git+https://github.com/Spotflow-One/spotflow-checkout-inline"
|
|
48
|
-
},
|
|
49
|
-
"homepage": "https://github.com/Spotflow-One/spotflow-checkout-inline",
|
|
50
|
-
"bugs": {
|
|
51
|
-
"url": "https://github.com/Spotflow-One/spotflow-checkout-inline/issues"
|
|
52
|
-
},
|
|
53
|
-
"keywords": [
|
|
54
|
-
"cdn",
|
|
55
|
-
"spotflow",
|
|
56
|
-
"checkout",
|
|
57
|
-
"inline",
|
|
58
|
-
"payment"
|
|
59
|
-
],
|
|
60
|
-
"dependencies": {
|
|
61
|
-
"mixpanel-browser": "^2.55.1",
|
|
62
|
-
"pusher-js": "^8.4.0"
|
|
63
|
-
}
|
|
64
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@spot-flow/checkout-inline-js",
|
|
3
|
+
"version": "0.1.49-dev.4",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dist/checkout-inline.js",
|
|
6
|
+
"module": "dist/checkout-inline.es.js",
|
|
7
|
+
"source": "src/index.ts",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
10
|
+
"dev": "vite",
|
|
11
|
+
"build": "vite build",
|
|
12
|
+
"prepare": "husky",
|
|
13
|
+
"commitlint": "commitlint --edit",
|
|
14
|
+
"lint-yarn": "eslint '**/*.{js,ts,tsx}'",
|
|
15
|
+
"format": "prettier --write",
|
|
16
|
+
"lint:fix": "yarn lint --fix"
|
|
17
|
+
},
|
|
18
|
+
"type": "module",
|
|
19
|
+
"types": "dist/index.d.ts",
|
|
20
|
+
"files": [
|
|
21
|
+
"dist"
|
|
22
|
+
],
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@commitlint/cli": "^19.4.0",
|
|
25
|
+
"@commitlint/config-conventional": "^19.2.2",
|
|
26
|
+
"@types/mixpanel-browser": "^2.50.2",
|
|
27
|
+
"@types/node": "^20.14.9",
|
|
28
|
+
"autoprefixer": "^10.4.19",
|
|
29
|
+
"eslint-config-prettier": "^9.1.0",
|
|
30
|
+
"husky": "^9.1.5",
|
|
31
|
+
"lint-staged": "^15.2.9",
|
|
32
|
+
"postcss": "^8.4.39",
|
|
33
|
+
"prettier": "^3.3.3",
|
|
34
|
+
"tailwindcss": "^3.4.4",
|
|
35
|
+
"tailwindcss-scoped-preflight": "^3.4.3",
|
|
36
|
+
"typescript": "^5.5.3",
|
|
37
|
+
"vite": "^5.3.2",
|
|
38
|
+
"vite-plugin-css-injected-by-js": "^3.5.1",
|
|
39
|
+
"vite-plugin-dts": "^3.9.1",
|
|
40
|
+
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
41
|
+
"vite-tsconfig-paths": "^5.0.1"
|
|
42
|
+
},
|
|
43
|
+
"author": "Oluwatomisin Jimoh <jayoluwatosin@gmail.com>",
|
|
44
|
+
"license": "ISC",
|
|
45
|
+
"repository": {
|
|
46
|
+
"type": "git",
|
|
47
|
+
"url": "git+https://github.com/Spotflow-One/spotflow-checkout-inline"
|
|
48
|
+
},
|
|
49
|
+
"homepage": "https://github.com/Spotflow-One/spotflow-checkout-inline",
|
|
50
|
+
"bugs": {
|
|
51
|
+
"url": "https://github.com/Spotflow-One/spotflow-checkout-inline/issues"
|
|
52
|
+
},
|
|
53
|
+
"keywords": [
|
|
54
|
+
"cdn",
|
|
55
|
+
"spotflow",
|
|
56
|
+
"checkout",
|
|
57
|
+
"inline",
|
|
58
|
+
"payment"
|
|
59
|
+
],
|
|
60
|
+
"dependencies": {
|
|
61
|
+
"mixpanel-browser": "^2.55.1",
|
|
62
|
+
"pusher-js": "^8.4.0"
|
|
63
|
+
}
|
|
64
|
+
}
|