@school24/paymentjs-rn 1.4.0 → 1.4.1

package/dist/PaymentJS.js

@@ -37,7 +37,7 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_native_webview_1 = require("react-native-webview");
 const PaymentJS = (props) => {
-    const { uri: customUri, onSuccess, onFailure, style, environment = "test", shopperReference = "USER123", amount = 100, currency = "AUD", storePaymentMethod = true, baseUrl = "https://www.school24.net.au/valpay-gateway", } = props;
+    const { uri: customUri, onSuccess, onFailure, onDebug, debug, style, environment = "test", shopperReference = "USER123", amount = 100, currency = "AUD", storePaymentMethod = true, baseUrl = "https://www.school24.net.au/valpay-gateway", } = props;
     // Auto-build URI with query params if customUri not provided
     const finalUri = (0, react_1.useMemo)(() => {
         if (customUri)
@@ -68,6 +68,11 @@ const PaymentJS = (props) => {
                 case "CONFIG_ERROR":
                     onFailure === null || onFailure === void 0 ? void 0 : onFailure(message.payload);
                     break;
+                case "DEBUG":
+                    if (debug)
+                        console.log("💳 PaymentJS DEBUG:", message.payload);
+                    onDebug === null || onDebug === void 0 ? void 0 : onDebug(message.payload);
+                    return;
                 default:
                     console.warn("Unknown PaymentJS event:", message.event);
             }
@@ -79,7 +84,7 @@ const PaymentJS = (props) => {
                 error: err,
             });
         }
-    }, [onSuccess, onFailure]);
+    }, [onSuccess, onFailure, onDebug, debug]);
     return (react_1.default.createElement(react_native_1.View, { style: [{ flex: 1, backgroundColor: "#fff" }, style] },
         react_1.default.createElement(react_native_webview_1.WebView, { source: { uri: finalUri }, javaScriptEnabled: true, domStorageEnabled: true, originWhitelist: ["*"], startInLoadingState: true, renderLoading: () => (react_1.default.createElement(react_native_1.View, { style: { flex: 1, justifyContent: "center", alignItems: "center" } },
                 react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: "#2563eb" }))), onMessage: handleMessage, allowsBackForwardNavigationGestures: true, setSupportMultipleWindows: false })));

package/dist/types.d.ts

@@ -1,9 +1,10 @@
 import { StyleProp, ViewStyle } from "react-native";
-export type PaymentJSEvent = "PAYMENT_SUCCESS" | "PAYMENT_ERROR" | "CONFIG_ERROR";
+export type PaymentJSEvent = "PAYMENT_SUCCESS" | "PAYMENT_ERROR" | "CONFIG_ERROR" | "DEBUG";
 export interface PaymentJSMessage {
     source: "PaymentJS";
     event: PaymentJSEvent;
     payload: any;
+    timestamp?: string;
 }
 export interface PaymentJSProps {
     uri?: string;
@@ -15,6 +16,7 @@ export interface PaymentJSProps {
      * Called when payment fails or config error occurs
      */
     onFailure?: (payload: any) => void;
+    onDebug?: (payload: any) => void;
     /**
      * Optional container styling
      */
@@ -25,4 +27,5 @@ export interface PaymentJSProps {
     currency?: string;
     storePaymentMethod?: boolean;
     baseUrl?: string;
+    debug?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@school24/paymentjs-rn",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "React Native WebView wrapper for PaymentJS (Adyen)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",