const createPayment = async (order_id: string) => {
try {
const token = await getCashFreeToken();
if (!token) return;
const session = new CFSession(token, order_id, CFEnvironment.SANDBOX);
const paymentMode = new CFPaymentComponentBuilder()
.add(CFPaymentModes.NB)
.add(CFPaymentModes.UPI)
.add(CFPaymentModes.EMI)
.add(CFPaymentModes.CARD)
.add(CFPaymentModes.PAYPAL)
.add(CFPaymentModes.WALLET)
.add(CFPaymentModes.PAY_LATER)
.build();
const theme = new CFThemeBuilder()
.setButtonTextColor(colors.white_one)
.setPrimaryTextColor(colors.black_one)
.setSecondaryTextColor(colors.gray_two)
.setButtonBackgroundColor(colors.black_five)
.setNavigationBarTextColor(colors.black_five)
.setNavigationBarBackgroundColor(colors.white_one)
.build();
const dropPayment = new CFDropCheckoutPayment(
session,
paymentMode,
null
// theme
);
CFPaymentGatewayService.doPayment(dropPayment);
} catch (error) {
console.error(error);
}
}
"dependencies": {
"@hookstate/core": "^3.0.13",
"@react-native-clipboard/clipboard": "^1.10.0",
"@react-native-community/blur": "^3.6.0",
"@react-native-community/geolocation": "^2.1.0",
"@react-native-community/netinfo": "^9.3.0",
"@react-navigation/bottom-tabs": "^6.2.0",
"@react-navigation/devtools": "^6.0.8",
"@react-navigation/native": "^6.0.8",
"@react-navigation/native-stack": "^6.5.2",
"@sentry/react-native": "^4.1.3",
"@types/react-native-global-props": "^1.1.1",
"axios": "^0.27.2",
"core-js": "^3.6.5",
"form-data": "^4.0.0",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"node-libs-react-native": "^1.2.1",
"phosphor-react-native": "^1.1.1",
"react": "18.0.0",
"react-dom": "18.0.0",
"react-native": "^0.67.2",
"react-native-camera": "^4.2.1",
"react-native-cashfree-pg-sdk": "^1.0.1",
"react-native-chart-kit": "^6.12.0",
"react-native-contacts": "^7.0.4",
"react-native-date-picker": "^4.2.2",
"react-native-draggable-flatlist": "^3.1.2",
"react-native-gesture-handler": "^2.5.0",
"react-native-global-font": "^1.0.3",
"react-native-global-props": "^1.1.5",
"react-native-image-picker": "^4.8.4",
"react-native-maps": "^0.31.1",
"react-native-paper": "^4.12.0",
"react-native-permissions": "^3.3.1",
"react-native-qrcode-scanner": "^1.5.5",
"react-native-reanimated": "^2.9.1",
"react-native-safe-area-context": "^4.2.4",
"react-native-screens": "^3.13.1",
"react-native-shadow-2": "^6.0.4",
"react-qr-code": "^2.0.7",
"react-query": "^3.39.0",
"react-router-dom": "^6.3.0",
"regenerator-runtime": "0.13.7",
"simple-socket-client": "github:Subhrajyotimodak/Simple-Socket-Client",
"tslib": "^2.0.0",
"url-search-params-polyfill": "^8.1.1"
},
"devDependencies": {
"@nrwl/cli": "13.9.5",
"@nrwl/detox": "13.9.5",
"@nrwl/eslint-plugin-nx": "13.9.5",
"@nrwl/jest": "13.9.5",
"@nrwl/linter": "13.9.5",
"@nrwl/react": "13.9.5",
"@nrwl/react-native": "13.9.5",
"@nrwl/web": "13.9.5",
"@nrwl/workspace": "13.9.5",
"@react-native-async-storage/async-storage": "1.16.1",
"@react-native-community/cli": "7.0.1",
"@react-native-community/cli-platform-android": "7.0.1",
"@react-native-community/cli-platform-ios": "7.0.1",
"@swc/core": "~1.2.143",
"@testing-library/jest-dom": "5.16.2",
"@testing-library/jest-native": "4.0.4",
"@testing-library/react": "12.1.4",
"@testing-library/react-hooks": "7.0.2",
"@testing-library/react-native": "9.0.0",
"@types/jest": "27.0.2",
"@types/lodash": "^4.14.182",
"@types/node": "^16.11.34",
"@types/react": "18.0.0",
"@types/react-dom": "18.0.0",
"@types/react-native": "0.67.2",
"@typescript-eslint/eslint-plugin": "~5.10.0",
"@typescript-eslint/parser": "~5.10.0",
"babel-jest": "27.2.3",
"babel-plugin-transform-remove-console": "^6.9.4",
"detox": "19.5.1",
"eslint": "~8.7.0",
"eslint-config-prettier": "8.1.0",
"eslint-plugin-import": "2.25.4",
"eslint-plugin-jsx-a11y": "6.5.1",
"eslint-plugin-react": "^7.29.3",
"eslint-plugin-react-hooks": "4.3.0",
"jest": "27.2.3",
"jest-circus": "27.2.3",
"jest-react-native": "18.0.0",
"metro": "0.69.0",
"metro-react-native-babel-preset": "0.69.0",
"metro-resolver": "0.69.0",
"nx": "13.9.5",
"prettier": "^2.5.1",
"react-native-config": "^1.4.5",
"react-native-flipper": "^0.155.0",
"react-native-svg": "12.3.0",
"react-native-svg-transformer": "1.0.0",
"react-test-renderer": "17.0.2",
"swc-loader": "0.1.15",
"ts-jest": "27.0.5",
"ts-transformer-keys": "^0.4.3",
"typescript": "^4.5.2"
}