@fractalpay/fractalpay-next-dev 0.0.17 → 0.0.19

package/README.md

@@ -1,4 +1,4 @@
-# 🧩 FractalPay React Components
+<!-- # 🧩 FractalPay React Components
 
 A collection of React components to easily integrate FractalPay payment flows into your React applications.
 
@@ -117,4 +117,105 @@ Add a card with a simplified experience.
 
 ## 📄 License
 
-MIT License © 2025 FractalPay Inc.
+MIT License © 2025 FractalPay Inc. -->
+
+
+
+
+
+
+
+
+<!-- ####################New Readme.md file  -->
+
+
+<!-- # React Payment Components
+
+A set of reusable React components to handle various payment-related actions such as requesting payments, pre-authorizations, and adding cards.
+
+## Components
+
+### `RequestPayment`
+
+Sends a payment request to a customer.
+
+**Props:**
+- `merchantPublicKey` (string) – **required**
+- `amount` (string) – **required**
+- `customerId`, `orderID`, `name`, `email`, `phone`, `from`, `webname`, `discount`, `tax`, `surcharge`, `require_3ds` – *optional*
+
+---
+
+### `RequestPreAuthPayment`
+
+Requests a pre-authorized payment.
+
+**Props:**
+- `merchantPublicKey` (string) – **required**
+- `amount` (string) – **required**
+- `customerId`, `orderID`, `name`, `email`, `phone`, `from`, `webname`, `discount`, `tax`, `surcharge`, `require_3ds` – *optional*
+
+---
+
+### `GetPaymentPage`
+
+Renders a hosted payment page.
+
+**Props:**
+- `merchantPublicKey` (string) – **required**
+- `amount` (string) – **required**
+- `customerId`, `orderID`, `from`, `discount`, `tax`, `surcharge` – *optional*
+
+---
+
+### `PreAuthPayment`
+
+Renders a pre-authorization payment page.
+
+**Props:**
+- `merchantPublicKey` (string) – **required**
+- `amount` (string) – **required**
+- `customerId`, `orderID`, `from`, `discount`, `tax`, `surcharge` – *optional*
+
+---
+
+### `AddCardEasyPay`
+
+Allows adding a card via EasyPay.
+
+**Props:**
+- `merchantPublicKey` (string) – **required**
+- `customerId` – *optional*
+
+---
+
+### `AddCardSky`
+
+Renders a card input flow with additional options.
+
+**Props:**
+- `session_token` (string) – **required**
+- `callback` (function) – **required**
+- `isloading` (boolean) – **required**
+- `onCancel` (function) – **required**
+- `showChecks` (boolean) – **required**
+- `merchantName` (string) – **required**
+
+---
+
+## Usage
+
+```tsx
+import { 
+  RequestPayment, 
+  RequestPreAuthPayment, 
+  GetPaymentPage, 
+  PreAuthPayment, 
+  AddCard, 
+  AddCardSky 
+} from './[path-to-component]';
+
+<RequestPayment 
+  merchantPublicKey="your_public_key"
+  amount="100.00"
+/> -->

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 interface Props$5 {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
     name?: string;
@@ -18,7 +18,7 @@ interface Props$5 {
 declare function RequestPayment(props: Props$5): React.JSX.Element;
 
 interface Props$4 {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
     name?: string;
@@ -35,15 +35,11 @@ interface Props$4 {
 declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
 
 type Props$3 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
     from?: string;
     amount: string;
-    webname?: string;
     discount?: string;
     tax?: string;
     surcharge?: string;
@@ -51,15 +47,11 @@ type Props$3 = {
 declare function GetPaymentPage(props: Props$3): React.JSX.Element;
 
 type Props$2 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
     from?: string;
     amount: string;
-    webname?: string;
     discount?: string;
     tax?: string;
     surcharge?: string;
@@ -67,11 +59,8 @@ type Props$2 = {
 declare function PreAuthPayment(props: Props$2): React.JSX.Element;
 
 type Props$1 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
 };
 declare function AddCardEasyPay(props: Props$1): React.JSX.Element;
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 interface Props$5 {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
     name?: string;
@@ -18,7 +18,7 @@ interface Props$5 {
 declare function RequestPayment(props: Props$5): React.JSX.Element;
 
 interface Props$4 {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
     name?: string;
@@ -35,15 +35,11 @@ interface Props$4 {
 declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
 
 type Props$3 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
     from?: string;
     amount: string;
-    webname?: string;
     discount?: string;
     tax?: string;
     surcharge?: string;
@@ -51,15 +47,11 @@ type Props$3 = {
 declare function GetPaymentPage(props: Props$3): React.JSX.Element;
 
 type Props$2 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
     orderID?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
     from?: string;
     amount: string;
-    webname?: string;
     discount?: string;
     tax?: string;
     surcharge?: string;
@@ -67,11 +59,8 @@ type Props$2 = {
 declare function PreAuthPayment(props: Props$2): React.JSX.Element;
 
 type Props$1 = {
-    fractalpayClientKey: string;
+    merchantPublicKey: string;
     customerId?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
 };
 declare function AddCardEasyPay(props: Props$1): React.JSX.Element;