@dynatrace/react-native-plugin 2.307.1 → 2.309.1

package/{lib/instrumentor/base → instrumentation/jsx}/ElementHelper.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDtActionIgnore = exports.modifyElement = exports.instrumentCreateElement = void 0;
 const Types_1 = require("../model/Types");
-const Component_1 = require("../../react/Component");
-const Logger_1 = require("./Logger");
-const Picker_1 = require("./Picker");
-const Touchable_1 = require("./Touchable");
-const Dynatrace_1 = require("./Dynatrace");
-const RefreshControl_1 = require("./RefreshControl");
-const Switch_1 = require("./Switch");
+const TypesUtil_1 = require("../model/TypesUtil");
+const Dynatrace_1 = require("../../lib/core/Dynatrace");
+const ConsoleLogger_1 = require("../../lib/core/logging/ConsoleLogger");
+const Picker_1 = require("./components/Picker");
+const Touchable_1 = require("./components/Touchable");
+const RefreshControl_1 = require("./components/RefreshControl");
+const Switch_1 = require("./components/Switch");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
 const instrumentCreateElement = (reactModule) => {
     if (reactModule != null && reactModule.createElement != null) {
         const reactCreateElement = reactModule.createElement;
@@ -17,12 +19,12 @@ const instrumentCreateElement = (reactModule) => {
                 type._dtInfo != null &&
                 !(0, exports.isDtActionIgnore)(props)) {
                 if (type._dtInfo.type === Types_1.Types.FunctionalComponent) {
-                    return reactCreateElement(Component_1.DynatraceFnWrapper, {}, reactCreateElement(type, props, ...children));
+                    return reactCreateElement(FunctionalComponent_1.DynatraceFunctionalComponent, {}, reactCreateElement(type, props, ...children));
                 }
                 else if (type._dtInfo.type === Types_1.Types.ClassComponent &&
                     type.prototype !== undefined &&
                     type.prototype.isReactComponent !== undefined) {
-                    return reactCreateElement(Component_1.DynatraceClassWrapper, {}, reactCreateElement(type, props, ...children));
+                    return reactCreateElement(ClassComponent_1.DynatraceClassComponent, {}, reactCreateElement(type, props, ...children));
                 }
                 else {
                     (0, exports.modifyElement)(type, props, ...children);
@@ -46,12 +48,12 @@ const modifyElement = (type, props, ...children) => {
         else if (type._dtInfo.type === Types_1.Types.Button ||
             type._dtInfo.type === Types_1.Types.Text ||
             type._dtInfo.type === Types_1.Types.Pressable ||
-            (0, Types_1.isTypeTouchable)(type._dtInfo.type)) {
+            (0, TypesUtil_1.isTypeTouchable)(type._dtInfo.type)) {
             if (props.onPress != null) {
-                props.onPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, Logger_1.Logger).attachOnPress(false, props, children);
+                props.onPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, new ConsoleLogger_1.ConsoleLogger('TouchableHelper')).attachOnPress(false, props, children);
             }
             if (props.onLongPress != null) {
-                props.onLongPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, Logger_1.Logger).attachOnPress(true, props, children);
+                props.onLongPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, new ConsoleLogger_1.ConsoleLogger('TouchableHelper')).attachOnPress(true, props, children);
             }
         }
         else if (props.onValueChange != null &&

package/{lib/jsx-dev-runtime.js → instrumentation/jsx/JsxDevRuntime.js}

@@ -1,21 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const ElementHelper_1 = require("./instrumentor/base/ElementHelper");
-const Types_1 = require("./instrumentor/model/Types");
-const Component_1 = require("./react/Component");
+const Types_1 = require("../model/Types");
+const JsxRuntimeUtil_1 = require("./JsxRuntimeUtil");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
+const ElementHelper_1 = require("./ElementHelper");
 try {
-    let _jsxDevRuntime;
-    try {
-        _jsxDevRuntime = require('react/jsx-dev-runtime.js');
-    }
-    catch (error) {
-        try {
-            _jsxDevRuntime = require('../../../react/jsx-dev-runtime');
-        }
-        catch (error) {
-            _jsxDevRuntime = null;
-        }
-    }
+    const _jsxDevRuntime = (0, JsxRuntimeUtil_1.dynamicRequireJSXDevRuntime)();
     if (_jsxDevRuntime != null) {
         const jsxDEV = (...args) => {
             if (args[0] !== undefined &&
@@ -31,10 +22,10 @@ try {
                             ? args[1].dtActionName
                             : args[0]._dtInfo.name;
                     if (args[2] !== undefined) {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceFnWrapper, wrapperProps, args[2] + '_dt');
+                        return _jsxDevRuntime.jsxDEV(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args[2] + '_dt');
                     }
                     else {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceFnWrapper, wrapperProps);
+                        return _jsxDevRuntime.jsxDEV(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps);
                     }
                 }
                 else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
@@ -44,10 +35,10 @@ try {
                         children: _jsxDevRuntime.jsxDEV(...args),
                     };
                     if (args[2] !== undefined) {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceClassWrapper, wrapperProps, args[2] + '_dt');
+                        return _jsxDevRuntime.jsxDEV(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
                     }
                     else {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceClassWrapper, wrapperProps);
+                        return _jsxDevRuntime.jsxDEV(ClassComponent_1.DynatraceClassComponent, wrapperProps);
                     }
                 }
                 if (Array.isArray(args[1].children)) {

package/instrumentation/jsx/JsxRuntime.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Types_1 = require("../model/Types");
+const JsxRuntimeUtil_1 = require("./JsxRuntimeUtil");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
+const ElementHelper_1 = require("./ElementHelper");
+const instrumentJsxCall = (jsxFunction) => (...args) => {
+    if (args[0] !== undefined &&
+        args[0]._dtInfo !== undefined &&
+        !(0, ElementHelper_1.isDtActionIgnore)(args[1])) {
+        if (args[0]._dtInfo.type === Types_1.Types.FunctionalComponent) {
+            const wrapperProps = {
+                children: jsxFunction(...args),
+            };
+            wrapperProps.dtActionName =
+                args[1] !== undefined && args[1].dtActionName !== undefined
+                    ? args[1].dtActionName
+                    : args[0]._dtInfo.name;
+            if (args[2] !== undefined) {
+                return jsxFunction(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args[2] + '_dt');
+            }
+            else {
+                return jsxFunction(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps);
+            }
+        }
+        else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
+            args[0].prototype !== undefined &&
+            args[0].prototype.isReactComponent !== undefined) {
+            const wrapperProps = {
+                children: jsxFunction(...args),
+            };
+            if (args[2] !== undefined) {
+                return jsxFunction(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
+            }
+            else {
+                return jsxFunction(ClassComponent_1.DynatraceClassComponent, wrapperProps);
+            }
+        }
+        if (Array.isArray(args[1].children)) {
+            (0, ElementHelper_1.modifyElement)(args[0], args[1], ...args[1].children);
+        }
+        else {
+            (0, ElementHelper_1.modifyElement)(args[0], args[1], args[1].children);
+        }
+    }
+    return jsxFunction(...args);
+};
+try {
+    const _jsxRuntime = (0, JsxRuntimeUtil_1.dynamicRequireJSXRuntime)();
+    if (_jsxRuntime != null) {
+        const jsx = instrumentJsxCall(_jsxRuntime.jsx);
+        const jsxs = instrumentJsxCall(_jsxRuntime.jsxs);
+        module.exports = Object.assign(Object.assign({}, _jsxRuntime), { jsx,
+            jsxs });
+    }
+    else {
+        module.exports = {};
+    }
+}
+catch (error) {
+    module.exports = {};
+}

package/instrumentation/jsx/JsxRuntimeUtil.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamicRequireJSXDevRuntime = exports.dynamicRequireJSXRuntime = void 0;
+const dynamicRequireJSXRuntime = () => {
+    try {
+        return require('react/jsx-runtime.js');
+    }
+    catch (error) {
+        try {
+            return require('../../../react/jsx-runtime');
+        }
+        catch (error) {
+            return null;
+        }
+    }
+};
+exports.dynamicRequireJSXRuntime = dynamicRequireJSXRuntime;
+const dynamicRequireJSXDevRuntime = () => {
+    try {
+        return require('react/jsx-dev-runtime.js');
+    }
+    catch (error) {
+        try {
+            return require('../../../react/jsx-dev-runtime');
+        }
+        catch (error) {
+            return null;
+        }
+    }
+};
+exports.dynamicRequireJSXDevRuntime = dynamicRequireJSXDevRuntime;

package/instrumentation/jsx/components/ClassComponent.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynatraceClassComponent = void 0;
+const react_1 = require("react");
+const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const Dynatrace_1 = require("../../../lib/core/Dynatrace");
+const ComponentUtil_1 = require("./ComponentUtil");
+class DynatraceClassComponent extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.wrappingName = (0, ComponentUtil_1.getNameFromComponent)(props);
+        this.componentMounted = false;
+        this.logger = new ConsoleLogger_1.ConsoleLogger(`Component ${this.wrappingName}`);
+    }
+    render() {
+        if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
+            this.logger.info('React Native plugin has not been started yet! Component will not be reported!');
+        }
+        else {
+            if (ConfigurationHandler_1.ConfigurationHandler.isLifecycleUpdateEnabled() ||
+                !this.componentMounted) {
+                const actionPrefix = !this.componentMounted
+                    ? 'Render '
+                    : 'Update ';
+                this.internalAction = Dynatrace_1.Dynatrace.enterAutoAction(actionPrefix + this.wrappingName);
+            }
+        }
+        return this.props.children;
+    }
+    componentWillUnmount() {
+        this.componentMounted = false;
+    }
+    componentDidUpdate() {
+        this.reportFunctionEvent('componentDidUpdate()');
+    }
+    componentDidMount() {
+        this.componentMounted = true;
+        this.reportFunctionEvent('componentDidMount()');
+    }
+    reportFunctionEvent(event) {
+        if (this.internalAction !== undefined) {
+            this.internalAction.reportEvent(`${this.wrappingName}.${event}`);
+            this.internalAction.leaveAction();
+            this.internalAction = undefined;
+        }
+    }
+}
+exports.DynatraceClassComponent = DynatraceClassComponent;

package/instrumentation/jsx/components/ComponentUtil.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNameFromComponent = void 0;
+const getNameFromComponent = (props) => {
+    if (props !== undefined && props.children !== undefined) {
+        let child;
+        if (Array.isArray(props.children) && props.children.length === 1) {
+            child = props.children[0];
+        }
+        else {
+            child = props.children;
+        }
+        if (child.props !== undefined &&
+            child.props.dtActionName !== undefined) {
+            return child.props.dtActionName;
+        }
+        else if (child.type !== undefined) {
+            if (child.type.displayName !== undefined) {
+                return child.type.displayName;
+            }
+            else if (child.type._dtInfo !== undefined) {
+                return child.type._dtInfo.name;
+            }
+            else {
+                return child.type.name;
+            }
+        }
+    }
+    else {
+        return 'Undefined Name';
+    }
+};
+exports.getNameFromComponent = getNameFromComponent;

package/instrumentation/jsx/components/FunctionalComponent.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynatraceFunctionalComponent = void 0;
+const react_1 = require("react");
+const Dynatrace_1 = require("../../../lib/core/Dynatrace");
+const NullAction_1 = require("../../../lib/core/NullAction");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const ComponentUtil_1 = require("./ComponentUtil");
+const DynatraceFunctionalComponent = (props) => {
+    const componentName = (0, ComponentUtil_1.getNameFromComponent)(props);
+    const action = Dynatrace_1.Dynatrace.enterAutoAction(`Render ${componentName}`);
+    if (action instanceof NullAction_1.NullAction) {
+        new ConsoleLogger_1.ConsoleLogger(`Component ${componentName}`).info('React Native plugin has not been started yet! Component will not be reported!');
+    }
+    (0, react_1.useEffect)(() => {
+        action.leaveAction();
+    });
+    return props.children;
+};
+exports.DynatraceFunctionalComponent = DynatraceFunctionalComponent;

package/{lib/instrumentor/base → instrumentation/jsx/components}/Picker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PickerHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const PickerHelper = (Dynatrace) => ({
     attachOnValueChange: (pickerProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(pickerProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/RefreshControl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RefreshControlHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const RefreshControlHelper = (Dynatrace) => ({
     attachOnRefresh: (refreshControlProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(refreshControlProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/Switch.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitchHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const SwitchHelper = (Dynatrace) => ({
     attachOnValueChange: (switchProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(switchProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/Touchable.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TouchableHelper = void 0;
-const ConfigurationHandler_1 = require("./configuration/ConfigurationHandler");
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const TouchableHelper = (Dynatrace, Logger) => ({
     attachOnPress(longPress, props, children) {
         const origFunction = longPress && this._isLongPress(props)
@@ -12,7 +12,7 @@ const TouchableHelper = (Dynatrace, Logger) => ({
         const isButton = this._isPropsButton(props);
         const wrappedFunction = (event) => {
             if (nameOfAction == null) {
-                Logger.logDebug('TouchableHelper: Skipping creation of action as no name was found!');
+                Logger.debug('Skipping creation of action as no name was found!');
                 if (origFunction != null) {
                     return origFunction(event);
                 }
@@ -20,11 +20,11 @@ const TouchableHelper = (Dynatrace, Logger) => ({
             else if (origFunction != null &&
                 origFunction._dtWrapped !== undefined &&
                 origFunction._dtWrapped === true) {
-                Logger.logDebug(`TouchableHelper: Skip wrapping of ${nameOfAction} onPress as it is already wrapped!`);
+                Logger.debug(`Skip wrapping of ${nameOfAction} onPress as it is already wrapped!`);
                 return origFunction(event);
             }
             else if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-                Logger.logInfo('TouchableHelper: React Native plugin has not been started yet! Touch will not be reported!');
+                Logger.info('React Native plugin has not been started yet! Touch will not be reported!');
                 if (origFunction != null) {
                     return origFunction(event);
                 }

package/instrumentation/libs/community/Picker.InstrInfo.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/community/Picker`;
+exports.instrumentationDefaultImport = exports.instrumentationModule;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: '@react-native-picker/picker',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationModule,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('Picker'));
+exports.instrumentationInfo.push(generateInstrumentation('PickerIOS'));

package/{lib → instrumentation/libs}/community/Picker.js

@@ -2,7 +2,7 @@
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 require("proxy-polyfill");
-const Types_1 = require("../instrumentor/model/Types");
+const Types_1 = require("../../model/Types");
 const PickerRN = require('@react-native-picker/picker');
 const dynatraceProxy = new Proxy(PickerRN, {
     get: (target, property) => {

package/instrumentation/libs/community/gesture-handler/Touchables.InstrInfo.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/community/gesture-handler/`;
+exports.instrumentationDefaultImport = `${exports.instrumentationFolder}/gesture-handler`;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: 'react-native-gesture-handler',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationDefaultImport,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('TouchableHighlight'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableOpacity'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableNativeFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableWithoutFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('RectButton'));

package/{lib → instrumentation/libs}/community/gesture-handler/Touchables.js

@@ -2,7 +2,7 @@
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RectButton = exports.TouchableWithoutFeedback = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.TouchableOpacity = void 0;
-const Types_1 = require("../../instrumentor/model/Types");
+const Types_1 = require("../../../model/Types");
 const gestureHandler = require('react-native-gesture-handler');
 if (gestureHandler !== undefined) {
     if (typeof gestureHandler.TouchableOpacity !== 'object') {

package/{lib → instrumentation/libs}/react-native/RefreshControl.InstrInfo.js

@@ -5,8 +5,8 @@ exports.instrumentationInfo = [];
 exports.instrumentationInfo.push({
     old: { module: 'react-native', reference: 'RefreshControl' },
     new: {
-        module: '@dynatrace/react-native-plugin/lib/react-native/',
+        module: '@dynatrace/react-native-plugin/instrumentation/libs/react-native/',
         reference: 'RefreshControl',
-        defaultImport: '@dynatrace/react-native-plugin/lib/react-native',
+        defaultImport: '@dynatrace/react-native-plugin/instrumentation/libs/react-native',
     },
 });

package/{lib → instrumentation/libs}/react-native/RefreshControl.js

@@ -2,13 +2,13 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RefreshControl = void 0;
-const ReactNative = require("react-native");
-const Types_1 = require("../instrumentor/model/Types");
-if (typeof ReactNative.RefreshControl === 'object') {
-    exports.RefreshControl = Object.assign({ _dtInfo: { type: Types_1.Types.RefreshControl } }, ReactNative.RefreshControl);
+const react_native_1 = require("react-native");
+const Types_1 = require("../../model/Types");
+if (typeof react_native_1.RefreshControl === 'object') {
+    exports.RefreshControl = Object.assign({ _dtInfo: { type: Types_1.Types.RefreshControl } }, react_native_1.RefreshControl);
 }
 else {
-    exports.RefreshControl = (_a = class RefreshControl extends ReactNative.RefreshControl {
+    exports.RefreshControl = (_a = class RefreshControl extends react_native_1.RefreshControl {
         },
         _a._dtInfo = { type: Types_1.Types.RefreshControl },
         _a);

package/{lib → instrumentation/libs}/react-native/Switch.InstrInfo.js

@@ -5,8 +5,8 @@ exports.instrumentationInfo = [];
 exports.instrumentationInfo.push({
     old: { module: 'react-native', reference: 'Switch' },
     new: {
-        module: '@dynatrace/react-native-plugin/lib/react-native/',
+        module: '@dynatrace/react-native-plugin/instrumentation/libs/react-native/',
         reference: 'Switch',
-        defaultImport: '@dynatrace/react-native-plugin/lib/react-native',
+        defaultImport: '@dynatrace/react-native-plugin/instrumentation/libs/react-native',
     },
 });

package/{lib → instrumentation/libs}/react-native/Switch.js

@@ -2,13 +2,13 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-const ReactNative = require("react-native");
-const Types_1 = require("../instrumentor/model/Types");
-if (typeof ReactNative.Switch === 'object') {
-    exports.Switch = Object.assign({ _dtInfo: { type: Types_1.Types.Switch } }, ReactNative.Switch);
+const react_native_1 = require("react-native");
+const Types_1 = require("../../model/Types");
+if (typeof react_native_1.Switch === 'object') {
+    exports.Switch = Object.assign({ _dtInfo: { type: Types_1.Types.Switch } }, react_native_1.Switch);
 }
 else {
-    exports.Switch = (_a = class Switch extends ReactNative.Switch {
+    exports.Switch = (_a = class Switch extends react_native_1.Switch {
         },
         _a._dtInfo = { type: Types_1.Types.Switch },
         _a);

package/instrumentation/libs/react-native/Touchables.InstrInfo.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/react-native/`;
+exports.instrumentationDefaultImport = `${exports.instrumentationFolder}/react-native`;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: 'react-native',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationDefaultImport,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('TouchableHighlight'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableOpacity'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableNativeFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableWithoutFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('Button'));
+exports.instrumentationInfo.push(generateInstrumentation('Text'));
+exports.instrumentationInfo.push(generateInstrumentation('Pressable'));

package/{lib → instrumentation/libs}/react-native/Touchables.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pressable = exports.Text = exports.TouchableWithoutFeedback = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.TouchableOpacity = exports.Button = void 0;
 const ReactNative = require("react-native");
 const React = require("react");
-const Types_1 = require("../instrumentor/model/Types");
+const Types_1 = require("../../model/Types");
 exports.Button = React.forwardRef((props, ref) => (React.createElement(ReactNative.Button, Object.assign({}, props, { ref: ref }))));
 exports.Button._dtInfo = { type: Types_1.Types.Button };
 if (typeof ReactNative.TouchableOpacity === 'object') {

package/{lib → instrumentation/libs}/react-navigation/ReactNavigation.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerListener = void 0;
-const React = require("react");
-const Logger_1 = require("../instrumentor/base/Logger");
+const react_1 = require("react");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
 let isRegistered = false;
+const logger = new ConsoleLogger_1.ConsoleLogger('ReactNavigation');
 const registerListener = (navContainer) => {
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isRegistered &&
             navContainer.current != null &&
             navContainer.current.addListener != null) {
@@ -14,11 +15,11 @@ const registerListener = (navContainer) => {
                 if (data != null &&
                     data.data != null &&
                     data.data.action != null) {
-                    Logger_1.Logger.logDebug(`ReactNavigation Listener Dispatch: ${JSON.stringify(data.data.action)}`);
+                    logger.debug(`Listener Dispatch: ${JSON.stringify(data.data.action)}`);
                 }
             });
             navContainer.current.addListener('state', (state) => {
-                Logger_1.Logger.logDebug(`ReactNavigation Listener State: ${JSON.stringify(state)}`);
+                logger.debug(`Listener State: ${JSON.stringify(state)}`);
             });
         }
     });

package/{lib/instrumentor → instrumentation}/model/Types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTypeTouchable = exports.isTypeGestureHandlerTouchable = exports.isTypeReactNativeTouchable = exports.Types = void 0;
+exports.Types = void 0;
 var Types;
 (function (Types) {
     Types[Types["FunctionalComponent"] = 0] = "FunctionalComponent";
@@ -21,16 +21,3 @@ var Types;
     Types[Types["RefreshControl"] = 15] = "RefreshControl";
     Types[Types["Switch"] = 16] = "Switch";
 })(Types = exports.Types || (exports.Types = {}));
-const isTypeReactNativeTouchable = (type) => type === Types.TouchableHighlight ||
-    type === Types.TouchableNativeFeedback ||
-    type === Types.TouchableOpacity ||
-    type === Types.TouchableWithoutFeedback;
-exports.isTypeReactNativeTouchable = isTypeReactNativeTouchable;
-const isTypeGestureHandlerTouchable = (type) => type === Types.TouchableHighlightGestureHandler ||
-    type === Types.TouchableNativeFeedbackGestureHandler ||
-    type === Types.TouchableOpacityGestureHandler ||
-    type === Types.TouchableWithoutFeedbackGestureHandler ||
-    type === Types.RectButtonGestureHandler;
-exports.isTypeGestureHandlerTouchable = isTypeGestureHandlerTouchable;
-const isTypeTouchable = (type) => (0, exports.isTypeGestureHandlerTouchable)(type) || (0, exports.isTypeReactNativeTouchable)(type);
-exports.isTypeTouchable = isTypeTouchable;

package/instrumentation/model/TypesUtil.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTypeTouchable = exports.isTypeGestureHandlerTouchable = exports.isTypeReactNativeTouchable = void 0;
+const Types_1 = require("./Types");
+const isTypeReactNativeTouchable = (type) => type === Types_1.Types.TouchableHighlight ||
+    type === Types_1.Types.TouchableNativeFeedback ||
+    type === Types_1.Types.TouchableOpacity ||
+    type === Types_1.Types.TouchableWithoutFeedback;
+exports.isTypeReactNativeTouchable = isTypeReactNativeTouchable;
+const isTypeGestureHandlerTouchable = (type) => type === Types_1.Types.TouchableHighlightGestureHandler ||
+    type === Types_1.Types.TouchableNativeFeedbackGestureHandler ||
+    type === Types_1.Types.TouchableOpacityGestureHandler ||
+    type === Types_1.Types.TouchableWithoutFeedbackGestureHandler ||
+    type === Types_1.Types.RectButtonGestureHandler;
+exports.isTypeGestureHandlerTouchable = isTypeGestureHandlerTouchable;
+const isTypeTouchable = (type) => (0, exports.isTypeGestureHandlerTouchable)(type) || (0, exports.isTypeReactNativeTouchable)(type);
+exports.isTypeTouchable = isTypeTouchable;