@dynatrace/react-native-plugin 2.331.1 → 2.333.1

package/lib/features/ui-interaction/Types.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Literals = exports.IdName = exports.AttrName = exports.PressKey = exports.DangerousWrapDeny = exports.StopMemberProp = exports.TabBase = exports.StopMemberBase = exports.StopId = void 0;
+var StopId;
+(function (StopId) {
+    StopId["React"] = "React";
+    StopId["Fragment"] = "Fragment";
+    StopId["Segment"] = "Segment";
+    StopId["AnalyticsRoot"] = "AnalyticsRoot";
+    StopId["PathPrefix"] = "PathPrefix";
+    StopId["NavigationTraceInner"] = "NavigationTraceInner";
+    StopId["TabButton"] = "TabButton";
+    StopId["NavigationContainer"] = "NavigationContainer";
+})(StopId = exports.StopId || (exports.StopId = {}));
+var StopMemberBase;
+(function (StopMemberBase) {
+    StopMemberBase["Stack"] = "Stack";
+    StopMemberBase["NativeStack"] = "NativeStack";
+    StopMemberBase["MaterialBottomTab"] = "MaterialBottomTab";
+    StopMemberBase["MaterialTopTab"] = "MaterialTopTab";
+    StopMemberBase["Drawer"] = "Drawer";
+})(StopMemberBase = exports.StopMemberBase || (exports.StopMemberBase = {}));
+var TabBase;
+(function (TabBase) {
+    TabBase["Tabs"] = "Tabs";
+    TabBase["Tab"] = "Tab";
+    TabBase["BottomTab"] = "BottomTab";
+    TabBase["MaterialBottomTab"] = "MaterialBottomTab";
+    TabBase["MaterialTopTab"] = "MaterialTopTab";
+})(TabBase = exports.TabBase || (exports.TabBase = {}));
+var StopMemberProp;
+(function (StopMemberProp) {
+    StopMemberProp["Screen"] = "Screen";
+    StopMemberProp["Group"] = "Group";
+})(StopMemberProp = exports.StopMemberProp || (exports.StopMemberProp = {}));
+var DangerousWrapDeny;
+(function (DangerousWrapDeny) {
+    DangerousWrapDeny["KeyboardAwareScrollView"] = "KeyboardAwareScrollView";
+    DangerousWrapDeny["SectionListWithKeyboardAwareScrollView"] = "SectionListWithKeyboardAwareScrollView";
+})(DangerousWrapDeny = exports.DangerousWrapDeny || (exports.DangerousWrapDeny = {}));
+var PressKey;
+(function (PressKey) {
+    PressKey["onPress"] = "onPress";
+    PressKey["onLongPress"] = "onLongPress";
+    PressKey["onPressIn"] = "onPressIn";
+    PressKey["onPressOut"] = "onPressOut";
+    PressKey["onTap"] = "onTap";
+    PressKey["onClick"] = "onClick";
+})(PressKey = exports.PressKey || (exports.PressKey = {}));
+var AttrName;
+(function (AttrName) {
+    AttrName["Options"] = "options";
+    AttrName["TabBarButton"] = "tabBarButton";
+    AttrName["DtUIMask"] = "dtMask";
+    AttrName["Key"] = "key";
+    AttrName["Name"] = "name";
+})(AttrName = exports.AttrName || (exports.AttrName = {}));
+var IdName;
+(function (IdName) {
+    IdName["DtPrefix"] = "__DT_PREFIX";
+    IdName["DtEmit"] = "__DT_emit";
+})(IdName = exports.IdName || (exports.IdName = {}));
+exports.Literals = {
+    ReactFragmentFQN: 'React.Fragment',
+    NavigatorProp: 'Navigator',
+    PluginName: 'dt-user-interaction',
+    LogTag: '[dt] instrumented:',
+    RawHandlerTag: '[DT raw] handler',
+    KeySuffixPrefix: '~dt@',
+    DefaultRuntimeImport: '@dynatrace/react-native-plugin/lib/features/ui-interaction/Runtime',
+    DefaultArtifactsDir: 'node_modules/@dynatrace/react-native-plugin/build/ui_instrumented',
+    DefaultSegmentName: 'Segment',
+    DefaultTabButtonName: 'TabButton',
+    DefaultRootName: 'AnalyticsRoot',
+};

package/lib/next/Dynatrace.js

@@ -38,7 +38,7 @@ class DynatraceImpl {
     }
     startView(name) {
         if (typeof name !== 'string') {
-            this.logger.info(`startView(name): Name must be a string!`);
+            this.logger.info('startView(name): Name must be a string!');
             return;
         }
         this.logger.debug(`startView(${name})`);

package/lib/next/configuration/INativeRuntimeConfiguration.js

@@ -3,5 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateDefaultConfiguration = void 0;
 const generateDefaultConfiguration = () => ({
     '3rd_gen_enabled': true,
+    touch_interaction_enabled: false,
 });
 exports.generateDefaultConfiguration = generateDefaultConfiguration;

package/lib/next/configuration/RuntimeConfigurationObserver.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RuntimeConfigurationObserver = void 0;
+const react_native_1 = require("react-native");
 const DynatraceBridge_1 = require("../../core/DynatraceBridge");
-const DynatraceEventBus_1 = require("../DynatraceEventBus");
 const INativeRuntimeConfiguration_1 = require("./INativeRuntimeConfiguration");
 class RuntimeConfigurationObserverImpl {
     constructor() {
@@ -12,25 +12,60 @@ class RuntimeConfigurationObserverImpl {
         this.subscription = null;
         this.setupNativeEventEmitter();
     }
+    call() {
+    }
     getCurrentRuntimeConfiguration() {
         return this.runtimeConfiguration;
     }
     isInitiated() {
         return this.observerIsInitiated;
     }
+    updateRuntimeConfiguration(data) {
+        if (!data || typeof data !== 'object') {
+            return;
+        }
+        const payload = data;
+        const thirdGenEnabled = typeof payload['3rd_gen_enabled'] === 'boolean'
+            ? payload['3rd_gen_enabled']
+            : undefined;
+        const touchInteractionEnabled = typeof payload.touch_interaction_enabled === 'boolean'
+            ? payload.touch_interaction_enabled
+            : undefined;
+        const normalized = Object.assign(Object.assign({}, (typeof thirdGenEnabled === 'boolean'
+            ? { '3rd_gen_enabled': thirdGenEnabled }
+            : {})), (typeof touchInteractionEnabled === 'boolean'
+            ? { touch_interaction_enabled: touchInteractionEnabled }
+            : {}));
+        this.runtimeConfiguration = Object.assign(Object.assign({}, (0, INativeRuntimeConfiguration_1.generateDefaultConfiguration)()), normalized);
+        this.observerIsInitiated = true;
+    }
+    resolveBridgeModule() {
+        const dynatraceModule = DynatraceBridge_1.DynatraceNative;
+        const hasDynatraceBridgeAPI = !!dynatraceModule &&
+            (typeof dynatraceModule.addListener === 'function' ||
+                typeof dynatraceModule.getCurrentConfiguration === 'function');
+        if (hasDynatraceBridgeAPI) {
+            return dynatraceModule;
+        }
+        return react_native_1.NativeModules.DynatraceBridge;
+    }
     setupNativeEventEmitter() {
-        const emitter = (0, DynatraceEventBus_1.createEmitterRuntimeConfig)();
-        this.subscription = (0, DynatraceEventBus_1.addListenerOnce)(emitter, this.subscription, this.EMIT_CONFIGURATION, (data) => {
-            this.runtimeConfiguration = data;
-            this.observerIsInitiated = true;
-        });
-        if (typeof DynatraceBridge_1.DynatraceNative.getCurrentConfiguration === 'function') {
-            Promise.resolve(DynatraceBridge_1.DynatraceNative.getCurrentConfiguration())
+        const bridgeModule = this.resolveBridgeModule();
+        if (!bridgeModule) {
+            return;
+        }
+        const iosModule = react_native_1.NativeModules.DynatraceBridge;
+        const nativeEmitterModule = react_native_1.Platform.OS === 'ios' ? iosModule || bridgeModule : bridgeModule;
+        const emitter = new react_native_1.NativeEventEmitter(nativeEmitterModule);
+        if (this.subscription == null) {
+            this.subscription = emitter.addListener(this.EMIT_CONFIGURATION, (data) => {
+                this.updateRuntimeConfiguration(data);
+            });
+        }
+        if (typeof bridgeModule.getCurrentConfiguration === 'function') {
+            Promise.resolve(bridgeModule.getCurrentConfiguration())
                 .then((data) => {
-                if (data) {
-                    this.runtimeConfiguration = data;
-                    this.observerIsInitiated = true;
-                }
+                this.updateRuntimeConfiguration(data);
             })
                 .catch(() => {
             });

package/lib/next/events/EventPipeline.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventPipeline = void 0;
 const DynatraceBridge_1 = require("../../core/DynatraceBridge");
 const ConsoleLogger_1 = require("../../core/logging/ConsoleLogger");
+const ConfigurationHandler_1 = require("../../core/configuration/ConfigurationHandler");
 const BaseDataEventModifier_1 = require("./modifier/BaseDataEventModifier");
 const ValueRestrictionModifier_1 = require("./modifier/ValueRestrictionModifier");
 const ModifyEventValidation_1 = require("./modifier/ModifyEventValidation");
@@ -24,6 +25,14 @@ class EventPipelineImpl {
         ];
     }
     insertEvent(event) {
+        if (!ConfigurationHandler_1.ConfigurationHandler.isRuntimeConfigurationInitiated()) {
+            this.logger.debug('isRuntimeConfigurationInitiated is not enabled! App start event will be discarded!');
+            return;
+        }
+        if (!ConfigurationHandler_1.ConfigurationHandler.isGrailEnabled()) {
+            this.logger.debug('RUM on Grail is not enabled! App start event will be discarded!');
+            return;
+        }
         this.logger.debug(`insertEvent(${JSON.stringify(event)})`);
         let isDiscarded = false;
         for (const modifier of this.getEventModifierChain()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/react-native-plugin",
-  "version": "2.331.1",
+  "version": "2.333.1",
   "description": "This plugin gives you the ability to use the Dynatrace Mobile agent in your react native application.",
   "main": "index.js",
   "types": "types.d.ts",
@@ -68,7 +68,11 @@
     },
     "ast-types": "npm:ast-types-x",
     "flow-parser": "0.160",
-    "fast-xml-parser@>=4.3.6 <=5.3.3": "5.3.4"
+    "fast-xml-parser@>=4.3.6 <=5.3.5": "5.3.6",
+    "@isaacs/brace-expansion": ">=5.0.1",
+    "minimatch@>=9.0.0 <9.0.6": ">=9.0.6",
+    "minimatch@>=10.0.0 <10.2.2": ">=10.2.2",
+    "minimatch@>=3.0.0 <3.1.3": ">=3.1.3"
   },
   "devDependencies": {
     "@babel/plugin-transform-class-properties": "^7.27.1",
@@ -80,33 +84,37 @@
     "@react-native/babel-preset": "^0.80.1",
     "@react-navigation/core": "^7.13.0",
     "@react-navigation/drawer": "^7.7.2",
-    "@testing-library/react-native": "^13.2.0",
+    "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
     "@types/jscodeshift": "^17.3.0",
+    "@types/micromatch": "^4.0.10",
     "@types/node": "^18.19.123",
     "@types/plist": "^3.0.5",
     "@types/react": "^19.1.8",
     "@types/semver": "^7.7.0",
     "@types/shelljs": "^0.8.17",
     "@types/uglify-js": "^3.17.5",
-    "@typescript-eslint/eslint-plugin": "^8.22.0",
-    "@typescript-eslint/parser": "^8.22.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
     "compressing": "^1.10.3",
     "diff": "^8.0.2",
     "eslint": "^9.29.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsdoc": "^50.6.3",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-unicorn": "^42.0.0",
+    "eslint-plugin-unicorn": "^63.0.0",
     "husky": "^9.1.6",
-    "jest": "^30.0.4",
-    "jest-each": "^30.0.2",
+    "jest": "^30.2.0",
+    "jest-each": "^30.2.0",
     "jest-junit": "^16.0.0",
-    "jest-mock": "^30.0.2",
+    "jest-mock": "^30.2.0",
     "npm-check-updates": "^18.0.1",
     "prettier": "^2.6.1",
+    "react": "19.2.3",
+    "react-native": "^0.84.0",
     "react-native-gesture-handler": "^2.28.0",
+    "react-test-renderer": "19.2.3",
     "rollup": "^4.52.4",
     "rollup-plugin-dts": "^6.2.3",
     "shelljs": "^0.10.0",
@@ -167,6 +175,7 @@
     "lib/next/events/modifier/*.js",
     "lib/next/events/spec/*.js",
     "lib/next/provider/*.js",
+    "lib/features/ui-interaction/*.js",
     "src/lib/core/interface/NativeDynatraceBridge.ts",
     "types.d.ts"
   ],

package/react-native-dynatrace.podspec

@@ -111,7 +111,7 @@ Pod::Spec.new do |s|
   #
   
   s.dependency "React"
-  s.dependency 'Dynatrace', '~> 8.331.1.1008'
+  s.dependency 'Dynatrace', '~> 8.333.1.1005'
 
   # Allows for better compatibility for older and newer versions
   if defined?(install_modules_dependencies)

package/scripts/Config.js

@@ -34,6 +34,7 @@ exports.defaultConfig = {
         navigation: {
             enabled: true,
         },
+        userInteraction: false,
         sourcemap: {
             enabled: true,
             androidSourcemapLocation: 'app/build/generated/sourcemaps/react/release/index.android.bundle.map',

package/src/lib/core/interface/NativeDynatraceBridge.ts

@@ -177,6 +177,7 @@ export interface Spec extends TurboModule {
 export type NativeUserPrivacyOptions = {
     dataCollectionLevel: string;
     crashReportingOptedIn: boolean;
+    screenRecordOptedIn?: boolean;
 };
 
 export default TurboModuleRegistry.getEnforcing<Spec>('DynatraceBridge');

package/types.d.ts

@@ -126,11 +126,13 @@ declare enum DataCollectionLevel {
 declare class UserPrivacyOptions {
     private _dataCollectionLevel;
     private _crashReportingOptedIn;
+    private _screenRecordOptedIn;
     /**
      * Creates a new UserPrivacyOptions instance with the specified privacy settings.
      *
      * @param {DataCollectionLevel} dataCollectionLevel The level of data collection to allow
      * @param {boolean} crashReportingOptedIn Whether crash reporting should be enabled
+     * @param {boolean} screenRecordOptedIn Whether screen recording (Session Replay) should be enabled
      *
      * @example
      * ```ts
@@ -147,7 +149,7 @@ declare class UserPrivacyOptions {
      *
      * @see https://www.npmjs.com/package/@dynatrace/react-native-plugin#user-privacy-options
      */
-    constructor(dataCollectionLevel: DataCollectionLevel, crashReportingOptedIn: boolean);
+    constructor(dataCollectionLevel: DataCollectionLevel, crashReportingOptedIn: boolean, screenRecordOptedIn?: boolean);
     /**
      * Gets the current data collection level.
      *
@@ -216,6 +218,8 @@ declare class UserPrivacyOptions {
      * @see https://www.npmjs.com/package/@dynatrace/react-native-plugin#user-privacy-options
      */
     set dataCollectionLevel(dataCollectionLevel: DataCollectionLevel);
+    get screenRecordOptedIn(): boolean;
+    set screenRecordOptedIn(screenRecordOptedIn: boolean);
 }
 
 /**
@@ -394,15 +398,16 @@ interface IDynatraceAction {
      */
     cancel(platform?: Platform): void;
     /**
-     * Generates a Dynatrace request tag for manual web request tagging. This tag must be added as an
-     * HTTP header to link the web request with this mobile action. The header key can be obtained
-     * using `getRequestTagHeader()`.
+     * Generates a unique x-dynatrace header for the web request with a specified url,
+     * which has to be manually added as http header.
      *
-     * The tag value is evaluated by the Dynatrace web server agent, which links server-side PurePath
-     * data with this mobile user action for end-to-end tracing.
+     * This is the same tag that was provided when constructing the DynatraceWebRequestTiming instance.
+     * The header key can be obtained with the method getRequestTagHeader.
      *
-     * **Note:** The returned string may be empty if the Dynatrace agent is disabled or not started yet,
-     * if communication with the Dynatrace server fails, or if privacy settings do not allow monitoring of requests.
+     * The string value can be empty in cases when the agent is not able to send data, the agent is turned off completly,
+     * has not started yet or is not allowed to track web requests because of privacy reasons.
+     * The tag value is evaluated by the corresponding web server agent.
+     * The Dynatrace server will link the server-side PurePath data with this mobile user action.
      *
      * @param {string} url The URL of the request you want to track
      * @returns {Promise<string>} The request tag value to be used as the HTTP header value
@@ -2081,8 +2086,16 @@ interface IDynatraceWebRequestTiming {
      */
     stopWebRequestTimingWithSize(responseCode: number, responseMessage: string, requestSize: number, responseSize: number): void;
     /**
-     * Returns the request tag value that should be used as the HTTP header value for tracking.
+     * Generates a unique x-dynatrace header for the web request with a specified url,
+     * which has to be manually added as http header.
+     *
      * This is the same tag that was provided when constructing the DynatraceWebRequestTiming instance.
+     * The header key can be obtained with the method getRequestTagHeader.
+     *
+     * The string value can be empty in cases when the agent is not able to send data, the agent is turned off completly,
+     * has not started yet or is not allowed to track web requests because of privacy reasons.
+     * The tag value is evaluated by the corresponding web server agent.
+     * The Dynatrace server will link the server-side PurePath data with this mobile user action.
      *
      * @returns {string} The request tag value to be used as the HTTP header value
      *