@dynatrace/react-native-plugin 2.337.3 → 2.341.1

package/instrumentation/jsx/JsxRuntime.js

@@ -1,40 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const ReactRuntime = require("react/jsx-runtime");
-const Types_1 = require("../model/Types");
 const FunctionalComponent_1 = require("./components/FunctionalComponent");
 const ClassComponent_1 = require("./components/ClassComponent");
 const ElementHelper_1 = require("./ElementHelper");
+const JsxRuntimeHelpers_1 = require("./JsxRuntimeHelpers");
+const createWrapperProps = (jsxFunction, args) => (Object.assign(Object.assign({}, args[1]), { children: jsxFunction(...args) }));
+const wrapWithComponent = (wrapperComponent, wrapperProps, args) => {
+    if ((0, JsxRuntimeHelpers_1.hasKey)(args)) {
+        return ReactRuntime.jsx(wrapperComponent, wrapperProps, args[2] + '_dt');
+    }
+    return ReactRuntime.jsx(wrapperComponent, wrapperProps);
+};
+const wrapFunctionalComponent = (jsxFunction, args) => {
+    const wrapperProps = createWrapperProps(jsxFunction, args);
+    wrapperProps.dtActionName =
+        args[1] !== undefined && args[1].dtActionName !== undefined
+            ? args[1].dtActionName
+            : args[0]._dtInfo.name;
+    return wrapWithComponent(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args);
+};
+const wrapClassComponent = (jsxFunction, args) => {
+    const wrapperProps = createWrapperProps(jsxFunction, args);
+    return wrapWithComponent(ClassComponent_1.DynatraceClassComponent, wrapperProps, args);
+};
 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 = Object.assign(Object.assign({}, args[1]), { children: jsxFunction(...args) });
-            wrapperProps.dtActionName =
-                args[1] !== undefined && args[1].dtActionName !== undefined
-                    ? args[1].dtActionName
-                    : args[0]._dtInfo.name;
-            if (args[2] !== undefined) {
-                return ReactRuntime.jsx(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args[2] + '_dt');
-            }
-            else {
-                return ReactRuntime.jsx(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 = Object.assign(Object.assign({}, args[1]), { children: jsxFunction(...args) });
-            if (args[2] !== undefined) {
-                return ReactRuntime.jsx(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
-            }
-            else {
-                return ReactRuntime.jsx(ClassComponent_1.DynatraceClassComponent, wrapperProps);
-            }
-        }
-        (0, ElementHelper_1.modifyElement)(args[0], args[1]);
+    if (!(0, JsxRuntimeHelpers_1.isInstrumentedType)(args[0]) || (0, ElementHelper_1.isDtActionIgnore)(args[1])) {
+        return jsxFunction(...args);
+    }
+    if ((0, JsxRuntimeHelpers_1.isFunctionalComponentType)(args[0])) {
+        return wrapFunctionalComponent(jsxFunction, args);
+    }
+    if ((0, JsxRuntimeHelpers_1.isClassComponentType)(args[0])) {
+        return wrapClassComponent(jsxFunction, args);
     }
+    (0, ElementHelper_1.modifyElement)(args[0], args[1]);
     return jsxFunction(...args);
 };
 try {
@@ -43,6 +43,6 @@ try {
     module.exports = Object.assign(Object.assign({}, ReactRuntime), { jsx,
         jsxs });
 }
-catch (error) {
+catch (_a) {
     module.exports = {};
 }

package/instrumentation/jsx/JsxRuntimeHelpers.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isClassComponentType = exports.isFunctionalComponentType = exports.isInstrumentedType = exports.hasKey = void 0;
+const Types_1 = require("../model/Types");
+const hasKey = (args) => args[2] !== undefined;
+exports.hasKey = hasKey;
+const isInstrumentedType = (type) => type !== undefined && type._dtInfo !== undefined;
+exports.isInstrumentedType = isInstrumentedType;
+const isFunctionalComponentType = (type) => type._dtInfo.type === Types_1.Types.FunctionalComponent;
+exports.isFunctionalComponentType = isFunctionalComponentType;
+const isClassComponentType = (type) => type._dtInfo.type === Types_1.Types.ClassComponent &&
+    type.prototype !== undefined &&
+    type.prototype.isReactComponent !== undefined;
+exports.isClassComponentType = isClassComponentType;

package/instrumentation/jsx/components/ClassComponent.js

@@ -5,6 +5,7 @@ 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 LogMessages_1 = require("../../../lib/core/logging/LogMessages");
 const ComponentUtil_1 = require("./ComponentUtil");
 class DynatraceClassComponent extends react_1.Component {
     constructor(props) {
@@ -15,16 +16,12 @@ class DynatraceClassComponent extends react_1.Component {
     }
     render() {
         if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-            this.logger.info('React Native plugin has not been started yet! Component will not be reported!');
+            this.logger.info(LogMessages_1.LogMessage.COMPONENT_NOT_STARTED);
         }
-        else {
-            if (ConfigurationHandler_1.ConfigurationHandler.isLifecycleUpdateEnabled() ||
-                !this.componentMounted) {
-                const actionPrefix = !this.componentMounted
-                    ? 'Render '
-                    : 'Update ';
-                this.internalAction = Dynatrace_1.Dynatrace.enterAutoAction(actionPrefix + this.wrappingName);
-            }
+        else if (ConfigurationHandler_1.ConfigurationHandler.isLifecycleUpdateEnabled() ||
+            !this.componentMounted) {
+            const actionPrefix = this.componentMounted ? 'Update ' : 'Render ';
+            this.internalAction = Dynatrace_1.Dynatrace.enterAutoAction(actionPrefix + this.wrappingName);
         }
         return this.props.children;
     }

package/instrumentation/jsx/components/ComponentUtil.js

@@ -1,34 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDynatraceIgnored = exports.isDynatraceNaming = 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;
-            }
-        }
+const getChildFromProperties = (props) => {
+    if (Array.isArray(props.children) && props.children.length === 1) {
+        return props.children[0];
+    }
+    return props.children;
+};
+const getNameFromChild = (child) => {
+    if (child.props !== undefined && child.props.dtActionName !== undefined) {
+        return child.props.dtActionName;
+    }
+    if (child.type === undefined) {
+        return 'Undefined Name';
     }
-    else {
+    if (child.type.displayName !== undefined) {
+        return child.type.displayName;
+    }
+    if (child.type._dtInfo !== undefined) {
+        return child.type._dtInfo.name;
+    }
+    return child.type.name;
+};
+const getNameFromComponent = (props) => {
+    if (props === undefined || props.children === undefined) {
         return 'Undefined Name';
     }
+    const child = getChildFromProperties(props);
+    return getNameFromChild(child);
 };
 exports.getNameFromComponent = getNameFromComponent;
 const isDynatraceNaming = (properties) => typeof properties === 'object' &&

package/instrumentation/libs/UserInteraction.js

@@ -5,23 +5,25 @@ const React = require("react");
 const react_native_1 = require("react-native");
 const ConfigurationHandler_1 = require("../../lib/core/configuration/ConfigurationHandler");
 const EventPipeline_1 = require("../../lib/next/events/EventPipeline");
+const EventTimestamp_1 = require("../../lib/next/events/EventTimestamp");
+const TimestampProvider_1 = require("../../lib/next/provider/TimestampProvider");
 const TOUCH_FLUSH_DELAY = 250;
 let pendingTouch = null;
 const getFiberPath = (fiber) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     let anyParentMasked = false;
     let path = [];
     let lastDtName;
     while (fiber != null) {
-        const dtInfoName = (_a = fiber.type) === null || _a === void 0 ? void 0 : _a.dtName;
-        const dtName = (_b = fiber.memoizedProps) === null || _b === void 0 ? void 0 : _b.dtName;
-        const effectiveName = dtName !== null && dtName !== void 0 ? dtName : dtInfoName;
-        if (effectiveName && effectiveName !== lastDtName) {
-            path = [effectiveName, ...path];
-            lastDtName = effectiveName;
+        const dtNameFromComponent = (_b = (_a = fiber.type) === null || _a === void 0 ? void 0 : _a.dtActionName) !== null && _b !== void 0 ? _b : (_c = fiber.type) === null || _c === void 0 ? void 0 : _c.dtName;
+        const dtNameFromProps = (_e = (_d = fiber.memoizedProps) === null || _d === void 0 ? void 0 : _d.dtActionName) !== null && _e !== void 0 ? _e : (_f = fiber.memoizedProps) === null || _f === void 0 ? void 0 : _f.dtName;
+        const dtName = dtNameFromProps !== null && dtNameFromProps !== void 0 ? dtNameFromProps : dtNameFromComponent;
+        if (dtName && dtName !== lastDtName) {
+            path = [dtName, ...path];
+            lastDtName = dtName;
         }
         anyParentMasked =
-            anyParentMasked || ((_c = fiber.memoizedProps) === null || _c === void 0 ? void 0 : _c.dtMask) == true;
+            anyParentMasked || ((_g = fiber.memoizedProps) === null || _g === void 0 ? void 0 : _g.dtMask) == true;
         fiber = fiber.return;
     }
     return { path, anyParentMasked };
@@ -58,20 +60,20 @@ const getHostComponentInfo = (event) => {
     const id = path.join('/');
     const leaf = path[path.length - 1];
     const components = [leaf];
-    const { nameOrigin, detectedName } = fiber.type !== 'RCTText'
-        ? {
-            nameOrigin: 'component',
-            detectedName: (_b = fiber.memoizedProps.accessibilityLabel) !== null && _b !== void 0 ? _b : leaf,
-        }
-        : anyParentMasked
-            ? {
-                nameOrigin: 'masked',
-                detectedName: '***',
-            }
-            : {
-                nameOrigin: 'text',
-                detectedName: flatten(fiber.memoizedProps.children),
-            };
+    let nameOrigin;
+    let detectedName;
+    if (fiber.type !== 'RCTText') {
+        nameOrigin = 'component';
+        detectedName = (_b = fiber.memoizedProps.accessibilityLabel) !== null && _b !== void 0 ? _b : leaf;
+    }
+    else if (anyParentMasked) {
+        nameOrigin = 'masked';
+        detectedName = '***';
+    }
+    else {
+        nameOrigin = 'text';
+        detectedName = flatten(fiber.memoizedProps.children);
+    }
     return { id, components, detectedName, nameOrigin };
 };
 const flushTouch = (responderComponentInfo) => {
@@ -80,12 +82,13 @@ const flushTouch = (responderComponentInfo) => {
     const { touchedComponentInfo, positions, timeoutId } = pendingTouch;
     clearTimeout(timeoutId);
     pendingTouch = null;
-    const event = Object.assign({ 'characteristics.has_user_interaction': true, 'ui_element.detected_name': touchedComponentInfo.detectedName, 'ui_element.components': touchedComponentInfo.components, 'ui_element.id': touchedComponentInfo.id, 'interaction.type': 'touch', positions, 'ui_element.name_origin': touchedComponentInfo.nameOrigin }, (responderComponentInfo && {
+    const eventTimestamp = new EventTimestamp_1.EventTimestamp(TimestampProvider_1.defaultTimestampProvider);
+    const event = Object.assign(Object.assign({ 'characteristics.has_user_interaction': true, 'ui_element.detected_name': touchedComponentInfo.detectedName, 'ui_element.components': touchedComponentInfo.components, 'ui_element.id': touchedComponentInfo.id, 'interaction.name': 'touch', positions, 'ui_element.name_origin': touchedComponentInfo.nameOrigin }, (responderComponentInfo && {
         'ui_element.responder.detected_name': responderComponentInfo.detectedName,
         'ui_element.responder.components': responderComponentInfo.components,
         'ui_element.responder.id': responderComponentInfo.id,
         'ui_element.responder.name_origin': responderComponentInfo.nameOrigin,
-    }));
+    })), eventTimestamp.getEventTimeInfo());
     EventPipeline_1.EventPipeline.insertEvent(event);
 };
 const onTouch = (e) => {

package/instrumentation/libs/react-native/RefreshControl.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RefreshControl = void 0;
 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 react_native_1.RefreshControl {
-        },
-        _a._dtInfo = { type: Types_1.Types.RefreshControl },
-        _a);
-}
+exports.RefreshControl = typeof react_native_1.RefreshControl === 'object'
+    ? Object.assign({ _dtInfo: { type: Types_1.Types.RefreshControl } }, react_native_1.RefreshControl) : (_a = class RefreshControl extends react_native_1.RefreshControl {
+    },
+    _a._dtInfo = { type: Types_1.Types.RefreshControl },
+    _a);

package/instrumentation/libs/react-navigation/ReactNavigation.js

@@ -4,6 +4,7 @@ exports.monitorNavigation = void 0;
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const LogMessages_1 = require("../../../lib/core/logging/LogMessages");
 const DynatraceBridge_1 = require("../../../lib/core/DynatraceBridge");
 const BaseDataEventModifier_1 = require("../../../lib/next/events/modifier/BaseDataEventModifier");
 const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
@@ -46,7 +47,7 @@ const monitorNavigation = (getRootState) => {
 exports.monitorNavigation = monitorNavigation;
 const startView = (newPath) => {
     if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-        logger.info('React Native plugin has not been started yet! Navigation will not be reported!');
+        logger.info(LogMessages_1.LogMessage.NAVIGATION_NOT_STARTED);
         return;
     }
     const startViewInternalEvent = new BaseDataEventModifier_1.BaseDataEventModifier().modifyEvent(Object.assign({ 'view.detected_name': newPath }, (activePath && {
@@ -56,16 +57,18 @@ const startView = (newPath) => {
     if (typeof fn === 'function') {
         fn(startViewInternalEvent);
     }
-    logger.debug(`startViewinternal(${JSON.stringify(startViewInternalEvent)})`);
+    logger.debug(LogMessages_1.LogMessage.START_VIEW_INTERNAL, {
+        event: JSON.stringify(startViewInternalEvent),
+    });
 };
 const stopView = () => {
     if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-        logger.info('React Native plugin has not been started yet! Navigation will not be reported!');
+        logger.info(LogMessages_1.LogMessage.NAVIGATION_NOT_STARTED);
         return;
     }
     const fn = DynatraceBridge_1.DynatraceNative === null || DynatraceBridge_1.DynatraceNative === void 0 ? void 0 : DynatraceBridge_1.DynatraceNative.stopViewInternal;
     if (typeof fn === 'function') {
         fn();
     }
-    logger.debug('stopViewInternal()');
+    logger.debug(LogMessages_1.LogMessage.STOP_VIEW_INTERNAL);
 };

package/instrumentation/libs/withOnPressMonitoring.js

@@ -4,6 +4,7 @@ exports.findTouchableName = exports.chooseTouchableName = exports.wrapOnPress =
 const ReactNative = require("react-native");
 const React = require("react");
 const ConsoleLogger_1 = require("../../lib/core/logging/ConsoleLogger");
+const LogMessages_1 = require("../../lib/core/logging/LogMessages");
 const ConfigurationHandler_1 = require("../../lib/core/configuration/ConfigurationHandler");
 const Dynatrace_1 = require("../../lib/core/Dynatrace");
 const ComponentUtil_1 = require("../jsx/components/ComponentUtil");
@@ -31,11 +32,13 @@ function withOnPressMonitoring(Component, fallbackName) {
 }
 exports.withOnPressMonitoring = withOnPressMonitoring;
 const dtGetUiBridge = () => {
+    var _a;
     const g = globalThis;
-    return g && g.__DT_UII_BRIDGE ? g.__DT_UII_BRIDGE : null;
+    return (_a = g === null || g === void 0 ? void 0 : g.__DT_UII_BRIDGE) !== null && _a !== void 0 ? _a : null;
 };
 const dtBuildPressPath = (startPath, touchableName) => {
-    const base = (startPath && String(startPath)) || '';
+    var _a;
+    const base = (_a = startPath === null || startPath === void 0 ? void 0 : startPath.toString()) !== null && _a !== void 0 ? _a : '';
     if (!base)
         return `Touchable(${touchableName})`;
     const cut1 = base.lastIndexOf('/Text');
@@ -44,63 +47,72 @@ const dtBuildPressPath = (startPath, touchableName) => {
     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}`);
-            }
+const registerPressOnBridge = (args, touchableName, isButtonLike, buttonLabel) => {
+    const bridge = dtGetUiBridge();
+    if (!bridge || typeof bridge.registerPress !== 'function') {
+        return;
+    }
+    try {
+        const e = args === null || args === void 0 ? void 0 : args[0];
+        const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
+        const x = Number(ne === null || ne === void 0 ? void 0 : ne.pageX);
+        const y = Number(ne === null || ne === void 0 ? void 0 : ne.pageY);
+        const pos = Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;
+        const startPath = 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(LogMessages_1.LogMessage.REGISTER_PRESS_HOOK_FAILED, {
+            errorMsg,
+        });
+    }
+};
+const notifyPressFromEvent = (args) => {
+    if (args[0] && typeof args[0] === 'object' && 'nativeEvent' in args[0]) {
+        (0, UserInteraction_1.notifyPress)(args[0]);
+    }
+};
+const invokeOnPressWithoutConfiguration = (onPress, args) => {
+    Logger.info(LogMessages_1.LogMessage.TOUCH_NOT_STARTED);
+    onPress(...args);
+};
+const invokeOnPressWithAction = (onPress, args, touchableName) => {
+    const action = Dynatrace_1.Dynatrace.enterAutoAction(`Touch on ${touchableName}`);
+    let isSync = true;
+    try {
+        const returnValue = onPress(...args);
+        if (returnValue instanceof Promise) {
+            isSync = false;
+            void Promise.resolve(returnValue).finally(() => {
+                action.leaveAction();
+            });
         }
-        if (args[0] &&
-            typeof args[0] === 'object' &&
-            'nativeEvent' in args[0]) {
-            (0, UserInteraction_1.notifyPress)(args[0]);
+    }
+    finally {
+        if (isSync) {
+            action.leaveAction();
         }
+    }
+};
+const wrapOnPress = (onPress, touchableName, isButtonLike, buttonLabel) => {
+    return (...args) => {
+        registerPressOnBridge(args, touchableName, isButtonLike, buttonLabel);
+        notifyPressFromEvent(args);
         if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-            Logger.info('React Native plugin has not been started yet! Touch will not be reported!');
-            onPress(...args);
-        }
-        else {
-            const action = Dynatrace_1.Dynatrace.enterAutoAction(`Touch on ${touchableName}`);
-            let isSync = true;
-            try {
-                const returnValue = onPress(...args);
-                if (returnValue instanceof Promise) {
-                    isSync = false;
-                    return Promise.resolve(returnValue).finally(() => {
-                        action.leaveAction();
-                    });
-                }
-            }
-            finally {
-                if (isSync) {
-                    action.leaveAction();
-                }
-            }
+            invokeOnPressWithoutConfiguration(onPress, args);
+            return;
         }
+        invokeOnPressWithAction(onPress, args, touchableName);
     };
 };
 exports.wrapOnPress = wrapOnPress;

package/lib/core/Application.js

@@ -6,6 +6,7 @@ const RuntimeConfigurationObserver_1 = require("../next/configuration/RuntimeCon
 const ConfigurationBuilder_1 = require("./configuration/ConfigurationBuilder");
 const ConfigurationHandler_1 = require("./configuration/ConfigurationHandler");
 const ConsoleLogger_1 = require("./logging/ConsoleLogger");
+const LogMessages_1 = require("./logging/LogMessages");
 AppStartObserver_1.AppStartObserver.call();
 RuntimeConfigurationObserver_1.RuntimeConfigurationObserver.call();
 const logger = new ConsoleLogger_1.ConsoleLogger('ApplicationHandler');
@@ -17,8 +18,10 @@ exports.ApplicationHandler = {
                 config = new ConfigurationBuilder_1.ConfigurationBuilder('', '').buildConfiguration();
             }
             ConfigurationHandler_1.ConfigurationHandler.setConfiguration(config);
-            logger.debug('Configuration set: ' + config.toString());
-            logger.info('Dynatrace React Native Plugin started!');
+            logger.debug(LogMessages_1.LogMessage.CONFIGURATION_SET, {
+                config: config.toString(),
+            });
+            logger.info(LogMessages_1.LogMessage.PLUGIN_STARTED);
         }
     },
 };