@dynatrace/react-native-plugin 2.329.1 → 2.333.1

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

@@ -0,0 +1,1494 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabButton = exports.LabelClaimScope = exports.AnalyticsRoot = exports.PathPrefix = exports.Segment = exports.AnalyticsProvider = exports._an_flat = exports.buildUiEventShape = exports.compactify = exports.FORCED_TOUCHABLES = exports.CfgCtx = 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");
+class TimestampProvider {
+    constructor() {
+        this.getCurrentTimestamp = () => Date.now();
+    }
+}
+const logger = new ConsoleLogger_1.ConsoleLogger('DyntraceUserInteraction');
+const NodeCtx = (0, react_1.createContext)(null);
+const LogCtx = (0, react_1.createContext)(null);
+exports.CfgCtx = (0, react_1.createContext)({});
+const TouchCtx = (0, react_1.createContext)(null);
+let LAST_EMIT_KEY = null;
+let LAST_EMIT_TS = 0;
+let LAST_PRESS_ID = null;
+let LAST_PRESS_TS = 0;
+const RE_FORWARD_REF = Symbol.for('react.forward_ref');
+const RE_MEMO = Symbol.for('react.memo');
+const RE_FRAGMENT = Symbol.for('react.fragment');
+const HANDLE_REG = new Map();
+exports.FORCED_TOUCHABLES = new Set([
+    'TouchableOpacity',
+    'TouchableHighlight',
+    'TouchableWithoutFeedback',
+    'TouchableNativeFeedback',
+    'Pressable',
+    'TouchableOpacity_GH',
+    'TouchableHighlight_GH',
+    'TouchableWithoutFeedback_GH',
+    'RectButton',
+    'BorderlessButton',
+    'HeaderBackButton',
+    'HeaderTitle',
+    'DrawerItem',
+    'DrawerToggleButton',
+    'TabBarItem',
+]);
+const PRESS_KEYS = new Set([
+    'onPress',
+    'onLongPress',
+    'onTap',
+    'onClick',
+    'onTouchStart',
+]);
+const TEXTINPUT_KEYS = new Set([
+    'onFocus',
+    'onBlur',
+    'onSubmitEditing',
+    'onEndEditing',
+    'onChangeText',
+]);
+const DEFAULT_ROLE_HEURISTICS = {
+    nav: [/nav/i, /stack/i, /tab/i, /drawer/i, /navigator/i, /screen$/i],
+    theme: [/theme/i],
+    provider: [/provider/i, /context/i],
+    list: [/list/i, /flatlist/i, /sectionlist/i, /virtualizedlist/i],
+    view: [/^view$/i, /^text$/i, /^image$/i, /scrollview/i, /pressable/i],
+};
+const isReactNodeIterable = (node) => typeof node === 'object' && node !== null && Symbol.iterator in node;
+const SiblingCtx = (0, react_1.createContext)(null);
+function getDtLastTouch() {
+    const g = globalThis;
+    if (!g.__DT_LAST_TOUCH)
+        g.__DT_LAST_TOUCH = { ts: 0, x: 0, y: 0 };
+    return g.__DT_LAST_TOUCH;
+}
+function isExpoRuntime() {
+    const g = globalThis;
+    return !!((g === null || g === void 0 ? void 0 : g.expo) || (g === null || g === void 0 ? void 0 : g.__expo) || (g === null || g === void 0 ? void 0 : g.Expo));
+}
+function isNativeTextInputViewTarget(t) {
+    var _a;
+    const cls = (_a = t === null || t === void 0 ? void 0 : t._viewConfig) === null || _a === void 0 ? void 0 : _a.uiViewClassName;
+    if (typeof cls !== 'string')
+        return false;
+    return (cls === 'RCTSinglelineTextInputView' ||
+        cls === 'RCTMultilineTextInputView' ||
+        cls === 'AndroidTextInput' ||
+        cls.toLowerCase().includes('textinput'));
+}
+function makePreIndexedRegistry(children) {
+    var _a, _b;
+    const table = new Map();
+    const counts = new Map();
+    const arr = react_1.Children.toArray(children);
+    for (let i = 0; i < arr.length; i++) {
+        const el = arr[i];
+        if (!(0, react_1.isValidElement)(el))
+            continue;
+        const name = getElTypeName(el);
+        const key = String((_a = el.key) !== null && _a !== void 0 ? _a : `__pos:${i}`);
+        const cur = ((_b = counts.get(name)) !== null && _b !== void 0 ? _b : 0) + 1;
+        counts.set(name, cur);
+        let bucket = table.get(name);
+        if (!bucket) {
+            bucket = new Map();
+            table.set(name, bucket);
+        }
+        bucket.set(key, cur);
+    }
+    return {
+        getIndex(name, key) {
+            var _a;
+            const bucket = table.get(name);
+            if (!bucket)
+                return 1;
+            return (_a = bucket.get(key)) !== null && _a !== void 0 ? _a : 1;
+        },
+    };
+}
+function shortSid(s) {
+    if (!s)
+        return '';
+    const str = String(s);
+    let h = 5381;
+    for (let i = 0; i < str.length; i++) {
+        h = ((h << 5) + h) ^ str.codePointAt(i);
+    }
+    const base = Math.abs(h >>> 0).toString(36);
+    return base.slice(-6);
+}
+function toPathString(n, cfg) {
+    var _a, _b, _c, _d, _e;
+    const parts = [];
+    const exNames = new Set((_a = cfg === null || cfg === void 0 ? void 0 : cfg.excludeNames) !== null && _a !== void 0 ? _a : []);
+    const exRoles = new Set((_b = cfg === null || cfg === void 0 ? void 0 : cfg.excludeRoles) !== null && _b !== void 0 ? _b : []);
+    const segs = [];
+    let cur = n;
+    while (cur) {
+        segs.push(cur);
+        cur = cur.parent;
+    }
+    segs.reverse();
+    const needGlobal = ((_c = cfg === null || cfg === void 0 ? void 0 : cfg.indexMode) !== null && _c !== void 0 ? _c : 'sibling') !== 'sibling';
+    const gCounts = new Map();
+    for (const seg of segs) {
+        if (exNames.has(seg.name) || (seg.role && exRoles.has(seg.role)))
+            continue;
+        let gIdx;
+        if (needGlobal) {
+            const c = ((_d = gCounts.get(seg.name)) !== null && _d !== void 0 ? _d : 0) + 1;
+            gCounts.set(seg.name, c);
+            gIdx = c;
+        }
+        parts.push(formatSegEx(seg, cfg, gIdx));
+    }
+    const sep = (_e = cfg === null || cfg === void 0 ? void 0 : cfg.separator) !== null && _e !== void 0 ? _e : '->';
+    return parts.join(sep);
+}
+function formatSegIndex(seg, mode, style, gIdx) {
+    const siblingIndex = typeof seg.idx === 'number' ? String(seg.idx) : '';
+    const globalIndex = typeof gIdx === 'number' ? String(gIdx) : '';
+    if (mode === 'sibling') {
+        if (!siblingIndex)
+            return '';
+        return style === 'bracket' ? `[${siblingIndex}]` : `#${siblingIndex}`;
+    }
+    if (mode === 'global') {
+        if (!globalIndex)
+            return '';
+        return style === 'bracket' ? `[${globalIndex}]` : `^g${globalIndex}`;
+    }
+    if (style === 'bracket') {
+        return `[${siblingIndex}|${globalIndex}]`;
+    }
+    const siblingPart = siblingIndex ? `#${siblingIndex}` : '';
+    const globalPart = globalIndex ? `^g${globalIndex}` : '';
+    return `${siblingPart}${globalPart}`;
+}
+function formatSegSid(cfg, sid) {
+    if (!(cfg === null || cfg === void 0 ? void 0 : cfg.withSid) || !sid)
+        return '';
+    const short = shortSid(sid);
+    return short ? `~k${short}` : '';
+}
+function formatSegEx(seg, cfg, gIdx) {
+    var _a, _b;
+    const label = seg.label ? `(${seg.label})` : '';
+    const role = (cfg === null || cfg === void 0 ? void 0 : cfg.withRole) && seg.role ? `:${seg.role}` : '';
+    const mode = (_a = cfg === null || cfg === void 0 ? void 0 : cfg.indexMode) !== null && _a !== void 0 ? _a : 'sibling';
+    const style = (_b = cfg === null || cfg === void 0 ? void 0 : cfg.indexStyle) !== null && _b !== void 0 ? _b : 'classic';
+    const idx = (cfg === null || cfg === void 0 ? void 0 : cfg.withIndex) ? formatSegIndex(seg, mode, style, gIdx) : '';
+    const sid = formatSegSid(cfg, seg.sid);
+    return `${seg.name}${label}${role}${idx}${sid}`;
+}
+function normPhase(k) {
+    return k.replace(/^on/, '').replace(/^[A-Z]/, (m) => m.toLowerCase());
+}
+function trimText(x) {
+    if (typeof x !== 'string')
+        return '';
+    const s = x.trim().split(/\s+/).join(' ');
+    return s.length > 0 ? s : '';
+}
+function isLabelScope(el) {
+    return (!!el &&
+        typeof el.type === 'function' &&
+        el.type.__AN_LABEL_SCOPE === true);
+}
+function getElTypeName(el) {
+    var _a, _b;
+    if (!el)
+        return 'Anonymous';
+    if (typeof el.type === 'string')
+        return el.type;
+    const raw = ((_a = el.type) === null || _a === void 0 ? void 0 : _a.displayName) || ((_b = el.type) === null || _b === void 0 ? void 0 : _b.name) || 'Anonymous';
+    const m = /^ForwardRef\((.+)\)$/.exec(raw) || /^Memo\((.+)\)$/.exec(raw);
+    return m ? m[1] : raw;
+}
+function collectLeafInfo(node, depth = 0, maxDepth = 5, maxNodes = 200, lastType) {
+    let seen = 0;
+    function makeTextLeaf(value, typeHint) {
+        const text = trimText(value);
+        if (!text)
+            return null;
+        return {
+            label: text,
+            type: typeHint || 'Text',
+            source: 'text',
+        };
+    }
+    function getIterableNode(n) {
+        if (Array.isArray(n))
+            return n;
+        if (isReactNodeIterable(n))
+            return n;
+        return null;
+    }
+    function walkIterable(iterable, d, lastT) {
+        for (const child of iterable) {
+            const found = walk(child, d + 1, lastT);
+            if (found)
+                return found;
+        }
+        return null;
+    }
+    function makePropLeaf(props, thisType) {
+        if (typeof (props === null || props === void 0 ? void 0 : props.accessibilityLabel) === 'string') {
+            return {
+                label: props.accessibilityLabel,
+                type: thisType,
+                source: 'accessibility',
+            };
+        }
+        if (typeof (props === null || props === void 0 ? void 0 : props.testID) === 'string') {
+            return {
+                label: props.testID,
+                type: thisType,
+                source: 'testid',
+            };
+        }
+        return null;
+    }
+    function walkElement(el, d, lastT) {
+        var _a, _b;
+        const rawType = getElTypeName(el);
+        const segmentName = (_a = el === null || el === void 0 ? void 0 : el.props) === null || _a === void 0 ? void 0 : _a.name;
+        const hasSegmentName = rawType === 'Segment' &&
+            typeof segmentName === 'string' &&
+            segmentName.length > 0;
+        const thisType = hasSegmentName ? segmentName : rawType;
+        if (isLabelScope(el)) {
+            const inner = walk((_b = el.props) === null || _b === void 0 ? void 0 : _b.children, d + 1, 'LabelClaimScope');
+            return inner ? Object.assign(Object.assign({}, inner), { source: 'label-claim' }) : null;
+        }
+        const props = el === null || el === void 0 ? void 0 : el.props;
+        if (!props)
+            return null;
+        const childLeaf = walk(props.children, d + 1, thisType);
+        if (childLeaf)
+            return childLeaf;
+        return makePropLeaf(props, thisType);
+    }
+    function walk(n, d, lastT) {
+        if (seen++ > maxNodes || d > maxDepth)
+            return null;
+        if (typeof n === 'string' || typeof n === 'number')
+            return makeTextLeaf(String(n), lastT);
+        if (!n)
+            return null;
+        const iterable = getIterableNode(n);
+        if (iterable)
+            return walkIterable(iterable, d, lastT);
+        if (typeof n !== 'object')
+            return null;
+        return walkElement(n, d, lastT);
+    }
+    return walk(node, depth, lastType);
+}
+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 classifyByHeuristics(name, h) {
+    const rules = h
+        ? Object.assign(Object.assign({}, DEFAULT_ROLE_HEURISTICS), h) : DEFAULT_ROLE_HEURISTICS;
+    const hit = (arr) => arr.some((rx) => rx.test(name));
+    if (hit(rules.nav))
+        return 'nav';
+    if (hit(rules.theme))
+        return 'theme';
+    if (hit(rules.provider))
+        return 'provider';
+    if (hit(rules.list))
+        return 'list';
+    if (hit(rules.view))
+        return 'view';
+    return null;
+}
+function classifyRole(name, map, heur) {
+    var _a;
+    if (map && map[name])
+        return map[name];
+    if (heur === false) {
+        if (name === 'ThemeProvider')
+            return 'theme';
+        if (name === 'FlatList' ||
+            name === 'SectionList' ||
+            name === 'VirtualizedList')
+            return 'list';
+        if (name === 'View' ||
+            name === 'Text' ||
+            name === 'Pressable' ||
+            name === 'Image' ||
+            name === 'ScrollView')
+            return 'view';
+        const low = name.toLowerCase();
+        if (/provider|context/.test(low))
+            return 'provider';
+        if (/(stack|tabs|tab|drawer|navigator|screen$)/i.test(low))
+            return 'nav';
+        return 'comp';
+    }
+    return ((_a = classifyByHeuristics(name, heur || DEFAULT_ROLE_HEURISTICS)) !== null && _a !== void 0 ? _a : 'comp');
+}
+function hasArrayValue(arr, value) {
+    return Array.isArray(arr) && Array.prototype.indexOf.call(arr, value) >= 0;
+}
+function shouldMaskLeaf(leaf, only, segRole, cfg) {
+    var _a, _b, _c, _d, _e;
+    if (((_a = only === null || only === void 0 ? void 0 : only.props) === null || _a === void 0 ? void 0 : _a.dtMask) === true)
+        return true;
+    if (isLabelScope(only) && ((_b = only === null || only === void 0 ? void 0 : only.props) === null || _b === void 0 ? void 0 : _b.mask))
+        return true;
+    const rules = cfg === null || cfg === void 0 ? void 0 : cfg.mask;
+    if (!rules)
+        return false;
+    const name = getElTypeName(only);
+    if (hasArrayValue(rules.names, name))
+        return true;
+    if (segRole && hasArrayValue(rules.roles, segRole))
+        return true;
+    if (typeof ((_c = only === null || only === void 0 ? void 0 : only.props) === null || _c === void 0 ? void 0 : _c.testID) === 'string' &&
+        ((_d = rules.testID) === null || _d === void 0 ? void 0 : _d.call(rules, only.props.testID)))
+        return true;
+    if ((leaf === null || leaf === void 0 ? void 0 : leaf.source) === 'text' &&
+        typeof leaf.label === 'string' &&
+        ((_e = rules.text) === null || _e === void 0 ? void 0 : _e.call(rules, leaf.label)))
+        return true;
+    return false;
+}
+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 extractPosition(args, cap) {
+    if (cap === 'none')
+        return undefined;
+    const e = args[0];
+    const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
+    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',
+        };
+    return { x: Number(ne.pageX), y: Number(ne.pageY), type: 'both' };
+}
+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) => {
+        if (compactObject.pos && compactObject.pos.type) {
+            compactObject.pos = {
+                x: compactObject.pos.x,
+                y: compactObject.pos.y,
+                t: compactObject.pos.type,
+            };
+        }
+        if (compactObject.m && compactObject.m.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 registerHandle(handle, info) {
+    if (!handle)
+        return;
+    if (info) {
+        HANDLE_REG.set(handle, info);
+    }
+    else {
+        HANDLE_REG.delete(handle);
+    }
+}
+function findHitInfo(nativeTarget) {
+    const h = Number(nativeTarget || 0);
+    if (!h)
+        return null;
+    const exact = HANDLE_REG.get(h) || null;
+    if (exact)
+        return Object.assign(Object.assign({}, exact), { __dtMatch: 'exact' });
+    return null;
+}
+function resolveScrollableContextHit() {
+    for (const v of HANDLE_REG.values()) {
+        const p = v === null || v === void 0 ? void 0 : v.path;
+        if (typeof p === 'string' && p.includes('FlatList')) {
+            return Object.assign(Object.assign({}, v), { __dtMatch: 'override' });
+        }
+    }
+    return null;
+}
+function normalizeFuzzyHit(hit) {
+    if (!hit)
+        return hit;
+    if (hit.__dtMatch !== 'fuzzy')
+        return hit;
+    if (hit.element !== '<')
+        return hit;
+    const fl = resolveScrollableContextHit();
+    return fl || hit;
+}
+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 supportsRefType(type) {
+    if (!type)
+        return false;
+    if (typeof type === 'string')
+        return true;
+    const typeLike = type;
+    const $$ = typeLike.$$typeof;
+    if ($$ === RE_FORWARD_REF)
+        return true;
+    if ($$ === RE_MEMO) {
+        const inner = typeLike.type;
+        const innerSig = inner && typeof inner === 'object' ? inner.$$typeof : undefined;
+        return innerSig === RE_FORWARD_REF || typeof inner === 'string';
+    }
+    if ($$ === RE_FRAGMENT)
+        return false;
+    return !!(typeLike &&
+        typeLike.prototype &&
+        typeof typeLike.prototype.render === 'function');
+}
+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 m = /^([^(]+)(?:\(.*\))?$/.exec(base);
+    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) => normalizeFuzzyHit(findHitInfo(nativeTarget)) ||
+        resolveScrollableContextHit();
+    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 = (ne, phase) => {
+        var _a, _b;
+        const hit = resolveTouchHit(ne === null || ne === void 0 ? void 0 : ne.target);
+        if (!hit || !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;
+        let hit = findHitInfo(ne === null || ne === void 0 ? void 0 : ne.target);
+        hit = normalizeFuzzyHit(hit) || resolveScrollableContextHit();
+        if (!hit || !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(ne, 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);
+        const now = Date.now();
+        const lifted = maybeLiftTouchHit(hitRaw);
+        const usePath = lifted.usePath;
+        const useEl = lifted.useElement || '';
+        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();
+        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 AnalyticsProvider({ children, log, config, }) {
+    const cfg = (0, react_1.useMemo)(() => config !== null && config !== void 0 ? config : {}, [config]);
+    const baseLogger = log || ((e) => logger.debug('[DT UI]' + JSON.stringify(e)));
+    const emit = React.useCallback((e) => {
+        var _a, _b, _c;
+        if (!ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled()) {
+            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) {
+            return;
+        }
+        const key = id && phase ? id + '|' + phase : '';
+        if (key && key === LAST_EMIT_KEY && now - LAST_EMIT_TS < 10)
+            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);
+        return baseLogger(produceEvent);
+    }, [baseLogger]);
+    const touch = useTouchManager(cfg, emit);
+    React.useEffect(() => {
+        const g = globalThis;
+        g.__DT_UII_BRIDGE = {
+            registerPress: touch.registerPress,
+            getStartPath: touch.getStartPath,
+        };
+        return () => {
+            if (g.__DT_UII_BRIDGE &&
+                g.__DT_UII_BRIDGE.registerPress === touch.registerPress) {
+                delete g.__DT_UII_BRIDGE;
+            }
+        };
+    }, [touch]);
+    return (React.createElement(exports.CfgCtx.Provider, { value: cfg },
+        React.createElement(LogCtx.Provider, { value: emit },
+            React.createElement(TouchCtx.Provider, { value: touch },
+                React.createElement(NodeCtx.Provider, { value: null },
+                    React.createElement(SiblingCtx.Provider, { value: makePreIndexedRegistry(children) }, children))))));
+}
+exports.AnalyticsProvider = AnalyticsProvider;
+function TouchCapture({ children }) {
+    var _a;
+    const cfg = (0, react_1.useContext)(exports.CfgCtx);
+    const mgr = (0, react_1.useContext)(TouchCtx);
+    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;
+        const targetObj = e === null || e === void 0 ? void 0 : e.target;
+        if (isExpoRuntime() && isNativeTextInputViewTarget(targetObj)) {
+            return;
+        }
+        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) => {
+        const targetObj = e === null || e === void 0 ? void 0 : e.target;
+        if (isExpoRuntime() && isNativeTextInputViewTarget(targetObj)) {
+            return;
+        }
+        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)
+        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 Segment({ name, label, children, }) {
+    var _a;
+    const parent = (0, react_1.useContext)(NodeCtx);
+    const cfg = (0, react_1.useContext)(exports.CfgCtx);
+    const rolesMap = (_a = cfg.path) === null || _a === void 0 ? void 0 : _a.roleMap;
+    const heur = cfg.roleHeuristics === undefined
+        ? DEFAULT_ROLE_HEURISTICS
+        : cfg.roleHeuristics || false;
+    const parentReg = (0, react_1.useContext)(SiblingCtx);
+    const only = react_1.Children.only(children);
+    const myRole = classifyRole(name, rolesMap, heur);
+    const node = (0, react_1.useMemo)(() => ({
+        name,
+        label,
+        role: myRole,
+        parent: parent !== null && parent !== void 0 ? parent : null,
+    }), [name, label, myRole, parent]);
+    if (!(0, react_1.isValidElement)(only)) {
+        return (React.createElement(NodeCtx.Provider, { value: node },
+            React.createElement(SiblingCtx.Provider, { value: makePreIndexedRegistry(null) }, children)));
+    }
+    return (React.createElement(SegmentWithElement, { name: name, label: label, only: only, parent: parent, cfg: cfg, rolesMap: rolesMap, heur: heur, parentReg: parentReg }));
+}
+exports.Segment = Segment;
+function buildSegmentInteractionState(params) {
+    var _a;
+    const { childProps, childTypeName, name, parent, myRole, cfg, only, log, mgr, node, canAttachRef, } = params;
+    const identity = resolveSegmentIdentity({
+        childProps,
+        childTypeName,
+        name,
+    });
+    const masking = resolveSegmentMasking({
+        leaf: identity.leaf,
+        childProps,
+        childTypeName,
+        name,
+        myRole,
+        cfg,
+        only,
+        elementId: identity.elementId,
+        nameOrigin: identity.nameOrigin,
+    });
+    const nextProps = Object.assign({}, childProps);
+    const isInnerTextOfTouchable = applyInnerTextPointerEvents({
+        nextProps,
+        childTypeName,
+        parent,
+    });
+    const useTouchLink = !!(((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled) && mgr && canAttachRef);
+    applyTextInputFocusHandler({
+        nextProps,
+        childProps,
+        childTypeName,
+        log,
+        cfg,
+        node,
+        leafTailStatic: masking.leafTailStatic,
+        elementIdOut: masking.elementIdOut,
+        needMask: masking.needMask,
+        nameOrigin: masking.nameOrigin,
+    });
+    applyAutoPressInHandler({
+        nextProps,
+        childProps,
+        childTypeName,
+        name,
+        useTouchLink,
+        isInnerTextOfTouchable,
+        node,
+        cfg,
+        leafTailStatic: masking.leafTailStatic,
+        elementIdOut: masking.elementIdOut,
+        mgr,
+    });
+    wireSegmentEventHandlers({
+        nextProps,
+        childProps,
+        childTypeName,
+        useTouchLink,
+        node,
+        cfg,
+        leafTailStatic: masking.leafTailStatic,
+        elementIdOut: masking.elementIdOut,
+        nameOrigin: masking.nameOrigin,
+        mgr,
+        log,
+    });
+    return {
+        nextProps,
+        needMask: masking.needMask,
+        elementIdOut: masking.elementIdOut,
+        nameOrigin: masking.nameOrigin,
+        leafTailStatic: masking.leafTailStatic,
+        isInnerTextOfTouchable,
+    };
+}
+function resolveSegmentIdentity(params) {
+    const { childProps, childTypeName, name } = params;
+    const leaf = collectLeafInfo(childProps === null || childProps === void 0 ? void 0 : childProps.children) || null;
+    const childLabel = typeof (childProps === null || childProps === void 0 ? void 0 : childProps.children) === 'string'
+        ? childProps.children.trim()
+        : '';
+    let elementId = childTypeName;
+    let nameOrigin = 'component';
+    if (childTypeName === 'TextInput' &&
+        typeof (childProps === null || childProps === void 0 ? void 0 : childProps.placeholder) === 'string' &&
+        childProps.placeholder.trim()) {
+        elementId = childProps.placeholder.trim();
+    }
+    else if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.accessibilityLabel) === 'string') {
+        elementId = childProps.accessibilityLabel.trim();
+    }
+    else if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.testID) === 'string') {
+        elementId = childProps.testID.trim();
+    }
+    else if (leaf && leaf.source === 'text' && leaf.label) {
+        elementId = leaf.label.trim();
+        nameOrigin = 'text';
+    }
+    else if (childLabel.length > 0) {
+        elementId = childLabel;
+        nameOrigin = 'text';
+    }
+    if (childTypeName === 'Button' && typeof (childProps === null || childProps === void 0 ? void 0 : childProps.title) === 'string') {
+        const title = childProps.title.trim();
+        if (title) {
+            elementId = title;
+            nameOrigin = 'text';
+        }
+    }
+    if (elementId === 'Anonymous') {
+        elementId = name;
+        nameOrigin = 'component';
+    }
+    if (childTypeName === 'Text' && elementId.trim()) {
+        nameOrigin = 'text';
+    }
+    return { leaf, elementId, nameOrigin };
+}
+function resolveSegmentMasking(params) {
+    var _a, _b, _c;
+    const { leaf, childProps, childTypeName, name, myRole, cfg, only, elementId, nameOrigin, } = params;
+    const hasSelfA11y = typeof (childProps === null || childProps === void 0 ? void 0 : childProps.accessibilityLabel) === 'string' ||
+        typeof (childProps === null || childProps === void 0 ? void 0 : childProps.testID) === 'string';
+    const segIsTouchable = exports.FORCED_TOUCHABLES.has(name) || exports.FORCED_TOUCHABLES.has(childTypeName);
+    const shouldAppendLeafTail = !!(leaf &&
+        leaf.source === 'text' &&
+        !hasSelfA11y &&
+        !segIsTouchable);
+    const needMask = shouldMaskLeaf(leaf, only, myRole, cfg);
+    const nextNameOrigin = needMask ? 'masked' : nameOrigin;
+    const maskedText = needMask
+        ? maskLabel((_a = leaf === null || leaf === void 0 ? void 0 : leaf.label) !== null && _a !== void 0 ? _a : elementId, cfg)
+        : undefined;
+    const elementIdOut = needMask ? maskedText : elementId;
+    const sep = (_c = (_b = cfg === null || cfg === void 0 ? void 0 : cfg.path) === null || _b === void 0 ? void 0 : _b.separator) !== null && _c !== void 0 ? _c : '->';
+    const leafTailStatic = shouldAppendLeafTail
+        ? `${sep}${(leaf === null || leaf === void 0 ? void 0 : leaf.type) || 'Text'}`
+        : '';
+    return {
+        needMask,
+        nameOrigin: nextNameOrigin,
+        elementIdOut,
+        leafTailStatic,
+    };
+}
+function applyInnerTextPointerEvents(params) {
+    const { nextProps, childTypeName, parent } = params;
+    const parentSegName = parent === null || parent === void 0 ? void 0 : parent.name;
+    const isInnerTextOfTouchable = childTypeName === 'Text' &&
+        !!parentSegName &&
+        exports.FORCED_TOUCHABLES.has(parentSegName);
+    if (isInnerTextOfTouchable && nextProps.pointerEvents == null) {
+        nextProps.pointerEvents = 'none';
+    }
+    return isInnerTextOfTouchable;
+}
+function applyTextInputFocusHandler(params) {
+    const { nextProps, childProps, childTypeName, log, cfg, node, leafTailStatic, elementIdOut, needMask, nameOrigin, } = params;
+    if (childTypeName !== 'TextInput')
+        return;
+    const emit = log !== null && log !== void 0 ? log : ((e) => console.log('[DT UI]', e));
+    const origOnFocus = childProps.onFocus;
+    nextProps.onFocus = (...args) => {
+        var _a;
+        const t0 = Date.now();
+        const lastTouch = getDtLastTouch();
+        try {
+            if (((_a = cfg.touch) === null || _a === void 0 ? void 0 : _a.enabled) && isExpoRuntime()) {
+                const baseNow = toPathString(node, cfg.path);
+                const pathOut = `${baseNow}${leafTailStatic}`;
+                const linked = t0 - (lastTouch.ts || 0) < 800;
+                const pos = linked
+                    ? {
+                        x: Number(lastTouch.x) || 0,
+                        y: Number(lastTouch.y) || 0,
+                    }
+                    : undefined;
+                const out = buildUiEventShape({
+                    touchPath: pathOut,
+                    touchElementName: elementIdOut,
+                    touchMasked: !!needMask,
+                    meta: { phase: 'touch', ts: t0 },
+                    pos: pos ? { x: pos.x, y: pos.y } : undefined,
+                    reason: linked ? 'focus-linked' : 'focus',
+                    name_origin: nameOrigin,
+                });
+                emit(compactify(cfg, out));
+            }
+        }
+        catch (e) {
+            const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
+            logger.debug(`TextInput focus instrumentation failed: ${errorMsg}`);
+        }
+        if (typeof origOnFocus === 'function')
+            return origOnFocus(...args);
+    };
+}
+function hasAnyPressKey(props) {
+    for (const key in props) {
+        if (PRESS_KEYS.has(key))
+            return true;
+    }
+    return false;
+}
+function applyAutoPressInHandler(params) {
+    const { nextProps, childProps, childTypeName, name, useTouchLink, isInnerTextOfTouchable, node, cfg, leafTailStatic, elementIdOut, mgr, } = params;
+    const canAutoAddPress = useTouchLink &&
+        !isInnerTextOfTouchable &&
+        (exports.FORCED_TOUCHABLES.has(childTypeName) || exports.FORCED_TOUCHABLES.has(name));
+    if (!canAutoAddPress || hasAnyPressKey(childProps))
+        return;
+    nextProps.onPressIn = (...args) => {
+        var _a, _b;
+        const baseNow = toPathString(node, cfg.path);
+        const pathOut = `${baseNow}${leafTailStatic}`;
+        const position = extractPosition(args, (_b = (_a = cfg === null || cfg === void 0 ? void 0 : cfg.click) === null || _a === void 0 ? void 0 : _a.capturePosition) !== null && _b !== void 0 ? _b : 'none');
+        const info = {
+            path: pathOut,
+            elementName: elementIdOut,
+        };
+        if (position)
+            info.pos = { x: position.x, y: position.y };
+        mgr.registerPress(info);
+    };
+}
+function wireSegmentEventHandlers(params) {
+    const { nextProps, childProps, childTypeName, useTouchLink, node, cfg, leafTailStatic, elementIdOut, nameOrigin, mgr, log, } = params;
+    for (const k in childProps) {
+        const orig = childProps[k];
+        const isTextInputEvent = childTypeName === 'TextInput' && TEXTINPUT_KEYS.has(k);
+        if (!PRESS_KEYS.has(k) && !isTextInputEvent)
+            continue;
+        if (isTextInputEvent && k === 'onFocus')
+            continue;
+        nextProps[k] = (...args) => {
+            var _a, _b, _c, _d;
+            const baseNow = toPathString(node, cfg.path);
+            const pathOut = `${baseNow}${leafTailStatic}`;
+            const now = Date.now();
+            if (isTextInputEvent || !useTouchLink) {
+                const emit = log !== null && log !== void 0 ? log : ((e) => console.log('[DT UI]', e));
+                const position = k === 'onChangeText'
+                    ? undefined
+                    : extractPosition(args, (_b = (_a = cfg === null || cfg === void 0 ? void 0 : cfg.click) === null || _a === void 0 ? void 0 : _a.capturePosition) !== null && _b !== void 0 ? _b : 'none');
+                const out = buildUiEventShape({
+                    pressPath: pathOut,
+                    pressElementName: elementIdOut,
+                    meta: { phase: normPhase(k), ts: now },
+                    pos: position
+                        ? { x: position.x, y: position.y }
+                        : undefined,
+                    name_origin: nameOrigin,
+                });
+                try {
+                    emit(compactify(cfg, out));
+                }
+                catch (e) {
+                    const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
+                    logger.debug(`Segment event emission failed for ${String(k)}: ${errorMsg}`);
+                }
+                if (typeof orig === 'function')
+                    return orig(...args);
+                return;
+            }
+            if (k === 'onPress' ||
+                k === 'onLongPress' ||
+                k === 'onTap' ||
+                k === 'onClick') {
+                const position = extractPosition(args, (_d = (_c = cfg === null || cfg === void 0 ? void 0 : cfg.click) === null || _c === void 0 ? void 0 : _c.capturePosition) !== null && _d !== void 0 ? _d : 'none');
+                const info = {
+                    path: pathOut,
+                    elementName: elementIdOut,
+                };
+                if (position)
+                    info.pos = { x: position.x, y: position.y };
+                mgr.registerPress(info);
+            }
+            if (typeof orig === 'function')
+                return orig(...args);
+        };
+    }
+}
+function SegmentWithElement({ name, label, only, parent, cfg, rolesMap, heur, parentReg, }) {
+    var _a;
+    const childType = only.type;
+    const childProps = only.props;
+    const canAttachRef = supportsRefType(childType);
+    const childTypeName = typeof childType === 'string'
+        ? childType
+        : childType
+            .displayName ||
+            childType.name ||
+            'Anonymous';
+    const myNameForSiblingIndex = childTypeName;
+    const rawKey = (_a = only.key) !== null && _a !== void 0 ? _a : null;
+    const myKeyForSiblingIndex = String(rawKey !== null && rawKey !== void 0 ? rawKey : '__pos:unknown');
+    const myIdx = (0, react_1.useMemo)(() => parentReg
+        ? parentReg.getIndex(myNameForSiblingIndex, myKeyForSiblingIndex)
+        : 1, [parentReg, myNameForSiblingIndex, myKeyForSiblingIndex]);
+    const mySid = rawKey === null || rawKey === undefined
+        ? `pos:${myNameForSiblingIndex}:${myIdx}`
+        : String(rawKey);
+    const myRole = classifyRole(name, rolesMap, heur);
+    const node = (0, react_1.useMemo)(() => ({
+        name,
+        label,
+        role: myRole,
+        idx: myIdx,
+        sid: mySid,
+        parent: parent !== null && parent !== void 0 ? parent : null,
+    }), [name, label, myRole, myIdx, mySid, parent]);
+    const log = (0, react_1.useContext)(LogCtx);
+    const mgr = (0, react_1.useContext)(TouchCtx);
+    const { nextProps, needMask, elementIdOut, nameOrigin, leafTailStatic, isInnerTextOfTouchable, } = buildSegmentInteractionState({
+        childProps,
+        childTypeName,
+        name,
+        parent,
+        myRole,
+        cfg,
+        only,
+        log,
+        mgr,
+        node,
+        canAttachRef,
+    });
+    const childRegistry = (0, react_1.useMemo)(() => makePreIndexedRegistry(childProps === null || childProps === void 0 ? void 0 : childProps.children), [childProps === null || childProps === void 0 ? void 0 : childProps.children]);
+    const baseNow = toPathString(node, cfg.path);
+    React.useEffect(() => {
+        if (myRole === 'nav') {
+            __dt_set_scope_path(baseNow);
+        }
+    }, [myRole, baseNow]);
+    const pathOut = `${baseNow}${leafTailStatic}`;
+    const refAnchor = React.useRef(null);
+    React.useEffect(() => {
+        if (!canAttachRef)
+            return;
+        const h = (0, react_native_1.findNodeHandle)(refAnchor.current);
+        if (!h)
+            return;
+        if (!isInnerTextOfTouchable) {
+            registerHandle(h, {
+                path: pathOut,
+                element: elementIdOut,
+                isMasked: needMask || undefined,
+                name_origin: nameOrigin,
+            });
+        }
+        return () => {
+            if (!isInnerTextOfTouchable)
+                registerHandle(h, null);
+        };
+    }, [
+        canAttachRef,
+        pathOut,
+        elementIdOut,
+        needMask,
+        isInnerTextOfTouchable,
+        nameOrigin,
+    ]);
+    let extraRefProps = {};
+    if (canAttachRef) {
+        extraRefProps =
+            typeof childType === 'string'
+                ? { ref: refAnchor, collapsable: false }
+                : { ref: refAnchor };
+    }
+    const cloned = (0, react_1.cloneElement)(only, Object.assign(Object.assign({}, nextProps), extraRefProps));
+    return (React.createElement(NodeCtx.Provider, { value: node },
+        React.createElement(SiblingCtx.Provider, { value: childRegistry }, cloned)));
+}
+function PathPrefix({ names, children, }) {
+    var _a;
+    const base = (0, react_1.useContext)(NodeCtx);
+    const cfg = (0, react_1.useContext)(exports.CfgCtx);
+    const tail = (0, react_1.useMemo)(() => {
+        var _a;
+        let cur = base !== null && base !== void 0 ? base : null;
+        for (const n of names) {
+            cur = {
+                name: n.name,
+                label: n.label,
+                role: classifyRole(n.name, (_a = cfg.path) === null || _a === void 0 ? void 0 : _a.roleMap, cfg.roleHeuristics),
+                idx: undefined,
+                sid: undefined,
+                parent: cur,
+            };
+        }
+        return cur;
+    }, [base, names, (_a = cfg.path) === null || _a === void 0 ? void 0 : _a.roleMap, cfg.roleHeuristics]);
+    const childRegistry = (0, react_1.useMemo)(() => makePreIndexedRegistry(children), [children]);
+    return (React.createElement(NodeCtx.Provider, { value: tail },
+        React.createElement(SiblingCtx.Provider, { value: childRegistry }, children)));
+}
+exports.PathPrefix = PathPrefix;
+function AnalyticsRoot({ name = 'App', label, log, prefix, config, children, }) {
+    var _a;
+    const content = (React.createElement(Segment, { name: name, label: label }, children));
+    const pref = Array.isArray(prefix) ? prefix : readGlobalPrefix();
+    const inner = pref.length ? (React.createElement(PathPrefix, { names: pref }, content)) : (content);
+    return (React.createElement(AnalyticsProvider, { log: log, config: config }, ((_a = config === null || config === void 0 ? void 0 : config.touch) === null || _a === void 0 ? void 0 : _a.enabled) ? (React.createElement(TouchCapture, null, inner)) : (inner)));
+}
+exports.AnalyticsRoot = AnalyticsRoot;
+exports.LabelClaimScope = Object.assign(({ children, mask }) => {
+    return (0, react_1.cloneElement)(react_1.Children.only(children), { mask });
+}, { __AN_LABEL_SCOPE: true });
+exports.TabButton = React.forwardRef(function TabButton(props, ref) {
+    const { children, style, testID, accessibilityLabel, onPress, onLongPress, onPressIn, onPressOut, } = props;
+    return (React.createElement(Segment, { name: "TabButton" },
+        React.createElement(react_native_1.Pressable, { ref: ref, style: style, testID: testID, accessibilityLabel: accessibilityLabel, onPress: onPress, onLongPress: onLongPress, onPressIn: onPressIn, onPressOut: onPressOut }, children)));
+});