@fractalpay/fractalpay-next-dev 0.0.18 → 0.0.19

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.
Files changed (6) hide show
  1. package/README.md +103 -2
  2. package/dist/index.d.mts +5 -5
  3. package/dist/index.d.ts +5 -5
  4. package/dist/index.js +10 -10
  5. package/dist/index.mjs +8 -8
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # 🧩 FractalPay React Components
1
+ <!-- # 🧩 FractalPay React Components
2
2
 
3
3
  A collection of React components to easily integrate FractalPay payment flows into your React applications.
4
4
 
@@ -117,4 +117,105 @@ Add a card with a simplified experience.
117
117
 
118
118
  ## 📄 License
119
119
 
120
- MIT License © 2025 FractalPay Inc.
120
+ MIT License © 2025 FractalPay Inc. -->
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+ <!-- ####################New Readme.md file -->
130
+
131
+
132
+ <!-- # React Payment Components
133
+
134
+ A set of reusable React components to handle various payment-related actions such as requesting payments, pre-authorizations, and adding cards.
135
+
136
+ ## Components
137
+
138
+ ### `RequestPayment`
139
+
140
+ Sends a payment request to a customer.
141
+
142
+ **Props:**
143
+ - `merchantPublicKey` (string) – **required**
144
+ - `amount` (string) – **required**
145
+ - `customerId`, `orderID`, `name`, `email`, `phone`, `from`, `webname`, `discount`, `tax`, `surcharge`, `require_3ds` – *optional*
146
+
147
+ ---
148
+
149
+ ### `RequestPreAuthPayment`
150
+
151
+ Requests a pre-authorized payment.
152
+
153
+ **Props:**
154
+ - `merchantPublicKey` (string) – **required**
155
+ - `amount` (string) – **required**
156
+ - `customerId`, `orderID`, `name`, `email`, `phone`, `from`, `webname`, `discount`, `tax`, `surcharge`, `require_3ds` – *optional*
157
+
158
+ ---
159
+
160
+ ### `GetPaymentPage`
161
+
162
+ Renders a hosted payment page.
163
+
164
+ **Props:**
165
+ - `merchantPublicKey` (string) – **required**
166
+ - `amount` (string) – **required**
167
+ - `customerId`, `orderID`, `from`, `discount`, `tax`, `surcharge` – *optional*
168
+
169
+ ---
170
+
171
+ ### `PreAuthPayment`
172
+
173
+ Renders a pre-authorization payment page.
174
+
175
+ **Props:**
176
+ - `merchantPublicKey` (string) – **required**
177
+ - `amount` (string) – **required**
178
+ - `customerId`, `orderID`, `from`, `discount`, `tax`, `surcharge` – *optional*
179
+
180
+ ---
181
+
182
+ ### `AddCardEasyPay`
183
+
184
+ Allows adding a card via EasyPay.
185
+
186
+ **Props:**
187
+ - `merchantPublicKey` (string) – **required**
188
+ - `customerId` – *optional*
189
+
190
+ ---
191
+
192
+ ### `AddCardSky`
193
+
194
+ Renders a card input flow with additional options.
195
+
196
+ **Props:**
197
+ - `session_token` (string) – **required**
198
+ - `callback` (function) – **required**
199
+ - `isloading` (boolean) – **required**
200
+ - `onCancel` (function) – **required**
201
+ - `showChecks` (boolean) – **required**
202
+ - `merchantName` (string) – **required**
203
+
204
+ ---
205
+
206
+ ## Usage
207
+
208
+ ```tsx
209
+ import {
210
+ RequestPayment,
211
+ RequestPreAuthPayment,
212
+ GetPaymentPage,
213
+ PreAuthPayment,
214
+ AddCard,
215
+ AddCardSky
216
+ } from './[path-to-component]';
217
+
218
+ <RequestPayment
219
+ merchantPublicKey="your_public_key"
220
+ amount="100.00"
221
+ /> -->
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
 
3
3
  interface Props$5 {
4
- fractalpayClientKey: string;
4
+ merchantPublicKey: string;
5
5
  customerId?: string;
6
6
  orderID?: string;
7
7
  name?: string;
@@ -18,7 +18,7 @@ interface Props$5 {
18
18
  declare function RequestPayment(props: Props$5): React.JSX.Element;
19
19
 
20
20
  interface Props$4 {
21
- fractalpayClientKey: string;
21
+ merchantPublicKey: string;
22
22
  customerId?: string;
23
23
  orderID?: string;
24
24
  name?: string;
@@ -35,7 +35,7 @@ interface Props$4 {
35
35
  declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
36
36
 
37
37
  type Props$3 = {
38
- fractalpayClientKey: string;
38
+ merchantPublicKey: string;
39
39
  customerId?: string;
40
40
  orderID?: string;
41
41
  from?: string;
@@ -47,7 +47,7 @@ type Props$3 = {
47
47
  declare function GetPaymentPage(props: Props$3): React.JSX.Element;
48
48
 
49
49
  type Props$2 = {
50
- fractalpayClientKey: string;
50
+ merchantPublicKey: string;
51
51
  customerId?: string;
52
52
  orderID?: string;
53
53
  from?: string;
@@ -59,7 +59,7 @@ type Props$2 = {
59
59
  declare function PreAuthPayment(props: Props$2): React.JSX.Element;
60
60
 
61
61
  type Props$1 = {
62
- fractalpayClientKey: string;
62
+ merchantPublicKey: string;
63
63
  customerId?: string;
64
64
  };
65
65
  declare function AddCardEasyPay(props: Props$1): React.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
 
3
3
  interface Props$5 {
4
- fractalpayClientKey: string;
4
+ merchantPublicKey: string;
5
5
  customerId?: string;
6
6
  orderID?: string;
7
7
  name?: string;
@@ -18,7 +18,7 @@ interface Props$5 {
18
18
  declare function RequestPayment(props: Props$5): React.JSX.Element;
19
19
 
20
20
  interface Props$4 {
21
- fractalpayClientKey: string;
21
+ merchantPublicKey: string;
22
22
  customerId?: string;
23
23
  orderID?: string;
24
24
  name?: string;
@@ -35,7 +35,7 @@ interface Props$4 {
35
35
  declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
36
36
 
37
37
  type Props$3 = {
38
- fractalpayClientKey: string;
38
+ merchantPublicKey: string;
39
39
  customerId?: string;
40
40
  orderID?: string;
41
41
  from?: string;
@@ -47,7 +47,7 @@ type Props$3 = {
47
47
  declare function GetPaymentPage(props: Props$3): React.JSX.Element;
48
48
 
49
49
  type Props$2 = {
50
- fractalpayClientKey: string;
50
+ merchantPublicKey: string;
51
51
  customerId?: string;
52
52
  orderID?: string;
53
53
  from?: string;
@@ -59,7 +59,7 @@ type Props$2 = {
59
59
  declare function PreAuthPayment(props: Props$2): React.JSX.Element;
60
60
 
61
61
  type Props$1 = {
62
- fractalpayClientKey: string;
62
+ merchantPublicKey: string;
63
63
  customerId?: string;
64
64
  };
65
65
  declare function AddCardEasyPay(props: Props$1): React.JSX.Element;