@fractalpay/fractalpay-next-dev 0.0.1 โ 0.0.3
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 -35
- 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
|
@@ -4,20 +4,6 @@ A collection of React components to easily integrate FractalPay payment flows in
|
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
## ๐ฆ Installation
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install fractalpay-react
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
or
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
yarn add fractalpay-react
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
---
|
|
20
|
-
|
|
21
7
|
## ๐งช Components
|
|
22
8
|
|
|
23
9
|
### 1. `RequestPayment`
|
|
@@ -25,7 +11,6 @@ yarn add fractalpay-react
|
|
|
25
11
|
Initiate a payment request with optional customer and order details.
|
|
26
12
|
|
|
27
13
|
```tsx
|
|
28
|
-
import { RequestPayment } from 'fractalpay-react';
|
|
29
14
|
|
|
30
15
|
<RequestPayment
|
|
31
16
|
fractalpayClientKey="your-client-key"
|
|
@@ -51,7 +36,6 @@ import { RequestPayment } from 'fractalpay-react';
|
|
|
51
36
|
Initiate a pre-authorization payment.
|
|
52
37
|
|
|
53
38
|
```tsx
|
|
54
|
-
import { RequestPreAuthPayment } from 'fractalpay-react';
|
|
55
39
|
|
|
56
40
|
<RequestPreAuthPayment
|
|
57
41
|
fractalpayClientKey="your-client-key"
|
|
@@ -68,7 +52,6 @@ import { RequestPreAuthPayment } from 'fractalpay-react';
|
|
|
68
52
|
Render a payment page interface with full customization.
|
|
69
53
|
|
|
70
54
|
```tsx
|
|
71
|
-
import { GetPaymentPage } from 'fractalpay-react';
|
|
72
55
|
|
|
73
56
|
<GetPaymentPage
|
|
74
57
|
fractalpayClientKey="your-client-key"
|
|
@@ -86,7 +69,6 @@ import { GetPaymentPage } from 'fractalpay-react';
|
|
|
86
69
|
Render a pre-auth payment page interface.
|
|
87
70
|
|
|
88
71
|
```tsx
|
|
89
|
-
import { PreAuthPayment } from 'fractalpay-react';
|
|
90
72
|
|
|
91
73
|
<PreAuthPayment
|
|
92
74
|
fractalpayClientKey="your-client-key"
|
|
@@ -98,27 +80,11 @@ import { PreAuthPayment } from 'fractalpay-react';
|
|
|
98
80
|
|
|
99
81
|
### 5. `AddCard`
|
|
100
82
|
|
|
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
83
|
Add a card with a simplified experience.
|
|
117
84
|
|
|
118
85
|
```tsx
|
|
119
|
-
import { AddCardEasyPay } from 'fractalpay-react';
|
|
120
86
|
|
|
121
|
-
<
|
|
87
|
+
<AddCard
|
|
122
88
|
fractalpayClientKey="your-client-key"
|
|
123
89
|
customerId="cust_456"
|
|
124
90
|
name="Jane Smith"
|
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 };
|