broxpay 1.1.0 → 1.2.0

package/README.md

@@ -58,43 +58,13 @@ function App() {
 }
 ```
 
-### Option 3: Backend Token (Recommended for Production)
-
-For secure server-side initialized transactions, generate a checkout token from your backend and pass it to the component:
-
-```jsx
-import { BroxPayButton } from 'broxpay';
-
-function SecureCheckout({ checkoutToken }) {
-  // checkoutToken is generated from your backend via BroxPay API
-  return (
-    <BroxPayButton
-      token={checkoutToken}
-      onSuccess={(data) => {
-        // Verify payment on your server
-        fetch('/api/verify-payment', {
-          method: 'POST',
-          body: JSON.stringify(data)
-        });
-      }}
-      onError={(error) => console.log('Payment failed', error)}
-    >
-      Complete Payment
-    </BroxPayButton>
-  );
-}
-```
-
-This approach keeps your secret key on the server and allows you to attach metadata to the transaction.
-
 ## Props
 
 ### BroxPayButton
 
 | Prop | Type | Required | Description |
 |------|------|----------|-------------|
-| `config` | object | No* | Configuration object (publicKey, amount, etc.) |
-| `token` | string | No* | Checkout token from backend |
+| `config` | object | Yes | Configuration object (publicKey, amount, etc.) |
 | `onSuccess` | function | No | Called on success |
 | `onError` | function | No | Called on error |
 | `onClose` | function | No | Called on close |
@@ -102,8 +72,6 @@ This approach keeps your secret key on the server and allows you to attach metad
 | `className` | string | No | CSS class |
 | `disabled` | boolean | No | Disable button |
 
-*\*Either `config` or `token` is required.*
-
 ## Support
 
 Email: support@broxpay.com

package/dist/index.d.ts

@@ -50,8 +50,7 @@ export declare function useBroxPay(): {
     checkout: (tokenOrConfig: string | CheckoutConfig, callbacks?: BroxPayCallbacks) => void;
 };
 interface BroxPayButtonProps {
-    token?: string;
-    config?: CheckoutConfig;
+    config: CheckoutConfig;
     onSuccess?: (data: any) => void;
     onError?: (error: any) => void;
     onClose?: () => void;
@@ -59,5 +58,5 @@ interface BroxPayButtonProps {
     className?: string;
     disabled?: boolean;
 }
-export declare function BroxPayButton({ token, config, onSuccess, onError, onClose, children, className, disabled }: BroxPayButtonProps): React.JSX.Element;
+export declare function BroxPayButton({ config, onSuccess, onError, onClose, children, className, disabled }: BroxPayButtonProps): React.JSX.Element;
 export {};

package/dist/index.js

@@ -6,7 +6,7 @@ function loadBroxPay(callback) {
         return;
     }
     const script = document.createElement('script');
-    script.src = 'https://pay.broxpay.com/inline.js';
+    script.src = 'https://pay.broxghana.com/inline.js';
     script.onload = callback;
     document.head.appendChild(script);
 }
@@ -27,18 +27,14 @@ export function useBroxPay() {
     };
     return { checkout };
 }
-export function BroxPayButton({ token, config, onSuccess, onError, onClose, children, className, disabled }) {
+export function BroxPayButton({ config, onSuccess, onError, onClose, children, className, disabled }) {
     const { checkout } = useBroxPay();
     const handleClick = () => {
-        if (token) {
-            checkout(token, { onSuccess, onError, onClose });
-        }
-        else if (config) {
-            checkout(config, { onSuccess, onError, onClose });
-        }
-        else {
-            console.error('BroxPay: Either token or config must be provided');
+        if (!config) {
+            console.error('BroxPay: config is required');
+            return;
         }
+        checkout(config, { onSuccess, onError, onClose });
     };
     return (React.createElement("button", { onClick: handleClick, className: className, disabled: disabled }, children));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "broxpay",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Simple React component for BroxPay inline checkout",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.tsx

@@ -60,7 +60,7 @@ function loadBroxPay(callback: () => void) {
     }
 
     const script = document.createElement('script');
-    script.src = 'https://pay.broxpay.com/inline.js';
+    script.src = 'https://pay.broxghana.com/inline.js';
     script.onload = callback;
     document.head.appendChild(script);
 }
@@ -88,8 +88,7 @@ export function useBroxPay() {
 
 // Button component
 interface BroxPayButtonProps {
-    token?: string;
-    config?: CheckoutConfig;
+    config: CheckoutConfig;
     onSuccess?: (data: any) => void;
     onError?: (error: any) => void;
     onClose?: () => void;
@@ -99,7 +98,6 @@ interface BroxPayButtonProps {
 }
 
 export function BroxPayButton({
-    token,
     config,
     onSuccess,
     onError,
@@ -111,13 +109,11 @@ export function BroxPayButton({
     const { checkout } = useBroxPay();
 
     const handleClick = () => {
-        if (token) {
-            checkout(token, { onSuccess, onError, onClose });
-        } else if (config) {
-            checkout(config, { onSuccess, onError, onClose });
-        } else {
-            console.error('BroxPay: Either token or config must be provided');
+        if (!config) {
+            console.error('BroxPay: config is required');
+            return;
         }
+        checkout(config, { onSuccess, onError, onClose });
     };
 
     return (