skipcash-reactnative 0.0.2

package/package.json

@@ -0,0 +1,187 @@
+{
+  "name": "skipcash-reactnative",
+  "version": "0.0.2",
+  "description": "integrate skipcash in react native app.",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace skipcash-reactnative-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SkipCash/skipcash-reactnative.git"
+  },
+  "author": "SkipCash <support@skipcash.com> (https://skipcash.app/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/SkipCash/skipcash-reactnative/issues"
+  },
+  "homepage": "https://github.com/SkipCash/skipcash-reactnative#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.75.2",
+    "react-native-builder-bob": "^0.30.0",
+    "release-it": "^15.0.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "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",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "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",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "module-legacy",
+    "languages": "kotlin-swift",
+    "version": "0.41.0"
+  }
+}

package/skipcash-reactnative.podspec

@@ -0,0 +1,43 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "skipcash-reactnative"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/SkipCash/skipcash-reactnative.git", :tag => "#{s.version}" }
+
+  s.source_files        = "ios/**/*.{h,m,mm,swift,xcframework}"
+  # s.frameworks          = 'SkipCashSDK'
+  # s.vendored_frameworks = 'ios/Frameworks/SkipCashSDK.xcframework'
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end

package/src/index.tsx

@@ -0,0 +1,445 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+  `The package 'skipcash-reactnative' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+export const SkipcashReactnative = NativeModules.SkipcashReactnative
+  ? NativeModules.SkipcashReactnative
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
+export function isWalletHasCards(): Promise<boolean> {
+  if(Platform.OS === 'ios'){
+    return SkipcashReactnative.isWalletHasCards();
+  }else{
+    console.log(`Method is not implemented for ${Platform.OS} `)
+    return Promise.reject(new Error(`Method is not implemented for ${Platform.OS}`))
+  }
+}
+
+export function setupNewCard(){
+  if(Platform.OS === 'ios'){
+    SkipcashReactnative.setupNewCard();
+  }else{
+    console.log(`Method is not implemented for ${Platform.OS} `)
+  }
+}
+
+export function initiateApplePay(paymentData: string){
+  if(Platform.OS === 'ios'){
+    SkipcashReactnative.initiateApplePay(paymentData);
+  }else{
+    console.log(`Method is not implemented for ${Platform.OS} `)
+  }
+}
+
+
+export function initiatePaymentModel(paymentData: PaymentData){
+  
+  if (Platform.OS === 'android') {
+    
+    const _paymentData_ = {
+      "authorizationHeader": paymentData.getAuthorizationHeader(),
+      "createPaymentEndpoint": paymentData.getPaymentLinkEndPoint(),
+      "returnURL": paymentData.getReturnUrl(),
+      "paymentData": {
+        "amount": paymentData.getAmount(),
+        "firstName": paymentData.getFirstName(),
+        "lastName": paymentData.getLastName(),
+        "phone": paymentData.getPhone(),
+        "email": paymentData.getEmail(),
+        "transactionId": paymentData.getTransactionId(),
+        "webhookUrl": paymentData.getWebhookUrl(),
+        "custom1": paymentData.getCustom1(),
+        "custom2": paymentData.getCustom2(),
+        "custom3": paymentData.getCustom3(),
+        "custom4": paymentData.getCustom4(),
+        "custom5": paymentData.getCustom5(),
+        "custom6": paymentData.getCustom6(),
+        "custom7": paymentData.getCustom7(),
+        "custom8": paymentData.getCustom8(),
+        "custom9": paymentData.getCustom9(),
+        "custom10": paymentData.getCustom10(),
+        "description": paymentData.getDescription(),
+        "subject": paymentData.getSubject(),
+        "merchantName": paymentData.getMerchantName(),
+        "headerBackgroundColour": paymentData.getHeaderBackgroundColour(),
+        "paymentModalTitle": paymentData.getPaymentModalTitle(),
+        "headerTitleColour": paymentData.getHeaderTitleColour(),
+        "cancelColour": paymentData.getCancelBtnColour()
+      }
+    }
+    const paymentData_string = JSON.stringify(_paymentData_);
+    SkipcashReactnative.initiatePaymentModel(paymentData_string);
+  }else if (Platform.OS === 'ios'){
+    const paymentData_string = JSON.stringify(paymentData);
+    SkipcashReactnative.initiatePaymentModel(paymentData_string);
+  }else{
+    console.log(`Method is not implemented for ${Platform.OS} `)
+  }
+}
+
+export interface PaymentDataInerface {
+  [key: string]: any;
+  summaryItems: { [key: string]: string };
+}
+
+export class PaymentData implements PaymentDataInerface {
+  private merchantIdentifier: string = '';
+  private countryCode: string = 'QA';
+  private currencyCode: string = 'QAR';
+  private createPaymentLinkEndPoint: string = '';
+  private authorizationHeader: string = '';
+  private firstName: string = '';
+  private lastName: string = '';
+  private amount: string = '';
+  private phone: string = '';
+  private email: string = '';
+  private transactionId: string = '';
+  private webhookUrl: string = '';
+
+  private returnUrl: string = '';
+  private custom1: string = '';
+  private custom2: string = '';
+  private custom3: string = '';
+  private custom4: string = '';
+  private custom5: string = '';
+  private custom6: string = '';
+  private custom7: string = '';
+  private custom8: string = '';
+  private custom9: string = '';
+  private custom10: string = '';
+  private subject: string = '';
+  private description: string = '';
+  private paymentModalTitle: string = '';
+  private headerBackgroundColour: string = '#FFFFFF'; // android
+  private headerTitleColour: string = '#000000'; // android
+  private cancelColour: string = "#000000"; // android
+
+  private merchantName: string = "You're Business Name";
+
+  summaryItems: {[key: string]: string} = {};
+
+  getCurrencyCode(): string{
+    return this.currencyCode;
+  }
+
+  getCountryCode(): string{
+    return this.countryCode;
+  }
+
+  setSummaryItem(item: string, amount: string){
+    this.summaryItems[`${item}`] = amount;
+  }
+
+  getSummaryItem(item: string): any{
+    return this.summaryItems[item];
+  }
+
+  getAllSummaryItems(): any{
+    return this.summaryItems;
+  }
+
+  clearSummaryItems(){
+    this.summaryItems = {};
+  }
+
+  setMerchantIdentifier(mid: string){
+    this.merchantIdentifier = mid;
+  }
+
+  getMerchantIdentifier(): string{
+    return this.merchantIdentifier;
+  }
+
+  setPaymentLinkEndPoint(ple: string){
+    this.createPaymentLinkEndPoint = ple;
+  }
+
+  getPaymentLinkEndPoint(): string{
+    return this.createPaymentLinkEndPoint;
+  }
+
+  setAuthorizationHeader(authH: string){
+    this.authorizationHeader = authH;
+  }
+
+  getAuthorizationHeader(): string {
+    return this.authorizationHeader;
+  }
+
+  setFirstName(fname: string){
+    this.firstName = fname;
+  }
+
+  getFirstName(): string {
+    return this.firstName;
+  }
+
+  setLastName(lname: string){
+    this.lastName = lname;
+  }
+
+  getLastName(): string{
+    return this.lastName;
+  }
+
+  setAmount(am: string){
+    this.amount = am;
+  }
+
+  getAmount(): string{
+    return this.amount;
+  }
+
+  setPhone(p: string){
+    this.phone = p;
+  }
+
+  getPhone(): string{
+    return this.phone;
+  }
+
+  setEmail(e: string){
+    this.email = e;
+  }
+
+  getEmail(): string{
+    return this.email;
+  }
+
+  setTransactionId(t: string){
+    this.transactionId = t;
+  }
+
+  getTransactionId(){
+    return this.transactionId;
+  }
+
+  setWebhookUrl(wh: string){
+    this.webhookUrl = wh;
+  }
+
+  getWebhookUrl(){
+    return this.webhookUrl;
+  }
+
+  setCustom1(c: string){
+    this.custom1 = c;
+  }
+
+  getCustom1(){
+    return this.custom1;
+  }
+
+  setCustom2(c: string){
+    this.custom2 = c;
+  }
+
+  getCustom2(){
+    return this.custom2;
+  }
+
+  setCustom3(c: string){
+    this.custom3 = c;
+  }
+
+  getCustom3(){
+    return this.custom3;
+  }
+
+  setCustom4(c: string){
+    this.custom4 = c;
+  }
+
+  getCustom4(){
+    return this.custom4;
+  }
+
+  setCustom5(c: string){
+    this.custom5 = c;
+  }
+
+  getCustom5(){
+    return this.custom5;
+  }
+
+  setCustom6(c: string){
+    this.custom6 = c;
+  }
+
+  getCustom6(){
+    return this.custom6;
+  }
+
+  setCustom7(c: string){
+    this.custom7 = c;
+  }
+
+  getCustom7(){
+    return this.custom7;
+  }
+
+  setCustom8(c: string){
+    this.custom8 = c;
+  }
+
+  getCustom8(){
+    return this.custom8;
+  }
+
+  setCustom9(c: string){
+    this.custom9 = c;
+  }
+
+  getCustom9(){
+    return this.custom9;
+  }
+
+  setCustom10(c: string){
+    this.custom10 = c;
+  }
+
+  getCustom10(){
+    return this.custom10;
+  }
+
+  setSubject(sub: string){
+    this.subject = sub;
+  }
+
+  getSubject(){
+    return this.subject;
+  }
+
+  setDescription(des: string){
+    this.description = des;
+  }
+
+  getDescription(){
+    return this.description;
+  }
+  
+  setPaymentModalTitle(title: string){
+    this.paymentModalTitle = title;
+  }
+
+  getPaymentModalTitle(){
+    return this.paymentModalTitle;
+  }
+
+  setReturnUrl(url: string){
+    this.returnUrl = url
+  }
+
+  getReturnUrl(){
+    return this.returnUrl;
+  }
+
+  setHeaderBackgroundColour(hbg: string){
+    this.headerBackgroundColour = hbg;
+  }
+
+  getHeaderBackgroundColour(){
+    return this.headerBackgroundColour;
+  }
+
+  setHeaderTitleColour(htc: string){
+    this.headerTitleColour = htc;
+  }
+
+  getHeaderTitleColour(){
+    return this.headerTitleColour;
+  }
+
+  setCancelBtnColour(cbc: string){
+    this.cancelColour = cbc;
+  }
+
+  getCancelBtnColour(){
+    return this.cancelColour;
+  }
+
+  setMerchantName(mn: string){
+    this.merchantName = mn;
+  }
+
+  getMerchantName(){
+    return this.merchantName;
+  }
+
+}
+
+export class PaymentResponse {
+  transactionId: String;
+  paymentId: String;
+  isSuccess: Boolean;
+  token: String;
+  returnCode: number;
+  errorMessage: String;
+
+  constructor(transactionId: String, paymentId: String, isSuccess: Boolean, token: String, returnCode: number, errorMessage: String) {
+    this.transactionId = transactionId;
+    this.paymentId = paymentId;
+    this.isSuccess = isSuccess;
+    this.token = token;
+    this.returnCode = returnCode;
+    this.errorMessage = errorMessage;
+  }
+
+  static fromJson(json: any) {
+    const { transactionId, paymentId, isSuccess, token, returnCode, errorMessage } = json;
+    return new PaymentResponse(transactionId, paymentId, isSuccess, token, returnCode, errorMessage);
+  }
+
+  toJson() {
+    return {
+      paymentId: this.paymentId,
+      isSuccess: this.isSuccess,
+      token: this.token,
+      returnCode: this.returnCode,
+      errorMessage: this.errorMessage,
+    };
+  }
+}
+
+
+export class scPaymentResponse {
+  id: String;
+  statusId: String;
+  status: String;
+  transId: String;
+  custom1: String;
+
+  constructor(id: String, statusId: String, status: String, transId: String, custom1: String) {
+    this.id       = id;
+    this.statusId = statusId;
+    this.status   = status;
+    this.transId  = transId;
+    this.custom1  = custom1;
+  }
+
+  static fromJson(json: any) {
+    const { id, statusId, status, transId, custom1 } = json;
+    return new scPaymentResponse(id, statusId, status, transId, custom1);
+  }
+
+  toJson() {
+    return {
+      id: this.id,
+      statusId: this.statusId,
+      status: this.status,
+      transId: this.transId,
+      custom1: this.custom1
+    };
+  }
+}