@fractalpay/fractalpay-next-dev 0.0.1 โ 0.0.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/README.md +0 -30
- package/dist/index.d.mts +9 -15
- package/dist/index.d.ts +9 -15
- package/dist/index.js +30 -441
- package/dist/index.mjs +25 -435
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -6,16 +6,6 @@ A collection of React components to easily integrate FractalPay payment flows in
|
|
|
6
6
|
|
|
7
7
|
## ๐ฆ Installation
|
|
8
8
|
|
|
9
|
-
```bash
|
|
10
|
-
npm install fractalpay-react
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
or
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
yarn add fractalpay-react
|
|
17
|
-
```
|
|
18
|
-
|
|
19
9
|
---
|
|
20
10
|
|
|
21
11
|
## ๐งช Components
|
|
@@ -25,7 +15,6 @@ yarn add fractalpay-react
|
|
|
25
15
|
Initiate a payment request with optional customer and order details.
|
|
26
16
|
|
|
27
17
|
```tsx
|
|
28
|
-
import { RequestPayment } from 'fractalpay-react';
|
|
29
18
|
|
|
30
19
|
<RequestPayment
|
|
31
20
|
fractalpayClientKey="your-client-key"
|
|
@@ -51,7 +40,6 @@ import { RequestPayment } from 'fractalpay-react';
|
|
|
51
40
|
Initiate a pre-authorization payment.
|
|
52
41
|
|
|
53
42
|
```tsx
|
|
54
|
-
import { RequestPreAuthPayment } from 'fractalpay-react';
|
|
55
43
|
|
|
56
44
|
<RequestPreAuthPayment
|
|
57
45
|
fractalpayClientKey="your-client-key"
|
|
@@ -68,7 +56,6 @@ import { RequestPreAuthPayment } from 'fractalpay-react';
|
|
|
68
56
|
Render a payment page interface with full customization.
|
|
69
57
|
|
|
70
58
|
```tsx
|
|
71
|
-
import { GetPaymentPage } from 'fractalpay-react';
|
|
72
59
|
|
|
73
60
|
<GetPaymentPage
|
|
74
61
|
fractalpayClientKey="your-client-key"
|
|
@@ -86,7 +73,6 @@ import { GetPaymentPage } from 'fractalpay-react';
|
|
|
86
73
|
Render a pre-auth payment page interface.
|
|
87
74
|
|
|
88
75
|
```tsx
|
|
89
|
-
import { PreAuthPayment } from 'fractalpay-react';
|
|
90
76
|
|
|
91
77
|
<PreAuthPayment
|
|
92
78
|
fractalpayClientKey="your-client-key"
|
|
@@ -98,25 +84,9 @@ import { PreAuthPayment } from 'fractalpay-react';
|
|
|
98
84
|
|
|
99
85
|
### 5. `AddCard`
|
|
100
86
|
|
|
101
|
-
Add a new payment card for a customer.
|
|
102
|
-
|
|
103
|
-
```tsx
|
|
104
|
-
import { AddCard } from 'fractalpay-react';
|
|
105
|
-
|
|
106
|
-
<AddCard
|
|
107
|
-
fractalpayClientKey="your-client-key"
|
|
108
|
-
customerId="cust_456"
|
|
109
|
-
/>
|
|
110
|
-
```
|
|
111
|
-
|
|
112
|
-
---
|
|
113
|
-
|
|
114
|
-
### 6. `AddCardEasyPay`
|
|
115
|
-
|
|
116
87
|
Add a card with a simplified experience.
|
|
117
88
|
|
|
118
89
|
```tsx
|
|
119
|
-
import { AddCardEasyPay } from 'fractalpay-react';
|
|
120
90
|
|
|
121
91
|
<AddCardEasyPay
|
|
122
92
|
fractalpayClientKey="your-client-key"
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
interface Props$
|
|
3
|
+
interface Props$4 {
|
|
4
4
|
fractalpayClientKey: string;
|
|
5
5
|
customerId?: string;
|
|
6
6
|
orderID?: string;
|
|
@@ -15,9 +15,9 @@ interface Props$5 {
|
|
|
15
15
|
surcharge?: string;
|
|
16
16
|
require_3ds?: boolean;
|
|
17
17
|
}
|
|
18
|
-
declare function RequestPayment(props: Props$
|
|
18
|
+
declare function RequestPayment(props: Props$4): React.JSX.Element;
|
|
19
19
|
|
|
20
|
-
interface Props$
|
|
20
|
+
interface Props$3 {
|
|
21
21
|
fractalpayClientKey: string;
|
|
22
22
|
customerId?: string;
|
|
23
23
|
orderID?: string;
|
|
@@ -32,9 +32,9 @@ interface Props$4 {
|
|
|
32
32
|
surcharge?: string;
|
|
33
33
|
require_3ds?: boolean;
|
|
34
34
|
}
|
|
35
|
-
declare function RequestPreAuthPayment(props: Props$
|
|
35
|
+
declare function RequestPreAuthPayment(props: Props$3): React.JSX.Element;
|
|
36
36
|
|
|
37
|
-
type Props$
|
|
37
|
+
type Props$2 = {
|
|
38
38
|
fractalpayClientKey: string;
|
|
39
39
|
customerId?: string;
|
|
40
40
|
orderID?: string;
|
|
@@ -48,9 +48,9 @@ type Props$3 = {
|
|
|
48
48
|
tax?: string;
|
|
49
49
|
surcharge?: string;
|
|
50
50
|
};
|
|
51
|
-
declare function GetPaymentPage(props: Props$
|
|
51
|
+
declare function GetPaymentPage(props: Props$2): React.JSX.Element;
|
|
52
52
|
|
|
53
|
-
type Props$
|
|
53
|
+
type Props$1 = {
|
|
54
54
|
fractalpayClientKey: string;
|
|
55
55
|
customerId?: string;
|
|
56
56
|
orderID?: string;
|
|
@@ -64,13 +64,7 @@ type Props$2 = {
|
|
|
64
64
|
tax?: string;
|
|
65
65
|
surcharge?: string;
|
|
66
66
|
};
|
|
67
|
-
declare function PreAuthPayment(props: Props$
|
|
68
|
-
|
|
69
|
-
type Props$1 = {
|
|
70
|
-
fractalpayClientKey: string;
|
|
71
|
-
customerId?: string;
|
|
72
|
-
};
|
|
73
|
-
declare function AddCard(props: Props$1): React.JSX.Element;
|
|
67
|
+
declare function PreAuthPayment(props: Props$1): React.JSX.Element;
|
|
74
68
|
|
|
75
69
|
type Props = {
|
|
76
70
|
fractalpayClientKey: string;
|
|
@@ -81,4 +75,4 @@ type Props = {
|
|
|
81
75
|
};
|
|
82
76
|
declare function AddCardEasyPay(props: Props): React.JSX.Element;
|
|
83
77
|
|
|
84
|
-
export { AddCard,
|
|
78
|
+
export { AddCardEasyPay as AddCard, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
interface Props$
|
|
3
|
+
interface Props$4 {
|
|
4
4
|
fractalpayClientKey: string;
|
|
5
5
|
customerId?: string;
|
|
6
6
|
orderID?: string;
|
|
@@ -15,9 +15,9 @@ interface Props$5 {
|
|
|
15
15
|
surcharge?: string;
|
|
16
16
|
require_3ds?: boolean;
|
|
17
17
|
}
|
|
18
|
-
declare function RequestPayment(props: Props$
|
|
18
|
+
declare function RequestPayment(props: Props$4): React.JSX.Element;
|
|
19
19
|
|
|
20
|
-
interface Props$
|
|
20
|
+
interface Props$3 {
|
|
21
21
|
fractalpayClientKey: string;
|
|
22
22
|
customerId?: string;
|
|
23
23
|
orderID?: string;
|
|
@@ -32,9 +32,9 @@ interface Props$4 {
|
|
|
32
32
|
surcharge?: string;
|
|
33
33
|
require_3ds?: boolean;
|
|
34
34
|
}
|
|
35
|
-
declare function RequestPreAuthPayment(props: Props$
|
|
35
|
+
declare function RequestPreAuthPayment(props: Props$3): React.JSX.Element;
|
|
36
36
|
|
|
37
|
-
type Props$
|
|
37
|
+
type Props$2 = {
|
|
38
38
|
fractalpayClientKey: string;
|
|
39
39
|
customerId?: string;
|
|
40
40
|
orderID?: string;
|
|
@@ -48,9 +48,9 @@ type Props$3 = {
|
|
|
48
48
|
tax?: string;
|
|
49
49
|
surcharge?: string;
|
|
50
50
|
};
|
|
51
|
-
declare function GetPaymentPage(props: Props$
|
|
51
|
+
declare function GetPaymentPage(props: Props$2): React.JSX.Element;
|
|
52
52
|
|
|
53
|
-
type Props$
|
|
53
|
+
type Props$1 = {
|
|
54
54
|
fractalpayClientKey: string;
|
|
55
55
|
customerId?: string;
|
|
56
56
|
orderID?: string;
|
|
@@ -64,13 +64,7 @@ type Props$2 = {
|
|
|
64
64
|
tax?: string;
|
|
65
65
|
surcharge?: string;
|
|
66
66
|
};
|
|
67
|
-
declare function PreAuthPayment(props: Props$
|
|
68
|
-
|
|
69
|
-
type Props$1 = {
|
|
70
|
-
fractalpayClientKey: string;
|
|
71
|
-
customerId?: string;
|
|
72
|
-
};
|
|
73
|
-
declare function AddCard(props: Props$1): React.JSX.Element;
|
|
67
|
+
declare function PreAuthPayment(props: Props$1): React.JSX.Element;
|
|
74
68
|
|
|
75
69
|
type Props = {
|
|
76
70
|
fractalpayClientKey: string;
|
|
@@ -81,4 +75,4 @@ type Props = {
|
|
|
81
75
|
};
|
|
82
76
|
declare function AddCardEasyPay(props: Props): React.JSX.Element;
|
|
83
77
|
|
|
84
|
-
export { AddCard,
|
|
78
|
+
export { AddCardEasyPay as AddCard, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };
|