react-native-payengine 2.0.14 → 2.0.16

package/ios/Sources/Classes/SecureFields/RNPECreditCardView.swift

@@ -26,20 +26,29 @@ class RNPECreditCardView: UIView {
     }
     
     private func setupView() {
-        //        debugPrint("PayEngine instance \(String(describing: PayEngineNative.instance))")
-        //        let zipField = PEField(name: "address_zip", type: "text", placeholder: "Zip code", isRequired: true, keyboardType: .alphabet, pattern: #"^(?:\d{5}(?:-\d{4})?|[ABCEGHJKLMNPRSTVXY]\d[A-Z] ?\d[A-Z]\d)$"#)
-        
         var customFields: [PEField] = []
-        if let fields: [RNPEField] = try? JSONDecoder().decode([RNPEField].self, from: additionalFields.data(using: .utf8)!) {
-            if (fields.count > 0) {
-                for i in 0...fields.count - 1 {
-                    let f = fields[i]
-                    let field = PEField(name: f.name, type: f.type, placeholder: f.placeholder, isRequired: f.isRequired, keyboardType: RNPEUtils.mapKeyboardType(keyboardType: f.keyboardType), pattern: f.pattern)
-                    customFields.append(field)
+        if let jsonData = additionalFields.data(using: .utf8) {
+            do {
+                let fields: [RNPEField] = try JSONDecoder().decode([RNPEField].self, from: jsonData)
+                    if !fields.isEmpty {
+                        for f in fields {
+                            let field = PEField(
+                                name: f.name,
+                                type: f.type,
+                                placeholder: f.placeholder,
+                                isRequired: f.isRequired,
+                                keyboardType: RNPEUtils.mapKeyboardType(keyboardType: f.keyboardType),
+                                pattern: f.pattern
+                            )
+                        customFields.append(field)
+                    }
                 }
             }
+            catch {
+              debugPrint("Decoding error: \(error.localizedDescription), data: \(additionalFields)")
+            }
         } else {
-            debugPrint("Could not parse additional fields \(additionalFields)")
+            debugPrint("Invalid UTF-8 string: \(additionalFields)")
         }
         RNPayEngineNative.instance?.createSecureView(additionalFields: customFields) { [unowned self] result in
             switch result {
@@ -48,7 +57,6 @@ class RNPECreditCardView: UIView {
                 self.view!.detectSizeChanges { size in
                     //                    self.frame.size = size
                     RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_SIZE_CHANGES, body: ["width": size.width, "height": size.height])
-                    debugPrint("Could not parse additional fields \(self.additionalFields)")
                 }
                 self.addSubview(self.view!)
             case .failure(let error):
@@ -57,13 +65,16 @@ class RNPECreditCardView: UIView {
         }
     }
 
-    func submit(_ merchantId: String, additionalData: NSDictionary) {
+    func submit(_ merchantId: String? = nil, additionalData: NSDictionary? = [:]) {
         guard let view = self.view else {
             RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "View is not ready"])
             return
         }
+
+        let additionalDataValue = additionalData ?? [:]
+      
         DispatchQueue.main.async {
-            view.createCard(merchantId: merchantId, additionalData: additionalData as! [String : Any]) { result in
+            view.createCard(merchantId: merchantId, additionalData: additionalDataValue as! [String : Any]) { result in
                 switch result {
                 case .success(let card):
                     debugPrint("Card created \(card)")
@@ -73,6 +84,7 @@ class RNPECreditCardView: UIView {
                         RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "Unable to encode card object"])
                     }
                 case .failure(let error):
+                    debugPrint("Tokenize error \(error)")
                     RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": error.localizedDescription])
                 }
             }
@@ -103,8 +115,8 @@ class RNPECreditCardViewManager: RCTViewManager {
         return [:]
     }
     
-    @objc(submit:merchantId:additionalData:)
-    func submit(_ node: NSNumber, merchantId: String, additionalData: NSDictionary) {
+    @objc
+    func submit(_ node: NSNumber, merchantId: String? = nil, additionalData: NSDictionary? = [:]) {
         DispatchQueue.main.async {
             let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
             component.submit(merchantId, additionalData: additionalData)

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js

@@ -25,8 +25,8 @@ const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
   const formRef = React.useRef();
   const [height, setHeight] = React.useState(0);
   React.useImperativeHandle(ref, () => ({
-    submit: async function (merchantId) {
-      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    submit: async function () {
+      let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'));
@@ -46,7 +46,7 @@ const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
             resolve(bankAccount);
           }
         });
-        callNativeMethod("submit", [merchantId, additionalData]);
+        callNativeMethod("submit", [data.merchantId, data.additionalData]);
       });
     },
     showKeyboard: () => {

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js.map

@@ -1 +1 @@
-{"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPEBankAccountView","requireNativeComponent","RNPEBankAccountViewManager","UIManager","peEventEmitter","NativeEventEmitter","PEBankAccountView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PEBankAccount>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n  PEBankAccountViewMethods,\n  PEBankAccountViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (merchantId: string, additionalData: any = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n        \n        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n          listener.remove()\n\n          const { error, bankAccount: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const bankAccount = JSON.parse(json) as PEBankAccount;\n            resolve(bankAccount)\n          }\n        });\n\n        callNativeMethod(\"submit\", [merchantId, additionalData],)\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n    return () => eventListener.remove();\n  }, []);\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }}  />\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPEBankAccountView","requireNativeComponent","RNPEBankAccountViewManager","UIManager","peEventEmitter","NativeEventEmitter","PEBankAccountView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","data","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","merchantId","additionalData","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\nimport type ITokenizationData from './ITokenizationData';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n  submit: (data: ITokenizationData) => Promise<PEBankAccount>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n  PEBankAccountViewMethods,\n  PEBankAccountViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (data: ITokenizationData = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n        \n        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n          listener.remove()\n\n          const { error, bankAccount: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const bankAccount = JSON.parse(json) as PEBankAccount;\n            resolve(bankAccount)\n          }\n        });\n\n        callNativeMethod(\"submit\", [data.merchantId, data.additionalData],)\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n    return () => eventListener.remove();\n  }, []);\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }}  />\n    </>\n  );\n});\n"],"mappings":"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"}

package/lib/commonjs/components/v2/SecureFields/CreditCardView.js

@@ -25,8 +25,8 @@ const PECreditCardView = /*#__PURE__*/React.forwardRef((props, ref) => {
   const formRef = React.useRef();
   const [height, setHeight] = React.useState(0);
   React.useImperativeHandle(ref, () => ({
-    submit: async function (merchantId) {
-      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    submit: async function () {
+      let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'));
@@ -46,7 +46,7 @@ const PECreditCardView = /*#__PURE__*/React.forwardRef((props, ref) => {
             resolve(card);
           }
         });
-        callNativeMethod("submit", [merchantId, additionalData]);
+        callNativeMethod("submit", [data.merchantId, data.additionalData]);
       });
     },
     showKeyboard: () => {

package/lib/commonjs/components/v2/SecureFields/CreditCardView.js.map

@@ -1 +1 @@
-{"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPECreditCardView","requireNativeComponent","RNPECreditCardViewManager","UIManager","peEventEmitter","NativeEventEmitter","PECreditCardView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","card","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","console","log","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["CreditCardView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PECard from './PECard';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePECreditCardViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPECreditCardView'\nconst RNPECreditCardView = requireNativeComponent<NativePECreditCardViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPECreditCardViewManager = UIManager[COMPONENT_NAME]\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PECreditCardViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PECreditCardViewMethods {\n  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PECard>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PECreditCardView = React.forwardRef<\n  PECreditCardViewMethods,\n  PECreditCardViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (merchantId: string, additionalData: any = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n\n        const listener = peEventEmitter.addListener('onCardRespond', args => {\n          listener.remove()\n\n          const { error, card: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const card = JSON.parse(json) as PECard;\n            resolve(card)\n          }\n        });\n\n        callNativeMethod(\"submit\", [merchantId, additionalData])\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    console.log(\"callNativeMethod\", methodName, params)\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPECreditCardViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n\n    return () => eventListener.remove();\n  }, []);\n\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPECreditCardView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPECreditCardView","requireNativeComponent","RNPECreditCardViewManager","UIManager","peEventEmitter","NativeEventEmitter","PECreditCardView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","data","Promise","resolve","reject","Error","listener","addListener","args","remove","error","card","json","JSON","parse","callNativeMethod","merchantId","additionalData","showKeyboard","hideKeyboard","useCallback","methodName","params","console","log","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["CreditCardView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PECard from './PECard';\nimport type ITokenizationData from './ITokenizationData';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePECreditCardViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPECreditCardView'\nconst RNPECreditCardView = requireNativeComponent<NativePECreditCardViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPECreditCardViewManager = UIManager[COMPONENT_NAME]\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PECreditCardViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PECreditCardViewMethods {\n  submit: (data: ITokenizationData) => Promise<PECard>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PECreditCardView = React.forwardRef<\n  PECreditCardViewMethods,\n  PECreditCardViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (data: ITokenizationData = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n\n        const listener = peEventEmitter.addListener('onCardRespond', args => {\n          listener.remove()\n\n          const { error, card: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const card = JSON.parse(json) as PECard;\n            resolve(card)\n          }\n        });\n\n        callNativeMethod(\"submit\", [data.merchantId, data.additionalData])\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    console.log(\"callNativeMethod\", methodName, params)\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPECreditCardViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n\n    return () => eventListener.remove();\n  }, []);\n\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPECreditCardView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n    </>\n  );\n});\n"],"mappings":"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"}

package/lib/commonjs/components/v2/SecureFields/ITokenizationData.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=ITokenizationData.js.map

package/lib/commonjs/components/v2/SecureFields/ITokenizationData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ITokenizationData.ts"],"sourcesContent":["interface ITokenizationData {\n  merchantId?: string;\n  additionalData?: { \n    [key: string]: string \n  };\n}\n\nexport default ITokenizationData;\n"],"mappings":""}

package/lib/module/components/v2/SecureFields/BankAccountView.js

@@ -12,8 +12,8 @@ export const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
   const formRef = React.useRef();
   const [height, setHeight] = React.useState(0);
   React.useImperativeHandle(ref, () => ({
-    submit: async function (merchantId) {
-      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    submit: async function () {
+      let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'));
@@ -33,7 +33,7 @@ export const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
             resolve(bankAccount);
           }
         });
-        callNativeMethod("submit", [merchantId, additionalData]);
+        callNativeMethod("submit", [data.merchantId, data.additionalData]);
       });
     },
     showKeyboard: () => {

package/lib/module/components/v2/SecureFields/BankAccountView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","findNodeHandle","UIManager","ActivityIndicator","Platform","RNPEEventEmitter","COMPONENT_NAME","RNPEBankAccountView","RNPEBankAccountViewManager","peEventEmitter","PEBankAccountView","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","current","commandId","Commands","toString","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PEBankAccount>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n  PEBankAccountViewMethods,\n  PEBankAccountViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (merchantId: string, additionalData: any = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n        \n        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n          listener.remove()\n\n          const { error, bankAccount: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const bankAccount = JSON.parse(json) as PEBankAccount;\n            resolve(bankAccount)\n          }\n        });\n\n        callNativeMethod(\"submit\", [merchantId, additionalData],)\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n    return () => eventListener.remove();\n  }, []);\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }}  />\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","findNodeHandle","UIManager","ActivityIndicator","Platform","RNPEEventEmitter","COMPONENT_NAME","RNPEBankAccountView","RNPEBankAccountViewManager","peEventEmitter","PEBankAccountView","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","data","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","merchantId","additionalData","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","current","commandId","Commands","toString","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\nimport type ITokenizationData from './ITokenizationData';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n  submit: (data: ITokenizationData) => Promise<PEBankAccount>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n  PEBankAccountViewMethods,\n  PEBankAccountViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (data: ITokenizationData = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n        \n        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n          listener.remove()\n\n          const { error, bankAccount: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const bankAccount = JSON.parse(json) as PEBankAccount;\n            resolve(bankAccount)\n          }\n        });\n\n        callNativeMethod(\"submit\", [data.merchantId, data.additionalData],)\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n    return () => eventListener.remove();\n  }, []);\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }}  />\n    </>\n  );\n});\n"],"mappings":"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"}

package/lib/module/components/v2/SecureFields/CreditCardView.js

@@ -12,8 +12,8 @@ export const PECreditCardView = /*#__PURE__*/React.forwardRef((props, ref) => {
   const formRef = React.useRef();
   const [height, setHeight] = React.useState(0);
   React.useImperativeHandle(ref, () => ({
-    submit: async function (merchantId) {
-      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    submit: async function () {
+      let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'));
@@ -33,7 +33,7 @@ export const PECreditCardView = /*#__PURE__*/React.forwardRef((props, ref) => {
             resolve(card);
           }
         });
-        callNativeMethod("submit", [merchantId, additionalData]);
+        callNativeMethod("submit", [data.merchantId, data.additionalData]);
       });
     },
     showKeyboard: () => {

package/lib/module/components/v2/SecureFields/CreditCardView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","Platform","findNodeHandle","UIManager","ActivityIndicator","RNPEEventEmitter","COMPONENT_NAME","RNPECreditCardView","RNPECreditCardViewManager","peEventEmitter","PECreditCardView","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","card","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","console","log","viewId","current","commandId","Commands","toString","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["CreditCardView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PECard from './PECard';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePECreditCardViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPECreditCardView'\nconst RNPECreditCardView = requireNativeComponent<NativePECreditCardViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPECreditCardViewManager = UIManager[COMPONENT_NAME]\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PECreditCardViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PECreditCardViewMethods {\n  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PECard>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PECreditCardView = React.forwardRef<\n  PECreditCardViewMethods,\n  PECreditCardViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (merchantId: string, additionalData: any = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n\n        const listener = peEventEmitter.addListener('onCardRespond', args => {\n          listener.remove()\n\n          const { error, card: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const card = JSON.parse(json) as PECard;\n            resolve(card)\n          }\n        });\n\n        callNativeMethod(\"submit\", [merchantId, additionalData])\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    console.log(\"callNativeMethod\", methodName, params)\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPECreditCardViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n\n    return () => eventListener.remove();\n  }, []);\n\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPECreditCardView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","Platform","findNodeHandle","UIManager","ActivityIndicator","RNPEEventEmitter","COMPONENT_NAME","RNPECreditCardView","RNPECreditCardViewManager","peEventEmitter","PECreditCardView","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","data","Promise","resolve","reject","Error","listener","addListener","args","remove","error","card","json","JSON","parse","callNativeMethod","merchantId","additionalData","showKeyboard","hideKeyboard","useCallback","methodName","params","console","log","viewId","current","commandId","Commands","toString","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["CreditCardView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PECard from './PECard';\nimport type ITokenizationData from './ITokenizationData';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePECreditCardViewProps extends ViewProps {\n  additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPECreditCardView'\nconst RNPECreditCardView = requireNativeComponent<NativePECreditCardViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPECreditCardViewManager = UIManager[COMPONENT_NAME]\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PECreditCardViewProps {\n  additionalFields?: IPEField[];\n}\n\nexport interface PECreditCardViewMethods {\n  submit: (data: ITokenizationData) => Promise<PECard>;\n  showKeyboard: () => void;\n  hideKeyboard: () => void;\n}\n\nexport const PECreditCardView = React.forwardRef<\n  PECreditCardViewMethods,\n  PECreditCardViewProps\n>((props, ref) => {\n  const formRef = React.useRef<any>();\n  const [height, setHeight] = React.useState(0);\n\n  React.useImperativeHandle(ref, () => ({\n    submit: async (data: ITokenizationData = {}) => {\n      return new Promise((resolve, reject) => {\n        if (height === 0) {\n          return reject(new Error('Form is not ready'))\n        }\n\n        const listener = peEventEmitter.addListener('onCardRespond', args => {\n          listener.remove()\n\n          const { error, card: json } = args;\n          if (error) {\n            reject(new Error(error))\n          } else {\n            const card = JSON.parse(json) as PECard;\n            resolve(card)\n          }\n        });\n\n        callNativeMethod(\"submit\", [data.merchantId, data.additionalData])\n      });\n    },\n    showKeyboard: () => {\n      callNativeMethod(\"showKeyboard\")\n    },\n    hideKeyboard: () => {\n      callNativeMethod(\"hideKeyboard\")\n    }\n  }));\n\n  const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n    console.log(\"callNativeMethod\", methodName, params)\n    const viewId = findNodeHandle(formRef.current);\n    let commandId = RNPECreditCardViewManager.Commands[methodName].toString()\n    if (Platform.OS === 'ios') {\n      commandId = Number(commandId)\n    }\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      commandId,\n      params,\n    );\n  }, [formRef.current])\n\n  React.useEffect(() => {\n    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n      const { width: _, height: frameHeight } = args;\n      setHeight(frameHeight);\n    });\n\n    return () => eventListener.remove();\n  }, []);\n\n\n  return (\n    <>\n      {height === 0 && <ActivityIndicator />}\n      <RNPECreditCardView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n    </>\n  );\n});\n"],"mappings":"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"}

package/lib/module/components/v2/SecureFields/ITokenizationData.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ITokenizationData.js.map

package/lib/module/components/v2/SecureFields/ITokenizationData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ITokenizationData.ts"],"sourcesContent":["interface ITokenizationData {\n  merchantId?: string;\n  additionalData?: { \n    [key: string]: string \n  };\n}\n\nexport default ITokenizationData;\n"],"mappings":""}

package/lib/typescript/components/v2/SecureFields/BankAccountView.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import type IPEField from './IPEField';
 import type PEBankAccount from './PEBankAccount';
+import type ITokenizationData from './ITokenizationData';
 export interface PEBankAccountViewProps {
     additionalFields?: IPEField[];
 }
 export interface PEBankAccountViewMethods {
-    submit: (merchantId: string, additionalData: {
-        [key: string]: string;
-    }) => Promise<PEBankAccount>;
+    submit: (data: ITokenizationData) => Promise<PEBankAccount>;
     showKeyboard: () => void;
     hideKeyboard: () => void;
 }

package/lib/typescript/components/v2/SecureFields/CreditCardView.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import type IPEField from './IPEField';
 import type PECard from './PECard';
+import type ITokenizationData from './ITokenizationData';
 export interface PECreditCardViewProps {
     additionalFields?: IPEField[];
 }
 export interface PECreditCardViewMethods {
-    submit: (merchantId: string, additionalData: {
-        [key: string]: string;
-    }) => Promise<PECard>;
+    submit: (data: ITokenizationData) => Promise<PECard>;
     showKeyboard: () => void;
     hideKeyboard: () => void;
 }

package/lib/typescript/components/v2/SecureFields/ITokenizationData.d.ts

@@ -0,0 +1,7 @@
+interface ITokenizationData {
+    merchantId?: string;
+    additionalData?: {
+        [key: string]: string;
+    };
+}
+export default ITokenizationData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-payengine",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "PayEngine SDK for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/v2/SecureFields/BankAccountView.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';
 import type IPEField from './IPEField';
 import type PEBankAccount from './PEBankAccount';
+import type ITokenizationData from './ITokenizationData';
 
 const { RNPEEventEmitter } = NativeModules;
 
@@ -22,7 +23,7 @@ export interface PEBankAccountViewProps {
 }
 
 export interface PEBankAccountViewMethods {
-  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PEBankAccount>;
+  submit: (data: ITokenizationData) => Promise<PEBankAccount>;
   showKeyboard: () => void;
   hideKeyboard: () => void;
 }
@@ -35,7 +36,7 @@ export const PEBankAccountView = React.forwardRef<
   const [height, setHeight] = React.useState(0);
 
   React.useImperativeHandle(ref, () => ({
-    submit: async (merchantId: string, additionalData: any = {}) => {
+    submit: async (data: ITokenizationData = {}) => {
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'))
@@ -53,7 +54,7 @@ export const PEBankAccountView = React.forwardRef<
           }
         });
 
-        callNativeMethod("submit", [merchantId, additionalData],)
+        callNativeMethod("submit", [data.merchantId, data.additionalData],)
       });
     },
     showKeyboard: () => {

package/src/components/v2/SecureFields/CreditCardView.tsx

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';
 import type IPEField from './IPEField';
 import type PECard from './PECard';
+import type ITokenizationData from './ITokenizationData';
 
 const { RNPEEventEmitter } = NativeModules;
 
@@ -21,7 +22,7 @@ export interface PECreditCardViewProps {
 }
 
 export interface PECreditCardViewMethods {
-  submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PECard>;
+  submit: (data: ITokenizationData) => Promise<PECard>;
   showKeyboard: () => void;
   hideKeyboard: () => void;
 }
@@ -34,7 +35,7 @@ export const PECreditCardView = React.forwardRef<
   const [height, setHeight] = React.useState(0);
 
   React.useImperativeHandle(ref, () => ({
-    submit: async (merchantId: string, additionalData: any = {}) => {
+    submit: async (data: ITokenizationData = {}) => {
       return new Promise((resolve, reject) => {
         if (height === 0) {
           return reject(new Error('Form is not ready'))
@@ -52,7 +53,7 @@ export const PECreditCardView = React.forwardRef<
           }
         });
 
-        callNativeMethod("submit", [merchantId, additionalData])
+        callNativeMethod("submit", [data.merchantId, data.additionalData])
       });
     },
     showKeyboard: () => {

package/src/components/v2/SecureFields/ITokenizationData.ts

@@ -0,0 +1,8 @@
+interface ITokenizationData {
+  merchantId?: string;
+  additionalData?: { 
+    [key: string]: string 
+  };
+}
+
+export default ITokenizationData;

package/android/.idea/libraries/Gradle__android_arch_core_common_1_0_0.xml

@@ -1,11 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: android.arch.core:common:1.0.0">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/android.arch.core/common/1.0.0/a2d487452376193fc8c103dd2b9bd5f2b1b44563/common-1.0.0.jar!/" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/android.arch.core/common/1.0.0/a41fa3b9a66f3bdd41f98013a1688e969072aaf2/common-1.0.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__android_arch_lifecycle_common_1_0_0.xml

@@ -1,11 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: android.arch.lifecycle:common:1.0.0">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/android.arch.lifecycle/common/1.0.0/e414a4cb28434e25c4f6aa71426eb20cf4874ae9/common-1.0.0.jar!/" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/android.arch.lifecycle/common/1.0.0/39ce4055689b4b766478265a8c661f4165f26dc3/common-1.0.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__android_arch_lifecycle_runtime_1_0_0_aar.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: android.arch.lifecycle:runtime:1.0.0@aar">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/0153b7b32b50155c05c597945fbb09b3/runtime-1.0.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/0153b7b32b50155c05c597945fbb09b3/runtime-1.0.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/0153b7b32b50155c05c597945fbb09b3/runtime-1.0.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/android.arch.lifecycle/runtime/1.0.0/1dd0298d8c45d8dfa4d038270247327f23df7a3a/runtime-1.0.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__androidx_core_core_1_1_0_aar.xml

@@ -1,16 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: androidx.core:core:1.1.0@aar">
-    <ANNOTATIONS>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/65aa9efd5ac59e607457eb12354be1a7/core-1.1.0/annotations.zip!/" />
-    </ANNOTATIONS>
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/65aa9efd5ac59e607457eb12354be1a7/core-1.1.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/65aa9efd5ac59e607457eb12354be1a7/core-1.1.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/65aa9efd5ac59e607457eb12354be1a7/core-1.1.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/androidx.core/core/1.1.0/4ae37fad1fe95b42aa47a720908df37ba5d3c85e/core-1.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__com_android_support_support_annotations_26_1_0.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: com.android.support:support-annotations:26.1.0">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-annotations/26.1.0/814258103cf26a15fcc26ecce35f5b7d24b73f8/support-annotations-26.1.0.jar!/" />
-    </CLASSES>
-    <JAVADOC>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-annotations/26.1.0/2ec8f4c3e76181e132a8ef0e906723d5796b733e/support-annotations-26.1.0-javadoc.jar!/" />
-    </JAVADOC>
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-annotations/26.1.0/29ca6aaf2d4976c13dd7c836e91bd2a61b697bf3/support-annotations-26.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__com_android_support_support_compat_26_1_0_aar.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: com.android.support:support-compat:26.1.0@aar">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/87f1ad84ae34a1d126244bb7cc0bccca/support-compat-26.1.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/87f1ad84ae34a1d126244bb7cc0bccca/support-compat-26.1.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/87f1ad84ae34a1d126244bb7cc0bccca/support-compat-26.1.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-compat/26.1.0/73bfdb5cca1949a51219d3676700996990ea3b52/support-compat-26.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__com_android_support_support_core_ui_26_1_0_aar.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: com.android.support:support-core-ui:26.1.0@aar">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/09cbeb253d89958f40dbad1c3c23b7f9/support-core-ui-26.1.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/09cbeb253d89958f40dbad1c3c23b7f9/support-core-ui-26.1.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/09cbeb253d89958f40dbad1c3c23b7f9/support-core-ui-26.1.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-core-ui/26.1.0/4d52cef4a24bf9939de1d256ca9f0974c6e636a4/support-core-ui-26.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__com_android_support_support_core_utils_26_1_0_aar.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: com.android.support:support-core-utils:26.1.0@aar">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/521f86fbee5497debda7c4669cab54fb/support-core-utils-26.1.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/521f86fbee5497debda7c4669cab54fb/support-core-utils-26.1.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/521f86fbee5497debda7c4669cab54fb/support-core-utils-26.1.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-core-utils/26.1.0/2b0c3da7f80880bbf365452b354490a77f085c96/support-core-utils-26.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>

package/android/.idea/libraries/Gradle__com_android_support_support_fragment_26_1_0_aar.xml

@@ -1,13 +0,0 @@
-<component name="libraryTable">
-  <library name="Gradle: com.android.support:support-fragment:26.1.0@aar">
-    <CLASSES>
-      <root url="jar://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/17ff386efeb937ccd6101e80ce985c70/support-fragment-26.1.0/jars/classes.jar!/" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/17ff386efeb937ccd6101e80ce985c70/support-fragment-26.1.0/res" />
-      <root url="file://$USER_HOME$/.gradle/caches/transforms-2/files-2.1/17ff386efeb937ccd6101e80ce985c70/support-fragment-26.1.0/AndroidManifest.xml" />
-    </CLASSES>
-    <JAVADOC />
-    <SOURCES>
-      <root url="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.android.support/support-fragment/26.1.0/8279b00f5194701ff18363fa2958c5a26670b0ef/support-fragment-26.1.0-sources.jar!/" />
-    </SOURCES>
-  </library>
-</component>