react-native-payengine 1.0.5

package/lib/typescript/components/SecureFields/VGS/TextField.d.ts

@@ -0,0 +1,14 @@
+import { PureComponent } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface TextFieldProps {
+    name?: string;
+    placeholder?: string;
+    maxLength?: number;
+    pattern?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare class TextField extends PureComponent<TextFieldProps> {
+    constructor(props: TextFieldProps);
+    render(): JSX.Element;
+}
+export default TextField;

package/lib/typescript/components/SecureFields/VGS/ZipCodeField.d.ts

@@ -0,0 +1,10 @@
+import { PureComponent } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface ZipCodeFieldProps {
+    placeholder?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare class ZipCodeField extends PureComponent<ZipCodeFieldProps> {
+    render(): JSX.Element;
+}
+export default ZipCodeField;

package/lib/typescript/components/SecureFields/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import CardNumberField from "./VGS/CardNumberField";
+import CVCField from "./VGS/CVCField";
+import ExpDateTextField from "./VGS/ExpDateField";
+import TextField from './VGS/TextField';
+import CardHolderNameField from './VGS/CardHolderNameField';
+import ZipCodeField from './VGS/ZipCodeField';
+export declare const SecureFields: {
+    CollectManager: import("react").ForwardRefExoticComponent<import("./VGS/CollectManager").CollectManagerProps & import("react").RefAttributes<import("./VGS/CollectManager").VGSCollectManagerMethods>>;
+    ExpDateTextField: typeof ExpDateTextField;
+    CardNumberField: typeof CardNumberField;
+    CVCField: typeof CVCField;
+    CardHolderNameField: typeof CardHolderNameField;
+    ZipCodeField: typeof ZipCodeField;
+    TextField: typeof TextField;
+};

package/lib/typescript/index.d.ts

@@ -0,0 +1,5 @@
+import PayEngine from './components/PayEngine';
+import { SecureFields } from './components/SecureFields/index';
+import type { IPayEngineConfig } from './utils';
+declare const PayEngineStatic: any;
+export { PayEngineStatic, PayEngine, SecureFields, IPayEngineConfig };

package/lib/typescript/utils/index.d.ts

@@ -0,0 +1,45 @@
+export interface IPayEngineConfig {
+    publicKey: string;
+    version?: string;
+    scriptURL?: string;
+    logLevel?: number;
+}
+export declare const createHttpClient: (config: IPayEngineConfig) => import("axios").AxiosInstance;
+export declare function getScriptURL(config: IPayEngineConfig): string;
+/**
+ * <script>
+      console.log("AAAAAAAA")
+        var component = document.getElementById("component");
+        var onEvent = function(event) {
+          console.log({ event })
+        }
+        console.log('component')
+        component.addEventListener('stepChange', function(e) {
+          console.log('step change')
+        })
+        function addEventListenerAll(target, listener, ...otherArguments) {
+
+          // install listeners for all natively triggered events
+          for (const key in target) {
+              if (/^on/.test(key)) {
+                  const eventType = key.substr(2);
+                  target.addEventListener(eventType, listener, ...otherArguments);
+              }
+          }
+
+          // dynamically install listeners for all manually triggered events, just-in-time before they're dispatched ;D
+          const dispatchEvent_original = EventTarget.prototype.dispatchEvent;
+          function dispatchEvent(event) {
+            console.log('event test', event.type)
+              target.addEventListener(event.type, listener, ...otherArguments);  // multiple identical listeners are automatically discarded
+              dispatchEvent_original.apply(this, arguments);
+          }
+          EventTarget.prototype.dispatchEvent = dispatchEvent;
+          if (EventTarget.prototype.dispatchEvent !== dispatchEvent) throw new Error('Browser is smarter than you think');
+
+        }
+
+        // addEventListenerAll(component, onEvent);
+      </script>
+ */
+export declare const debuggingScript = "\nconst consoleLog = (type, ...log) => window.ReactNativeWebView.postMessage(JSON.stringify({'type': 'Console', 'data': {'type': type, 'log': log}}));\nconsole = {\n    log: (...log) => consoleLog('log', ...log),\n    debug: (...log) => consoleLog('debug', ...log),\n    info: (...log) => consoleLog('info', ...log),\n    warn: (...log) => consoleLog('warn', ...log),\n    error: (...log) => consoleLog('error', ...log),\n    verbose: (...log) => consoleLog('verbose', ...log),\n};\n\nconst dispatchEvent_original = EventTarget.prototype.dispatchEvent;\nfunction dispatchEvent(event) {\n    if (event.type && !event.type.startsWith('react')) {\n      ReactNativeWebView.postMessage(JSON.stringify({\n        type: 'PayEngine',\n        event: {\n          type: event.type,\n          detail: event.detail\n        }\n      }))\n    }\n}\nEventTarget.prototype.dispatchEvent = dispatchEvent;\n";

package/package.json

@@ -0,0 +1,154 @@
+{
+  "name": "react-native-payengine",
+  "version": "1.0.5",
+  "description": "PayEngine SDK for React Native",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "lib/commonjs/index",
+  "source": "lib/commonjs/index",
+  "files": [
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "android/src",
+    "react-native-payengine.podspec",
+    "!./src",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "homepage": "https://www.payengine.co",
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn && yarn example pods"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "author": "PayEngine Team <team@payengine.co> (https://payengine.co)",
+  "license": "MIT",
+  "publishConfig": {
+    "auth-type": "web",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@arkweid/lefthook": "^0.7.7",
+    "@babel/eslint-parser": "^7.18.2",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.68.0",
+    "commitlint": "^17.0.2",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "17.0.2",
+    "react-native": "0.68.2",
+    "react-native-builder-bob": "^0.18.3",
+    "react-native-webview": "^11.23.0",
+    "release-it": "^15.0.0",
+    "typescript": "^4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-webview": "^11.23.0"
+  },
+  "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,
+    "parser": "@babel/eslint-parser",
+    "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": {
+    "axios": "^0.27.2"
+  }
+}

package/react-native-payengine.podspec

@@ -0,0 +1,38 @@
+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         = "react-native-payengine"
+  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://bitbucket.org/payfac0/pf-react-native-payengine", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+
+  # VGS collect
+  s.dependency 'VGSCollectSDK'
+
+  # 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\"",
+        "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