@qoretechnologies/reqraft 0.10.56 → 0.10.57-pr.127.g0a792ea

package/dist/tracking/ui/ExperimentsOverlay.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import type { IExperimentEntry, TExperimentActionResult } from './types';
+type TMaybeAsync<T = unknown> = T | Promise<T>;
+export interface IExperimentsOverlayProps {
+    /** Draws nothing while false (an editor's "hide editor elements"). Default true. */
+    visible?: boolean;
+    /** The server's tests (the editor or admin list); null while loading. A test only in code still gets its versions. */
+    tests?: IExperimentEntry[] | null;
+    /** Why the list could not be loaded. */
+    loadError?: string | null;
+    /**
+     * Show a version on this page. Default: the tracker's in-app switch
+     * (`tracker.experiments.setEditorOverride`, never logged) when a `<TrackingProvider>` is above.
+     */
+    onShow?: (key: string, variant: string) => void;
+    onAccept?: (key: string, variant: string) => TMaybeAsync<TExperimentActionResult | unknown>;
+    onRemove?: (key: string, variant: string) => TMaybeAsync<TExperimentActionResult | unknown>;
+    onStart?: (key: string) => TMaybeAsync;
+    onPause?: (key: string) => TMaybeAsync;
+    onStop?: (key: string) => TMaybeAsync;
+    /**
+     * After an action succeeded. Default: the page shows what visitors see now (the switch is
+     * cleared, the tracker reloads the definitions and mounted experiments decide again).
+     */
+    onSettled?: (key: string) => TMaybeAsync;
+    /** The test's details page (the card's "Open in …" link); none when it returns nothing. */
+    detailsUrl?: (key: string) => string | null | undefined;
+    /** The link's label. Default `Open in admin portal`. */
+    detailsLabel?: string;
+    /** One version's analytics (the rows' "Show analytics"); hidden when absent or it returns nothing. */
+    versionDetailsUrl?: (key: string, variant: string) => string | null | undefined;
+    /** Where the full analytics live, in the help's words. Default `the admin portal`. */
+    analyticsLabel?: string;
+    /** The words for a test that is in the page's code but not set up in the analytics service yet. */
+    notSetUpText?: string;
+    /** Who removed a version, in words, by the history's `actor`. */
+    actorLabels?: Record<string, string>;
+    /** The part of the viewport a sticky header covers (px, or read on every render). Default 0. */
+    topInset?: number | (() => number);
+    /** Markers inside elements matching this selector are ignored (e.g. an editor's own UI). */
+    exclude?: string;
+    /** The handle's words. Default `A/B test · <name>`. */
+    handleLabel?: (name: string) => string;
+}
+/** The overlay's own root; markers inside it are never outlined. */
+export declare const OVERLAY_ATTRIBUTE = "data-experiments-overlay";
+/** One box around the elements (viewport coordinates); tiny elements are ignored. */
+export declare const boxOf: (els: Element[]) => DOMRect | null;
+/**
+ * Every `<Experiment>` on the page (its `data-experiment` marker) gets a dashed outline and a
+ * handle, "A/B test · <name>", at its top-left corner. Hovering the element, focusing the handle,
+ * or clicking / tapping it opens the test's `<ExperimentCard>`, anchored to the element: it moves
+ * and resizes with it and flips above or below the handle to stay in view. ✕, Esc and a click
+ * outside close it. An ended test shows "Winner live" instead. Data and actions come in as props
+ * (`useExperimentsAdmin` provides them from the qorus-api routes).
+ */
+export declare const ExperimentsOverlay: ({ visible, tests, loadError, onShow, onAccept, onRemove, onStart, onPause, onStop, onSettled, detailsUrl, detailsLabel, versionDetailsUrl, analyticsLabel, notSetUpText, actorLabels, topInset, exclude, handleLabel, }: IExperimentsOverlayProps) => import("react").ReactPortal;
+export {};
+//# sourceMappingURL=ExperimentsOverlay.d.ts.map

package/dist/tracking/ui/ExperimentsOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentsOverlay.d.ts","sourceRoot":"","sources":["../../../src/tracking/ui/ExperimentsOverlay.tsx"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEzE,KAAK,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,WAAW,wBAAwB;IACvC,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sHAAsH;IACtH,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;IAClC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,WAAW,CAAC,uBAAuB,GAAG,OAAO,CAAC,CAAC;IAC5F,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,WAAW,CAAC,uBAAuB,GAAG,OAAO,CAAC,CAAC;IAC5F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC;IACzC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sGAAsG;IACtG,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChF,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mGAAmG;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACnC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAoBD,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,6BAA6B,CAAC;AAU5D,qFAAqF;AACrF,eAAO,MAAM,KAAK,QAAS,OAAO,EAAE,KAAG,OAAO,GAAG,IAgBhD,CAAC;AAiDF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,4NAoB5B,wBAAwB,gCA+O1B,CAAC"}

package/dist/tracking/ui/ExperimentsOverlay.js

@@ -0,0 +1,359 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExperimentsOverlay = exports.boxOf = exports.OVERLAY_ATTRIBUTE = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var styled_components_1 = __importDefault(require("styled-components"));
+var TrackingProvider_1 = require("../react/TrackingProvider");
+var anchor_1 = require("./anchor");
+var card_1 = require("./card");
+var ExperimentCard_1 = require("./ExperimentCard");
+// Overlay chrome only: the outline around a tested element, never taking the pointer.
+var StyledOutline = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 880;\n  border-radius: 10px;\n  outline-width: 2px;\n  outline-style: dashed;\n  outline-offset: -3px;\n"], ["\n  position: absolute;\n  pointer-events: none;\n  z-index: 880;\n  border-radius: 10px;\n  outline-width: 2px;\n  outline-style: dashed;\n  outline-offset: -3px;\n"])));
+// Layout only: the handle and the card, in page coordinates so they scroll with the element.
+var StyledFloat = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  z-index: ", ";\n  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35));\n"], ["\n  position: absolute;\n  z-index: ", ";\n  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35));\n"])), function (_a) {
+    var $card = _a.$card;
+    return ($card ? 956 : 955);
+});
+/** The overlay's own root; markers inside it are never outlined. */
+exports.OVERLAY_ATTRIBUTE = 'data-experiments-overlay';
+/** One box around the elements (viewport coordinates); tiny elements are ignored. */
+var boxOf = function (els) {
+    var box = null;
+    for (var _i = 0, els_1 = els; _i < els_1.length; _i++) {
+        var el = els_1[_i];
+        var r = el.getBoundingClientRect();
+        if (r.width < 8 || r.height < 8)
+            continue;
+        box =
+            box ?
+                {
+                    l: Math.min(box.l, r.left),
+                    t: Math.min(box.t, r.top),
+                    r: Math.max(box.r, r.right),
+                    b: Math.max(box.b, r.bottom),
+                }
+                : { l: r.left, t: r.top, r: r.right, b: r.bottom };
+    }
+    return box ? new DOMRect(box.l, box.t, box.r - box.l, box.b - box.t) : null;
+};
+exports.boxOf = boxOf;
+var markedOnPage = function (exclude) {
+    return Array.from(document.querySelectorAll('[data-experiment]'))
+        .filter(function (el) { return !el.closest("[".concat(exports.OVERLAY_ATTRIBUTE, "]")) && !(exclude && el.closest(exclude)); })
+        .map(function (el) {
+        var _a, _b, _c, _d;
+        var box = (0, exports.boxOf)(Array.from(el.children));
+        return box ?
+            {
+                key: (_a = el.dataset.experiment) !== null && _a !== void 0 ? _a : '',
+                shown: (_b = el.dataset.variant) !== null && _b !== void 0 ? _b : '',
+                variants: ((_c = el.dataset.variants) !== null && _c !== void 0 ? _c : '').split(',').filter(Boolean),
+                reason: (_d = el.dataset.experimentReason) !== null && _d !== void 0 ? _d : '',
+                box: box,
+            }
+            : null;
+    })
+        .filter(function (m) { return !!m && !!m.key; });
+};
+var inside = function (r, x, y) { return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom; };
+/** Re-renders the caller on scroll, resize and every 700 ms (content arriving), while `active`. */
+var useFollowPage = function (active) {
+    var _a = (0, react_1.useState)(0), setTick = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (!active)
+            return undefined;
+        var raf = 0;
+        var bump = function () {
+            cancelAnimationFrame(raf);
+            raf = requestAnimationFrame(function () { return setTick(function (t) { return t + 1; }); });
+        };
+        window.addEventListener('scroll', bump, { passive: true, capture: true });
+        window.addEventListener('resize', bump);
+        var id = window.setInterval(bump, 700);
+        return function () {
+            window.removeEventListener('scroll', bump, { capture: true });
+            window.removeEventListener('resize', bump);
+            window.clearInterval(id);
+            cancelAnimationFrame(raf);
+        };
+    }, [active]);
+};
+var HANDLE_ESTIMATE = { width: 240, height: 30 };
+/**
+ * Every `<Experiment>` on the page (its `data-experiment` marker) gets a dashed outline and a
+ * handle, "A/B test · <name>", at its top-left corner. Hovering the element, focusing the handle,
+ * or clicking / tapping it opens the test's `<ExperimentCard>`, anchored to the element: it moves
+ * and resizes with it and flips above or below the handle to stay in view. ✕, Esc and a click
+ * outside close it. An ended test shows "Winner live" instead. Data and actions come in as props
+ * (`useExperimentsAdmin` provides them from the qorus-api routes).
+ */
+var ExperimentsOverlay = function (_a) {
+    var _b;
+    var _c = _a.visible, visible = _c === void 0 ? true : _c, tests = _a.tests, loadError = _a.loadError, onShow = _a.onShow, onAccept = _a.onAccept, onRemove = _a.onRemove, onStart = _a.onStart, onPause = _a.onPause, onStop = _a.onStop, onSettled = _a.onSettled, detailsUrl = _a.detailsUrl, detailsLabel = _a.detailsLabel, versionDetailsUrl = _a.versionDetailsUrl, analyticsLabel = _a.analyticsLabel, notSetUpText = _a.notSetUpText, actorLabels = _a.actorLabels, _d = _a.topInset, topInset = _d === void 0 ? 0 : _d, exclude = _a.exclude, _e = _a.handleLabel, handleLabel = _e === void 0 ? function (name) { return "A/B test \u00B7 ".concat(name); } : _e;
+    var tracker = (0, TrackingProvider_1.useTracker)();
+    var theme = (0, reqore_1.useReqoreTheme)();
+    var hoverCapable = (0, reqore_1.useReqoreProperty)('isHoverCapable') !== false;
+    var _f = (0, react_1.useReducer)(anchor_1.cardReducer, anchor_1.CLOSED), cards = _f[0], dispatch = _f[1];
+    var _g = (0, react_1.useState)({}), sizes = _g[0], setSizes = _g[1];
+    var boxes = (0, react_1.useRef)(new Map());
+    var floats = (0, react_1.useRef)(new Map());
+    var sides = (0, react_1.useRef)(new Map());
+    var open = visible ? (0, anchor_1.openCard)(cards) : null;
+    var marked = visible && typeof document !== 'undefined' ? markedOnPage(exclude) : [];
+    useFollowPage(visible);
+    // A version switch, an accept or a removal re-renders the tested element; a resize moves it.
+    var _h = (0, react_1.useState)(0), setSeen = _h[1];
+    var markedKeys = marked.map(function (m) { return m.key; }).join(',');
+    (0, react_1.useEffect)(function () {
+        if (!visible)
+            return undefined;
+        var bump = function () { return setSeen(function (n) { return n + 1; }); };
+        var mo = new MutationObserver(bump);
+        mo.observe(document.body, {
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['data-variant', 'data-experiment-reason'],
+        });
+        var ro = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(bump);
+        document.querySelectorAll('[data-experiment] > *').forEach(function (el) { return ro === null || ro === void 0 ? void 0 : ro.observe(el); });
+        return function () {
+            mo.disconnect();
+            ro === null || ro === void 0 ? void 0 : ro.disconnect();
+        };
+    }, [markedKeys, visible]);
+    // Hover: the pointer over a tested element, its handle or its card. Leaving waits a moment,
+    // so the pointer can cross the gap between the handle and the card.
+    (0, react_1.useEffect)(function () {
+        if (!hoverCapable || !visible)
+            return undefined;
+        var leave = 0;
+        var onMove = function (e) {
+            var hit = null;
+            boxes.current.forEach(function (box, key) {
+                if (!hit && inside(box, e.clientX, e.clientY))
+                    hit = key;
+            });
+            floats.current.forEach(function (el, id) {
+                if (!hit && inside(el.getBoundingClientRect(), e.clientX, e.clientY))
+                    hit = id.split('|')[0];
+            });
+            window.clearTimeout(leave);
+            if (hit)
+                dispatch({ type: 'hover', key: hit });
+            else
+                leave = window.setTimeout(function () { return dispatch({ type: 'hover', key: null }); }, 220);
+        };
+        document.addEventListener('pointermove', onMove, { passive: true });
+        return function () {
+            window.clearTimeout(leave);
+            document.removeEventListener('pointermove', onMove);
+        };
+    }, [hoverCapable, visible]);
+    // Esc and a click outside the card close it (a click in the confirm step it opened does not).
+    (0, react_1.useEffect)(function () {
+        if (!open)
+            return undefined;
+        var onKey = function (e) {
+            if (e.key === 'Escape')
+                dispatch({ type: 'close' });
+        };
+        var onDown = function (e) {
+            var _a;
+            var target = e.target;
+            if ((_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, anchor_1.OUTSIDE_IGNORE))
+                return;
+            dispatch({ type: 'close' });
+        };
+        document.addEventListener('keydown', onKey);
+        document.addEventListener('pointerdown', onDown, true);
+        return function () {
+            document.removeEventListener('keydown', onKey);
+            document.removeEventListener('pointerdown', onDown, true);
+        };
+    }, [open]);
+    // The handles' and the card's real sizes, for the placement.
+    (0, react_1.useLayoutEffect)(function () {
+        var next = {};
+        floats.current.forEach(function (el, id) {
+            next[id] = { width: el.offsetWidth, height: el.offsetHeight };
+        });
+        var same = Object.keys(next).length === Object.keys(sizes).length &&
+            Object.entries(next).every(function (_a) {
+                var _b, _c;
+                var k = _a[0], v = _a[1];
+                return ((_b = sizes[k]) === null || _b === void 0 ? void 0 : _b.width) === v.width && ((_c = sizes[k]) === null || _c === void 0 ? void 0 : _c.height) === v.height;
+            });
+        if (!same)
+            setSizes(next);
+    });
+    /** After an action the page shows what visitors see now: no switch, fresh definitions, a new decision. */
+    var settle = (0, react_1.useCallback)(function (key) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!onSettled) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onSettled(key)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+                case 2:
+                    tracker === null || tracker === void 0 ? void 0 : tracker.experiments.setEditorOverride(key, null);
+                    return [4 /*yield*/, (tracker === null || tracker === void 0 ? void 0 : tracker.experiments.refresh())];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [onSettled, tracker]);
+    var settled = function (key, fn) {
+        return fn ?
+            function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return __awaiter(void 0, void 0, void 0, function () {
+                    var result;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, fn.apply(void 0, __spreadArray([key], args, false))];
+                            case 1:
+                                result = _a.sent();
+                                return [4 /*yield*/, settle(key)];
+                            case 2:
+                                _a.sent();
+                                return [2 /*return*/, result];
+                        }
+                    });
+                });
+            }
+            : undefined;
+    };
+    var show = onShow !== null && onShow !== void 0 ? onShow : (tracker ?
+        function (key, variant) { return tracker.experiments.setEditorOverride(key, variant); }
+        : undefined);
+    if (!visible || typeof document === 'undefined')
+        return null;
+    boxes.current.clear();
+    var viewport = {
+        width: document.documentElement.clientWidth || window.innerWidth,
+        height: window.innerHeight,
+    };
+    var scroll = { x: window.scrollX, y: window.scrollY };
+    var inset = typeof topInset === 'function' ? topInset() : topInset;
+    var setFloat = function (id) { return function (el) {
+        if (el)
+            floats.current.set(id, el);
+        else
+            floats.current.delete(id);
+    }; };
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", (_b = {}, _b[exports.OVERLAY_ATTRIBUTE] = '', _b.children = marked.map(function (m) {
+        var _a, _b, _c;
+        var entry = tests === null || tests === void 0 ? void 0 : tests.find(function (e) { return e.experiment.key === m.key; });
+        var concluded = m.reason === 'concluded' || (entry === null || entry === void 0 ? void 0 : entry.experiment.status) === 'concluded';
+        var name = (entry === null || entry === void 0 ? void 0 : entry.experiment.name) || m.key;
+        var isOpen = !concluded && open === m.key;
+        var place = (0, anchor_1.placeCard)({
+            box: m.box,
+            viewport: viewport,
+            scroll: scroll,
+            handle: (_a = sizes["".concat(m.key, "|handle")]) !== null && _a !== void 0 ? _a : HANDLE_ESTIMATE,
+            card: isOpen ? ((_b = sizes["".concat(m.key, "|card")]) !== null && _b !== void 0 ? _b : { height: 420 }) : null,
+            topInset: inset,
+            side: sides.current.get(m.key),
+        });
+        if (place.card)
+            sides.current.set(m.key, place.card.side);
+        else
+            sides.current.delete(m.key);
+        boxes.current.set(m.key, m.box);
+        if (!place.visible)
+            return null;
+        var onBlur = function (e) {
+            var _a, _b;
+            if (!((_b = (_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, "[data-experiment-float=\"".concat(m.key, "\"]")))) {
+                dispatch({ type: 'blur', key: m.key });
+            }
+        };
+        var floatProps = {
+            'data-experiment-float': m.key,
+            onFocus: function () { return dispatch({ type: 'focus', key: m.key }); },
+            onBlur: onBlur,
+        };
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(StyledOutline, { style: __assign(__assign({}, place.outline), { outlineColor: (_c = theme.intents) === null || _c === void 0 ? void 0 : _c.info }), "data-experiment-outline": m.key }), (0, jsx_runtime_1.jsx)(StyledFloat, __assign({ ref: setFloat("".concat(m.key, "|handle")), style: place.handle }, floatProps, { children: concluded ?
+                        (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { icon: 'TrophyLine', label: (0, card_1.winnerNote)(entry, m.shown), tooltip: 'Every visitor sees this version. A developer removes the other versions\u2019 code later.', effect: {
+                                gradient: { colors: { 0: 'success', 100: 'success:darken:1' } },
+                                weight: 'bold',
+                            } })
+                        : (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { pill: true, size: 'small', icon: 'FlaskLine', intent: 'info', active: isOpen, "aria-expanded": isOpen, tooltip: isOpen ? undefined : 'A/B test: see its versions and numbers', onClick: function () { return dispatch({ type: 'toggle', key: m.key }); }, children: handleLabel(name) }) })), isOpen && place.card && ((0, jsx_runtime_1.jsx)(StyledFloat, __assign({ "$card": true, ref: setFloat("".concat(m.key, "|card")), style: { top: place.card.top, left: place.card.left, width: place.card.width }, "data-side": place.card.side }, floatProps, { children: (0, jsx_runtime_1.jsx)(ExperimentCard_1.ExperimentCard, { experimentKey: m.key, test: entry, name: name, shown: m.shown, codeVariants: m.variants, maxHeight: place.card.maxHeight, loadError: loadError, detailsUrl: detailsUrl === null || detailsUrl === void 0 ? void 0 : detailsUrl(m.key), detailsLabel: detailsLabel, versionDetailsUrl: versionDetailsUrl ? function (variant) { return versionDetailsUrl(m.key, variant); } : undefined, analyticsLabel: analyticsLabel, notSetUpText: notSetUpText, actorLabels: actorLabels, onClose: function () { return dispatch({ type: 'close' }); }, onShow: show ? function (variant) { return show(m.key, variant); } : undefined, onAccept: settled(m.key, onAccept), onRemove: settled(m.key, onRemove), onStart: settled(m.key, onStart), onPause: settled(m.key, onPause), onStop: settled(m.key, onStop) }) })))] }, m.key));
+    }), _b)), document.body);
+};
+exports.ExperimentsOverlay = ExperimentsOverlay;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ExperimentsOverlay.js.map

package/dist/tracking/ui/ExperimentsOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentsOverlay.js","sourceRoot":"","sources":["../../../src/tracking/ui/ExperimentsOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/tracking/ui/anchor.d.ts

@@ -0,0 +1,107 @@
+/**
+ * The plain logic behind the A/B test overlay: where the handle and the card go (anchored to the
+ * tested element, flipped above or below to stay in view), and which card is open (hover,
+ * keyboard focus, a click; closed by ✕, Esc or a click outside). No React, no DOM
+ * (unit-tested in `__tests__/tracking/anchor.test.ts`).
+ */
+export interface IBox {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface IPlaceInput {
+    /** The tested element's box, in viewport coordinates. */
+    box: IBox;
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /** The page's scroll offset: the result is in document coordinates. */
+    scroll: {
+        x: number;
+        y: number;
+    };
+    /** The handle's measured size. */
+    handle: {
+        width: number;
+        height: number;
+    };
+    /** The card's measured size, when it is open (its natural height, before any cap). */
+    card?: {
+        height: number;
+    } | null;
+    /** The part of the viewport the app's sticky header covers (the handle and the card stay below it). */
+    topInset: number;
+    /** The smallest distance to a viewport edge. */
+    edge?: number;
+    /** Between the handle and the card. */
+    gap?: number;
+    /** The card's widest. */
+    maxWidth?: number;
+    /** The side the card is on now: it stays there while it still fits, so it does not jump while scrolling. */
+    side?: 'below' | 'above';
+}
+export interface IPlacement {
+    /** False when no part of the element is on screen: nothing is drawn. */
+    visible: boolean;
+    /** Document coordinates. */
+    outline: IBox;
+    handle: {
+        top: number;
+        left: number;
+    };
+    card: {
+        top: number;
+        left: number;
+        width: number;
+        maxHeight: number;
+        side: 'below' | 'above';
+    } | null;
+}
+export declare const CARD_MAX_WIDTH = 440;
+/** The card never gets shorter than this; a smaller window scrolls inside it. */
+export declare const CARD_MIN_HEIGHT = 180;
+/**
+ * Where the outline, the handle and the card go. The handle sits at the element's top-left
+ * corner and, while the element is partly scrolled away, slides down to stay on its visible
+ * part. The card hangs under the handle, or above it when there is more room there than
+ * below and it does not fit below; its height is capped to that room (it scrolls inside).
+ */
+export declare const placeCard: ({ box, viewport, scroll, handle, card, topInset, edge, gap, maxWidth, side: current, }: IPlaceInput) => IPlacement;
+export interface ICardState {
+    /** The test whose element (or card) the pointer is over. */
+    hovered: string | null;
+    /** The test whose handle or card holds the keyboard focus. */
+    focused: string | null;
+    /** The test opened with a click or a tap: stays open until closed. */
+    pinned: string | null;
+    /** Closed while the pointer was still over it: hovering it opens it again only after leaving it. */
+    dismissed: string | null;
+}
+export type TCardEvent = {
+    type: 'hover';
+    key: string | null;
+} | {
+    type: 'focus';
+    key: string;
+} | {
+    type: 'blur';
+    key: string;
+} | {
+    type: 'toggle';
+    key: string;
+}
+/** ✕, Esc, a click outside, an action that re-renders the element. */
+ | {
+    type: 'close';
+};
+export declare const CLOSED: ICardState;
+/** The one open card: a click wins, then the keyboard, then the pointer. */
+export declare const openCard: (s: ICardState) => string | null;
+export declare const cardReducer: (s: ICardState, e: TCardEvent) => ICardState;
+/** Enter or Space on a version's row itself (not on its Accept / Remove buttons) shows that version. */
+export declare const activatesRow: (key: string, onRowItself: boolean) => boolean;
+/** Whether a click lands outside the overlay's cards (and outside Reqore's dialogs and menus they open). */
+export declare const OUTSIDE_IGNORE = "[data-experiment-float], .reqore-modal, .reqore-popover-content, .reqore-drawer, .reqore-notification, [role=\"dialog\"]";
+//# sourceMappingURL=anchor.d.ts.map

package/dist/tracking/ui/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../../src/tracking/ui/anchor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,GAAG,EAAE,IAAI,CAAC;IACV,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,uEAAuE;IACvE,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,kCAAkC;IAClC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,sFAAsF;IACtF,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACjC,uGAAuG;IACvG,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4GAA4G;IAC5G,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,wEAAwE;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,OAAO,EAAE,IAAI,CAAC;IACd,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;KACzB,GAAG,IAAI,CAAC;CACV;AAED,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,iFAAiF;AACjF,eAAO,MAAM,eAAe,MAAM,CAAC;AAInC;;;;;GAKG;AACH,eAAO,MAAM,SAAS,2FAWnB,WAAW,KAAG,UAuChB,CAAC;AAIF,MAAM,WAAW,UAAU;IACzB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8DAA8D;IAC9D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,sEAAsE;IACtE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,oGAAoG;IACpG,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE;AACjC,sEAAsE;GACpE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,UAA4E,CAAC;AAElG,4EAA4E;AAC5E,eAAO,MAAM,QAAQ,MAAO,UAAU,KAAG,MAAM,GAAG,IACuB,CAAC;AAE1E,eAAO,MAAM,WAAW,MAAO,UAAU,KAAK,UAAU,KAAG,UA2B1D,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,YAAY,QAAS,MAAM,eAAe,OAAO,YACb,CAAC;AAElD,4GAA4G;AAC5G,eAAO,MAAM,cAAc,6HAC+F,CAAC"}