@dynatrace/react-native-plugin 2.329.1 → 2.333.1

package/README.md

@@ -13,6 +13,7 @@ If you want to start using this plugin and are not a Dynatrace customer yet, hea
   * User actions for onPress and onLongPress (Touchables, Buttons, Pickers, RefreshControl, Pressable)
   * User actions for class and functional components (lifecycle events such as render(), didMount() and didUpdate())
   * Reporting React Native errors
+  * UI Interaction feature toggle via `react.userInteraction` (enable/disable user interaction capturing at runtime)
 * Manual instrumentation
   * Typescript bindings to add manual instrumentation
 * New React-Native architecture
@@ -26,15 +27,15 @@ If you want to start using this plugin and are not a Dynatrace customer yet, hea
   * Android Gradle plugin version 7.0+
   * Java 11
   * Kotlin 2.0.21 - see [Kotlin Compatibility Note](#kotlin-compatibility-note)
-  * Jetpack Compose 1.4 - 1.9 - see [Compose Compatibility Note](#compose-compatibility-note)
+  * Jetpack Compose 1.4 - 1.10 - see [Compose Compatibility Note](#compose-compatibility-note)
 * For iOS users: Minimum iOS 12
 * NodeJS 16.0.0+ since our dependencies require NodeJS 16.0.0
 
 ## Agent Versions
 This agent versions are configured in this plugin:
 
-* Android Agent: 8.329.1.1014
-* iOS Agent: 8.329.1.1017
+* Android Agent: 8.333.1.1006
+* iOS Agent: 8.333.1.1005
 
 ## Quick Setup
 
@@ -64,12 +65,14 @@ This agent versions are configured in this plugin:
   * [Set beacon headers](#setting-beacon-headers)
   * [Exclude Individual JSX Elements](#exclude-individual-jsx-elements)
 * [New RUM experience](#new-rum-experience)
+  * [User Interaction](#user-interaction)
   * [Send Event](#send-event)
   * [Send Session Property Event](#send-session-property-event)
   * [Event Modifier](#event-modifier)
   * [Send Exception Event](#send-exception-event)
   * [Send HTTP Request Event](#send-http-request-event)
   * [View Monitoring](#view-monitoring)
+  * [User Interaction](#user-interaction-1)
   * [React Native Symbolication](#react-native-symbolication)
 * [NPX Commands](#npx-commands)
   * [npx instrumentDynatrace](#npx-instrumentdynatrace)
@@ -89,6 +92,7 @@ This agent versions are configured in this plugin:
     * [Bundle Name and Version](#bundle-name-and-version)
     * [Navigation](#navigation)
     * [Source Map](#source-map)
+    * [User Interaction](#user-interaction-1)
   * [Android block](#android-block)
   * [iOS block](#ios-block)
   * [Lifecycle modes](#lifecycle)
@@ -427,7 +431,7 @@ import { Dynatrace, DynatraceWebRequestTiming } from '@dynatrace/react-native-pl
 const action = Dynatrace.enterManualAction('API Data Fetch');
 const url = 'https://api.example.com/data';
 const tag = await action.getRequestTag(url);
-const timing = new DynatraceWebRequestTiming(url, tag);
+const timing = new DynatraceWebRequestTiming(tag, url);
 
 try {
   timing.startWebRequestTiming();
@@ -457,7 +461,7 @@ import { Dynatrace, DynatraceWebRequestTiming } from '@dynatrace/react-native-pl
 const action = Dynatrace.enterManualAction('API Data Upload');
 const url = 'https://api.example.com/upload';
 const tag = await action.getRequestTag(url);
-const timing = new DynatraceWebRequestTiming(url, tag);
+const timing = new DynatraceWebRequestTiming(tag, url);
 const requestData = JSON.stringify({ key: 'value' });
 
 try {
@@ -766,7 +770,7 @@ This example shows two *TouchableHighlight*, which will fire the *onPress()* fun
 
 The New RUM Experience introduces a set of advanced APIs that allow you to send custom events, modify event data, track exceptions, monitor HTTP requests, and manage view contexts in your React Native application. These APIs provide more granular control over the data captured by Dynatrace and are designed for the next generation RUM capabilities.
 
-For more detailed information about the New RUM Experience, see the [official Dynatrace documentation](https://docs.dynatrace.com/docs/observe/digital-experience/new-rum-experience/mobile-frontends).
+For more detailed information about the New RUM Experience, see the [official Dynatrace documentation](https://docs.dynatrace.com/docs/shortlink/react-native-main).
 
 ### Send Event
 
@@ -875,6 +879,7 @@ Dynatrace.removeEventModifier(myModifier);
 - **Reserved fields**: Certain reserved fields and namespaces cannot be modified. Attempts to modify them will be ignored
 - **Error handling**: If a modifier throws an exception, it will be logged but won't prevent other modifiers from executing
 - **Primitive values**: Event fields can only contain primitive values (String, int, double, bool)
+- **Invalid argument**: In case you pass an invalid argument to `addEventModifier`, we return a no-op placeholder modifier.
 
 ### Send Exception Event
 
@@ -1011,6 +1016,42 @@ Dynatrace.sendEvent(new EventData()
 Dynatrace.startView("UserProfileDetailed");
 ```
 
+### User Interaction
+
+User Interaction is an automatic instrumentation feature that captures touch and press events in your React Native application without requiring any manual API calls. When enabled, the plugin instruments your UI components at build time and sends structured interaction events to Dynatrace at runtime.
+
+To enable this feature, see the [User Interaction configuration](#user-interaction-1) section.
+
+#### Produced data
+
+Each captured interaction produces an event describing what the user touched and where. The event includes:
+
+- **Element name** — the resolved label of the touched element, derived from its visible text, accessibility label, component name, or test ID.
+- **Component type** — the type of the UI component that was touched (e.g. `Pressable`).
+- **Element path** — a stable path through the component tree that uniquely identifies the element (e.g. `App/View[1]/Pressable[1]`).
+- **Interaction type** — how the user interacted (e.g. `touch`).
+- **Position** — the screen coordinates where the touch occurred.
+
+In some cases, a **responder** is also included. The responder is the component that ultimately handled the user's touch — for example, a `Pressable` that received the press event. It carries the same name, component type, and path information as the touched element, and can differ when a touch is visually on a child element but handled by a parent.
+
+#### Example event
+
+```json
+{
+  "characteristics.has_user_interaction": true,
+  "ui_element.detected_name": "LoginButton",
+  "ui_element.components": ["Pressable"],
+  "ui_element.id": "App/View[1]/Pressable[1]",
+  "ui_element.name_origin": "component",
+  "interaction.type": "touch",
+  "positions": [{ "x": 120, "y": 460 }],
+  "ui_element.responder.detected_name": "Pressable",
+  "ui_element.responder.components": ["Pressable"],
+  "ui_element.responder.id": "App/View[1]/Pressable[1]",
+  "ui_element.responder.name_origin": "component"
+}
+```
+
 ### React Native Symbolication
 
 Dynatrace can automatically symbolicate JavaScript stack traces captured by the plugin using sourcemaps. This allows you to view human-readable file names, line numbers, and column information in your crash reports.
@@ -1228,6 +1269,7 @@ The `react` configuration block contains all settings regarding the react instru
 
 ```js
 react : {
+ 
   input : {
     instrument(filename) => {
       return true;
@@ -1268,6 +1310,47 @@ react: {
 
 This activates the debug mode. You will get more console output during instrumentation and at runtime.
 
+
+### User Interaction
+
+```js
+react: {
+  userInteraction: true // set it to true here if you want to enable UI interaction, default value is false
+}
+```
+
+Enables or disables the UI interaction (user interaction) feature.
+Set to false to disable capturing of user interactions (e.g., touch/click actions) produced by the React Native UI interaction instrumentation.
+
+#### What customers will observe after enabling UI Interaction
+
+After setting `react.userInteraction: true` and rebuilding with instrumentation, the expected flow is:
+
+1. Build-time instrumentation wraps supported UI elements and app root entrypoints.
+2. At runtime, touch/press interactions are captured and converted into UI interaction events.
+3. Events are processed by the plugin event pipeline and sent to Dynatrace.
+4. In Dynatrace, customers can analyze captured user interactions (for example, touch-driven behavior and related UI element context).
+
+Notes:
+
+- No extra UI needs to be added in customer screens for standard automatic capture.
+- If `react.debug` is enabled, additional debug output can appear during instrumentation/runtime.
+
+#### Runtime switching (config + remote configuration observer)
+
+UI Interaction can be controlled by two layers:
+
+1. **Build/config layer (`dynatrace.config.js`)**
+  - `react.userInteraction: true|false` controls whether the UI Interaction instrumentation feature is applied.
+
+2. **Runtime remote layer (`RuntimeConfigurationObserver`)**
+  - Runtime emission checks the remote flag `touch_interaction_enabled`.
+  - If remote flag is present, it is used as the source of truth.
+  - If remote flag is temporarily unavailable, the plugin falls back to the last known good remote value.
+  - If no remote value was received yet, runtime defaults to enabled behavior.
+
+In short: local config enables the feature path, while remote configuration can dynamically allow/deny event emission at runtime.
+
 #### Error Handler
 
 ```js
@@ -1528,7 +1611,7 @@ ios: {
 ## How does Dynatrace determine the user action name?
 * React views
   * dtActionName: Use a custom property called dtActionName 
-  * displayName: Use the displayName property to check if React views have a display name set (Not available for functional component)
+  * displayName: Use the displayName property to check if React views have a display name set
   * instrumentation string: Auto instrumentation or manual instrumentation is passing a string. This will be used if available.
   * class name: If the display name is not available, the class name is used by taking the property name from the constructor
 * Touchables
@@ -1824,7 +1907,7 @@ In summary, ensure your build fulfills our Kotlin 2.0.21 requirement while simul
 
 ## Compose Compatibility Note
 
-Our Android Agent currently supports **Jetpack Compose 1.4 - 1.9**. If you are using an incompatible version of Jetpack Compose, you may encounter the following error message during build:
+Our Android Agent currently supports **Jetpack Compose 1.4 - 1.10**. If you are using an incompatible version of Jetpack Compose, you may encounter the following error message during build:
 
 ```
 Could not resolve all dependencies for configuration ':app:debugCompileClasspath'.
@@ -1971,6 +2054,17 @@ If you are struggling with a problem, submit a support ticket to Dynatrace (supp
 <br/><br/>
 ## Changelog
 
+Latest
+
+2.333.1
+* Jetpack Compose support range extended to 1.4 - 1.10 see [Compose Compatibility Note](#compose-compatibility-note)
+* Updated Android (8.333.1.1006) & iOS Agent (8.333.1.1005)
+* Added Configuration flag to enable/disable the [User Interaction feature](#user-interaction-1).
+* Added [User Interaction feature](#user-interaction) to collect UI interaction data such as touches, providing insights into user behavior
+
+2.331.1
+* Updated Android (8.331.1.1004) & iOS Agent (8.331.1.1008)
+
 2.329.1
 * Updated Android (8.329.1.1014) & iOS Agent (8.329.1.1017)
 * [New RUM experience](#new-rum-experience) Removed Dynatrace.stopView() API

package/android/build.gradle

@@ -72,7 +72,7 @@ repositories {
 }
 
 dependencies {
-	implementation 'com.dynatrace.agent:agent-android:8.329.1.1014'
+	implementation 'com.dynatrace.agent:agent-android:8.333.1.1006'
     implementation "com.facebook.react:react-native:${safeExtGet('reactNative', '+')}"
 }
   

package/android/src/main/java/com/dynatrace/android/agent/DynatraceRNBridgeImpl.kt

@@ -75,6 +75,7 @@ class DynatraceRNBridgeImpl(
             }
 
             Dynatrace.startup(reactApplicationContext, builder.buildConfiguration())
+
             promise.resolve(true)
         }
     }
@@ -383,6 +384,9 @@ class DynatraceRNBridgeImpl(
                     )!!
                 )
             )
+            if (userPrivacyOptions.hasKey("_screenRecordOptedIn")) {
+                optionsBuilder.withScreenRecordOptedIn(userPrivacyOptions.getBoolean("_screenRecordOptedIn"))
+            }
             Dynatrace.applyUserPrivacyOptions(
                 optionsBuilder
                     .build()
@@ -396,6 +400,7 @@ class DynatraceRNBridgeImpl(
             val privacyMap = Arguments.createMap()
             privacyMap.putString("dataCollectionLevel", options.dataCollectionLevel.name)
             privacyMap.putBoolean("crashReportingOptedIn", options.isCrashReportingOptedIn)
+            privacyMap.putBoolean("screenRecordOptedIn", options.isScreenRecordOptedIn)
             promise.resolve(privacyMap)
         }
     }
@@ -446,4 +451,5 @@ class DynatraceRNBridgeImpl(
     private fun shouldWorkOnAndroid(platform: String?): Boolean {
         return platform == null || platform == PLATFORM_ANDROID || platform == ""
     }
-}
+
+}

package/android/src/main/java/com/dynatrace/android/agent/DynatraceUtils.kt

@@ -8,6 +8,7 @@ import com.facebook.react.bridge.ReadableType
 /**
  * @author matthias.hochrieser
  */
+ 
 internal object DynatraceUtils {
 
     private const val TAG = "DynatraceUtils"

package/android/src/new/java/com/dynatrace/android/agent/DynatraceRNBridge.kt

@@ -238,4 +238,5 @@ class DynatraceRNBridge(
     override fun stopViewInternal() {
         impl.stopViewInternal()
     }
+
 }

package/android/src/old/java/com/dynatrace/android/agent/DynatraceRNBridge.kt

@@ -271,4 +271,5 @@ class DynatraceRNBridge(
     fun stopViewInternal() {
         impl.stopViewInternal()
     }
-}
+
+}

package/files/plugin.gradle

@@ -1,4 +1,4 @@
 // TEMPLATE: plugin-gradle.template
 dependencies {
-	classpath 'com.dynatrace.tools.android:gradle-plugin:8.329.1.1014'
+	classpath 'com.dynatrace.tools.android:gradle-plugin:8.333.1.1006'
 }

package/instrumentation/DynatraceInstrumentation.js

@@ -1 +1 @@
-var a,n=require("@babel/runtime/helpers/interopRequireDefault"),e=n(require("@babel/runtime/helpers/toConsumableArray")),c=(Object.defineProperty(exports,"t",{value:!0}),exports.instrument=void 0,require("path")),u=require("jscodeshift"),i=require("jscodeshift/src/Collection"),r=require("../scripts/FileOperationHelper"),l=require("../scripts/PathsConstants"),f=require("../lib/core/util/GetValuesFromPackage"),t=require("../scripts/util/InstrumentUtil"),o=require("./libs/react-native/Touchables.InstrInfo"),s=require("./libs/react-native/RefreshControl.InstrInfo"),v=require("./libs/react-native/Switch.InstrInfo"),d=require("./libs/community/gesture-handler/Touchables.InstrInfo"),p=require("./libs/community/Picker.InstrInfo"),m=require("./model/Types"),g=require("./parser/ParserUtil"),y=((n=>{n[n.i=-1]="Filtered",n[n.u=0]="Normal",n[n.o=1]="ReactNative",n[n.l=2]="React",n[n.v=3]="ReactNativeCssInterop"})(a=a||{}),[]),q=(y.push.apply(y,(0,e.default)(o.instrumentationInfo)),y.push.apply(y,(0,e.default)(s.instrumentationInfo)),y.push.apply(y,(0,e.default)(v.instrumentationInfo)),y.push.apply(y,(0,e.default)(d.instrumentationInfo)),y.push.apply(y,(0,e.default)(p.instrumentationInfo)),["AppRegistry","AppRegistryImpl","renderApplication","ExceptionsManager"]),b="@dynatrace/react-native-plugin/instrumentation/libs",instrument=function(n,e,r){e=O(e);var t=z(e);if(t!==a.i){var i=!1,u=N(e,n);if(t===a.l)U(u),i=!0;else if(t===a.o)e.endsWith("AppRegistryImpl.js")?null!=r&&r.autoStart&&V(u)&&(i=!0):e.endsWith("AppRegistry.js")?null!=r&&r.autoStart&&w(u)&&(i=!0):e.endsWith("renderApplication.js")?(A(u),i=!0):e.endsWith("ExceptionsManager.js")&&(o=void 0!==r&&r.autoStart&&r.errorHandler.enabled,J(u,r.errorHandler.reportFatalErrorAsCrash,o),i=!0);else if(t===a.v)i=G(u)||i;else{var o=k(e,r);if(r.navigation.enabled&&L(e,u))i=!0;else{if(!o.input&&!o.lifecycle)return null!=r&&r.debug&&console.log("Dynatrace - Filtered All: ".concat(e)),I(e),n;o.lifecycle&&A(u)&&(i=!0),o.input&&y.forEach(function(n){n=X(u,n);u=n.root,i=i||n.p})}}i?(n=u.toSource({quote:"single"}),h(n,e)):I(e),null!=r&&r.debug&&i&&console.log("Dynatrace - Modified Filename: "+e)}else e.includes(c.join("@dynatrace","react-native-plugin"))&&e.endsWith(c.join("lib","core","configuration","ConfigurationPreset.js"))&&void 0!==r&&(t=(0,f.getHostAppBundleInfo)(l.default.getPackageJsonFile()),o=N(e,n),void 0!==r.lifecycle&&x(o,"getLifecycleUpdate",r.lifecycle.includeUpdate),void 0!==r.debug&&x(o,"getLogLevel",r.debug?0:1),void 0!==r.bundleName?x(o,"getBundleName",r.bundleName):null!==t&&x(o,"getBundleName",null==t?void 0:t.name),void 0!==r.bundleVersion?x(o,"getBundleVersion",r.bundleVersion):null!==t&&x(o,"getBundleVersion",null==t?void 0:t.version),void 0!==r.input&&void 0!==r.input.actionNamePrivacy&&x(o,"getActionNamePrivacy",r.input.actionNamePrivacy),void 0!==r.errorHandler&&(x(o,"isErrorHandlerEnabled",r.errorHandler.enabled),x(o,"isReportFatalErrorAsCrash",r.errorHandler.reportFatalErrorAsCrash)),r.autoStart&&x(o,"isAutoStartupEnabled",r.autoStart),n=o.toSource({quote:"single"}),h(n,e));return n},L=(exports.instrument=instrument,function(n,e){return!!T(n,e)&&(n="import { monitorNavigation } from '".concat(b,"/react-navigation/ReactNavigation';"),e.find(u.ImportDeclaration).at(0).insertBefore(n),!0)}),T=function(n,e){var r=!1;return n.includes("@react-navigation")&&n.includes("core")&&(n.includes("BaseNavigationContainer.js")||n.includes("BaseNavigationContainer.tsx"))&&e.find(u.VariableDeclarator,{id:{name:"getRootState"}}).forEach(function(n){r=!0,n.parent.insertAfter("monitorNavigation(getRootState);")}),r},A=function(n){var e=n.findJSXElements(),t=!1;return 0<e.length&&(n.find(u.FunctionDeclaration).forEach(function(n){var e,r=(0,i.fromPaths)([n]);0<r.findJSXElements().length&&null!=n&&null!=n.value&&null!=n.value.id&&n.value.id.name.toString()&&(e=r.find(u.ClassDeclaration),r=r.find(u.ClassExpression),0===e.length)&&0===r.length&&(j(n,m.Types.FunctionalComponent,n.value.id.name.toString()),t=!0)}),n.find(u.ClassDeclaration).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n&&null!=n.value&&n.value.id&&n.value.id.name.toString()&&(j(n,m.Types.ClassComponent,n.value.id.name.toString()),t=!0)}),n.find(u.ArrowFunctionExpression).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n.parent&&null!=n.parent.value&&null!=n.parent.value.id&&null!=n.parent.value.id.name&&(j(n,m.Types.FunctionalComponent,n.parent.value.id.name),t=!0)})),t},j=function(n,e,r){for(e=u.expressionStatement(u.assignmentExpression("=",u.memberExpression(u.identifier(r),u.identifier("_dtInfo")),M(e,r)));"body"!==(null==n?void 0:n.parentPath.name);)n=n.parentPath;void 0!==n.parentPath&&n.insertAfter(e)},M=function(n,e){return u.objectExpression([u.objectProperty(u.identifier("type"),u.numericLiteral(n)),u.objectProperty(u.identifier("name"),u.stringLiteral(e))])},x=function(n,e,r){var n=n.find(u.Identifier).filter(function(n){return n.node.name===e});1===n.length&&"ReturnStatement"===(n=n.paths()[0].parent.value.body.body[0]).type&&("boolean"==typeof r&&(n.argument=u.booleanLiteral(r)),"string"==typeof r&&(n.argument=u.stringLiteral(r)),"number"==typeof r)&&(n.argument=u.numericLiteral(r))},N=function(n,e){return u.withParser((0,g.chooseParser)(n,e))(e)},O=function(n){return c.isAbsolute(n)?n.replace(l.default.getApplicationPath()+c.sep,""):n},I=function(n){try{var e=c.join(l.default.getBuildPath(),n+t.INSTRUMENTED_FILE_EXTENSION);r.default.checkIfFileExistsSync(e),r.default.deleteFileSync(e)}catch(n){}},h=function(n,e){e=c.join(l.default.getBuildPath(),e);try{r.default.checkIfFileExistsSync(c.dirname(e))}catch(n){r.default.createDirectorySync(c.dirname(e))}r.default.writeTextToFileSync(e+t.INSTRUMENTED_FILE_EXTENSION,n)},k=function(n,e){var r={input:!1,lifecycle:!1};return void 0!==e&&(void 0!==e.lifecycle&&void 0!==e.lifecycle.instrument&&e.lifecycle.instrument(n)&&(r.lifecycle=!0),void 0!==e.input)&&void 0!==e.input.instrument&&e.input.instrument(n)&&(r.input=!0),r},U=function(n){var e,n=n.find(u.Program);1===n.length&&(e=u.expressionStatement(u.callExpression(u.memberExpression(u.callExpression(u.identifier("require"),[u.stringLiteral("@dynatrace/react-native-plugin/instrumentation/jsx/ElementHelper")]),u.identifier("instrumentCreateElement")),[u.memberExpression(u.identifier("module"),u.identifier("exports"))])),n.paths()[0].node.body.push(e))},V=function(n){var e=n.find(u.FunctionDeclaration,{id:{name:"runApplication"}});return 1===e.length&&(D(n,{m:"_DynatraceApplicationHandler",module:"@dynatrace/react-native-plugin",reference:"ApplicationHandler"}),R(e.get().value.body.body,0,_("_DynatraceApplicationHandler","startup",[])),!0)},w=function(n){var e=n.find(u.ObjectMethod,{key:{name:"runApplication"}});return 1===e.length&&(D(n,{m:"_DynatraceApplicationHandler",module:"@dynatrace/react-native-plugin",reference:"ApplicationHandler"}),R(e.get().value.body.body,0,_("_DynatraceApplicationHandler","startup",[])),!0)},J=function(n,r,t){var i=u;n.find(i.FunctionDeclaration,{id:{name:"handleException"}}).forEach(function(n){var e=i.callExpression(i.memberExpression(i.callExpression(i.identifier("require"),[i.literal("@dynatrace/react-native-plugin/lib/core/ErrorHandler")]),i.identifier("reportErrorToDynatrace")),[i.identifier("e"),i.identifier("isFatal"),i.literal(r),i.literal(t)]),e=i.expressionStatement(i.callExpression(i.identifier("setTimeout"),[i.arrowFunctionExpression([],i.blockStatement(n.node.body.body)),e]));n.node.body.body=[e]})},G=function(n){var e=!1,n=n.find(u.CallExpression,{callee:{name:"require"}});return n.find(u.Literal,{value:"react/jsx-runtime"}).replaceWith(function(n){n=n.node;return n.value="@dynatrace/react-native-plugin/jsx-runtime",e=!0,n}),n.find(u.Literal,{value:"react/jsx-dev-runtime"}).replaceWith(function(n){n=n.node;return n.value="@dynatrace/react-native-plugin/jsx-dev-runtime",e=!0,n}),e},R=function(n,e){for(var r=arguments.length,t=new Array(2<r?r-2:0),i=2;i<r;i++)t[i-2]=arguments[i];return n.splice.apply(n,[e,0].concat(t))},z=function(n){if(n.includes("@dynatrace"))return a.i;var e=c.extname(n);if(".js"!==e&&".ts"!==e&&".tsx"!==e&&".jsx"!==e)return a.i;for(var r=c.parse(n),t=r.dir.split(c.sep),i=0;i<t.length;i++)if("node_modules"===t[i]){if("react-native"===t[i+1]||"create-react-class"===t[i+1]||"react-clone-referenced-element"===t[i+1])return q.includes(r.name)?a.o:a.i;if("react"===t[i+1]&&"index"===r.name)return a.l;if("react-native-css-interop"===t[i+1]&&("jsx-runtime"===r.name||"jsx-dev-runtime"===r.name))return a.v}return a.u},K=function(n,e,r){var t=Q(n,e,r);return W(n,e,r)||t},Q=function(n,e,r){var t=Y(n,e);return 0<t.length&&(void 0!==(t=H(t,e.reference,!1))&&(r.m=t.localName),tn(n,r),!0)},W=function(n,e,r){var t=C(n,e.module);if(1===t.length){t=H(t,e.reference,!0);if(void 0!==t)return un(n,r.defaultImport,t.localName,"ImportNamespaceSpecifier"===t.type),!0}return!1},X=function(n,e){var r=JSON.parse(JSON.stringify(e.new));return{root:n,p:K(n,e.old,r)||Z(n,e.old,e.new.defaultImport)}},Y=function(n,e){return n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e.module&&null!=n.node.specifiers&&n.node.specifiers.some(function(n){return E(n)&&n.imported.name===e.reference||n.local&&n.local.name===e.reference})})},E=function(n){return void 0!==n.imported},Z=function(n,e,r){var t=!1;return n.find(u.CallExpression).filter(function(n){return $(n.node.callee)&&nn(n.node.arguments[0])&&n.node.arguments[0].value===e.module&&void 0!==n.parent}).forEach(function(n){(void 0===n.parent.value.property||void 0!==n.parent.value.property&&void 0!==n.parent.value.property.name&&n.parent.value.property.name===e.reference)&&(n.node.arguments[0].value=r,t=t||!0)}),t},$=function(n){return"require"===n.name},nn=function(n){return"StringLiteral"===n.type||"Literal"===n.type},C=function(n,e){return n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e})},H=function(n,r,t){var i;return n.forEach(function(n){void 0!==n.node.specifiers&&(n.node.specifiers=n.node.specifiers.filter(function(n){var e;return E(n)&&!t?((e=n.imported.name!==r)||null==n.local||n.imported.name===n.local.name||(i={localName:n.local.name.toString(),type:n.type}),e):!(!E(n)&&t&&(null!=n.local&&(i={localName:n.local.name.toString(),type:n.type}),1))}),0===n.node.specifiers.length)&&n.prune()}),i},en=function(n,e){n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e.module}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(P(e))})},rn=function(n,e,r){n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(r)})},S=function(n,e,r){var t=n.find(u.ImportDeclaration);0<t.length?u(t.paths()[0]).insertAfter(B(e,r)):1===(t=n.find(u.Program)).length&&t.paths()[0].node.body.unshift(B(e,r))},tn=function(n,e){0<C(n,e.module).length?en(n,e):S(n,e.module,[P(e)])},un=function(n,e,r,t){var i=C(n,e),t=(t?vn:sn)(r);0<i.length?rn(n,e,t):S(n,e,[t])},D=function(n,e){n=n.find(u.VariableDeclaration);0<n.length&&u(n.paths()[0]).insertAfter(an(e))},_=function(n,e,r){return u.expressionStatement(on(n,e,r))},on=function(n,e,r){return u.callExpression(fn(n,e),r)},an=function(n){return u.variableDeclaration("var",[cn(n)])},cn=function(n){return u.variableDeclarator(void 0!==n.m?u.identifier(n.m):u.identifier(n.reference),(0<n.reference.length?ln:F)(n))},ln=function(n){return u.memberExpression(F(n),u.identifier(n.reference))},fn=function(n,e){return u.memberExpression(u.identifier(n),u.identifier(e))},F=function(n){return u.callExpression(u.identifier("require"),[u.literal(n.module)])},B=function(n,e){return u.importDeclaration(e,u.literal(n))},P=function(n){return void 0!==n.m?u.importSpecifier(u.identifier(n.reference),u.identifier(n.m)):u.importSpecifier(u.identifier(n.reference))},sn=function(n){return u.importDefaultSpecifier(u.identifier(n))},vn=function(n){return u.importNamespaceSpecifier(u.identifier(n))};
+var n=require("@babel/runtime/helpers/interopRequireDefault"),e=n(require("@babel/runtime/helpers/toConsumableArray"));function v(n,e){var r,t,i,u,o="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(o)return i=!(t=!0),{s:function(){o=o.call(n)},n:function(){var n=o.next();return t=n.done,n},e:function(n){i=!0,r=n},f:function(){try{t||null==o.return||o.return()}finally{if(i)throw r}}};if(Array.isArray(n)||(o=a(n))||e&&n&&"number"==typeof n.length)return o&&(n=o),u=0,{s:e=function(){},n:function(){return u>=n.length?{done:!0}:{done:!1,value:n[u++]}},e:function(n){throw n},f:e};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(n,e){var r;if(n)return"string"==typeof n?t(n,e):"Map"===(r="Object"===(r={}.toString.call(n).slice(8,-1))&&n.constructor?n.constructor.name:r)||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(n,e):void 0}function t(n,e){(null==e||e>n.length)&&(e=n.length);for(var r=0,t=Array(e);r<e;r++)t[r]=n[r];return t}Object.defineProperty(exports,"t",{value:!0}),exports.instrument=void 0;var d,p=require("path"),u=require("jscodeshift"),i=require("jscodeshift/src/Collection"),r=require("../scripts/FileOperationHelper"),m=require("../scripts/PathsConstants"),y=require("../lib/core/util/GetValuesFromPackage"),o=require("../scripts/util/InstrumentUtil"),g=require("../lib/features/ui-interaction/Run"),c=require("./libs/react-native/Touchables.InstrInfo"),l=require("./libs/react-native/RefreshControl.InstrInfo"),f=require("./libs/react-native/Switch.InstrInfo"),s=require("./libs/community/gesture-handler/Touchables.InstrInfo"),P=require("./libs/community/Picker.InstrInfo"),b=require("./model/Types"),T=require("./parser/ParserUtil"),q=((n=>{n[n.i=-1]="Filtered",n[n.u=0]="Normal",n[n.o=1]="ReactNative",n[n.l=2]="React",n[n.v=3]="ReactNativeCssInterop"})(d=d||{}),[]),L=(q.push.apply(q,(0,e.default)(c.instrumentationInfo)),q.push.apply(q,(0,e.default)(l.instrumentationInfo)),q.push.apply(q,(0,e.default)(f.instrumentationInfo)),q.push.apply(q,(0,e.default)(s.instrumentationInfo)),q.push.apply(q,(0,e.default)(P.instrumentationInfo)),new Set(["AppRegistry","AppRegistryImpl","renderApplication","ExceptionsManager"])),M="@dynatrace/react-native-plugin/instrumentation/libs",instrument=function(n,e,r){e=V(e);var t=W(e);if(t!==d.i){var i=!1,u=I(e,n);if(t===d.l)G(u),i=!0;else if(t===d.o)e.endsWith("AppRegistryImpl.js")?null!=r&&r.autoStart&&$(u)&&(i=!0):e.endsWith("AppRegistry.js")?null!=r&&r.autoStart&&z(u)&&(i=!0):e.endsWith("renderApplication.js")?(A(u),i=!0):e.endsWith("ExceptionsManager.js")&&(o=void 0!==r&&r.autoStart&&r.errorHandler.enabled,K(u,r.errorHandler.reportFatalErrorAsCrash,o),i=!0);else if(t===d.v)i=Q(u)||i;else{var o=J(e,r),t=[{isEnabled:function(n,e){return!0===(null==e?void 0:e.userInteraction)},p:function(n,e,r){return(0,g.runDTUserInteraction)(n,e,r)}}].filter(function(n){return n.isEnabled(e,r)});if(r.navigation.enabled&&O(e,u))i=!0;else{if(!o.input&&!o.lifecycle&&0===t.length)return null!=r&&r.debug&&console.log("Dynatrace - Filtered All: ".concat(e)),x(e),n;o.lifecycle&&A(u)&&(i=!0),o.input&&q.forEach(function(n){n=nn(u,n);u=n.root,i=i||n.m})}var a,c=v(t);try{for(c.s();!(a=c.n()).done;){var l=a.value;try{var f=l.p(u,e,r),u=f.root;f.m&&(i=!0)}catch(n){var s=n instanceof Error?n.stack||n.message:String(n);null!=r&&r.debug&&console.log("[DynatraceInstrumentationRaw]: Feature instrumentation failed for ".concat(e,": ").concat(s))}}}catch(n){c.e(n)}finally{c.f()}}var o=i?u.toSource({quote:"single"}):n;i?N(n=o,e):x(e),null!=r&&r.debug&&i&&console.log("Dynatrace - Modified Filename: "+e)}else e.includes(p.join("@dynatrace","react-native-plugin"))&&e.endsWith(p.join("lib","core","configuration","ConfigurationPreset.js"))&&void 0!==r&&(t=(0,y.getHostAppBundleInfo)(m.default.getPackageJsonFile()),o=I(e,n),void 0!==r.lifecycle&&j(o,"getLifecycleUpdate",r.lifecycle.includeUpdate),void 0!==r.debug&&j(o,"getLogLevel",r.debug?0:1),void 0!==r.bundleName?j(o,"getBundleName",r.bundleName):null!==t&&j(o,"getBundleName",null==t?void 0:t.name),void 0!==r.bundleVersion?j(o,"getBundleVersion",r.bundleVersion):null!==t&&j(o,"getBundleVersion",null==t?void 0:t.version),void 0!==r.input&&void 0!==r.input.actionNamePrivacy&&j(o,"getActionNamePrivacy",r.input.actionNamePrivacy),void 0!==r.errorHandler&&(j(o,"isErrorHandlerEnabled",r.errorHandler.enabled),j(o,"isReportFatalErrorAsCrash",r.errorHandler.reportFatalErrorAsCrash)),r.autoStart&&j(o,"isAutoStartupEnabled",r.autoStart),n=o.toSource({quote:"single"}),N(n,e));return n},O=(exports.instrument=instrument,function(n,e){return!!U(n,e)&&(n="import { monitorNavigation } from '".concat(M,"/react-navigation/ReactNavigation';"),e.find(u.ImportDeclaration).at(0).insertBefore(n),!0)}),U=function(n,e){var r=!1;return n.includes("@react-navigation")&&n.includes("core")&&(n.includes("BaseNavigationContainer.js")||n.includes("BaseNavigationContainer.tsx"))&&e.find(u.VariableDeclarator,{id:{name:"getRootState"}}).forEach(function(n){r=!0,n.parent.insertAfter("monitorNavigation(getRootState);")}),r},A=function(n){var e=n.findJSXElements(),t=!1;return 0<e.length&&(n.find(u.FunctionDeclaration).forEach(function(n){var e,r=(0,i.fromPaths)([n]);0<r.findJSXElements().length&&null!=n&&null!=n.value&&null!=n.value.id&&n.value.id.name.toString()&&(e=r.find(u.ClassDeclaration),r=r.find(u.ClassExpression),0===e.length)&&0===r.length&&(h(n,b.Types.FunctionalComponent,n.value.id.name.toString()),t=!0)}),n.find(u.ClassDeclaration).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n&&null!=n.value&&n.value.id&&n.value.id.name.toString()&&(h(n,b.Types.ClassComponent,n.value.id.name.toString()),t=!0)}),n.find(u.ArrowFunctionExpression).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n.parent&&null!=n.parent.value&&null!=n.parent.value.id&&null!=n.parent.value.id.name&&(h(n,b.Types.FunctionalComponent,n.parent.value.id.name),t=!0)}),n.find(u.FunctionExpression).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n.parent&&null!=n.parent.value&&null!=n.parent.value.id&&null!=n.parent.value.id.name&&(h(n,b.Types.FunctionalComponent,n.parent.value.id.name),t=!0)})),t},h=function(n,e,r){for(e=u.expressionStatement(u.assignmentExpression("=",u.memberExpression(u.identifier(r),u.identifier("_dtInfo")),k(e,r)));"body"!==(null==n?void 0:n.parentPath.name);)n=n.parentPath;void 0!==n.parentPath&&n.insertAfter(e)},k=function(n,e){return u.objectExpression([u.objectProperty(u.identifier("type"),u.numericLiteral(n)),u.objectProperty(u.identifier("name"),u.stringLiteral(e))])},j=function(n,e,r){var n=n.find(u.Identifier).filter(function(n){return n.node.name===e});1===n.length&&"ReturnStatement"===(n=n.paths()[0].parent.value.body.body[0]).type&&("boolean"==typeof r&&(n.argument=u.booleanLiteral(r)),"string"==typeof r&&(n.argument=u.stringLiteral(r)),"number"==typeof r)&&(n.argument=u.numericLiteral(r))},I=function(n,e){return u.withParser((0,T.chooseParser)(n,e))(e)},V=function(n){return p.isAbsolute(n)?n.replace(m.default.getApplicationPath()+p.sep,""):n},x=function(n){try{var e=p.join(m.default.getBuildPath(),n+o.INSTRUMENTED_FILE_EXTENSION);r.default.checkIfFileExistsSync(e),r.default.deleteFileSync(e)}catch(n){}},N=function(n,e){e=p.join(m.default.getBuildPath(),e);try{r.default.checkIfFileExistsSync(p.dirname(e))}catch(n){r.default.createDirectorySync(p.dirname(e))}r.default.writeTextToFileSync(e+o.INSTRUMENTED_FILE_EXTENSION,n)},J=function(n,e){var r={input:!1,lifecycle:!1};return void 0!==e&&(void 0!==e.lifecycle&&void 0!==e.lifecycle.instrument&&e.lifecycle.instrument(n)&&(r.lifecycle=!0),void 0!==e.input)&&void 0!==e.input.instrument&&e.input.instrument(n)&&(r.input=!0),r},G=function(n){var e,n=n.find(u.Program);1===n.length&&(e=u.expressionStatement(u.callExpression(u.memberExpression(u.callExpression(u.identifier("require"),[u.stringLiteral("@dynatrace/react-native-plugin/instrumentation/jsx/ElementHelper")]),u.identifier("instrumentCreateElement")),[u.memberExpression(u.identifier("module"),u.identifier("exports"))])),n.paths()[0].node.body.push(e))},$=function(n){var e=n.find(u.FunctionDeclaration,{id:{name:"runApplication"}});return 1===e.length&&(D(n,{g:"_DynatraceApplicationHandler",module:"@dynatrace/react-native-plugin",reference:"ApplicationHandler"}),R(e.get().value.body.body,0,w("_DynatraceApplicationHandler","startup",[])),!0)},z=function(n){var e=n.find(u.ObjectMethod,{key:{name:"runApplication"}});return 1===e.length&&(D(n,{g:"_DynatraceApplicationHandler",module:"@dynatrace/react-native-plugin",reference:"ApplicationHandler"}),R(e.get().value.body.body,0,w("_DynatraceApplicationHandler","startup",[])),!0)},K=function(n,r,t){var i=u;n.find(i.FunctionDeclaration,{id:{name:"handleException"}}).forEach(function(n){var e=i.callExpression(i.memberExpression(i.callExpression(i.identifier("require"),[i.literal("@dynatrace/react-native-plugin/lib/core/ErrorHandler")]),i.identifier("reportErrorToDynatrace")),[i.identifier("e"),i.identifier("isFatal"),i.literal(r),i.literal(t)]),e=i.expressionStatement(i.callExpression(i.identifier("setTimeout"),[i.arrowFunctionExpression([],i.blockStatement(n.node.body.body)),e]));n.node.body.body=[e]})},Q=function(n){var e=!1,n=n.find(u.CallExpression,{callee:{name:"require"}});return n.find(u.Literal,{value:"react/jsx-runtime"}).replaceWith(function(n){n=n.node;return n.value="@dynatrace/react-native-plugin/jsx-runtime",e=!0,n}),n.find(u.Literal,{value:"react/jsx-dev-runtime"}).replaceWith(function(n){n=n.node;return n.value="@dynatrace/react-native-plugin/jsx-dev-runtime",e=!0,n}),e},R=function(n,e){for(var r=arguments.length,t=new Array(2<r?r-2:0),i=2;i<r;i++)t[i-2]=arguments[i];return n.splice.apply(n,[e,0].concat(t))},W=function(n){if(n.includes("@dynatrace"))return d.i;var e=p.extname(n);if(".js"!==e&&".ts"!==e&&".tsx"!==e&&".jsx"!==e)return d.i;for(var r=p.parse(n),t=r.dir.split(p.sep),i=0;i<t.length;i++)if("node_modules"===t[i]){if("react-native"===t[i+1]||"create-react-class"===t[i+1]||"react-clone-referenced-element"===t[i+1])return L.has(r.name)?d.o:d.i;if("react"===t[i+1]&&"index"===r.name)return d.l;if("react-native-css-interop"===t[i+1]&&("jsx-runtime"===r.name||"jsx-dev-runtime"===r.name))return d.v}return d.u},X=function(n,e,r){var t=Y(n,e,r);return Z(n,e,r)||t},Y=function(n,e,r){var t=en(n,e);return 0<t.length&&(void 0!==(t=C(t,e.reference,!1))&&(r.g=t.localName),cn(n,r),!0)},Z=function(n,e,r){var t=E(n,e.module);if(1===t.length){t=C(t,e.reference,!0);if(void 0!==t)return ln(n,r.defaultImport,t.localName,"ImportNamespaceSpecifier"===t.type),!0}return!1},nn=function(n,e){var r=JSON.parse(JSON.stringify(e.new));return{root:n,m:X(n,e.old,r)||rn(n,e.old,e.new.defaultImport)}},en=function(n,e){return n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e.module&&null!=n.node.specifiers&&n.node.specifiers.some(function(n){return S(n)&&n.imported.name===e.reference||n.local&&n.local.name===e.reference})})},S=function(n){return void 0!==n.imported},rn=function(n,e,r){var t=!1;return n.find(u.CallExpression).filter(function(n){return tn(n.node.callee)&&un(n.node.arguments[0])&&n.node.arguments[0].value===e.module&&void 0!==n.parent}).forEach(function(n){(void 0===n.parent.value.property||void 0!==n.parent.value.property&&void 0!==n.parent.value.property.name&&n.parent.value.property.name===e.reference)&&(n.node.arguments[0].value=r,t=t||!0)}),t},tn=function(n){return"require"===n.name},un=function(n){return"StringLiteral"===n.type||"Literal"===n.type},E=function(n,e){return n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e})},C=function(n,r,t){var i;return n.forEach(function(n){void 0!==n.node.specifiers&&(n.node.specifiers=n.node.specifiers.filter(function(n){var e;return S(n)&&!t?((e=n.imported.name!==r)||null==n.local||n.imported.name===n.local.name||(i={localName:n.local.name.toString(),type:n.type}),e):!(!S(n)&&t&&(null!=n.local&&(i={localName:n.local.name.toString(),type:n.type}),1))}),0===n.node.specifiers.length)&&n.prune()}),i},on=function(n,e){n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e.module}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(B(e))})},an=function(n,e,r){n.find(u.ImportDeclaration).filter(function(n){return n.node.source.value===e}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(r)})},H=function(n,e,r){var t=n.find(u.ImportDeclaration);0<t.length?u(t.paths()[0]).insertAfter(_(e,r)):1===(t=n.find(u.Program)).length&&t.paths()[0].node.body.unshift(_(e,r))},cn=function(n,e){0<E(n,e.module).length?on(n,e):H(n,e.module,[B(e)])},ln=function(n,e,r,t){var i=E(n,e),t=(t?yn:mn)(r);0<i.length?an(n,e,t):H(n,e,[t])},D=function(n,e){n=n.find(u.VariableDeclaration);0<n.length&&u(n.paths()[0]).insertAfter(sn(e))},w=function(n,e,r){return u.expressionStatement(fn(n,e,r))},fn=function(n,e,r){return u.callExpression(pn(n,e),r)},sn=function(n){return u.variableDeclaration("var",[vn(n)])},vn=function(n){return u.variableDeclarator(void 0!==n.g?u.identifier(n.g):u.identifier(n.reference),(0<n.reference.length?dn:F)(n))},dn=function(n){return u.memberExpression(F(n),u.identifier(n.reference))},pn=function(n,e){return u.memberExpression(u.identifier(n),u.identifier(e))},F=function(n){return u.callExpression(u.identifier("require"),[u.literal(n.module)])},_=function(n,e){return u.importDeclaration(e,u.literal(n))},B=function(n){return void 0!==n.g?u.importSpecifier(u.identifier(n.reference),u.identifier(n.g)):u.importSpecifier(u.identifier(n.reference))},mn=function(n){return u.importDefaultSpecifier(u.identifier(n))},yn=function(n){return u.importNamespaceSpecifier(u.identifier(n))};

package/instrumentation/jsx/CreateElement.js

@@ -1,29 +1,129 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createElement = void 0;
+const react_1 = require("react");
 const Types_1 = require("../model/Types");
 const ElementHelper_1 = require("./ElementHelper");
 const ClassComponent_1 = require("./components/ClassComponent");
 const FunctionalComponent_1 = require("./components/FunctionalComponent");
-const react_1 = require("react");
+const PRESS_PROP_KEYS = [
+    'onPress',
+    'onLongPress',
+    'onPressIn',
+    'onPressOut',
+    'onTap',
+    'onClick',
+];
+const getGlobalPressHook = () => {
+    const g = (typeof globalThis !== 'undefined' && globalThis) ||
+        (typeof global !== 'undefined' && global) ||
+        (typeof window !== 'undefined' && window) ||
+        undefined;
+    return g === null || g === void 0 ? void 0 : g.__DT_UI_PLUGIN_PRESS_HOOK__;
+};
+const getDisplayName = (type) => {
+    if (!type) {
+        return 'Unknown';
+    }
+    if (typeof type === 'string') {
+        return type;
+    }
+    return (type.displayName ||
+        type.name ||
+        (type.constructor && type.constructor.name) ||
+        'Anonymous');
+};
+const guessTouchableName = (type, props) => {
+    if (!props) {
+        return getDisplayName(type);
+    }
+    if (typeof props.dtActionName === 'string' && props.dtActionName.length) {
+        return props.dtActionName;
+    }
+    if (typeof props.title === 'string' && props.title.length) {
+        return props.title;
+    }
+    if (typeof props.accessibilityLabel === 'string' &&
+        props.accessibilityLabel.length) {
+        return props.accessibilityLabel;
+    }
+    if (typeof props.testID === 'string' && props.testID.length) {
+        return props.testID;
+    }
+    return getDisplayName(type);
+};
+const mapHandlerToPhase = (handler) => {
+    if (handler === 'onPressIn') {
+        return 'press-in';
+    }
+    if (handler === 'onPressOut') {
+        return 'press-out';
+    }
+    return 'press';
+};
+const attachPressHookToProps = (type, props) => {
+    if (!props) {
+        return props;
+    }
+    const hook = getGlobalPressHook();
+    if (!hook) {
+        return props;
+    }
+    let cloned = null;
+    const wrapOne = (key) => {
+        const orig = props[key];
+        if (typeof orig !== 'function') {
+            return;
+        }
+        if (!cloned) {
+            cloned = Object.assign({}, props);
+        }
+        cloned[key] = (...args) => {
+            var _a;
+            try {
+                const evt = args[0];
+                const nativeEvent = (_a = evt === null || evt === void 0 ? void 0 : evt.nativeEvent) !== null && _a !== void 0 ? _a : evt;
+                const touchableName = guessTouchableName(type, props);
+                hook({
+                    phase: mapHandlerToPhase(key),
+                    handler: key,
+                    touchableName,
+                    nativeEvent,
+                });
+            }
+            catch (e) {
+                const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
+                console.log(`[CreateElement]: DT press hook failed: ${errorMsg}`);
+            }
+            return orig(...args);
+        };
+    };
+    for (const key of PRESS_PROP_KEYS) {
+        wrapOne(key);
+    }
+    return cloned || props;
+};
 const createElement = (type, props, ...children) => {
-    if (type != null && type._dtInfo != null && !(0, ElementHelper_1.isDtActionIgnore)(props)) {
+    const patchedProps = attachPressHookToProps(type, props);
+    if (type != null &&
+        type._dtInfo != null &&
+        !(0, ElementHelper_1.isDtActionIgnore)(patchedProps)) {
         if (type._dtInfo.type === Types_1.Types.FunctionalComponent) {
             return (0, react_1.createElement)(FunctionalComponent_1.DynatraceFunctionalComponent, {
-                children: (0, react_1.createElement)(type, props, ...children),
+                children: (0, react_1.createElement)(type, patchedProps, ...children),
             });
         }
         else if (type._dtInfo.type === Types_1.Types.ClassComponent &&
             type.prototype !== undefined &&
             type.prototype.isReactComponent !== undefined) {
             return (0, react_1.createElement)(ClassComponent_1.DynatraceClassComponent, {
-                children: (0, react_1.createElement)(type, props, ...children),
+                children: (0, react_1.createElement)(type, patchedProps, ...children),
             });
         }
         else {
-            (0, ElementHelper_1.modifyElement)(type, props);
+            (0, ElementHelper_1.modifyElement)(type, patchedProps);
         }
     }
-    return (0, react_1.createElement)(type, props, ...children);
+    return (0, react_1.createElement)(type, patchedProps, ...children);
 };
 exports.createElement = createElement;

package/instrumentation/jsx/JsxDevRuntime.js

@@ -11,9 +11,7 @@ try {
             args[0]._dtInfo !== undefined &&
             !(0, ElementHelper_1.isDtActionIgnore)(args[1])) {
             if (args[0]._dtInfo.type === Types_1.Types.FunctionalComponent) {
-                const wrapperProps = {
-                    children: ReactDevRuntime.jsxDEV(...args),
-                };
+                const wrapperProps = Object.assign(Object.assign({}, args[1]), { children: ReactDevRuntime.jsxDEV(...args) });
                 wrapperProps.dtActionName =
                     args[1] !== undefined && args[1].dtActionName !== undefined
                         ? args[1].dtActionName
@@ -28,9 +26,7 @@ try {
             else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
                 args[0].prototype !== undefined &&
                 args[0].prototype.isReactComponent !== undefined) {
-                const wrapperProps = {
-                    children: ReactDevRuntime.jsxDEV(...args),
-                };
+                const wrapperProps = Object.assign(Object.assign({}, args[1]), { children: ReactDevRuntime.jsxDEV(...args) });
                 if (args[2] !== undefined) {
                     return ReactDevRuntime.jsxDEV(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
                 }

package/instrumentation/jsx/JsxRuntime.js

@@ -10,9 +10,7 @@ const instrumentJsxCall = (jsxFunction) => (...args) => {
         args[0]._dtInfo !== undefined &&
         !(0, ElementHelper_1.isDtActionIgnore)(args[1])) {
         if (args[0]._dtInfo.type === Types_1.Types.FunctionalComponent) {
-            const wrapperProps = {
-                children: jsxFunction(...args),
-            };
+            const wrapperProps = Object.assign(Object.assign({}, args[1]), { children: jsxFunction(...args) });
             wrapperProps.dtActionName =
                 args[1] !== undefined && args[1].dtActionName !== undefined
                     ? args[1].dtActionName
@@ -27,9 +25,7 @@ const instrumentJsxCall = (jsxFunction) => (...args) => {
         else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
             args[0].prototype !== undefined &&
             args[0].prototype.isReactComponent !== undefined) {
-            const wrapperProps = {
-                children: jsxFunction(...args),
-            };
+            const wrapperProps = Object.assign(Object.assign({}, args[1]), { children: jsxFunction(...args) });
             if (args[2] !== undefined) {
                 return jsxFunction(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
             }

package/instrumentation/libs/withOnPressMonitoring.js

@@ -13,20 +13,66 @@ function withOnPressMonitoring(Component, fallbackName) {
         const { onPress, onLongPress } = props;
         const touchableName = (0, exports.chooseTouchableName)(props, fallbackName);
         const dynatraceIgnored = (0, ComponentUtil_1.isDynatraceIgnored)(props);
+        const isRNButton = 'title' in props && typeof props.title === 'string';
+        const isRectButton = fallbackName === 'Button';
+        const isButtonLike = isRNButton || isRectButton;
+        const buttonLabel = isRNButton ? String(props.title) : null;
         const propsWithoutRef = Object.assign(Object.assign(Object.assign({}, props), (!dynatraceIgnored &&
             onPress && {
-            onPress: (0, exports.wrapOnPress)(onPress, touchableName),
+            onPress: (0, exports.wrapOnPress)(onPress, touchableName, isButtonLike, buttonLabel),
         })), (!dynatraceIgnored &&
             onLongPress && {
-            onLongPress: (0, exports.wrapOnPress)(onLongPress, touchableName),
+            onLongPress: (0, exports.wrapOnPress)(onLongPress, touchableName, isButtonLike, buttonLabel),
         }));
         const propsWithRef = Object.assign(Object.assign({}, propsWithoutRef), { ref });
         return React.createElement(Component, Object.assign({}, propsWithRef));
     });
 }
 exports.withOnPressMonitoring = withOnPressMonitoring;
-const wrapOnPress = (onPress, touchableName) => {
+const dtGetUiBridge = () => {
+    const g = globalThis;
+    return g && g.__DT_UII_BRIDGE ? g.__DT_UII_BRIDGE : null;
+};
+const dtBuildPressPath = (startPath, touchableName) => {
+    const base = (startPath && String(startPath)) || '';
+    if (!base)
+        return `Touchable(${touchableName})`;
+    const cut1 = base.lastIndexOf('/Text');
+    const cut2 = base.lastIndexOf('/Text(');
+    const cut = Math.max(cut1, cut2);
+    const parent = cut > 0 ? base.slice(0, cut) : base;
+    return parent + `/Touchable(${touchableName})`;
+};
+const wrapOnPress = (onPress, touchableName, isButtonLike, buttonLabel) => {
     return (...args) => {
+        const bridge = dtGetUiBridge();
+        if (bridge && typeof bridge.registerPress === 'function') {
+            try {
+                const e = args && args[0];
+                const ne = e && e.nativeEvent;
+                const x = Number(ne && ne.pageX);
+                const y = Number(ne && ne.pageY);
+                const pos = Number.isFinite(x) && Number.isFinite(y)
+                    ? { x, y }
+                    : undefined;
+                const startPath = bridge.getStartPath &&
+                    typeof bridge.getStartPath === 'function'
+                    ? bridge.getStartPath()
+                    : null;
+                const nameForBridge = isButtonLike
+                    ? buttonLabel || touchableName
+                    : touchableName;
+                bridge.registerPress({
+                    path: dtBuildPressPath(startPath, nameForBridge),
+                    elementName: nameForBridge,
+                    pos,
+                });
+            }
+            catch (e) {
+                const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
+                Logger.debug(`registerPress bridge hook failed: ${errorMsg}`);
+            }
+        }
         if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
             Logger.info('React Native plugin has not been started yet! Touch will not be reported!');
             onPress(...args);

package/ios/DynatraceRNBridge.mm

@@ -279,6 +279,7 @@ template<typename T = void> std::enable_if_t<(facebook::react::ReactNativeVersio
 /**
 * Triggered when starting to emit events
 */
+
 - (void)startObserving
 {
     hasListeners = YES;
@@ -720,7 +721,7 @@ RCT_EXPORT_METHOD(getUserPrivacyOptions:(NSString *) platform findEventsWithReso
             level = DataCollectionOff;
         }
 
-        NSDictionary *privacyDict = @{@"dataCollectionLevel": level, @"crashReportingOptedIn": [NSNumber numberWithBool: privacyConfig.crashReportingOptedIn]};
+        NSDictionary *privacyDict = @{@"dataCollectionLevel": level, @"crashReportingOptedIn": [NSNumber numberWithBool: privacyConfig.crashReportingOptedIn], @"screenRecordOptedIn": [NSNumber numberWithBool: privacyConfig.screenRecordOptedIn]};
 
         resolve(privacyDict);
     }
@@ -750,6 +751,12 @@ RCT_EXPORT_METHOD(applyUserPrivacyOptions:(NSDictionary *) userPrivacyOptions pl
             // do nothing and keep current value
         }
 
+        if ([[userPrivacyOptions valueForKey:@"_screenRecordOptedIn"] isEqual: @(YES)]) {
+            privacyConfig.screenRecordOptedIn = @(YES);
+        } else if ([[userPrivacyOptions valueForKey:@"_screenRecordOptedIn"] isEqual: @(NO)]) {
+            privacyConfig.screenRecordOptedIn = @(NO);
+        }
+
         [Dynatrace applyUserPrivacyOptions:privacyConfig completion:^(BOOL successful) {
             // do nothing with callback
         }];