@cashfreepayments/react-native-cashfree-cn-sdk 1.0.0-dev.0

package/package.json

@@ -0,0 +1,157 @@
+{
+  "name": "@cashfreepayments/react-native-cashfree-cn-sdk",
+  "version": "1.0.0-dev.0",
+  "description": "Cashfree PG Plugin for React Native",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "react-native-cashfree-cn-sdk.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "cashfree",
+    "react-native-android",
+    "react-native-ios",
+    "cashfree react-native sdk",
+    "react-native payment gateway",
+    "payment gateway",
+    "react-native-cashfree-cn-sdk"
+  ],
+  "repository": "https://github.com/cashfree/react-native-cashfree-cn-sdk",
+  "author": "cashfree-payments <developers@cashfree.com> (https://www.cashfree.com/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cashfree/react-native-cashfree-cn-sdk/issues"
+  },
+  "homepage": "https://docs.cashfree.com/docs/react-native-integration",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^11.0.0",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^2.0.0",
+    "@types/jest": "^26.0.0",
+    "@types/react": "^16.9.19",
+    "@types/react-native": "0.62.13",
+    "commitlint": "^11.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "husky": "^6.0.0",
+    "jest": "^26.0.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "16.13.1",
+    "react-native": "0.63.4",
+    "react-native-builder-bob": "^0.18.0",
+    "release-it": "^14.2.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "cashfree-pg-api-contract": "^2.0.7"
+    }
+}

package/react-native-cashfree-cn-sdk.podspec

@@ -0,0 +1,20 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-cashfree-cn-sdk"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "10.0" }
+  s.source       = { :git => "https://www.cashfree.com/.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+  s.dependency "CashfreePG", "2.0.19"
+end

package/src/Card/CFCardComponent.js

@@ -0,0 +1,238 @@
+import { TextInput } from 'react-native';
+import React, { forwardRef } from 'react';
+import { CFCardPayment, CFEnvironment, } from 'cashfree-pg-api-contract';
+import { CFPaymentGatewayService } from '../index';
+function luhnCheck(cardNumber) {
+    if (cardNumber.length === 0) {
+        return false;
+    }
+    cardNumber = cardNumber.replace(/\s/g, ''); // Remove spaces
+    let sum = 0;
+    let isAlternate = false;
+    for (let i = cardNumber.length - 1; i >= 0; i--) {
+        let digit = parseInt(cardNumber[i], 10);
+        if (isAlternate) {
+            digit *= 2;
+            if (digit > 9) {
+                digit -= 9;
+            }
+        }
+        sum += digit;
+        isAlternate = !isAlternate;
+    }
+    return sum % 10 === 0;
+}
+function getInputValidationDetails(cardBinResponse) {
+    if (!cardBinResponse || !cardBinResponse.scheme) {
+        return null;
+    }
+    let schemeType = cardBinResponse.scheme.toLowerCase();
+    let inputValidationDetails;
+    switch (schemeType) {
+        case 'amex':
+            inputValidationDetails = { max_input_length: 15, cvv_length: 4 };
+            break;
+        case 'diners':
+            inputValidationDetails = { max_input_length: 14, cvv_length: 3 };
+            break;
+        default: // Covers visa, mastercard, rupay, jcb, discover, and unknown schemes
+            inputValidationDetails = { max_input_length: 16, cvv_length: 3 };
+    }
+    return inputValidationDetails;
+}
+/**
+ * Fetching Tdr info with card bin data & cfSession object
+ * @param session :  for payment sessionId & env
+ * @param bin : for card number
+ */
+async function getTDR(session, bin) {
+    const route = `/pg/sdk/js/${session.payment_session_id}/v2/tdr`;
+    const body = JSON.stringify({ code: bin, code_type: 'bin' });
+    return await getInfo(session.environment, route, body);
+}
+/**
+ * Fetching CardBin info with card bin data & cfSession object
+ * @param session :  for payment sessionId & env
+ * @param bin : for card number
+ */
+async function getCardBin(session, bin) {
+    const route = `/pg/sdk/js/${session.payment_session_id}/cardBin`;
+    const body = JSON.stringify({ card_number: bin });
+    return await getInfo(session.environment, route, body);
+}
+async function getInfo(env, route, bodyData) {
+    let baseUrl = 'https://api.cashfree.com';
+    if (env === CFEnvironment.SANDBOX) {
+        baseUrl = 'https://sandbox.cashfree.com';
+    }
+    const url = baseUrl + route;
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: bodyData,
+        });
+        if (!response.ok) {
+            return null;
+        }
+        return await response.json();
+    }
+    catch (error) {
+        return null;
+    }
+}
+const CardInput = forwardRef(({ cfSession, cardListener, style, ...props }, ref) => {
+    const [inputNumber, setInputNumber] = React.useState('');
+    const inputNumberRef = React.useRef('');
+    const sessionRef = React.useRef(cfSession);
+    React.useImperativeHandle(ref, () => ({
+        doPayment,
+        doPaymentWithPaymentSessionId,
+    }));
+    const tdrJsonRef = React.useRef(null);
+    const cardBinJsonRef = React.useRef(null);
+    const firstEightDigitsRef = React.useRef('');
+    const handleChange = React.useCallback(async (cardNumber) => {
+        let completeResponse = {};
+        const textWithoutSpaces = cardNumber.replaceAll(' ', '');
+        if (textWithoutSpaces.length === 0)
+            setInputNumber('');
+        let formattedText = '';
+        /**
+         * Code to format card input number & set to input box
+         */
+        for (let i = 0; i < textWithoutSpaces.length; i += 4) {
+            let end = i + 4;
+            if (end > textWithoutSpaces.length) {
+                end = textWithoutSpaces.length;
+            }
+            formattedText += textWithoutSpaces.substring(i, end);
+            if (end !== textWithoutSpaces.length) {
+                formattedText += ' ';
+            }
+            inputNumberRef.current = formattedText;
+            setInputNumber((prev) => prev === formattedText ? prev : formattedText);
+        }
+        let tdrResponse = null;
+        let cardBinResponse = null;
+        /**
+         * Fetch Tdr & CardBin data & set to local variable
+         */
+        async function fetchDataAndSet() {
+            await getTDR(cfSession, textWithoutSpaces)
+                .then((response) => {
+                tdrResponse = response;
+                firstEightDigitsRef.current = textWithoutSpaces.substring(0, 8);
+            })
+                .catch(() => {
+                tdrResponse = null;
+            });
+            await getCardBin(cfSession, textWithoutSpaces)
+                .then((response) => {
+                cardBinResponse = response;
+                firstEightDigitsRef.current = textWithoutSpaces.substring(0, 8);
+            })
+                .catch(() => {
+                cardBinResponse = null;
+            });
+            if (tdrResponse) {
+                tdrJsonRef.current = tdrResponse;
+                completeResponse.tdr_info = tdrJsonRef.current;
+            }
+            if (cardBinResponse) {
+                cardBinJsonRef.current = cardBinResponse;
+                completeResponse.card_bin_info = cardBinJsonRef.current;
+                completeResponse.input_validation = getInputValidationDetails(cardBinJsonRef.current);
+            }
+        }
+        if (textWithoutSpaces.length === 8) {
+            await fetchDataAndSet();
+        }
+        else if (textWithoutSpaces.length > 8) {
+            if (firstEightDigitsRef.current === textWithoutSpaces.substring(0, 8)) {
+                completeResponse.tdr_info = tdrJsonRef.current;
+                completeResponse.card_bin_info = cardBinJsonRef.current;
+                completeResponse.input_validation = getInputValidationDetails(cardBinJsonRef.current);
+            }
+            else {
+                tdrJsonRef.current = null;
+                cardBinJsonRef.current = null;
+                await fetchDataAndSet();
+            }
+        }
+        if (textWithoutSpaces.length < 8) {
+            tdrJsonRef.current = null;
+            cardBinJsonRef.current = null;
+            firstEightDigitsRef.current = '';
+        }
+        if (cardBinJsonRef.current !== null) {
+            completeResponse.card_network = cardBinJsonRef.current.scheme;
+        }
+        let luhnStatus = luhnCheck(textWithoutSpaces);
+        if (luhnStatus) {
+            completeResponse.luhn_check_info = 'SUCCESS';
+            if (textWithoutSpaces && textWithoutSpaces.length > 4) {
+                completeResponse.last_four_digit = textWithoutSpaces.substring(textWithoutSpaces.length - 4);
+            }
+        }
+        else {
+            completeResponse.luhn_check_info = 'FAIL';
+        }
+        completeResponse.card_length = textWithoutSpaces.length;
+        return cardListener(JSON.stringify(completeResponse));
+    }, [cfSession, cardListener]);
+    const doPayment = (cardInfo) => {
+        try {
+            let cfCardNumber = inputNumberRef.current;
+            cardInfo.cardNumber = cfCardNumber.replaceAll(' ', '');
+            const cardPayment = new CFCardPayment(sessionRef.current, cardInfo);
+            CFPaymentGatewayService.makePayment(cardPayment, "https://65da-163-116-214-55.ngrok-free.app");
+        }
+        catch (e) {
+            console.log(e.message);
+        }
+    };
+    const doPaymentWithPaymentSessionId = (cardInfo, session) => {
+        try {
+            sessionRef.current = session;
+            doPayment(cardInfo);
+        }
+        catch (e) {
+            console.log(e.message);
+        }
+    };
+    const handleSubmitEditingEvent = (event) => {
+        const newEvent = { ...event };
+        delete newEvent.nativeEvent.text;
+        if (onSubmitEditing) {
+            onSubmitEditing(newEvent);
+        }
+    };
+    const handleEndEditingEvent = (event) => {
+        const newEvent = { ...event };
+        delete newEvent.nativeEvent.text;
+        if (onEndEditing) {
+            onEndEditing(newEvent);
+        }
+    };
+    const handleFocusEvent = (event) => {
+        const newEvent = { ...event };
+        delete newEvent.nativeEvent.text;
+        if (onFocus) {
+            onFocus(newEvent);
+        }
+    };
+    const handleBlurEvent = (event) => {
+        const newEvent = { ...event };
+        delete newEvent.nativeEvent.text;
+        if (onBlur) {
+            onBlur(newEvent);
+        }
+    };
+    const InputComponent = TextInput;
+    const { onChangeText, onChange, onSubmitEditing, onEndEditing, onFocus, onBlur, ...otherProps } = props;
+    return (React.createElement(InputComponent, { keyboardType: "numeric", inputMode: 'numeric', value: inputNumber, onChangeText: handleChange, onSubmitEditing: handleSubmitEditingEvent, onEndEditing: handleEndEditingEvent, onFocus: handleFocusEvent, onBlur: handleBlurEvent, style: style, ...otherProps }));
+});
+export default CardInput;