@dev_innovations_labs/phonepe-pg-sdk 1.0.0 → 1.0.2

package/rollup.config.js

@@ -1,26 +1,43 @@
+
 import typescript from "rollup-plugin-typescript2";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
 
 export default [
-    {
-        input: "src/index.ts",
-        output: [
-            { file: "dist/index.js", format: "cjs" },
-            { file: "dist/index.esm.js", format: "esm" }
-        ],
-        plugins: [typescript()],
-        external: ["axios", "uuid", "react", "react/jsx-runtime", "react-native", "react-native-webview"]
-    },
-    {
-        input: "src/native.ts",
-        output: [
-            { file: "dist/native.js", format: "cjs" },
-            { file: "dist/native.esm.js", format: "esm" }
-        ],
-        plugins: [typescript()],
-        external: [
-            "react",
-            "react-native",
-            "react-native-webview"
-        ]
-    }
+  {
+    input: "src/index.ts",
+    output: [{ file: "dist/index.esm.js", format: "esm" }],
+    plugins: [
+      resolve({ extensions: [".ts", ".tsx"] }),
+      commonjs(),
+      typescript({
+        clean: true,
+        tsconfigOverride: {
+          compilerOptions: {
+            jsx: "react-jsx",
+            jsxImportSource: "react"
+          }
+        }
+      })
+    ],
+    external: ["react","react/jsx-runtime","axios","uuid"]
+  },
+  {
+    input: "src/native.ts",
+    output: [{ file: "dist/native.esm.js", format: "esm" }],
+    plugins: [
+      resolve({ extensions: [".ts", ".tsx"] }),
+      commonjs(),
+      typescript({
+        clean: true,
+        tsconfigOverride: {
+          compilerOptions: {
+            jsx: "react-jsx",
+            jsxImportSource: "react"
+          }
+        }
+      })
+    ],
+    external: ["react","react-native","react-native-webview"]
+  }
 ];

package/src/PhonePeNode.ts

@@ -1,3 +1,4 @@
+
 import axios from "axios";
 import { v4 as uuidv4 } from "uuid";
 import { PhonePeCredentials, PhonePePaymentInit } from "./types";
@@ -12,8 +13,7 @@ export class PhonePeNode {
   }
 
   private get urls() {
-    const env = normalizeEnvironment(this.creds.environment);
-    return PhonePeUrls[env];
+    return PhonePeUrls[normalizeEnvironment(this.creds.environment)];
   }
 
   async getToken() {
@@ -25,7 +25,7 @@ export class PhonePeNode {
     });
 
     const res = await axios.post(this.urls.token, body, {
-      headers: { "Content-Type": "application/x-www-form-urlencoded" },
+      headers: { "Content-Type": "application/x-www-form-urlencoded" }
     });
 
     return res.data.access_token;
@@ -35,21 +35,15 @@ export class PhonePeNode {
     const token = await this.getToken();
 
     const payload = {
-      merchantId: data.merchantId,
+      ...data,
       merchantOrderId: uuidv4(),
-      merchantTransactionId: uuidv4(),
-      amount: data.amount,
-      mobileNumber: data.mobileNumber,
-      redirectUrl: data.redirectUrl,
-      callbackUrl: data.callbackUrl,
-      deviceContext: data.deviceContext,
-      paymentScope: data.paymentScope,
+      merchantTransactionId: uuidv4()
     };
 
     const res = await axios.post(this.urls.pay, payload, {
       headers: {
         "Content-Type": "application/json",
-        Authorization: `O-Bearer ${token}`,
+        Authorization: `O-Bearer ${token}`
       }
     });
 
@@ -59,15 +53,16 @@ export class PhonePeNode {
   async getStatus(merchantId: string, merchantOrderId: string) {
     const token = await this.getToken();
 
-    const res = await axios.post(this.urls.status, {
-      merchantId,
-      merchantOrderId
-    }, {
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `O-Bearer ${token}`,
+    const res = await axios.post(
+      this.urls.status,
+      { merchantId, merchantOrderId },
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `O-Bearer ${token}`
+        }
       }
-    });
+    );
 
     return res.data;
   }

package/src/PhonePeReact.tsx

@@ -1,38 +1,30 @@
-import React, { useEffect } from "react";
+
+import { useEffect } from "react";
 import { v4 as uuidv4 } from "uuid";
-import { PhonePeCredentials, PhonePePaymentInit } from "./types";
+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: (data: any) => void;
-  onError: (err: any) => void;
+  onSuccess: (d:any) => void;
+  onError: (e:any) => void;
 }
 
-export const PhonePeCheckoutWeb: React.FC<Props> = ({
-  environment,
+export const PhonePeCheckoutWeb = ({
   clientId,
   clientSecret,
+  environment,
   request,
   onSuccess,
   onError
-}) => {
-
-  const env = normalizeEnvironment(environment);
-  const urls = PhonePeUrls[env];
-
-  if (!urls) {
-    onError(`Invalid environment: ${environment}`);
-    return;
-  }
+}: Props) => {
 
+  const urls = PhonePeUrls[normalizeEnvironment(environment)];
 
   useEffect(() => {
     const script = document.createElement("script");
@@ -41,6 +33,7 @@ export const PhonePeCheckoutWeb: React.FC<Props> = ({
     document.body.appendChild(script);
 
     script.onload = () => init();
+    return () => document.body.removeChild(script);
   }, []);
 
   const init = async () => {
@@ -64,7 +57,7 @@ export const PhonePeCheckoutWeb: React.FC<Props> = ({
         merchantTransactionId: uuidv4()
       };
 
-      const payResp = await fetch(urls.pay, {
+      const resp = await fetch(urls.pay, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -73,12 +66,12 @@ export const PhonePeCheckoutWeb: React.FC<Props> = ({
         body: JSON.stringify(payload)
       });
 
-      const payData = await payResp.json();
+      const data = await resp.json();
 
       window.PhonePeCheckout.transact({
-        tokenUrl: payData.redirectUrl,
+        tokenUrl: data.redirectUrl,
         type: "IFRAME",
-        callback: () => onSuccess(payData)
+        callback: () => onSuccess(data)
       });
     } catch (err) {
       onError(err);

package/src/PhonePeReactNative.tsx

@@ -1,36 +1,30 @@
-import React, { useState, useEffect } from "react";
+
+import { useEffect, useState } from "react";
 import { WebView } from "react-native-webview";
-import { v4 } from "uuid";
+import { v4 as uuidv4 } from "uuid";
+import { PhonePePaymentInit, PhonePeCredentials } from "./types";
 import { PhonePeUrls } from "./env";
-import { PhonePeCredentials, PhonePePaymentInit } from "./types";
 import { normalizeEnvironment } from "./utils";
 
 interface Props extends PhonePeCredentials {
   request: PhonePePaymentInit;
-  onSuccess: (data: any) => void;
-  onError: (err: any) => void;
+  onSuccess: (d:any) => void;
+  onError: (e:any) => void;
 }
 
-export const PhonePeCheckoutNative: React.FC<Props> = ({
+export const PhonePeCheckoutNative = ({
   clientId,
   clientSecret,
   environment,
   request,
   onSuccess,
   onError
-}) => {
-  const [url, setUrl] = useState<string>();
-  const env = normalizeEnvironment(environment);
-  const urls = PhonePeUrls[env];
+}: Props) => {
 
-  if (!urls) {
-    onError(`Invalid environment: ${environment}`);
-    return;
-  }
+  const urls = PhonePeUrls[normalizeEnvironment(environment)];
+  const [url, setUrl] = useState<string>();
 
-  useEffect(() => {
-    init();
-  }, []);
+  useEffect(() => { init(); }, []);
 
   const init = async () => {
     try {
@@ -44,12 +38,13 @@ export const PhonePeCheckoutNative: React.FC<Props> = ({
           client_version: "1"
         })
       });
+
       const token = (await tokenResp.json()).access_token;
 
       const payload = {
         ...request,
-        merchantOrderId: v4(),
-        merchantTransactionId: v4()
+        merchantOrderId: uuidv4(),
+        merchantTransactionId: uuidv4()
       };
 
       const payResp = await fetch(urls.pay, {
@@ -61,21 +56,22 @@ export const PhonePeCheckoutNative: React.FC<Props> = ({
         body: JSON.stringify(payload)
       });
 
-      const { redirectUrl } = await payResp.json();
-      setUrl(redirectUrl);
+      const data = await payResp.json();
+      setUrl(data.redirectUrl);
+
     } catch (err) {
       onError(err);
     }
   };
 
-  return url ? (
+  if (!url) return null;
+
+  return (
     <WebView
       source={{ uri: url }}
-      onNavigationStateChange={(nav) => {
-        if (nav.url.includes("callback")) {
-          onSuccess(nav);
-        }
+      onNavigationStateChange={nav => {
+        if (nav.url.includes("callback")) onSuccess(nav);
       }}
     />
-  ) : null;
+  );
 };

package/src/env.ts

@@ -1,15 +1,15 @@
+
 export 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",
+    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",
+    script: "https://mercury.phonepe.com/web/bundle/checkout.js"
   }
 };

package/src/index.ts

@@ -1,3 +1,4 @@
+
 export * from "./PhonePeNode";
 export * from "./PhonePeReact";
 export * from "./types";

package/src/native.ts

@@ -1 +1,2 @@
+
 export * from "./PhonePeReactNative";

package/src/types/react-native-webview.d.ts

@@ -1,4 +1 @@
-declare module "react-native-webview" {
-  import { ComponentType } from "react";
-  export const WebView: ComponentType<any>;
-}
+declare module "react-native-webview";

package/src/types.ts

@@ -1,9 +1,8 @@
-export type PhonePeEnvironment = "Production" | "Sandbox";
 
 export interface PhonePeCredentials {
   clientId: string;
   clientSecret: string;
-  environment: PhonePeEnvironment;
+  environment: string;
 }
 
 export interface PhonePePaymentInit {

package/src/utils.ts

@@ -1,12 +1,7 @@
-import { PhonePeEnvironment } from "./types";
 
-export function normalizeEnvironment(env: PhonePeEnvironment): "production" | "sandbox" {
+export function normalizeEnvironment(env: string): "production" | "sandbox" {
   const e = String(env).toLowerCase().trim();
-
   if (e === "production" || e === "prod") return "production";
   if (e === "sandbox") return "sandbox";
-
-  throw new Error(
-    `Invalid environment "${env}". Expected "Production" or "Sandbox".`
-  );
+  throw new Error(`Invalid environment: ${env}`);
 }

package/tsconfig.json

@@ -2,13 +2,16 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "ESNext",
-    "declaration": true,
     "jsx": "react-jsx",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
+    "jsxImportSource": "react",
+    "declaration": true,
     "skipLibCheck": true,
     "moduleResolution": "Node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
     "outDir": "dist"
   },
-  "include": ["src"]
-}
+  "include": [
+    "src"
+  ]
+}

package/dist/index.js

@@ -1,142 +0,0 @@
-'use strict';
-
-var axios = require('axios');
-var uuid = require('uuid');
-var react = require('react');
-
-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}". Expected "Production" or "Sandbox".`);
-}
-
-class PhonePeNode {
-    constructor(creds) {
-        this.creds = creds;
-    }
-    get urls() {
-        const env = normalizeEnvironment(this.creds.environment);
-        return PhonePeUrls[env];
-    }
-    async getToken() {
-        const body = new URLSearchParams({
-            client_id: this.creds.clientId,
-            client_secret: this.creds.clientSecret,
-            grant_type: "client_credentials",
-            client_version: "1"
-        });
-        const res = await axios.post(this.urls.token, body, {
-            headers: { "Content-Type": "application/x-www-form-urlencoded" },
-        });
-        return res.data.access_token;
-    }
-    async createPayment(data) {
-        const token = await this.getToken();
-        const payload = {
-            merchantId: data.merchantId,
-            merchantOrderId: uuid.v4(),
-            merchantTransactionId: uuid.v4(),
-            amount: data.amount,
-            mobileNumber: data.mobileNumber,
-            redirectUrl: data.redirectUrl,
-            callbackUrl: data.callbackUrl,
-            deviceContext: data.deviceContext,
-            paymentScope: data.paymentScope,
-        };
-        const res = await axios.post(this.urls.pay, payload, {
-            headers: {
-                "Content-Type": "application/json",
-                Authorization: `O-Bearer ${token}`,
-            }
-        });
-        return res.data;
-    }
-    async getStatus(merchantId, merchantOrderId) {
-        const token = await this.getToken();
-        const res = await axios.post(this.urls.status, {
-            merchantId,
-            merchantOrderId
-        }, {
-            headers: {
-                "Content-Type": "application/json",
-                Authorization: `O-Bearer ${token}`,
-            }
-        });
-        return res.data;
-    }
-}
-
-const PhonePeCheckoutWeb = ({ environment, clientId, clientSecret, request, onSuccess, onError }) => {
-    const env = normalizeEnvironment(environment);
-    const urls = PhonePeUrls[env];
-    if (!urls) {
-        onError(`Invalid environment: ${environment}`);
-        return;
-    }
-    react.useEffect(() => {
-        const script = document.createElement("script");
-        script.src = urls.script;
-        script.async = true;
-        document.body.appendChild(script);
-        script.onload = () => 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: uuid.v4(),
-                merchantTransactionId: uuid.v4()
-            };
-            const payResp = await fetch(urls.pay, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                    Authorization: `O-Bearer ${token}`
-                },
-                body: JSON.stringify(payload)
-            });
-            const payData = await payResp.json();
-            window.PhonePeCheckout.transact({
-                tokenUrl: payData.redirectUrl,
-                type: "IFRAME",
-                callback: () => onSuccess(payData)
-            });
-        }
-        catch (err) {
-            onError(err);
-        }
-    };
-    return null;
-};
-
-exports.PhonePeCheckoutWeb = PhonePeCheckoutWeb;
-exports.PhonePeNode = PhonePeNode;

package/dist/native.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var reactNativeWebview = require('react-native-webview');
-var uuid = require('uuid');
-
-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}". Expected "Production" or "Sandbox".`);
-}
-
-const PhonePeCheckoutNative = ({ clientId, clientSecret, environment, request, onSuccess, onError }) => {
-    const [url, setUrl] = react.useState();
-    const env = normalizeEnvironment(environment);
-    const urls = PhonePeUrls[env];
-    if (!urls) {
-        onError(`Invalid environment: ${environment}`);
-        return;
-    }
-    react.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: uuid.v4(),
-                merchantTransactionId: uuid.v4()
-            };
-            const payResp = await fetch(urls.pay, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                    Authorization: `O-Bearer ${token}`
-                },
-                body: JSON.stringify(payload)
-            });
-            const { redirectUrl } = await payResp.json();
-            setUrl(redirectUrl);
-        }
-        catch (err) {
-            onError(err);
-        }
-    };
-    return url ? (jsxRuntime.jsx(reactNativeWebview.WebView, { source: { uri: url }, onNavigationStateChange: (nav) => {
-            if (nav.url.includes("callback")) {
-                onSuccess(nav);
-            }
-        } })) : null;
-};
-
-exports.PhonePeCheckoutNative = PhonePeCheckoutNative;