Merge pull request #13 from pjbank/fix/fix-webview

Fixed deprecated webview
pjbank · Sep 22, 2021 · 9bffcea · 9bffcea
2 parents d60a632 + 23c7e03
commit 9bffcea
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-pjbank-checkout-input",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React native input component para checkout transparente utilizando o pjbank",
   "main": "src/index.js",
   "scripts": {

diff --git a/src/functions.js b/src/functions.js
@@ -12,22 +12,19 @@ export default (function(){
         },'');
     }
 
-    patchPostMessageFunction = ()=>{
-        const _patchPostMessageFunction = function() {
-            var originalPostMessage = window.postMessage;
-
+    patchPostMessageFunction = () => {        
+        return `
+            var originalPostMessage = window.ReactNativeWebView.postMessage;
             var patchedPostMessage = function(message, targetOrigin, transfer) { 
                 originalPostMessage(message, targetOrigin, transfer);
             };
-
             patchedPostMessage.toString = function() { 
                 return String(Object.hasOwnProperty).replace('hasOwnProperty', 'postMessage');
             };
             
             window.postMessage = patchedPostMessage;
-
-        };
-        return '(' + String(_patchPostMessageFunction) + ')();';
+            true;
+        `;
     }
 
     generateHtmlCode = config => (inputStyle, placeholder) => `
@@ -37,7 +34,6 @@ export default (function(){
             <script type="text/javascript">
                 superlogica.require("pjbank");
                 superlogica.pjbank("checkout_transparente","${config.credencial}",${config.homologacao});
-                
                 function handleChange(token){
                     if(token){
                         if(${config.blurOnDone} === true) document.getElementById("cartao").blur();
@@ -58,8 +54,9 @@ export default (function(){
                 }
 
                 function onChangeInputCartao(text) {
-                    var max = 16;
+                    window.postMessage(JSON.stringify({teste: "aabababa"}))
 
+                    var max = 16;
                     if (text.length > max) {
                         document.getElementById('cartao').value = text.substr(0, max);
                         return;

diff --git a/src/index.js b/src/index.js
@@ -1,6 +1,8 @@
 import React, { PureComponent }  from 'react';
 import PropTypes from 'prop-types';
-import { View, WebView, TextInput } from 'react-native';
+import { View } from 'react-native';
+import { WebView } from 'react-native-webview';
+
 import fns  from './functions';
 
 export const EVENT_TYPE_ON_DATA = 'onData';