@dynatrace/react-native-plugin 2.331.1 → 2.335.1

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

@@ -0,0 +1,827 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticsRoot = exports._an_flat = exports.buildUiEventShape = exports.compactify = void 0;
+const React = require("react");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const EventPipeline_1 = require("../../../lib/next/events/EventPipeline");
+const EventTimestamp_1 = require("../../../lib/next/events/EventTimestamp");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const IUserInteractionEvent_1 = require("./IUserInteractionEvent");
+const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
+const RuntimeConfigurationObserver_1 = require("../../../lib/next/configuration/RuntimeConfigurationObserver");
+const TouchMetaResolver_1 = require("./TouchMetaResolver");
+class TimestampProvider {
+    constructor() {
+        this.getCurrentTimestamp = () => Date.now();
+    }
+}
+const logger = new ConsoleLogger_1.ConsoleLogger('DyntraceUserInteraction');
+function isUiDebugEnabled() {
+    return (globalThis
+        .__DT_UII_DEBUG === true);
+}
+function uiDebugLog(message, data) {
+    if (!isUiDebugEnabled())
+        return;
+    if (data) {
+        console.log(`[DT UI DEBUG] ${message}`, data);
+        return;
+    }
+    console.log(`[DT UI DEBUG] ${message}`);
+}
+let LAST_EMIT_KEY = null;
+let LAST_EMIT_TS = 0;
+let LAST_PRESS_ID = null;
+let LAST_PRESS_TS = 0;
+function getDtLastTouch() {
+    var _a;
+    const g = globalThis;
+    (_a = g.__DT_LAST_TOUCH) !== null && _a !== void 0 ? _a : (g.__DT_LAST_TOUCH = { ts: 0, x: 0, y: 0 });
+    return g.__DT_LAST_TOUCH;
+}
+function flattenTextChildren(children) {
+    if (Array.isArray(children)) {
+        return children.map((child) => flattenTextChildren(child)).join('');
+    }
+    if (children === null || children === undefined || children === false)
+        return '';
+    return String(children);
+}
+function findRCTTextChild(fiber) {
+    let node = fiber === null || fiber === void 0 ? void 0 : fiber.child;
+    while (node) {
+        if (node.type === 'RCTText') {
+            return node;
+        }
+        const found = findRCTTextChild(node);
+        if (found)
+            return found;
+        node = node.sibling;
+    }
+    return null;
+}
+function getAnyParentMasked(fiber) {
+    var _a;
+    let cursor = fiber;
+    while (cursor) {
+        if ((_a = cursor.memoizedProps) === null || _a === void 0 ? void 0 : _a.dtMask)
+            return true;
+        cursor = cursor.return;
+    }
+    return false;
+}
+function getHostComponentInfoFromEvent(event, cfg) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    let fiber = (_a = event === null || event === void 0 ? void 0 : event._targetInst) !== null && _a !== void 0 ? _a : (_b = event === null || event === void 0 ? void 0 : event.nativeEvent) === null || _b === void 0 ? void 0 : _b._targetInst;
+    if (!fiber)
+        return undefined;
+    const meta = (0, TouchMetaResolver_1.getTouchElementMeta)(event);
+    const resolvedPath = (_d = (_c = meta.press) === null || _c === void 0 ? void 0 : _c.appCodeTagPath) !== null && _d !== void 0 ? _d : meta.touch.appCodeTagPath;
+    if (!resolvedPath || resolvedPath === 'unknown')
+        return undefined;
+    const anyParentMasked = getAnyParentMasked(fiber);
+    const components = [lastSegment(resolvedPath) || 'Anonymous'];
+    const targetIsContainerHost = fiber.type === 'RCTView' ||
+        fiber.type === 'View' ||
+        fiber.type === 'RCTScrollView' ||
+        fiber.type === 'ScrollView';
+    if (!targetIsContainerHost && fiber.type !== 'RCTText') {
+        fiber = (_e = findRCTTextChild(fiber)) !== null && _e !== void 0 ? _e : fiber;
+    }
+    const textValue = flattenTextChildren((_f = fiber === null || fiber === void 0 ? void 0 : fiber.memoizedProps) === null || _f === void 0 ? void 0 : _f.children).trim();
+    const textMaskedByRule = textValue.length > 0 && ((_h = (_g = cfg === null || cfg === void 0 ? void 0 : cfg.mask) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h.call(_g, textValue)) === true;
+    const testId = (_j = fiber === null || fiber === void 0 ? void 0 : fiber.memoizedProps) === null || _j === void 0 ? void 0 : _j.testID;
+    const testIdMaskedByRule = typeof testId === 'string' && !!((_l = (_k = cfg === null || cfg === void 0 ? void 0 : cfg.mask) === null || _k === void 0 ? void 0 : _k.testID) === null || _l === void 0 ? void 0 : _l.call(_k, testId));
+    const isMasked = anyParentMasked || textMaskedByRule || testIdMaskedByRule;
+    if (fiber.type === 'RCTText' && textValue.length > 0) {
+        if (isMasked) {
+            return {
+                id: resolvedPath,
+                components,
+                detectedName: maskLabel(textValue, cfg),
+                nameOrigin: 'masked',
+                isMasked: true,
+            };
+        }
+        return {
+            id: resolvedPath,
+            components,
+            detectedName: textValue,
+            nameOrigin: 'text',
+            isMasked: false,
+        };
+    }
+    const detectedName = (_p = (_o = (_m = meta.press) === null || _m === void 0 ? void 0 : _m.elementName) !== null && _o !== void 0 ? _o : meta.touch.elementName) !== null && _p !== void 0 ? _p : 'Anonymous';
+    return {
+        id: resolvedPath,
+        components,
+        detectedName,
+        nameOrigin: 'component',
+        isMasked,
+    };
+}
+function readGlobalPrefix() {
+    const globalRuntime = globalThis;
+    const globalPrefix = globalRuntime === null || globalRuntime === void 0 ? void 0 : globalRuntime.__AN_PREFIX;
+    if (Array.isArray(globalPrefix))
+        return globalPrefix;
+    if (typeof globalPrefix === 'function') {
+        try {
+            const resolvedPrefix = globalPrefix();
+            if (Array.isArray(resolvedPrefix))
+                return resolvedPrefix;
+        }
+        catch (e) {
+            const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
+            logger.debug(`Failed to resolve global prefix: ${errorMsg}`);
+        }
+    }
+    return [];
+}
+function maskLabel(_s, cfg) {
+    var _a, _b;
+    return (_b = (_a = cfg === null || cfg === void 0 ? void 0 : cfg.mask) === null || _a === void 0 ? void 0 : _a.replaceWith) !== null && _b !== void 0 ? _b : '***';
+}
+function compactify(cfg, obj) {
+    var _a;
+    if (!((_a = cfg === null || cfg === void 0 ? void 0 : cfg.touch) === null || _a === void 0 ? void 0 : _a.compact))
+        return obj;
+    const mapKey = (k) => {
+        var _a;
+        const keyMap = {
+            path: 'p',
+            element: 'el',
+            isMasked: 'msk',
+            position: 'pos',
+            meta: 'm',
+            sessionId: 'sid',
+            touch: 't',
+            reason: 'r',
+        };
+        return (_a = keyMap[k]) !== null && _a !== void 0 ? _a : k;
+    };
+    const normalizeCompactObject = (compactObject) => {
+        var _a, _b;
+        if ((_a = compactObject.pos) === null || _a === void 0 ? void 0 : _a.type) {
+            compactObject.pos = {
+                x: compactObject.pos.x,
+                y: compactObject.pos.y,
+                t: compactObject.pos.type,
+            };
+        }
+        if ((_b = compactObject.m) === null || _b === void 0 ? void 0 : _b.phase) {
+            compactObject.ph = compactObject.m.phase;
+            compactObject.ts = compactObject.m.ts;
+            delete compactObject.m;
+        }
+        if (compactObject.t) {
+            if (compactObject.t.path !== undefined) {
+                compactObject.tp = compactObject.t.path;
+            }
+            if (compactObject.t.delayMs !== undefined) {
+                compactObject.td = compactObject.t.delayMs;
+            }
+            delete compactObject.t;
+        }
+        return compactObject;
+    };
+    const walk = (value) => {
+        if (Array.isArray(value))
+            return value.map(walk);
+        if (!value || typeof value !== 'object')
+            return value;
+        const compactObject = {};
+        for (const key of Object.keys(value)) {
+            compactObject[mapKey(key)] = walk(value[key]);
+        }
+        return normalizeCompactObject(compactObject);
+    };
+    return walk(obj);
+}
+exports.compactify = compactify;
+function findHostInfoHit(event, cfg) {
+    const hostInfo = getHostComponentInfoFromEvent(event, cfg);
+    if (!hostInfo)
+        return null;
+    return {
+        path: hostInfo.id,
+        element: hostInfo.detectedName,
+        isMasked: hostInfo.isMasked,
+        name_origin: hostInfo.nameOrigin,
+        __dtMatch: 'scan',
+    };
+}
+function makeSid() {
+    const t = Date.now().toString(36);
+    const r = Math.random().toString(36).slice(2, 6);
+    return `tch_${t}_${r}`;
+}
+function makePos(ne, cap) {
+    if (!ne)
+        return undefined;
+    if (cap === 'page')
+        return {
+            x: Number(ne.pageX),
+            y: Number(ne.pageY),
+            type: 'page',
+        };
+    if (cap === 'local')
+        return {
+            x: Number(ne.locationX),
+            y: Number(ne.locationY),
+            type: 'local',
+        };
+    if (cap === 'both')
+        return {
+            x: Number(ne.pageX),
+            y: Number(ne.pageY),
+            type: 'both',
+        };
+    return undefined;
+}
+function lastSegment(path) {
+    if (!path)
+        return '';
+    const arrow = path.lastIndexOf('->');
+    const slash = path.lastIndexOf('/');
+    const i = Math.max(arrow, slash);
+    if (i < 0)
+        return path;
+    const step = i === arrow ? 2 : 1;
+    return path.slice(i + step);
+}
+function parseComponent(seg) {
+    if (!seg)
+        return 'Anonymous';
+    const base = seg.split(':', 1)[0];
+    const withoutPathId = base.split('#', 1)[0];
+    const m = /^([^(]+)(?:\(.*\))?$/.exec(withoutPathId);
+    return (m ? m[1] : base) || 'Anonymous';
+}
+function __dt_set_scope_path(path) {
+    const g = globalThis;
+    g.__DT_UII_SCOPE_PATH = path;
+}
+function __dt_get_scope_path() {
+    const g = globalThis;
+    const p = g.__DT_UII_SCOPE_PATH;
+    return typeof p === 'string' && p.length > 0 ? p : 'App';
+}
+function liftStaticTextHitPath(path) {
+    if (!path)
+        return path;
+    const rx = /\/Text:[^/]+\/Text\([^)]*\)$/;
+    if (!rx.test(path))
+        return path;
+    return path.replace(rx, '');
+}
+function buildUiEventShape(input) {
+    var _a;
+    const id = input.pressPath || input.touchPath || '';
+    const seg = lastSegment(id);
+    const comp = parseComponent(seg);
+    const detected_name = input.pressElementName || input.touchElementName || comp;
+    const base = {
+        ui_element: {
+            detected_name,
+            components: [comp],
+            id,
+            masked: !!input.touchMasked,
+            reason: (_a = input.reason) !== null && _a !== void 0 ? _a : null,
+            meta: input.meta,
+            name_origin: input.name_origin ||
+                (input.touchMasked ? 'masked' : 'component'),
+        },
+        positions: input.pos ? [{ x: input.pos.x, y: input.pos.y }] : [],
+        sessionId: input.sessionId,
+    };
+    if (input.pressPath) {
+        const pressSeg = lastSegment(input.pressPath);
+        const pressComp = parseComponent(pressSeg);
+        const pressName = input.pressElementName || pressComp;
+        base.ui_element.responder = {
+            detected_name: pressName,
+            components: [pressComp],
+            id: input.pressPath,
+            name_origin: 'component',
+        };
+    }
+    return base;
+}
+exports.buildUiEventShape = buildUiEventShape;
+function _an_interaction_type(e) {
+    var _a, _b;
+    const p = (_b = (_a = e === null || e === void 0 ? void 0 : e.ui_element) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.phase;
+    if (!p)
+        return null;
+    return 'touch';
+}
+function _an_flat(e) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const uiComponents = (_a = e === null || e === void 0 ? void 0 : e.ui_element) === null || _a === void 0 ? void 0 : _a.components;
+    let normalizedUiComponents = [];
+    if (Array.isArray(uiComponents)) {
+        normalizedUiComponents = uiComponents.filter((x) => typeof x === 'string' && x.length > 0);
+    }
+    else if (uiComponents) {
+        normalizedUiComponents =
+            typeof uiComponents === 'string' ? [uiComponents] : [];
+    }
+    const out = {
+        [IUserInteractionEvent_1.UserInteractionEventKey.EventHasUserInteraction]: true,
+        [IUserInteractionEvent_1.UserInteractionEventKey.UiElementDetectedName]: (_c = (_b = e === null || e === void 0 ? void 0 : e.ui_element) === null || _b === void 0 ? void 0 : _b.detected_name) !== null && _c !== void 0 ? _c : null,
+        [IUserInteractionEvent_1.UserInteractionEventKey.UiElementComponents]: normalizedUiComponents,
+        [IUserInteractionEvent_1.UserInteractionEventKey.UiElementId]: (_e = (_d = e === null || e === void 0 ? void 0 : e.ui_element) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : null,
+        [IUserInteractionEvent_1.UserInteractionEventKey.InteractionType]: _an_interaction_type(e),
+        positions: Array.isArray(e === null || e === void 0 ? void 0 : e.positions)
+            ? e.positions.map((pos) => ({
+                x: Math.trunc(pos.x),
+                y: Math.trunc(pos.y),
+            }))
+            : [],
+    };
+    const uiComponent = (_f = e === null || e === void 0 ? void 0 : e.ui_element) === null || _f === void 0 ? void 0 : _f.component;
+    const uiComponentList = uiComponent === null || uiComponent === undefined
+        ? null
+        : [uiComponent];
+    const compsRaw = (_h = (_g = e === null || e === void 0 ? void 0 : e.ui_element) === null || _g === void 0 ? void 0 : _g.components) !== null && _h !== void 0 ? _h : uiComponentList;
+    out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementComponents] = Array.isArray(compsRaw)
+        ? compsRaw.filter((x) => typeof x === 'string' && x.length > 0)
+        : [];
+    out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementNameOrigin] =
+        (_k = (_j = e === null || e === void 0 ? void 0 : e.ui_element) === null || _j === void 0 ? void 0 : _j.name_origin) !== null && _k !== void 0 ? _k : null;
+    const responder = (_m = (_l = e === null || e === void 0 ? void 0 : e.ui_element) === null || _l === void 0 ? void 0 : _l.responder) !== null && _m !== void 0 ? _m : null;
+    if (responder) {
+        out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementResponderDetectedName] =
+            (_o = responder.detected_name) !== null && _o !== void 0 ? _o : null;
+        const responderComponent = responder.component;
+        const responderComponentList = responderComponent === null || responderComponent === undefined
+            ? null
+            : [responderComponent];
+        const rCompsRaw = (_p = responder.components) !== null && _p !== void 0 ? _p : responderComponentList;
+        out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementResponderComponents] =
+            Array.isArray(rCompsRaw)
+                ? rCompsRaw.filter((x) => typeof x === 'string' && x.length > 0)
+                : [];
+        out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementResponderId] =
+            (_q = responder.id) !== null && _q !== void 0 ? _q : null;
+        out[IUserInteractionEvent_1.UserInteractionEventKey.UiElementResponderOriginName] =
+            (_r = responder.name_origin) !== null && _r !== void 0 ? _r : null;
+    }
+    return out;
+}
+exports._an_flat = _an_flat;
+function useTouchManager(cfg, log) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const mode = (_b = (_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : 'grouped';
+    const sidRef = React.useRef(null);
+    const startXRef = React.useRef(null);
+    const startYRef = React.useRef(null);
+    const movedRef = React.useRef(false);
+    const startTsRef = React.useRef(null);
+    const startPathRef = React.useRef(null);
+    const threshold = Math.max(1, (_e = (_d = (_c = cfg.touch) === null || _c === void 0 ? void 0 : _c.scroll) === null || _d === void 0 ? void 0 : _d.moveThresholdPx) !== null && _e !== void 0 ? _e : 12);
+    const touchRef = React.useRef(null);
+    const pressRef = React.useRef(null);
+    const timerRef = React.useRef(null);
+    const flushedRef = React.useRef(false);
+    const clearAll = () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+        touchRef.current = null;
+        pressRef.current = null;
+        sidRef.current = null;
+        startXRef.current = null;
+        startYRef.current = null;
+        startTsRef.current = null;
+        movedRef.current = false;
+        startPathRef.current = null;
+        flushedRef.current = false;
+    };
+    const doFlush = () => {
+        if (flushedRef.current) {
+            clearAll();
+            return;
+        }
+        const t = touchRef.current;
+        const p = pressRef.current;
+        let out = null;
+        if (t && p) {
+            const pos = p.pos || t.pos;
+            out = buildUiEventShape({
+                touchPath: t.path,
+                touchElementName: t.elementName || undefined,
+                touchMasked: t.masked,
+                pressPath: p.path,
+                pressElementName: p.elementName,
+                meta: { phase: 'press', ts: Date.now() },
+                pos: pos ? { x: pos.x, y: pos.y } : undefined,
+                reason: t.reason,
+                sessionId: sidRef.current || undefined,
+                name_origin: t.name_origin,
+            });
+        }
+        else if (p) {
+            out = buildUiEventShape({
+                pressPath: p.path,
+                pressElementName: p.elementName,
+                meta: { phase: 'press', ts: Date.now() },
+                pos: p.pos ? { x: p.pos.x, y: p.pos.y } : undefined,
+                sessionId: sidRef.current || undefined,
+            });
+        }
+        else if (t) {
+            out = buildUiEventShape({
+                touchPath: t.path,
+                touchElementName: t.elementName || undefined,
+                touchMasked: t.masked,
+                meta: { phase: 'touch', ts: Date.now() },
+                pos: t.pos ? { x: t.pos.x, y: t.pos.y } : undefined,
+                reason: t.reason,
+                sessionId: sidRef.current || undefined,
+                name_origin: t.name_origin,
+            });
+        }
+        if (out)
+            log(compactify(cfg, out));
+        flushedRef.current = true;
+        clearAll();
+    };
+    const scheduleFlush = (delay) => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+        timerRef.current = setTimeout(() => doFlush(), delay);
+    };
+    const resolveTouchHit = (_nativeTarget, event) => {
+        const hostHit = findHostInfoHit(event, cfg);
+        if (hostHit) {
+            uiDebugLog('resolveTouchHit: host hit found', {
+                path: hostHit.path,
+                element: hostHit.element,
+                match: hostHit.__dtMatch,
+            });
+            return hostHit;
+        }
+        uiDebugLog('resolveTouchHit: no hit found');
+        return null;
+    };
+    const maybeLiftTouchHit = (hit) => {
+        var _a;
+        if (!hit || hit.__dtMatch === 'exact') {
+            return {
+                usePath: (_a = hit === null || hit === void 0 ? void 0 : hit.path) !== null && _a !== void 0 ? _a : null,
+                useElement: hit === null || hit === void 0 ? void 0 : hit.element,
+                nameOrigin: hit === null || hit === void 0 ? void 0 : hit.name_origin,
+            };
+        }
+        const lifted = liftStaticTextHitPath(hit.path);
+        if (lifted && lifted !== hit.path) {
+            return {
+                usePath: lifted,
+                useElement: undefined,
+                nameOrigin: 'component',
+            };
+        }
+        return {
+            usePath: hit.path,
+            useElement: hit.element,
+            nameOrigin: hit.name_origin,
+        };
+    };
+    const phaseReason = (phase) => phase === 'cancel' && movedRef.current ? 'moved' : undefined;
+    const flushOrSchedule = () => {
+        var _a, _b;
+        if (pressRef.current)
+            doFlush();
+        else
+            scheduleFlush((_b = (_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.linkWindowMs) !== null && _b !== void 0 ? _b : 250);
+    };
+    const handleStreamEnd = (event, phase) => {
+        var _a, _b;
+        const ne = event === null || event === void 0 ? void 0 : event.nativeEvent;
+        const hit = resolveTouchHit(ne === null || ne === void 0 ? void 0 : ne.target, event);
+        if (!(hit === null || hit === void 0 ? void 0 : hit.path))
+            return;
+        const lifted = maybeLiftTouchHit(hit);
+        const pos = makePos(ne, (_b = (_a = cfg.click) === null || _a === void 0 ? void 0 : _a.capturePosition) !== null && _b !== void 0 ? _b : 'none');
+        const out = buildUiEventShape({
+            touchPath: lifted.usePath || hit.path,
+            touchElementName: lifted.useElement,
+            touchMasked: !!hit.isMasked,
+            meta: {
+                phase: phase === 'cancel' ? 'touch-cancel' : 'touch',
+                ts: Date.now(),
+            },
+            pos: pos ? { x: pos.x, y: pos.y } : undefined,
+            reason: phaseReason(phase),
+            sessionId: sidRef.current || undefined,
+            name_origin: lifted.nameOrigin,
+        });
+        log(compactify(cfg, out));
+        clearAll();
+    };
+    const onStart = React.useCallback((e) => {
+        var _a, _b, _c, _d, _e;
+        if (!((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled))
+            return;
+        const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
+        const hit = resolveTouchHit(ne === null || ne === void 0 ? void 0 : ne.target, e);
+        uiDebugLog('onStart', {
+            hasHit: !!(hit === null || hit === void 0 ? void 0 : hit.path),
+            targetType: typeof (ne === null || ne === void 0 ? void 0 : ne.target),
+            pageX: Number(ne === null || ne === void 0 ? void 0 : ne.pageX) || 0,
+            pageY: Number(ne === null || ne === void 0 ? void 0 : ne.pageY) || 0,
+            mode,
+        });
+        if (!(hit === null || hit === void 0 ? void 0 : hit.path)) {
+            clearAll();
+            sidRef.current = makeSid();
+            startTsRef.current = Date.now();
+            startXRef.current = Number(ne === null || ne === void 0 ? void 0 : ne.pageX) || 0;
+            startYRef.current = Number(ne === null || ne === void 0 ? void 0 : ne.pageY) || 0;
+            movedRef.current = false;
+            startPathRef.current = __dt_get_scope_path();
+            if (mode === 'stream') {
+                const pos = makePos(ne, (_c = (_b = cfg.click) === null || _b === void 0 ? void 0 : _b.capturePosition) !== null && _c !== void 0 ? _c : 'none');
+                const out = buildUiEventShape({
+                    touchPath: startPathRef.current,
+                    meta: { phase: 'touch-start', ts: Date.now() },
+                    pos: pos ? { x: pos.x, y: pos.y } : undefined,
+                    sessionId: sidRef.current || undefined,
+                });
+                log(compactify(cfg, out));
+            }
+            return;
+        }
+        clearAll();
+        startPathRef.current = hit.path;
+        sidRef.current = makeSid();
+        startTsRef.current = Date.now();
+        startXRef.current = Number(ne === null || ne === void 0 ? void 0 : ne.pageX) || 0;
+        startYRef.current = Number(ne === null || ne === void 0 ? void 0 : ne.pageY) || 0;
+        movedRef.current = false;
+        if (mode === 'stream') {
+            const pos = makePos(ne, (_e = (_d = cfg.click) === null || _d === void 0 ? void 0 : _d.capturePosition) !== null && _e !== void 0 ? _e : 'none');
+            const out = buildUiEventShape({
+                touchPath: hit.path,
+                touchElementName: hit.element || undefined,
+                touchMasked: !!hit.isMasked,
+                meta: { phase: 'touch-start', ts: Date.now() },
+                pos: pos ? { x: pos.x, y: pos.y } : undefined,
+                sessionId: sidRef.current || undefined,
+                name_origin: hit.name_origin,
+            });
+            log(compactify(cfg, out));
+        }
+    }, [(_f = cfg.touch) === null || _f === void 0 ? void 0 : _f.enabled, (_g = cfg.click) === null || _g === void 0 ? void 0 : _g.capturePosition, mode]);
+    const onMove = React.useCallback((e) => {
+        var _a, _b, _c;
+        if (!((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled))
+            return;
+        if (movedRef.current)
+            return;
+        const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
+        const x = Number(ne === null || ne === void 0 ? void 0 : ne.pageX) || 0;
+        const y = Number(ne === null || ne === void 0 ? void 0 : ne.pageY) || 0;
+        const sx = (_b = startXRef.current) !== null && _b !== void 0 ? _b : x;
+        const sy = (_c = startYRef.current) !== null && _c !== void 0 ? _c : y;
+        const dx = x - sx;
+        const dy = y - sy;
+        if (dx * dx + dy * dy >= threshold * threshold)
+            movedRef.current = true;
+    }, [(_h = cfg.touch) === null || _h === void 0 ? void 0 : _h.enabled, threshold]);
+    const onEnd = React.useCallback((e, phase) => {
+        var _a, _b, _c;
+        if (!((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled))
+            return;
+        const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
+        if (mode === 'stream') {
+            handleStreamEnd(e, phase);
+            return;
+        }
+        const pos = makePos(ne, (_c = (_b = cfg.click) === null || _b === void 0 ? void 0 : _b.capturePosition) !== null && _c !== void 0 ? _c : 'none');
+        const hitRaw = resolveTouchHit(ne === null || ne === void 0 ? void 0 : ne.target, e);
+        const now = Date.now();
+        const lifted = maybeLiftTouchHit(hitRaw);
+        const usePath = lifted.usePath;
+        const useEl = lifted.useElement || '';
+        uiDebugLog('onEnd', {
+            phase,
+            hasHit: !!(hitRaw === null || hitRaw === void 0 ? void 0 : hitRaw.path),
+            usePath: usePath || null,
+            useElement: useEl || null,
+            mode,
+        });
+        if (!usePath) {
+            const scopePath = startPathRef.current || __dt_get_scope_path();
+            touchRef.current = {
+                path: scopePath,
+                elementName: '',
+                masked: false,
+                name_origin: 'component',
+                pos: pos ? { x: pos.x, y: pos.y } : undefined,
+                reason: 'unmapped',
+                ts: now,
+            };
+            flushOrSchedule();
+            return;
+        }
+        touchRef.current = {
+            path: usePath,
+            elementName: useEl,
+            masked: !!(hitRaw === null || hitRaw === void 0 ? void 0 : hitRaw.isMasked),
+            name_origin: lifted.nameOrigin,
+            pos: pos ? { x: pos.x, y: pos.y } : undefined,
+            reason: phaseReason(phase),
+            ts: now,
+        };
+        flushOrSchedule();
+    }, [
+        (_j = cfg.touch) === null || _j === void 0 ? void 0 : _j.enabled,
+        (_k = cfg.click) === null || _k === void 0 ? void 0 : _k.capturePosition,
+        (_l = cfg.touch) === null || _l === void 0 ? void 0 : _l.linkWindowMs,
+        mode,
+    ]);
+    const registerPress = React.useCallback((info) => {
+        var _a, _b, _c;
+        if (!((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled))
+            return;
+        const now = Date.now();
+        uiDebugLog('registerPress', {
+            path: info.path,
+            elementName: info.elementName,
+            hasPos: !!info.pos,
+            mode,
+        });
+        if (mode === 'stream') {
+            const out = buildUiEventShape({
+                pressPath: info.path,
+                pressElementName: info.elementName,
+                meta: { phase: 'press', ts: now },
+                name_origin: 'component',
+                pos: info.pos
+                    ? { x: info.pos.x, y: info.pos.y }
+                    : undefined,
+                sessionId: sidRef.current || undefined,
+            });
+            log(compactify(cfg, out));
+            return;
+        }
+        pressRef.current = {
+            path: info.path,
+            elementName: info.elementName,
+            pos: info.pos ? { x: info.pos.x, y: info.pos.y } : undefined,
+            ts: now,
+        };
+        if (touchRef.current)
+            doFlush();
+        else
+            scheduleFlush((_c = (_b = cfg.touch) === null || _b === void 0 ? void 0 : _b.linkWindowMs) !== null && _c !== void 0 ? _c : 250);
+    }, [(_m = cfg.touch) === null || _m === void 0 ? void 0 : _m.enabled, (_o = cfg.touch) === null || _o === void 0 ? void 0 : _o.linkWindowMs, mode]);
+    return {
+        onStart,
+        onMove,
+        onEnd,
+        getSessionId: React.useCallback(() => sidRef.current, []),
+        getTouchPath: React.useCallback(() => { var _a, _b; return (_b = (_a = touchRef.current) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : null; }, []),
+        getStartTs: React.useCallback(() => startTsRef.current, []),
+        getStartPath: React.useCallback(() => startPathRef.current, []),
+        registerPress,
+    };
+}
+function TouchCapture({ children, cfg, mgr, }) {
+    var _a, _b;
+    const last = getDtLastTouch();
+    const onStart = React.useCallback((e) => {
+        var _a, _b;
+        last.ts = Date.now();
+        last.x = Number((_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.pageX) || 0;
+        last.y = Number((_b = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _b === void 0 ? void 0 : _b.pageY) || 0;
+        return mgr === null || mgr === void 0 ? void 0 : mgr.onStart(e);
+    }, [mgr]);
+    const onMove = React.useCallback((e) => mgr === null || mgr === void 0 ? void 0 : mgr.onMove(e), [mgr]);
+    const onEnd = React.useCallback((e) => {
+        return mgr === null || mgr === void 0 ? void 0 : mgr.onEnd(e, 'end');
+    }, [mgr]);
+    const onCancel = React.useCallback((e) => {
+        return mgr === null || mgr === void 0 ? void 0 : mgr.onEnd(e, 'cancel');
+    }, [mgr]);
+    if (!ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled() ||
+        !((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled) ||
+        !mgr) {
+        uiDebugLog('TouchCapture bypassed', {
+            uiEnabled: ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled(),
+            touchEnabled: !!((_b = cfg.touch) === null || _b === void 0 ? void 0 : _b.enabled),
+            hasManager: !!mgr,
+        });
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement(react_native_1.View, { pointerEvents: "box-none", collapsable: false, style: { flex: 1 }, onTouchStart: onStart, onTouchMove: onMove, onTouchEnd: onEnd, onTouchCancel: onCancel, onResponderRelease: onEnd, onResponderTerminate: onCancel }, children));
+}
+function AnalyticsRoot({ name = 'App', label, log, prefix, config, children, }) {
+    var _a, _b, _c, _d, _e;
+    const cfg = (0, react_1.useMemo)(() => config !== null && config !== void 0 ? config : {}, [config]);
+    const fileConfiguredUiEnabled = ((_a = cfg === null || cfg === void 0 ? void 0 : cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled) === true;
+    const baseLogger = log || ((e) => logger.debug('[DT UI]' + JSON.stringify(e)));
+    React.useEffect(() => {
+        ConfigurationHandler_1.ConfigurationHandler.setUserInteractionEnabledLastKnownGood(fileConfiguredUiEnabled);
+        uiDebugLog('AnalyticsRoot initialized fallback from config', {
+            fileConfiguredUiEnabled,
+            userInteractionEnabled: ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled(),
+        });
+    }, [fileConfiguredUiEnabled]);
+    const emit = React.useCallback((e) => {
+        var _a, _b, _c, _d;
+        const uiEnabled = ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled();
+        if (!uiEnabled) {
+            const isInitiated = RuntimeConfigurationObserver_1.RuntimeConfigurationObserver.isInitiated();
+            const remoteCfg = isInitiated
+                ? RuntimeConfigurationObserver_1.RuntimeConfigurationObserver.getCurrentRuntimeConfiguration()
+                : undefined;
+            uiDebugLog('emit skipped: user interaction disabled', {
+                isRuntimeConfigInitiated: isInitiated,
+                remoteValue: remoteCfg === null || remoteCfg === void 0 ? void 0 : remoteCfg.touch_interaction_enabled,
+            });
+            return;
+        }
+        const phase = ((_b = (_a = e === null || e === void 0 ? void 0 : e.ui_element) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.phase) || '';
+        const id = ((_c = e === null || e === void 0 ? void 0 : e.ui_element) === null || _c === void 0 ? void 0 : _c.id) || '';
+        const now = Date.now();
+        if (phase === 'touch' &&
+            LAST_PRESS_ID &&
+            id &&
+            id === LAST_PRESS_ID &&
+            now - LAST_PRESS_TS < 300) {
+            uiDebugLog('emit skipped: touch dedup after press', {
+                id,
+                deltaMs: now - LAST_PRESS_TS,
+            });
+            return;
+        }
+        const key = id && phase ? id + '|' + phase : '';
+        if (key && key === LAST_EMIT_KEY && now - LAST_EMIT_TS < 10) {
+            uiDebugLog('emit skipped: duplicate key window', {
+                key,
+                deltaMs: now - LAST_EMIT_TS,
+            });
+            return;
+        }
+        LAST_EMIT_KEY = key;
+        LAST_EMIT_TS = now;
+        if (phase === 'press' && id) {
+            LAST_PRESS_ID = id;
+            LAST_PRESS_TS = now;
+        }
+        const eventTimestamp = new EventTimestamp_1.EventTimestamp(new TimestampProvider());
+        const produceEvent = _an_flat(e);
+        const event = Object.assign(Object.assign({}, produceEvent), eventTimestamp.getEventTimeInfo());
+        EventPipeline_1.EventPipeline.insertEvent(event);
+        uiDebugLog('emit inserted event', {
+            phase,
+            id,
+            hasResponder: !!((_d = e === null || e === void 0 ? void 0 : e.ui_element) === null || _d === void 0 ? void 0 : _d.responder),
+        });
+        return baseLogger(produceEvent);
+    }, [baseLogger]);
+    const touch = useTouchManager(cfg, emit);
+    React.useEffect(() => {
+        var _a, _b, _c;
+        const g = globalThis;
+        g.__DT_UII_BRIDGE = {
+            registerPress: touch.registerPress,
+            getStartPath: touch.getStartPath,
+        };
+        uiDebugLog('AnalyticsRoot mounted: bridge registered', {
+            touchEnabled: !!((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled),
+            mode: (_c = (_b = cfg.touch) === null || _b === void 0 ? void 0 : _b.mode) !== null && _c !== void 0 ? _c : 'grouped',
+        });
+        return () => {
+            var _a;
+            if (((_a = g.__DT_UII_BRIDGE) === null || _a === void 0 ? void 0 : _a.registerPress) === touch.registerPress) {
+                delete g.__DT_UII_BRIDGE;
+                uiDebugLog('AnalyticsRoot unmounted: bridge removed');
+            }
+        };
+    }, [touch, (_b = cfg.touch) === null || _b === void 0 ? void 0 : _b.enabled, (_c = cfg.touch) === null || _c === void 0 ? void 0 : _c.mode]);
+    const pref = Array.isArray(prefix) ? prefix : readGlobalPrefix();
+    const scopePath = React.useMemo(() => {
+        var _a, _b;
+        const names = [
+            ...pref
+                .map((p) => p === null || p === void 0 ? void 0 : p.name)
+                .filter((n) => typeof n === 'string' && n.length > 0),
+            name,
+        ];
+        return names.join((_b = (_a = config === null || config === void 0 ? void 0 : config.path) === null || _a === void 0 ? void 0 : _a.separator) !== null && _b !== void 0 ? _b : '/');
+    }, [pref, name, (_d = config === null || config === void 0 ? void 0 : config.path) === null || _d === void 0 ? void 0 : _d.separator]);
+    React.useEffect(() => {
+        __dt_set_scope_path(scopePath);
+    }, [scopePath]);
+    return ((_e = cfg === null || cfg === void 0 ? void 0 : cfg.touch) === null || _e === void 0 ? void 0 : _e.enabled) ? (React.createElement(TouchCapture, { cfg: cfg, mgr: touch }, children)) : (React.createElement(React.Fragment, null, children));
+}
+exports.AnalyticsRoot = AnalyticsRoot;