react-native-acoustic-connect-beta 16.0.0

package/lib/utils/KeyboardListener.js

@@ -0,0 +1,90 @@
+import { Keyboard, Platform, TextInput } from "react-native";
+
+class KeyboardListener{
+    static TLTRN = null;
+    static listener = null;
+    
+    static _instance(_TLTRN){
+        if(!KeyboardListener.listener){ KeyboardListener.listener = new KeyboardListener(_TLTRN); }
+        return KeyboardListener.listener;
+    }
+    
+    constructor(_TLTRN) { 
+        KeyboardListener.TLTRN = _TLTRN;
+        
+        this.enabled = false;
+        let _x = {};
+        let _i = {};
+        
+        const sanitize = (target, text) => {
+            if(!_x[target].secureTextEntry || typeof _x[target].secureTextEntry === 'undefined'){ return text; }
+            return new Array(text.length).fill('*').join('');
+        };
+        const flushData = () => { 
+            _i = {}; 
+            _x = {}; 
+        };
+        const keyListener = (evt, bubbledEvent) => {
+            let _nativeTag = evt?.target?._nativeTag;
+
+            let valid = this.enabled && (!_i[_nativeTag] || _i[_nativeTag] === bubbledEvent);
+            if(!valid){ return false; }
+            
+            // console.log('parent keyListener evt', evt);  
+            // console.log('parent keyListener evt?._targetInst?.secureTextEntry', evt?._targetInst?.memoizedProps?.secureTextEntry);  
+            
+            _i[_nativeTag] = bubbledEvent;
+            if(!_x[_nativeTag]){ _x[_nativeTag] = { text: '' }; }
+            
+            _x[_nativeTag].target = evt?.target?._nativeTag;
+            _x[_nativeTag].controlId = evt?._targetInst?.memoizedProps?.id;
+            _x[_nativeTag].ariaLabel = evt?._targetInst?.memoizedProps?.accessible?.accessibilityLabel;
+            _x[_nativeTag].secureTextEntry = evt?._targetInst?.memoizedProps?.secureTextEntry;
+            
+            let anon = _k => {
+                if(_k !== 'Backspace' && _k.length === 1){ return _x[_nativeTag].text += sanitize(_nativeTag, _k); }
+                else if(_k !== 'Backspace' && _k.length > 1){ return sanitize(_nativeTag, _k); }
+                else { return _x[_nativeTag].text.slice(0, -1); }
+            };
+            let text = null;
+            switch(bubbledEvent){
+                case 'onTextInput':
+                    text = evt?.nativeEvent?.text;
+                    if(_k !== 'Backspace' && _k.length === 1){ _x[_nativeTag] = _x[_nativeTag].text += sanitize(_nativeTag, _k); }
+                    else if(_k !== 'Backspace' && _k.length > 1){ _x[_nativeTag].text = sanitize(_nativeTag, _k); }
+                    else { _x[_nativeTag].text = _x[_nativeTag].text.slice(0, -1); }
+                
+                break;
+                case 'onKeyPress':
+                    text = evt?.nativeEvent?.key;
+                    _x[_nativeTag].text = anon(text);
+                break;
+                case 'onChange':
+                    text = evt?.nativeEvent?.text;
+                    _x[_nativeTag].text = sanitize(_nativeTag, text);
+                break;
+            } 
+        };
+        
+        const keyboardDidHide = async () => {
+            let values = Object.values(_x);
+            for (let value of values) {
+                let {text, controlId, ariaLabel, target} = value;
+                await KeyboardListener.TLTRN.logTextChangeEvent(target, controlId, text, ariaLabel); 
+            }
+            flushData();
+        };
+        
+        TextInput.defaultProps = TextInput.defaultProps || {};
+            
+        // Shotgun approach; if any of these listeners are set on the component the event doesn't bubble up
+        // TextInput.defaultProps.onKeyPress = evt => keyListener(evt, 'onKeyPress');
+        TextInput.defaultProps.onChange = evt => keyListener(evt, 'onChange');
+        // TextInput.defaultProps.onTextInput = evt => keyListener(evt, 'onTextInput');
+        
+        Keyboard.addListener('keyboardDidHide', keyboardDidHide);
+    }
+    interceptKeyboardEvents(enable){ this.enabled = enable; }
+}
+
+export default KeyboardListener;

package/package.json

@@ -0,0 +1,42 @@
+{
+    "author": "Acoustic, L.P., Omar Hernandez, Chang Jie Yang",
+    "description": "BETA: React native plugin for Acoustic Connect",
+    "devDependencies": {
+        "@prettier/plugin-xml": "^2.2.0",
+        "fast-xml-parser": "^4.0.8",
+        "prettier": "^2.7.1",
+        "prettier-plugin-java": "^1.6.2",
+        "react-native": "0.72.6",
+        "jetifier": "^1.6.3"
+    },
+    "homepage": "https://github.com/aipoweredmarketer/react-native-acoustic-connect-beta",
+    "keywords": [
+        "react-native",
+        "ios",
+        "android",
+        "tealeaf",
+        "connect",
+        "cxa",
+        "wxca",
+        "er",
+        "enhanced-replay"
+    ],
+    "license": "See license in Licenses/License",
+    "main": "index.js",
+    "name": "react-native-acoustic-connect-beta",
+    "peerDependencies": {
+        "react-native": "*"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/aipoweredmarketer/react-native-acoustic-connect-beta"
+    },
+    "scripts": {
+        "applyConfiguration": "node scripts/applyConfiguration.js $INIT_CWD",
+        "postinstall": "./scripts/postInstallScripts.sh",
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "verifyConnectSetup": "node scripts/verifyConnectSetup.js $INIT_CWD"
+    },
+    "summary": "react-native ios android tealeaf connect cxa wxca er enhanced-replay",
+    "version": "16.0.0"
+}

package/react-native-acoustic-connect-beta.podspec

@@ -0,0 +1,44 @@
+require 'json'
+package = JSON.parse(File.read('package.json'))
+connectConfig = JSON.parse(File.read('../../ConnectConfig.json'))
+repository = package["repository"]["url"]
+useRelease = connectConfig["Connect"]["useRelease"]
+dependencyName = useRelease ? 'ConnectReactNative' : 'ConnectReactNativeDebug'
+iOSVersion = connectConfig["Connect"]["iOSVersion"]
+dependencyVersion = iOSVersion.to_s.empty? ? "" : ", '#{iOSVersion}'"
+
+puts "*********react-native-acoustic-connect-beta.podspec*********"
+puts "connectConfig:"
+puts JSON.pretty_generate(connectConfig)
+puts "repository:#{repository}"
+puts "useRelease:#{useRelease}"
+puts "dependencyName:#{dependencyName}"
+puts "dependencyVersion:#{dependencyVersion}"
+puts "tlDependency:#{dependencyName}#{dependencyVersion}"
+puts "***************************************************************"
+
+Pod::Spec.new do |s|
+  s.name           = package["name"]
+  s.version        = package["version"]
+  s.description    = package["description"]
+  s.homepage       = package["homepage"]
+  s.summary        = package["summary"]
+  s.license        = package["license"]
+  s.authors        = package["author"]
+  s.platforms      = { :ios => "12.0" }
+  
+  s.source         = { :git => repository, :tag => s.version }
+  s.preserve_paths = 'README.md', 'package.json', '*.js'
+  s.source_files   = "ios/**/*.{h,m}"
+  
+  s.dependency       'React'
+  s.xcconfig       = { 'HEADER_SEARCH_PATHS' => '../../../ios/Pods/** ' }
+  s.dependency       "#{dependencyName}#{dependencyVersion}"
+  s.script_phase = {
+    name: 'Build Config',
+    script: %(
+      "${PODS_TARGET_SRCROOT}/ios/ConnectConfig/Build_Config.rb" "$PODS_ROOT" "ConnectConfig.json"
+    ), 
+    execution_position: :before_compile,
+  }
+end

package/scripts/ConnectConfig.json

@@ -0,0 +1,94 @@
+{
+  "Connect": {
+    "AppKey": "b6c3709b7a4c479bb4b5a9fb8fec324c",
+    "PostMessageUrl": "https://lib-us-2.brilliantcollector.com/collector/collectorPost",
+    "KillSwitchUrl": "https://lib-us-2.brilliantcollector.com/collector/switch/b6c3709b7a4c479bb4b5a9fb8fec324c",
+    "useRelease": false,
+    "iOSVersion": "",
+    "layoutConfig": {
+      "AutoLayout": {
+        "GlobalScreenSettings": {
+          "ScreenChange": true,
+          "DisplayName": "Example",
+          "CaptureLayoutDelay": 500,
+          "ScreenShot": true,
+          "NumberOfWebViews": 0,
+          "CaptureUserEvents": true,
+          "CaptureScreenVisits": false,
+          "CaptureLayoutOn": 2,
+          "CaptureScreenshotOn": 2,
+          "Masking": {
+            "HasMasking": true,
+            "HasCustomMask": true,
+            "Sensitive": {
+              "capitalCaseAlphabet": "X",
+              "number": "9",
+              "smallCaseAlphabet": "x",
+              "symbol": "#"
+            },
+            "MaskIdList": [],
+            "MaskValueList": []
+          }
+        }
+      },
+      "MainActivity": {
+        "ScreenChange": true,
+        "DisplayName": "LoginActivity",
+        "CaptureLayoutOn": 2,
+        "Masking": {
+          "HasMasking": true,
+          "HasCustomMask": true,
+          "Sensitive": {
+            "capitalCaseAlphabet": "X",
+            "number": "9",
+            "smallCaseAlphabet": "x",
+            "symbol": "#"
+          },
+          "MaskIdList": [
+            "password"
+          ],
+          "MaskValueList": [],
+          "MaskAccessibilityIdList": [],
+          "MaskAccessibilityLabelList": [
+            "Masking",
+            "Test Masking",
+            "password"
+          ]
+        }
+      },
+      "Button": {
+        "ScreenChange": true,
+        "DisplayName": "Visible",
+        "CaptureLayoutDelay": 500,
+        "ScreenShot": true,
+        "NumberOfWebViews": 0,
+        "CaptureUserEvents": true,
+        "CaptureScreenVisits": true,
+        "CaptureLayoutOn": 2,
+        "CaptureScreenshotOn": 2
+      },
+      "ErrorTest": {
+        "ScreenChange": false,
+        "DisplayName": "Hidden",
+        "CaptureLayoutDelay": 1,
+        "ScreenShot": false,
+        "NumberOfWebViews": 0,
+        "CaptureUserEvents": false,
+        "CaptureScreenVisits": false,
+        "CaptureLayoutOn": 0,
+        "CaptureScreenshotOn": 0
+      },
+      "AppendMapIds": {
+        "[w,9290],[v,0]": {
+          "mid": "ASimpleUIView"
+        },
+        "tag2999999": {
+          "mid": "giveAdditionalId1"
+        },
+        "idxPathValue": {
+          "mid": "giveAdditionalId2"
+        }
+      }
+    }
+  }
+}

package/scripts/applyConfiguration.js

@@ -0,0 +1,106 @@
+/********************************************************************************************
+* Copyright (C) 2024 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+
+/**
+ * Set Connect configuration values from cmd arguments to configuration 'ConnectConfig.json' file.
+ * 
+ * cd node_modules/react-native-acoustic-connect-beta folder
+ * 
+ * yarn run applyConfiguration --AppKey=<your_app_key> --PostMessageUrl=<your_post_url>
+ * 
+ */
+const fs = require("fs");
+
+const AppKey = "AppKey"
+const PostMessageUrl = "PostMessageUrl"
+const filePath = "../../ConnectConfig.json"
+
+function log(message) {
+    console.log(message);
+}
+
+function getConfigValuesFromArguments() {
+    var configObject = {
+        AppKey: null,
+        PostMessageUrl: null
+    }
+
+    var args = process.env.npm_config_argv;
+    var originalArgs = JSON.parse(args).original;
+    originalArgs.forEach(function (arg) {
+        if (arg.includes(AppKey)) {
+            configObject.AppKey = arg.split('=')[1];
+            log(AppKey + " found: "+ configObject.AppKey);
+        }
+        if (arg.includes(PostMessageUrl)) {
+            configObject.PostMessageUrl = arg.split('=')[1];
+            log(PostMessageUrl + " found: "+ configObject.PostMessageUrl);
+        }
+    });
+
+    return configObject;
+}
+
+function findCurrentConfigValues(configObject) {
+    if (!fs.existsSync(filePath)) {
+        console.error("'ConnectConfig.json' file not found in root app folder.");
+        return;
+    }
+    
+    try {
+        fs.accessSync(filePath, fs.constants.R_OK | fs.constants.W_OK);
+    
+        fs.readFile(filePath, 'utf8', (err, data) => {
+            if (data) {
+                var currentConfigObject = JSON.parse(data);
+                setConfigValuesToFile(configObject, currentConfigObject);
+            }
+        });
+    } catch (err) {
+        console.error("Permission denied: 'ConnectConfig.json' file");
+        throw new Error("permission denied");
+    }
+}
+
+function setConfigValuesToFile(configObject, currentConfigObject) {
+    if (currentConfigObject) {
+        if (currentConfigObject.Connect[AppKey]) {
+            log("AppKey already set: " + currentConfigObject.Connect[AppKey]);
+            if (configObject.AppKey) {
+                log("Update AppKey to: " + configObject.AppKey);
+                currentConfigObject.Connect[AppKey] = configObject.AppKey;
+            }
+        }
+        else {
+            log("Set " + AppKey + " to: " + configObject.AppKey);
+            currentConfigObject.Connect[AppKey] = configObject.AppKey;
+        }
+
+        if (currentConfigObject.Connect[PostMessageUrl]) {
+            log("PostMessageUrl already set: " + currentConfigObject.Connect[PostMessageUrl]);
+            if (configObject.PostMessageUrl) {
+                log("Update PostMessageUrl to: " + configObject.PostMessageUrl);
+                currentConfigObject.Connect[PostMessageUrl] = configObject.PostMessageUrl;
+            }
+        }
+        else {
+            log("Set " + PostMessageUrl + " to: " + configObject.PostMessageUrl);
+            currentConfigObject.Connect[PostMessageUrl] = configObject.PostMessageUrl;
+        }
+
+        var json = JSON.stringify(currentConfigObject, null, 2);
+        const textContent = json;
+        fs.writeFileSync(filePath, textContent);
+    }
+}
+
+log("Acoustic Connect SDK installed, Looking for Connect config values: AppKey and PostMessageUrl");
+var configObject = getConfigValuesFromArguments();
+findCurrentConfigValues(configObject);

package/scripts/gradleParser.js

@@ -0,0 +1,35 @@
+
+const fs = require('fs');
+const path = require('path');
+const { exit } = require('process');
+const { isValid } = require('./util');
+const directoryPath = path.join(__dirname,"..","..","..")
+
+if(!isValid(`${directoryPath}/android`)){
+  exit(0)
+}
+
+const gradleCode = `apply from: project(':react-native-acoustic-connect-beta').projectDir.getPath() + "/config.gradle"`
+
+let gradleData = '';
+try {
+  const filePath = `${directoryPath}/android/app/build.gradle`
+    gradleData = fs.readFileSync(filePath, 'utf8');
+    const re = new RegExp(/react-native-acoustic-connect-beta/, "g");
+    const found = re.test(gradleData);
+    if(!found){
+        gradleData = `${gradleData}\n${gradleCode}\n`
+        fs.writeFileSync(filePath, gradleData);
+    }
+  
+} catch (err) {
+  console.error(err);
+}
+
+
+
+
+
+
+
+

package/scripts/javaParser.js

@@ -0,0 +1,80 @@
+const prettier = require("prettier");
+const fs = require("fs");
+const path = require("path");
+const javaPaserPlugin = require("prettier-plugin-java");
+const { XMLParser, XMLBuilder } = require("fast-xml-parser");
+const { exit } = require("process");
+const { isValid } = require('./util');
+const directoryPath = path.join(__dirname, "..", "..", "..");
+
+if (!isValid(`${directoryPath}/android`)) {
+  exit(0);
+}
+
+const xmlFilePath = `${directoryPath}/android/app/src/main/AndroidManifest.xml`;
+
+const options = {
+  ignoreAttributes: false,
+  format: true,
+  preserveOrder: false,
+};
+
+const parser = new XMLParser(options);
+
+let xmlData = "";
+try {
+  xmlData = fs.readFileSync(xmlFilePath, "utf8");
+} catch (err) {
+  console.error(err);
+}
+
+const jsonObj = parser.parse(xmlData);
+const packageName = jsonObj["manifest"]["@_package"];
+const upperJavaPath = packageName.replace(/\./g, "/");
+const upperJavaCode =  `package ${packageName};`;
+const filePath = `${directoryPath}/android/app/src/main/java/${upperJavaPath}/MainActivity.java`;
+
+let javaData = "";
+try {
+  javaData = fs.readFileSync(filePath, "utf8");
+} catch (err) {
+  console.error(err);
+}
+
+const javaCode = `public boolean dispatchTouchEvent(MotionEvent e) {
+                    Connect.dispatchTouchEvent(this, e);
+                    return super.dispatchTouchEvent(e);
+                }`;
+
+const javaCode2 =`${upperJavaCode}\nimport com.tl.uic.Connect;`
+const re = new RegExp(/dispatchTouchEvent/, "g");
+const re2 = new RegExp("import com.tl.uic.Connect", "g");
+const found = re.test(javaData);
+
+if (!found) {
+  let result = prettier.format(javaData, {
+    parser: "java",
+    plugins: [javaPaserPlugin],
+    tabWidth: 2,
+  });
+
+  result = `${result.substring(0, result.length - 2)}${javaCode} }`;
+
+  const found2 = re2.test(result);
+
+  if(!found2){
+    result = result.replace(upperJavaCode,javaCode2); 
+  }
+
+  result = prettier.format(result, {
+    parser: "java",
+    plugins: [javaPaserPlugin],
+    tabWidth: 2,
+  });
+
+  try {
+    fs.writeFileSync(filePath, result);
+  } catch (err) {
+    console.error(err);
+  }
+}

package/scripts/postInstallScripts.sh

@@ -0,0 +1,4 @@
+node ./scripts/reviewConnectConfig.js
+node ./scripts/javaParser.js 
+node ./scripts/xmlParser.js
+node ./scripts/gradleParser.js

package/scripts/reviewConnectConfig.js

@@ -0,0 +1,26 @@
+/********************************************************************************************
+* Copyright (C) 2024 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+
+/**
+ * Used review ConnectConfig.json is present ot will need to add one.
+ */
+const fs = require('fs');
+const filePathBaseConnectConfig = "../../ConnectConfig.json"
+const filePathTemplateConnectConfig = "scripts/ConnectConfig.json"
+
+if (fs.existsSync(filePathBaseConnectConfig)) {
+    console.log("ConnectConfig found in your project. You are ready to go!");
+} else {
+    console.log("ConnectConfig not found in your project. I will add one.");
+    fs.copyFile(filePathTemplateConnectConfig, filePathBaseConnectConfig, (err) => {
+      if (err) throw err;
+      console.log(filePathTemplateConnectConfig + ' was copied to ' + filePathBaseConnectConfig);
+    });
+}

package/scripts/util.js

@@ -0,0 +1,18 @@
+const fs = require('fs');
+
+function isValid(path){
+    let valid = false 
+    try {
+        if (fs.existsSync(path)) {
+          valid = true
+        } else {
+          valid = false
+        }
+      } catch(e) {
+        valid = false
+      }
+
+      return valid
+}
+
+module.exports = {isValid};

package/scripts/verifyConnectSetup.js

@@ -0,0 +1,87 @@
+/********************************************************************************************
+* Copyright (C) 2024 Acoustic, L.P. All rights reserved.
+*
+* NOTICE: This file contains material that is confidential and proprietary to
+* Acoustic, L.P. and/or other developers. No license is granted under any intellectual or
+* industrial property rights of Acoustic, L.P. except as may be provided in an agreement with
+* Acoustic, L.P. Any unauthorized copying or distribution of content from this file is
+* prohibited.
+********************************************************************************************/
+
+/**
+ * Verify and Update React Native SDK integration to capture screen tracking.
+ * 
+ * cd node_modules/react-native-acoustic-connect-beta folder
+ * 
+ * yarn run verifyConnectSetup
+ * 
+ */
+const fs = require('fs');
+
+//const filePath = "../../src/components/RootComponent.tsx"
+const filePath = "Example/nativebase-v3-kitchensink/src/components/RootComponent.tsx"
+
+function log(message) {
+    console.log(message);
+}
+
+function isRootFileAvailable() {
+    return fs.existsSync(filePath);
+}
+
+function isConnectComponentAvailable() {
+    log("Looking for Connect tag...");
+    return isComponentAvailable(/<Connect/);
+}
+
+function isNavigationContainerAvailable() {
+    log("Looking for NavigationContainer tag...");
+    return isComponentAvailable(/<NavigationContainer/);
+}
+
+function isComponentAvailable(componentTag) {
+    try {
+        let data = fs.readFileSync(filePath, 'utf8');
+        const re = new RegExp(componentTag, "g");
+        const found = re.test(data);
+
+        return found;
+    } catch (err) {
+        console.error(err);
+    }
+}
+
+if (isRootFileAvailable()) {
+    if (isConnectComponentAvailable()) {
+        log("Connect component found. You are ready to go!");
+    } else if (isNavigationContainerAvailable()) {
+        log("NavigationContainer component is available but Connect component is missing.\n I'll add Connect around NavigationContainer component.");
+        AddConnectComponent();
+    } else {
+        log("Missing both Connect and NavigationContainer component.\n Please refer to SDK integration without React Navigation.");
+    };
+} else {
+    console.error("App.js file not found in root app folder.");
+}
+
+// Update and add Connect around NavigationContainer
+function AddConnectComponent() {
+    const connectImport = `import { Connect } from 'react-native-acoustic-connect-beta';`
+
+    const startNavigationContainer = /<NavigationContainer/
+    const startConnectComponent = `<Connect><NavigationContainer`
+
+    const endNavigationContainer = /<\/NavigationContainer>/
+    const endConnectComponent = `</NavigationContainer></Connect>`
+    
+    try {
+        let data = fs.readFileSync(filePath, 'utf8');
+        data = data
+            .replace(startNavigationContainer, startConnectComponent)
+            .replace(endNavigationContainer, endConnectComponent);
+        fs.writeFileSync(filePath, ConnectImport + '\n' + data);
+    } catch (err) {
+        log("Something went wrong.\n Please refer to SDK integration with React Navigation.");
+        console.error(err);
+    }
+}