@dev_innovations_labs/phonepe-pg-sdk 1.0.2 → 1.0.3

package/dist/PhonePeReact.d.ts

@@ -1,13 +1,12 @@
-import { PhonePePaymentInit, PhonePeCredentials } from "./types";
 declare global {
     interface Window {
         PhonePeCheckout: any;
     }
 }
-interface Props extends PhonePeCredentials {
-    request: PhonePePaymentInit;
-    onSuccess: (d: any) => void;
-    onError: (e: any) => void;
+interface Props {
+    redirectUrl: string;
+    onSuccess?: (data: any) => void;
+    onError?: (err: any) => void;
 }
-export declare const PhonePeCheckoutWeb: ({ clientId, clientSecret, environment, request, onSuccess, onError }: Props) => any;
+export declare const PhonePeCheckoutWeb: ({ redirectUrl, onSuccess, onError }: Props) => any;
 export {};

package/dist/PhonePeReactNative.d.ts

@@ -1,8 +1,7 @@
-import { PhonePePaymentInit, PhonePeCredentials } from "./types";
-interface Props extends PhonePeCredentials {
-    request: PhonePePaymentInit;
-    onSuccess: (d: any) => void;
-    onError: (e: any) => void;
+interface Props {
+    redirectUrl: string;
+    onSuccess?: (data: any) => void;
+    onError?: (err: any) => void;
 }
-export declare const PhonePeCheckoutNative: ({ clientId, clientSecret, environment, request, onSuccess, onError }: Props) => any;
+export declare const PhonePeCheckoutNative: ({ redirectUrl, onSuccess, onError }: Props) => any;
 export {};

package/dist/index.esm.js

@@ -72,53 +72,30 @@ class PhonePeNode {
     }
 }
 
-const PhonePeCheckoutWeb = ({ clientId, clientSecret, environment, request, onSuccess, onError }) => {
-    const urls = PhonePeUrls[normalizeEnvironment(environment)];
+const PhonePeCheckoutWeb = ({ redirectUrl, onSuccess, onError }) => {
     useEffect(() => {
+        if (!redirectUrl)
+            return;
         const script = document.createElement("script");
-        script.src = urls.script;
+        script.src = "https://mercury.phonepe.com/web/bundle/checkout.js";
         script.async = true;
         document.body.appendChild(script);
-        script.onload = () => init();
-        return () => document.body.removeChild(script);
-    }, []);
-    const init = async () => {
-        try {
-            const tokenResp = await fetch(urls.token, {
-                method: "POST",
-                headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                body: new URLSearchParams({
-                    client_id: clientId,
-                    client_secret: clientSecret,
-                    grant_type: "client_credentials",
-                    client_version: "1"
-                })
-            });
-            const token = (await tokenResp.json()).access_token;
-            const payload = {
-                ...request,
-                merchantOrderId: v4(),
-                merchantTransactionId: v4()
-            };
-            const resp = await fetch(urls.pay, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                    Authorization: `O-Bearer ${token}`
-                },
-                body: JSON.stringify(payload)
-            });
-            const data = await resp.json();
-            window.PhonePeCheckout.transact({
-                tokenUrl: data.redirectUrl,
-                type: "IFRAME",
-                callback: () => onSuccess(data)
-            });
-        }
-        catch (err) {
-            onError(err);
-        }
-    };
+        script.onload = () => {
+            try {
+                window.PhonePeCheckout.transact({
+                    tokenUrl: redirectUrl,
+                    type: "IFRAME",
+                    callback: () => onSuccess?.({ status: "success" })
+                });
+            }
+            catch (err) {
+                onError?.(err);
+            }
+        };
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, [redirectUrl]);
     return null;
 };
 

package/dist/native.esm.js

@@ -415,127 +415,20 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  return unsafeStringify(rnds);
-}
-
-const PhonePeUrls = {
-    production: {
-        token: "https://api.phonepe.com/apis/identity-manager/v1/oauth/token",
-        pay: "https://api.phonepe.com/apis/pg/checkout/v2/pay",
-        status: "https://api.phonepe.com/apis/pg/checkout/v2/order/status",
-        script: "https://mercury.phonepe.com/web/bundle/checkout.js"
-    },
-    sandbox: {
-        token: "https://api-preprod.phonepe.com/apis/identity-manager/v1/oauth/token",
-        pay: "https://api-preprod.phonepe.com/apis/pg-sandbox/checkout/v2/pay",
-        status: "https://api-preprod.phonepe.com/apis/pg-sandbox/checkout/v2/order/status",
-        script: "https://mercury.phonepe.com/web/bundle/checkout.js"
-    }
-};
-
-function normalizeEnvironment(env) {
-    const e = String(env).toLowerCase().trim();
-    if (e === "production" || e === "prod")
-        return "production";
-    if (e === "sandbox")
-        return "sandbox";
-    throw new Error(`Invalid environment: ${env}`);
-}
-
-const PhonePeCheckoutNative = ({ clientId, clientSecret, environment, request, onSuccess, onError }) => {
-    const urls = PhonePeUrls[normalizeEnvironment(environment)];
+const PhonePeCheckoutNative = ({ redirectUrl, onSuccess, onError }) => {
     const [url, setUrl] = useState();
-    useEffect(() => { init(); }, []);
-    const init = async () => {
-        try {
-            const tokenResp = await fetch(urls.token, {
-                method: "POST",
-                headers: { "Content-Type": "application/x-www-form-urlencoded" },
-                body: new URLSearchParams({
-                    client_id: clientId,
-                    client_secret: clientSecret,
-                    grant_type: "client_credentials",
-                    client_version: "1"
-                })
-            });
-            const token = (await tokenResp.json()).access_token;
-            const payload = {
-                ...request,
-                merchantOrderId: v4(),
-                merchantTransactionId: v4()
-            };
-            const payResp = await fetch(urls.pay, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                    Authorization: `O-Bearer ${token}`
-                },
-                body: JSON.stringify(payload)
-            });
-            const data = await payResp.json();
-            setUrl(data.redirectUrl);
-        }
-        catch (err) {
-            onError(err);
-        }
-    };
+    useEffect(() => {
+        setUrl(redirectUrl);
+    }, [redirectUrl]);
     if (!url)
         return null;
-    return (jsxRuntimeExports.jsx(WebView, { source: { uri: url }, onNavigationStateChange: nav => {
-            if (nav.url.includes("callback"))
-                onSuccess(nav);
+    return (jsxRuntimeExports.jsx(WebView, { source: { uri: url }, onNavigationStateChange: (nav) => {
+            if (nav.url.includes("success") || nav.url.includes("callback")) {
+                onSuccess && onSuccess(nav);
+            }
+            if (nav.url.includes("error") || nav.url.includes("failed")) {
+                onError && onError(nav);
+            }
         } }));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev_innovations_labs/phonepe-pg-sdk",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",

package/src/PhonePeReact.tsx

@@ -1,82 +1,47 @@
-
 import { useEffect } from "react";
-import { v4 as uuidv4 } from "uuid";
-import { PhonePePaymentInit, PhonePeCredentials } from "./types";
-import { PhonePeUrls } from "./env";
-import { normalizeEnvironment } from "./utils";
 
 declare global {
-  interface Window { PhonePeCheckout: any }
+  interface Window {
+    PhonePeCheckout: any;
+  }
 }
 
-interface Props extends PhonePeCredentials {
-  request: PhonePePaymentInit;
-  onSuccess: (d:any) => void;
-  onError: (e:any) => void;
+interface Props {
+  redirectUrl: string;
+  onSuccess?: (data: any) => void;
+  onError?: (err: any) => void;
 }
 
 export const PhonePeCheckoutWeb = ({
-  clientId,
-  clientSecret,
-  environment,
-  request,
+  redirectUrl,
   onSuccess,
   onError
 }: Props) => {
 
-  const urls = PhonePeUrls[normalizeEnvironment(environment)];
-
   useEffect(() => {
+    if (!redirectUrl) return;
+
     const script = document.createElement("script");
-    script.src = urls.script;
+    script.src = "https://mercury.phonepe.com/web/bundle/checkout.js";
     script.async = true;
     document.body.appendChild(script);
 
-    script.onload = () => init();
-    return () => document.body.removeChild(script);
-  }, []);
-
-  const init = async () => {
-    try {
-      const tokenResp = await fetch(urls.token, {
-        method: "POST",
-        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-        body: new URLSearchParams({
-          client_id: clientId,
-          client_secret: clientSecret,
-          grant_type: "client_credentials",
-          client_version: "1"
-        })
-      });
-
-      const token = (await tokenResp.json()).access_token;
-
-      const payload = {
-        ...request,
-        merchantOrderId: uuidv4(),
-        merchantTransactionId: uuidv4()
-      };
-
-      const resp = await fetch(urls.pay, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `O-Bearer ${token}`
-        },
-        body: JSON.stringify(payload)
-      });
-
-      const data = await resp.json();
-
-      window.PhonePeCheckout.transact({
-        tokenUrl: data.redirectUrl,
-        type: "IFRAME",
-        callback: () => onSuccess(data)
-      });
-    } catch (err) {
-      onError(err);
-    }
-  };
+    script.onload = () => {
+      try {
+        window.PhonePeCheckout.transact({
+          tokenUrl: redirectUrl,
+          type: "IFRAME",
+          callback: () => onSuccess?.({ status: "success" })
+        });
+      } catch (err) {
+        onError?.(err);
+      }
+    };
+
+    return () => {
+      document.body.removeChild(script);
+    };
+  }, [redirectUrl]);
 
   return null;
 };

package/src/PhonePeReactNative.tsx

@@ -1,76 +1,36 @@
-
-import { useEffect, useState } from "react";
+import React, { useState, useEffect } from "react";
 import { WebView } from "react-native-webview";
-import { v4 as uuidv4 } from "uuid";
-import { PhonePePaymentInit, PhonePeCredentials } from "./types";
-import { PhonePeUrls } from "./env";
-import { normalizeEnvironment } from "./utils";
 
-interface Props extends PhonePeCredentials {
-  request: PhonePePaymentInit;
-  onSuccess: (d:any) => void;
-  onError: (e:any) => void;
+interface Props {
+  redirectUrl: string;
+  onSuccess?: (data: any) => void;
+  onError?: (err: any) => void;
 }
 
 export const PhonePeCheckoutNative = ({
-  clientId,
-  clientSecret,
-  environment,
-  request,
+  redirectUrl,
   onSuccess,
   onError
 }: Props) => {
 
-  const urls = PhonePeUrls[normalizeEnvironment(environment)];
   const [url, setUrl] = useState<string>();
 
-  useEffect(() => { init(); }, []);
-
-  const init = async () => {
-    try {
-      const tokenResp = await fetch(urls.token, {
-        method: "POST",
-        headers: { "Content-Type": "application/x-www-form-urlencoded" },
-        body: new URLSearchParams({
-          client_id: clientId,
-          client_secret: clientSecret,
-          grant_type: "client_credentials",
-          client_version: "1"
-        })
-      });
-
-      const token = (await tokenResp.json()).access_token;
-
-      const payload = {
-        ...request,
-        merchantOrderId: uuidv4(),
-        merchantTransactionId: uuidv4()
-      };
-
-      const payResp = await fetch(urls.pay, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `O-Bearer ${token}`
-        },
-        body: JSON.stringify(payload)
-      });
-
-      const data = await payResp.json();
-      setUrl(data.redirectUrl);
-
-    } catch (err) {
-      onError(err);
-    }
-  };
+  useEffect(() => {
+    setUrl(redirectUrl);
+  }, [redirectUrl]);
 
   if (!url) return null;
 
   return (
     <WebView
       source={{ uri: url }}
-      onNavigationStateChange={nav => {
-        if (nav.url.includes("callback")) onSuccess(nav);
+      onNavigationStateChange={(nav) => {
+        if (nav.url.includes("success") || nav.url.includes("callback")) {
+          onSuccess && onSuccess(nav);
+        }
+        if (nav.url.includes("error") || nav.url.includes("failed")) {
+          onError && onError(nav);
+        }
       }}
     />
   );