@tonder.io/rn-sdk 0.1.0-beta.DEV1355.1

package/package.json

@@ -0,0 +1,206 @@
+{
+  "name": "@tonder.io/rn-sdk",
+  "version": "0.1.0-beta.DEV1355.1",
+  "description": "Tonder react native sdk",
+  "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",
+    "react-native.config.json",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace @tonder.io/rn-sdk-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tonderio/rn-sdk.git"
+  },
+  "author": "Tonder <davidh@tonder.io> (https://)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tonderio/rn-sdk/issues"
+  },
+  "homepage": "https://github.com/tonderio/rn-sdk#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",
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "^12.8.1",
+    "@types/crypto-js": "^4.2.2",
+    "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.13",
+    "@types/react": "^18.2.44",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "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",
+    "jest-fetch-mock": "^3.0.3",
+    "prettier": "^3.0.3",
+    "react": "18.2.0",
+    "react-native": "0.74.5",
+    "react-native-builder-bob": "^0.30.3",
+    "release-it": "^15.0.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-webview": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@4.5.2",
+  "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": "library",
+    "version": "0.42.2"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "^2.0.0",
+    "crypto-js": "^4.2.0",
+    "lodash": "^4.17.21",
+    "lucide-react-native": "^0.456.0",
+    "openpay-react-native": "^2.0.10",
+    "patch-package": "^8.0.0",
+    "postinstall-postinstall": "^2.1.0",
+    "react-native-svg": "^15.9.0",
+    "react-native-webview": "^13.11.1",
+    "skyflow-react-native": "patch:skyflow-react-native@npm%3A1.7.0#~/.yarn/patches/skyflow-react-native-npm-1.7.0-0841655e49.patch"
+  }
+}

package/src/core/3DSHandler.ts

@@ -0,0 +1,140 @@
+import type {
+  ICheckoutResponse,
+  ISDKBaseConfig,
+  ITransaction,
+  IThreeDSHandler,
+} from '@types';
+import { ServiceManager } from '@infrastructure/ServiceManager';
+import TonderError from '@shared/utils/errors';
+import { ErrorKeyEnum } from '@shared/enum';
+
+export class ThreeDSHandler implements IThreeDSHandler {
+  protected readonly service: ServiceManager;
+  private payload?: ICheckoutResponse;
+  private readonly STORAGE_KEY = 'verify_transaction_status_url';
+  private onFinish: (response: ITransaction | TonderError) => Promise<void>;
+  emit3DS: (eventName: string, data: any) => void;
+  resumeCheckout: (checkoutId: string) => Promise<ICheckoutResponse>;
+  returnURL?: string;
+  constructor(
+    protected readonly config: ISDKBaseConfig,
+    service: ServiceManager,
+    emit3DS: (eventName: string, data: any) => void,
+    resumeCheckout: (checkoutId: string) => Promise<ICheckoutResponse>
+  ) {
+    this.service = service;
+    this.emit3DS = emit3DS;
+    this.resumeCheckout = resumeCheckout;
+    this.returnURL = config.returnURL;
+  }
+
+  public async verifyTransaction(): Promise<ITransaction> {
+    const verifyUrl = await this.service.storage.getItemWithExpires<string>(
+      this.STORAGE_KEY
+    );
+
+    try {
+      return await this.service.transaction.verifyTransactionStatus(verifyUrl!);
+    } catch (error) {
+      throw error;
+    }
+  }
+
+  public async handle3DS(
+    payload: ICheckoutResponse,
+    onFinish: (response: ITransaction | TonderError) => Promise<void>
+  ): Promise<ITransaction> {
+    try {
+      this.onFinish = onFinish;
+      await this.setPayload(payload);
+      // const iframe = this.payload?.next_action?.iframe_resources?.iframe;
+      // const threeDsChallenge = this.payload?.next_action?.three_ds_challenge;
+
+      // if (iframe) {
+      //   // TODO: PENDING IMPLEMENT FOR IFRAMES - LIKE WEB SDK - JOIN TO handleRedirect
+      //   await this.loadIframe();
+      //   return;
+      // } else if (threeDsChallenge) {
+      //   // TODO: PENDING IMPLEMENT FOR IFRAMES - LIKE WEB SDK - JOIN TO handleRedirect
+      //   await this.handle3dsChallenge();
+      //   return;
+      // } else {
+      //   return await this.handleRedirect();
+      // }
+
+      await this.saveVerifyTransactionUrl();
+      const url = this.getRedirectUrl();
+      const trx_response = await this.verifyTransaction();
+      if (!url) {
+        this.emit3DS('hide3DS', {});
+        await this.removeVerifyTransactionUrl();
+        await this.onFinish(trx_response!);
+        return trx_response;
+      }
+
+      this.emit3DS('show3DS', {
+        url,
+        returnURL: this.returnURL,
+        onComplete: async () => {
+          const response = await this.verifyTransaction();
+          const transaction_status = response?.transaction_status || '';
+          if (
+            response?.decline?.error_type === 'Hard' ||
+            response?.checkout.is_route_finished ||
+            ['Success', 'Authorized'].includes(transaction_status)
+          ) {
+            this.emit3DS('hide3DS', {});
+            await this.removeVerifyTransactionUrl();
+            await this.onFinish(response!);
+          } else {
+            try {
+              const retry_checkout = await this.resumeCheckout(
+                response?.checkout.id!
+              );
+              await this.handle3DS(retry_checkout, this.onFinish);
+            } catch (error) {
+              this.emit3DS('hide3DS', {});
+              await this.removeVerifyTransactionUrl();
+              await this.onFinish(error as TonderError);
+            }
+          }
+        },
+      });
+      return trx_response;
+    } catch (error) {
+      await this.removeVerifyTransactionUrl();
+      const err = new TonderError({
+        code: ErrorKeyEnum.THREEDS_REDIRECTION_ERROR,
+        details: error,
+      });
+      this.emit3DS('hide3DS', {});
+      await this.onFinish(err);
+      throw err;
+    }
+  }
+  private async setPayload(payload: ICheckoutResponse): Promise<void> {
+    this.payload = payload;
+  }
+
+  private getRedirectUrl(): string | undefined {
+    return this.payload?.next_action?.redirect_to_url?.url;
+  }
+  private async saveVerifyTransactionUrl(): Promise<void> {
+    const url =
+      this.payload?.next_action?.redirect_to_url
+        ?.verify_transaction_status_url ||
+      this.payload?.next_action?.iframe_resources
+        ?.verify_transaction_status_url;
+
+    if (url) {
+      await this.service.storage.setItem(this.STORAGE_KEY, url);
+    }
+  }
+
+  private async removeVerifyTransactionUrl(): Promise<void> {
+    await this.service.storage.removeItem(this.STORAGE_KEY);
+  }
+
+  private async loadIframe() {}
+  private async handle3dsChallenge() {}
+}