@iann29/rastro 0.9.0 → 0.10.0

package/dist/ui/integrations/EventsSheet.d.ts

@@ -0,0 +1,28 @@
+import type { ClientRow } from "./model.js";
+import type { EventMap, IntegrationConversion, SetEventMapInput } from "./types.js";
+/**
+ * B5/M2: which board columns send what to the client's pixel. A sale always
+ * goes as Compra with its value (fixed first row); each column may send Lead,
+ * Lead qualificado or Agendamento, once per lead.
+ */
+export declare function EventsSheet({ row, slot, eventMap, conversions, pages, onLoadOlder, currency, boardLabel, permitted, busy, onSave, onPlanB, onClose, now, }: {
+    row: ClientRow;
+    slot: number;
+    eventMap: EventMap | undefined;
+    conversions: readonly IntegrationConversion[];
+    /** Whether the host has older events, and whether a page is loading. */
+    pages?: {
+        hasMore: boolean;
+        loading: boolean;
+    } | undefined;
+    onLoadOlder?: (() => void) | undefined;
+    currency: string;
+    boardLabel: string;
+    permitted: boolean;
+    busy: boolean;
+    onSave: (map: Omit<SetEventMapInput, "siteId">) => void;
+    onPlanB: () => void;
+    onClose: () => void;
+    now: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EventsSheet.d.ts.map

package/dist/ui/integrations/EventsSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/EventsSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,KAAK,EACV,QAAQ,EAER,qBAAqB,EAGrB,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAgHpB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,GACJ,EAAE;IACD,GAAG,EAAE,SAAS,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC9C,wEAAwE;IACxE,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAC;IAC3D,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,+BAoXA"}

package/dist/ui/integrations/EventsSheet.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { formatMoney } from "../metrics.js";
+import { EVENT_LABELS } from "./EventsFeed.js";
+import { pixelDigits, pixelShort, plural, sentAgo } from "./format.js";
+import { Icon, MetaMark } from "./Icons.js";
+import { Overlay } from "./Overlay.js";
+import { Avatar, Pill, TestModeNote } from "./parts.js";
+const COLUMN_EVENTS = ["Lead", "QualifiedLead", "Schedule"];
+const FEED_ROWS = 3;
+const MORE_ROWS = 10;
+/** Columns in board order, gathered under their block when they have one. */
+function groupsOf(columns) {
+    const groups = [];
+    for (const column of columns) {
+        const name = column.group ?? null;
+        const last = groups.at(-1);
+        if (last && last.name === name)
+            last.columns.push(column);
+        else
+            groups.push({ name, columns: [column] });
+    }
+    return groups;
+}
+function EventSelect({ id, label, value, disabled, onChange, }) {
+    return (_jsxs("span", { className: "rastro-integrations__select", "data-tone": value ? "on" : "none", children: [_jsxs("select", { id: id, "aria-label": label, value: value ?? "", disabled: disabled, onChange: (event) => onChange((event.target.value || null)), children: [_jsx("option", { value: "", children: "N\u00E3o enviar \u00E0 Meta" }), COLUMN_EVENTS.map((name) => (_jsx("option", { value: name, children: EVENT_LABELS[name] }, name)))] }), _jsx(Icon, { name: "chevronDown", size: 14 })] }));
+}
+function Check({ checked, disabled, label, onChange, }) {
+    return (_jsxs("span", { className: "rastro-integrations__check", children: [_jsx("input", { type: "checkbox", checked: checked, disabled: disabled, "aria-label": label, onChange: (event) => onChange?.(event.target.checked) }), _jsx(Icon, { name: "check", size: 12 })] }));
+}
+/** "Últimos 30 dias: 41 Compras e 118 Leads qualificados enviados · 0 falhas". */
+function sentLine(sent, { short = false } = {}) {
+    if (!sent)
+        return null;
+    const parts = [
+        sent.Purchase ? plural(sent.Purchase, "Compra", "Compras") : null,
+        sent.QualifiedLead
+            ? plural(sent.QualifiedLead, short ? "qualificado" : "Lead qualificado", short ? "qualificados" : "Leads qualificados")
+            : null,
+        sent.Schedule ? plural(sent.Schedule, "Agendamento", "Agendamentos") : null,
+        sent.Lead ? plural(sent.Lead, "Lead", "Leads") : null,
+    ].filter(Boolean);
+    // A host that counts what Meta accepted may not count failures: then the
+    // line says nothing about them instead of a made-up zero.
+    const failed = sent.failed === undefined
+        ? ""
+        : ` · ${plural(sent.failed, "falha", "falhas")}`;
+    if (parts.length === 0)
+        return `${short ? "30 dias" : "Últimos 30 dias"}: nada enviado${failed}`;
+    const list = parts.length === 1
+        ? parts[0]
+        : `${parts.slice(0, -1).join(", ")} e ${parts.at(-1)}`;
+    return `${short ? "30 dias" : "Últimos 30 dias"}: ${list}${short ? "" : " enviados"}${failed}`;
+}
+/**
+ * B5/M2: which board columns send what to the client's pixel. A sale always
+ * goes as Compra with its value (fixed first row); each column may send Lead,
+ * Lead qualificado or Agendamento, once per lead.
+ */
+export function EventsSheet({ row, slot, eventMap, conversions, pages, onLoadOlder, currency, boardLabel, permitted, busy, onSave, onPlanB, onClose, now, }) {
+    const id = useId();
+    const close = useRef(null);
+    const [choices, setChoices] = useState(() => Object.fromEntries((eventMap?.columns ?? []).map((column) => [column.key, column.event])));
+    const [sendLead, setSendLead] = useState(eventMap?.sendLeadEvent ?? false);
+    // The latest three, then "Ver mais" ten at a time: from what is loaded,
+    // and past it the host's next page (keyset by `createdAt` + `eventId`).
+    const [shown, setShown] = useState(FEED_ROWS);
+    const hiddenLoaded = Math.max(0, conversions.length - shown);
+    const canLoadOlder = Boolean(onLoadOlder && pages?.hasMore);
+    const showMore = () => {
+        const next = shown + MORE_ROWS;
+        setShown(next);
+        if (next > conversions.length && canLoadOlder && !pages?.loading) {
+            onLoadOlder?.();
+        }
+    };
+    const choose = (key, value) => setChoices((current) => ({ ...current, [key]: value }));
+    const editable = permitted && Boolean(row.pixel) && Boolean(eventMap);
+    const columns = eventMap?.columns ?? [];
+    const sourceOf = (event) => event.eventName === "Purchase"
+        ? "Venda registrada"
+        : (columns.find((column) => choices[column.key] === event.eventName)
+            ?.name ?? null);
+    const latest = conversions
+        .filter((event) => event.status === "sent")
+        .sort((a, b) => (b.sentAt ?? 0) - (a.sentAt ?? 0))[0];
+    const name = row.site.name;
+    const summary = sentLine(row.sent30d);
+    return (_jsx(Overlay, { side: true, labelledBy: `${id}-title`, initialFocus: close, onClose: onClose, children: _jsxs("div", { className: "rastro-integrations__sheet", children: [_jsxs("header", { className: "rastro-integrations__sheet-bar", children: [_jsx("button", { type: "button", className: "rastro-integrations__icon-btn", "aria-label": "Voltar", onClick: onClose, children: _jsx(Icon, { name: "chevronRight", size: 20 }) }), _jsxs("strong", { children: ["Eventos \u00B7 ", name] })] }), _jsxs("div", { className: "rastro-integrations__sheet-body", children: [_jsxs("header", { className: "rastro-integrations__sheet-head", children: [_jsx(Avatar, { name: name, slot: slot, size: "lg" }), _jsxs("div", { className: "rastro-integrations__grow", children: [_jsxs("h3", { id: `${id}-title`, className: "rastro-integrations__title", "data-size": "lg", children: ["Eventos devolvidos \u00E0 Meta \u00B7 ", name] }), _jsxs("p", { className: "rastro-integrations__desc", children: ["Quando um lead muda de coluna no ", boardLabel, ", o Rastro avisa o pixel. A Meta aprende quem compra e procura mais gente assim."] })] }), _jsx("button", { ref: close, type: "button", className: "rastro-integrations__icon-btn", "aria-label": "Fechar", onClick: onClose, children: _jsx(Icon, { name: "x" }) })] }), row.pixel ? (_jsxs("div", { className: "rastro-integrations__pixelbar", children: [_jsx(MetaMark, { size: 16 }), _jsxs("span", { className: "rastro-integrations__grow", children: ["Pixel", " ", _jsx("b", { className: "rastro-integrations__mono", "data-wide": "", children: pixelDigits(row.pixel.pixelId) }), _jsx("b", { className: "rastro-integrations__mono", "data-narrow": "", children: pixelShort(row.pixel.pixelId) }), row.pixel.name && (_jsxs("span", { "data-wide": "", children: [" \u00B7 ", row.pixel.name] }))] }), latest?.sentAt && (_jsxs(Pill, { tone: "ok", icon: "dot", children: [_jsx("span", { "data-wide": "", children: "Recebendo \u00B7 \u00FAltimo evento " }), sentAgo(latest.sentAt, now)] }))] })) : null, row.pixel && row.testMode && _jsx(TestModeNote, { variant: "callout" }), row.pixel ? null : (_jsxs("div", { className: "rastro-integrations__callout", "data-tone": "warn", children: [_jsx(Icon, { name: "info", size: 14 }), _jsxs("p", { children: [name, " ainda n\u00E3o tem pixel: nada \u00E9 enviado \u00E0 Meta. Ligue um pixel da conex\u00E3o na lista de clientes ou use o token pr\u00F3prio do cliente."] }), _jsx("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "outline", "data-size": "sm", disabled: !permitted, onClick: onPlanB, children: "Pixel com token" })] })), _jsxs("div", { className: "rastro-integrations__map", role: "group", "aria-labelledby": `${id}-map`, children: [_jsxs("p", { id: `${id}-map`, className: "rastro-integrations__sec", children: ["Coluna do ", boardLabel, " \u2192 evento da Meta"] }), _jsxs("div", { className: "rastro-integrations__maprow", "data-fixed": "", children: [_jsx(Check, { checked: true, disabled: true, label: "Venda registrada (com valor) sempre envia Compra" }), _jsxs("span", { className: "rastro-integrations__stage", children: [_jsx("span", { className: "rastro-integrations__swatch", "data-fixed": "" }), "Venda registrada"] }), _jsx("span", { className: "rastro-integrations__arrow", children: _jsx(Icon, { name: "arrowRight", size: 14 }) }), _jsx("span", { className: "rastro-integrations__select", "data-tone": "on", "data-static": "", children: _jsx("span", { className: "rastro-integrations__evt", children: "Compra" }) }), _jsxs("span", { className: "rastro-integrations__meta rastro-integrations__map-note", children: [_jsx(Icon, { name: "dollar", size: 12 }), _jsx("span", { "data-wide": "", children: "com o valor da venda" }), _jsx("span", { "data-narrow": "", children: "com valor" })] })] }), !eventMap && (_jsx("div", { className: "rastro-skeleton rastro-integrations__map-skeleton" })), groupsOf(columns).map((group, index) => (_jsxs("div", { className: "rastro-integrations__map-group", children: [group.name && (_jsx("p", { className: "rastro-integrations__group", children: group.name })), group.columns.map((column) => {
+                                            const value = choices[column.key] ?? null;
+                                            return (_jsxs("div", { className: "rastro-integrations__maprow", children: [_jsx(Check, { checked: value !== null, disabled: !editable, label: `Enviar ${column.name} à Meta`, onChange: (checked) => choose(column.key, checked ? "Lead" : null) }), _jsxs("span", { className: "rastro-integrations__stage", children: [_jsx("span", { className: "rastro-integrations__swatch", style: column.color
+                                                                    ? { background: column.color }
+                                                                    : undefined }), _jsx("span", { className: "rastro-integrations__stage-name", children: column.name }), column.monthCount !== null && (_jsx("span", { className: "rastro-integrations__meta rastro-num", "data-wide": "", children: column.monthCount.toLocaleString("pt-BR") }))] }), _jsx("span", { className: "rastro-integrations__arrow", children: _jsx(Icon, { name: "arrowRight", size: 14 }) }), _jsx(EventSelect, { id: `${id}-${column.key}`, label: `Evento da Meta para ${column.name}`, value: value, disabled: !editable, onChange: (next) => choose(column.key, next) }), _jsx("span", { className: "rastro-integrations__meta rastro-integrations__map-note", "data-wide": "", children: value ? "sem valor" : "" })] }, column.key));
+                                        })] }, `${group.name ?? "none"}:${index}`))), eventMap && columns.length === 0 && (_jsxs("p", { className: "rastro-integrations__desc", children: ["O host ainda n\u00E3o declarou as colunas do ", boardLabel, ": s\u00F3 a venda registrada vai como Compra."] }))] }), _jsxs("div", { className: "rastro-integrations__callout", "data-tone": "info", "data-wide": "", children: [_jsx(Icon, { name: "info", size: 14 }), _jsxs("p", { children: [_jsx("b", { children: "Compra" }), " vai com o valor do neg\u00F3cio em R$;", " ", _jsx("b", { children: "Lead qualificado" }), " vai sem valor. Cada lead conta uma vez por evento, mesmo se voltar e avan\u00E7ar de novo de coluna. Eventos com mais de 7 dias n\u00E3o s\u00E3o enviados."] })] }), _jsxs("label", { className: "rastro-integrations__toggle", "data-wide": "", children: [_jsx(Check, { checked: sendLead, disabled: !editable, label: "Enviar tamb\u00E9m cada contato novo como Lead", onChange: setSendLead }), _jsxs("span", { className: "rastro-integrations__grow", children: [_jsxs("span", { className: "rastro-integrations__toggle-title", children: ["Enviar tamb\u00E9m cada contato novo como", " ", _jsxs("span", { className: "rastro-integrations__evt", children: ["Lead ", _jsx("i", { children: "Lead" })] })] }), _jsx("span", { className: "rastro-integrations__meta", children: sendLead
+                                                ? "Ligado: cada contato novo vai como Lead, além da conversa que o anúncio já conta"
+                                                : "Desligado: a Meta já conta a conversa iniciada pelo anúncio" })] })] }), conversions.length > 0 && (_jsxs("div", { className: "rastro-integrations__received", "data-wide": "", children: [_jsxs("p", { className: "rastro-integrations__sec", children: ["O que a Meta recebeu da ", name] }), _jsx("ul", { children: [...conversions]
+                                        .sort((a, b) => b.createdAt - a.createdAt)
+                                        .slice(0, shown)
+                                        .map((event) => {
+                                        const source = sourceOf(event);
+                                        return (_jsxs("li", { "data-status": event.status, children: [_jsx(Icon, { name: event.status === "failed"
+                                                        ? "alert"
+                                                        : event.status === "pending"
+                                                            ? "clock"
+                                                            : "check", size: 14 }), _jsxs("span", { children: [event.leadLabel ?? "Lead", source && (_jsxs("span", { className: "rastro-integrations__meta", children: [" ", "\u00B7 ", source] }))] }), _jsx("span", { children: EVENT_LABELS[event.eventName] }), _jsx("b", { className: "rastro-num", children: event.valueCents !== null
+                                                        ? formatMoney(event.valueCents, currency)
+                                                        : "" }), _jsx("span", { className: "rastro-integrations__meta", children: event.status === "sent"
+                                                        ? sentAgo(event.sentAt ?? event.createdAt, now)
+                                                        : event.status === "pending"
+                                                            ? "na fila"
+                                                            : "falhou" })] }, event.eventId));
+                                    }) }), (hiddenLoaded > 0 || canLoadOlder) && (_jsx("button", { type: "button", className: "rastro-integrations__link rastro-integrations__meta", disabled: pages?.loading, onClick: showMore, children: pages?.loading
+                                        ? "Carregando…"
+                                        : hiddenLoaded > 0
+                                            ? `Ver mais ${Math.min(hiddenLoaded, MORE_ROWS).toLocaleString("pt-BR")}`
+                                            : "Ver mais antigos" }))] })), summary && (_jsxs("p", { className: "rastro-integrations__meta", "data-narrow": "", children: [_jsx(Icon, { name: "info", size: 12 }), " ", sentLine(row.sent30d, { short: true })] }))] }), _jsxs("footer", { className: "rastro-integrations__sheet-foot", children: [summary && (_jsx("span", { className: "rastro-integrations__meta", "data-wide": "", children: summary })), _jsxs("span", { className: "rastro-integrations__foot-actions", children: [_jsx("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "outline", onClick: onClose, children: "Cancelar" }), _jsx("button", { type: "button", className: "rastro-integrations__btn", disabled: !editable || busy, onClick: () => {
+                                        onSave({ columns: choices, sendLeadEvent: sendLead });
+                                        onClose();
+                                    }, children: busy ? "Salvando…" : "Salvar eventos" })] })] })] }) }));
+}
+//# sourceMappingURL=EventsSheet.js.map

package/dist/ui/integrations/EventsSheet.js.map

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

package/dist/ui/integrations/Icons.d.ts

@@ -0,0 +1,36 @@
+declare const LINES: {
+    readonly check: import("react").JSX.Element;
+    readonly chevronDown: import("react").JSX.Element;
+    readonly chevronRight: import("react").JSX.Element;
+    readonly arrowRight: import("react").JSX.Element;
+    readonly x: import("react").JSX.Element;
+    readonly clock: import("react").JSX.Element;
+    readonly info: import("react").JSX.Element;
+    readonly alert: import("react").JSX.Element;
+    readonly refresh: import("react").JSX.Element;
+    readonly lock: import("react").JSX.Element;
+    readonly key: import("react").JSX.Element;
+    readonly trash: import("react").JSX.Element;
+    readonly unlink: import("react").JSX.Element;
+    readonly send: import("react").JSX.Element;
+    readonly dots: import("react").JSX.Element;
+    readonly plus: import("react").JSX.Element;
+    readonly dollar: import("react").JSX.Element;
+    readonly settings: import("react").JSX.Element;
+};
+export type IconName = keyof typeof LINES;
+/** A 16px stroke icon; `size` 12/14/20 for the artboards' xs/sm/lg. */
+export declare function Icon({ name, size }: {
+    name: IconName;
+    size?: number;
+}): import("react").JSX.Element;
+/** The Meta infinity mark, in Meta blue. */
+export declare function MetaMark({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+/** The Facebook "f", white on the Meta-blue button. */
+export declare function FacebookMark({ size }: {
+    size?: number;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Icons.d.ts.map

package/dist/ui/integrations/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/Icons.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,KAAK;aACT,KAAK;aACL,WAAW;aACX,YAAY;aACZ,UAAU;aACV,CAAC;aACD,KAAK;aAML,IAAI;aAMJ,KAAK;aAML,OAAO;aAQP,IAAI;aAMJ,GAAG;aAMH,KAAK;aAGL,MAAM;aAGN,IAAI;aAMJ,IAAI;aAOJ,IAAI;aACJ,MAAM;aAMN,QAAQ;CAMA,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,uEAAuE;AACvE,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAiB1E;AAOD,4CAA4C;AAC5C,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAYxD;AAED,uDAAuD;AACvD,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY5D"}

package/dist/ui/integrations/Icons.js

@@ -0,0 +1,38 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Line icons in the dashboard's family (lucide strokes) and the two Meta
+// marks, inlined so the package needs no icon library.
+const LINES = {
+    check: _jsx("path", { d: "M20 6 9 17l-5-5" }),
+    chevronDown: _jsx("path", { d: "m6 9 6 6 6-6" }),
+    chevronRight: _jsx("path", { d: "m9 18 6-6-6-6" }),
+    arrowRight: _jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }),
+    x: _jsx("path", { d: "M18 6 6 18M6 6l12 12" }),
+    clock: (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 6v6l4 2" })] })),
+    info: (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 16v-4M12 8h.01" })] })),
+    alert: (_jsxs(_Fragment, { children: [_jsx("path", { d: "m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3Z" }), _jsx("path", { d: "M12 9v4M12 17h.01" })] })),
+    refresh: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), _jsx("path", { d: "M21 3v5h-5" }), _jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), _jsx("path", { d: "M8 16H3v5" })] })),
+    lock: (_jsxs(_Fragment, { children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })),
+    key: (_jsxs(_Fragment, { children: [_jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4M21 2l-9.6 9.6" }), _jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })] })),
+    trash: (_jsx("path", { d: "M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })),
+    unlink: (_jsx("path", { d: "m18.84 12.25 1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71M8 2v3M2 8h3M16 22v-3M22 16h-3" })),
+    send: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M14.5 21.7a.5.5 0 0 0 .9 0L22 2.6a.5.5 0 0 0-.6-.6L2.3 8.6a.5.5 0 0 0 0 .9l8 3.2a2 2 0 0 1 1.1 1.1Z" }), _jsx("path", { d: "m21.9 2.1-10.9 10.9" })] })),
+    dots: (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] })),
+    plus: _jsx("path", { d: "M5 12h14M12 5v14" }),
+    dollar: (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8M12 18V6" })] })),
+    settings: (_jsxs(_Fragment, { children: [_jsx("path", { d: "M12.2 2h-.4a2 2 0 0 0-2 2v.2a2 2 0 0 1-1 1.7l-.4.3a2 2 0 0 1-2 0l-.2-.1a2 2 0 0 0-2.7.7l-.2.4a2 2 0 0 0 .7 2.7l.2.1a2 2 0 0 1 1 1.7v.5a2 2 0 0 1-1 1.7l-.2.1a2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.2-.1a2 2 0 0 1 2 0l.4.3a2 2 0 0 1 1 1.7v.2a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2v-.2a2 2 0 0 1 1-1.7l.4-.3a2 2 0 0 1 2 0l.2.1a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7l-.2-.1a2 2 0 0 1-1-1.7v-.5a2 2 0 0 1 1-1.7l.2-.1a2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.2.1a2 2 0 0 1-2 0l-.4-.3a2 2 0 0 1-1-1.7V4a2 2 0 0 0-2-2z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] })),
+};
+/** A 16px stroke icon; `size` 12/14/20 for the artboards' xs/sm/lg. */
+export function Icon({ name, size = 16 }) {
+    return (_jsx("svg", { className: "rastro-integrations__icon", viewBox: "0 0 24 24", width: size, height: size, fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: LINES[name] }));
+}
+const META_PATH = "M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z";
+const FACEBOOK_PATH = "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z";
+/** The Meta infinity mark, in Meta blue. */
+export function MetaMark({ size = 16 }) {
+    return (_jsx("svg", { className: "rastro-integrations__brand", viewBox: "0 0 24 24", width: size, height: size, "aria-hidden": "true", children: _jsx("path", { fill: "#0866ff", d: META_PATH }) }));
+}
+/** The Facebook "f", white on the Meta-blue button. */
+export function FacebookMark({ size = 16 }) {
+    return (_jsx("svg", { className: "rastro-integrations__brand", viewBox: "0 0 24 24", width: size, height: size, "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: FACEBOOK_PATH }) }));
+}
+//# sourceMappingURL=Icons.js.map

package/dist/ui/integrations/Icons.js.map

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

package/dist/ui/integrations/IntegrationsView.d.ts

@@ -0,0 +1,14 @@
+import type { IntegrationsViewProps } from "./types.js";
+/**
+ * Integrações: one Meta login for the agency, each client tied to its ad
+ * account and pixel, and which board columns go back to Meta as events. Pure
+ * like the other views: data in through props, every write out through a
+ * callback the host turns into its own call.
+ */
+export declare function IntegrationsView(props: IntegrationsViewProps & {
+    /** How the host calls its board ("Kanban do uze"); "Kanban" by default. */
+    boardLabel?: string;
+}): import("react").JSX.Element;
+/** The header chip: "3 de 4 clientes ligados", or how many stopped. */
+export declare function IntegrationsBadge({ connection, sites, status, }: Pick<IntegrationsViewProps, "connection" | "sites" | "status">): import("react").JSX.Element | null;
+//# sourceMappingURL=IntegrationsView.d.ts.map

package/dist/ui/integrations/IntegrationsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsView.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/IntegrationsView.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAwFxD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,GAAG;IAC7B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAqVF;AAED,uEAAuE;AACvE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,KAAK,EACL,MAAM,GACP,EAAE,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC,sCAwBhE"}

package/dist/ui/integrations/IntegrationsView.js

@@ -0,0 +1,113 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ClientCards } from "./ClientCards.js";
+import { ClientsTable, } from "./ClientsTable.js";
+import { ConnectCard, FacebookButton, PlanBForm } from "./Connect.js";
+import { ConnectionCard, ConnectionLine, ExpiryWarning, ReconnectPlan, RefusedBanner, } from "./Connection.js";
+import { DisconnectDialog, PlanBDialog } from "./Dialogs.js";
+import { EventsFeed } from "./EventsFeed.js";
+import { EventsSheet } from "./EventsSheet.js";
+import { Icon, MetaMark } from "./Icons.js";
+import { clientRows, integrationsHeadline, suggestedAccount } from "./model.js";
+import { UnlinkDialog } from "./UnlinkDialog.js";
+function Loading() {
+    return (_jsxs("div", { className: "rastro-ui rastro-integrations", role: "status", "aria-busy": "true", "aria-label": "Carregando integra\u00E7\u00F5es", children: [_jsx("div", { className: "rastro-skeleton rastro-integrations__skeleton", "data-size": "sm" }), _jsx("div", { className: "rastro-skeleton rastro-integrations__skeleton" })] }));
+}
+/** The grant hint for a reader: same screen, read only, and why. */
+function ReadOnlyNote() {
+    return (_jsxs("p", { className: "rastro-integrations__callout", "data-tone": "info", role: "note", children: [_jsx(Icon, { name: "lock", size: 14 }), _jsxs("span", { children: ["Esta conex\u00E3o \u00E9 somente leitura: d\u00E1 para ver tudo, mas conectar a Meta, ligar contas e mudar eventos pede ", _jsx("code", { children: "analytics:configure" }), " no grant do host."] })] }));
+}
+/** "Esperando a janela da Meta…": the only part of B2 that is Rastro's. */
+/**
+ * A manual popover sits in the top layer: `position: fixed` there means the
+ * viewport, whatever the host's ancestors transform or contain.
+ */
+function useTopLayer() {
+    const ref = useRef(null);
+    useEffect(() => {
+        const element = ref.current;
+        if (element && typeof element.showPopover === "function")
+            element.showPopover();
+    }, []);
+    return ref;
+}
+/** M1/M3: the phone's action, fixed at the foot of the screen. */
+function PhoneFoot({ children }) {
+    const ref = useTopLayer();
+    return (_jsx("div", { ref: ref, popover: "manual", className: "rastro-integrations__phone-foot", "data-narrow": "", children: children }));
+}
+function WaitingChip() {
+    const ref = useTopLayer();
+    return (_jsxs("div", { ref: ref, popover: "manual", className: "rastro-integrations__waiting", role: "status", children: [_jsx("i", { className: "rastro-integrations__spin", "aria-hidden": "true" }), "Esperando a janela da Meta\u2026 o Rastro valida o token e lista as contas ao voltar"] }));
+}
+/**
+ * Integrações: one Meta login for the agency, each client tied to its ad
+ * account and pixel, and which board columns go back to Meta as events. Pure
+ * like the other views: data in through props, every write out through a
+ * callback the host turns into its own call.
+ */
+export function IntegrationsView(props) {
+    const { connection, sites, status, conversions, adNames, eventMaps, sentBySite, unlinkPreviews, onRequestUnlinkPreview, permitted, busy = null, error, notice, now, loading, boardLabel = "Kanban", } = props;
+    const [overlay, setOverlay] = useState(null);
+    const [filter, setFilter] = useState(null);
+    const [staged, setStaged] = useState({});
+    if (loading || connection === undefined || status === undefined)
+        return _jsx(Loading, {});
+    if (sites.length === 0)
+        return (_jsx("div", { className: "rastro-ui rastro-integrations", children: _jsxs("div", { className: "rastro-card rastro-empty", children: [_jsx("strong", { children: "Nenhum cliente nesta conex\u00E3o" }), _jsx("span", { children: "Quando a conex\u00E3o autorizar um site, ele aparece aqui para ganhar a sua conta de an\u00FAncio." })] }) }));
+    const rows = clientRows({
+        sites,
+        connection,
+        status,
+        eventMaps,
+        sentBySite,
+        otherOwnerLabel: props.otherOwnerLabel,
+    });
+    const refused = connection?.status === "invalid";
+    const activeFilter = filter ?? "all";
+    const currency = rows.find((row) => row.account)?.account?.currency ?? "BRL";
+    const stagedFor = (siteId) => {
+        if (siteId in staged)
+            return staged[siteId] ?? null;
+        const site = sites.find((entry) => entry.siteId === siteId);
+        return site && connection
+            ? suggestedAccount(site, connection.adAccounts)
+            : null;
+    };
+    const actions = {
+        permitted,
+        onPick: props.onLinkAccount,
+        onOpenEvents: (siteId) => setOverlay({ kind: "events", siteId }),
+        onUnlink: (siteId) => setOverlay({ kind: "unlink", siteId }),
+        onPlanB: (siteId) => setOverlay({ kind: "planB", siteId }),
+        onSetPixel: (siteId, pixelId) => props.onSetPixel(siteId, { pixelId }),
+        onChooseAssets: props.onChooseAssets,
+    };
+    const pickingRow = connection && !refused
+        ? rows.find((row) => row.state === "unlinked" && stagedFor(row.site.siteId))
+        : undefined;
+    const pickingChoice = pickingRow ? stagedFor(pickingRow.site.siteId) : null;
+    const syncing = rows.filter((row) => row.state === "syncing" && row.account?.syncState === "backfill");
+    const planB = rows.filter((row) => row.state === "planB");
+    const overlayRow = overlay && "siteId" in overlay
+        ? rows.find((row) => row.site.siteId === overlay.siteId)
+        : undefined;
+    const slotOf = (siteId) => Math.max(0, rows.findIndex((row) => row.site.siteId === siteId));
+    return (_jsxs("div", { className: "rastro-ui rastro-integrations", "data-state": !connection ? "offline" : refused ? "refused" : "connected", "data-foot": refused || pickingRow ? "" : undefined, children: [!permitted && _jsx(ReadOnlyNote, {}), error && (_jsxs("p", { className: "rastro-integrations__callout", "data-tone": "bad", role: "alert", children: [_jsx(Icon, { name: "alert", size: 14 }), _jsx("span", { children: error })] })), notice && (_jsxs("p", { className: "rastro-integrations__callout", "data-tone": "ok", role: "status", children: [_jsx(Icon, { name: "check", size: 14 }), _jsx("span", { children: notice })] })), connection && refused && (_jsxs(_Fragment, { children: [_jsx("div", { "data-wide": "", children: _jsx(RefusedBanner, { connection: connection, rows: rows }) }), _jsx("div", { "data-narrow": "", children: _jsx(RefusedBanner, { connection: connection, rows: rows, phone: true }) })] })), !connection ? (_jsxs("div", { className: "rastro-integrations__start", children: [_jsx(ConnectCard, { permitted: permitted, busy: busy === "connect", onConnect: props.onConnect }), _jsx(PlanBForm, { sites: sites, permitted: permitted, busy: busy === "pixel", onSubmit: props.onSetPixel })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { "data-wide": "", children: _jsx(ConnectionCard, { connection: connection, permitted: permitted, busy: busy === "connect" || busy === "disconnect", onChooseAssets: props.onChooseAssets, onDisconnect: () => setOverlay({ kind: "disconnect" }), onReconnect: props.onReconnect }) }), _jsx(ExpiryWarning, { connection: connection, permitted: permitted, busy: busy === "connect", now: now, onReconnect: props.onReconnect }), !refused && (_jsx("div", { "data-narrow": "", children: _jsx(ConnectionLine, { connection: connection, permitted: permitted, onChooseAssets: props.onChooseAssets }) }))] })), _jsx("div", { "data-wide": "", children: _jsx(ClientsTable, { rows: rows, connection: connection, filter: activeFilter, onFilter: setFilter, actions: actions, now: now }) }), _jsx("div", { "data-narrow": "", children: _jsx(ClientCards, { rows: rows, connection: connection, staged: Object.fromEntries(rows.map((row) => [row.site.siteId, stagedFor(row.site.siteId)])), onStage: (siteId, adAccountId) => setStaged((current) => ({ ...current, [siteId]: adAccountId })), actions: actions, now: now }) }), !refused && syncing.length > 0 && (_jsxs("p", { className: "rastro-integrations__callout", "data-tone": "info", "data-wide": "", children: [_jsx(Icon, { name: "info", size: 14 }), _jsxs("span", { children: [syncing.map((row) => row.site.name).join(", "), " ", syncing.length === 1 ? "está" : "estão", " lendo os primeiros", " ", _jsx("b", { children: "90 dias" }), " da conta, um bloco de 30 dias por vez. At\u00E9 terminar, o gasto aparece como ", _jsx("b", { children: "\u201Csincronizando\u201D" }), ", nunca como zero, e fica fora do retorno da carteira."] })] })), refused && planB.length > 0 && (_jsxs("p", { className: "rastro-integrations__callout", "data-tone": "info", "data-wide": "", children: [_jsx(Icon, { name: "info", size: 14 }), _jsxs("span", { children: [planB.map((row) => row.site.name).join(", "), " ", planB.length === 1 ? "segue" : "seguem", " funcionando porque", " ", planB.length === 1 ? "usa" : "usam", " o ", _jsx("b", { children: "plano B" }), " (pixel + token da API de Convers\u00F5es pr\u00F3prio do cliente), que n\u00E3o depende do login da ag\u00EAncia."] })] })), connection && refused && (_jsx("div", { "data-wide": "", children: _jsx(ReconnectPlan, { connection: connection, rows: rows }) })), connection && !refused && conversions && (_jsx("div", { "data-wide": "", children: _jsx(EventsFeed, { sites: sites, conversions: conversions, adNames: adNames, sentBySite: sentBySite, currency: currency, now: now }) })), (refused || pickingRow) && (_jsx(PhoneFoot, { children: refused ? (_jsx(FacebookButton, { label: "Reconectar com Facebook", disabled: !permitted || busy === "connect", onClick: props.onReconnect })) : (pickingRow &&
+                    pickingChoice && (_jsxs("button", { type: "button", className: "rastro-integrations__btn", disabled: !permitted || busy === "link", onClick: () => props.onLinkAccount(pickingRow.site.siteId, pickingChoice), children: ["Ligar ", pickingRow.site.name] }))) })), busy === "connect" && _jsx(WaitingChip, {}), overlay?.kind === "events" && overlayRow && (_jsx(EventsSheet, { row: overlayRow, slot: slotOf(overlayRow.site.siteId), eventMap: overlayRow.eventMap, conversions: conversions?.[overlayRow.site.siteId] ?? [], pages: props.conversionPages?.[overlayRow.site.siteId], onLoadOlder: props.onLoadOlderConversions
+                    ? () => props.onLoadOlderConversions?.(overlayRow.site.siteId)
+                    : undefined, currency: currency, boardLabel: boardLabel, permitted: permitted, busy: busy === "events", onSave: (map) => props.onSaveEventMap(overlayRow.site.siteId, map), onPlanB: () => setOverlay({ kind: "planB", siteId: overlayRow.site.siteId }), onClose: () => setOverlay(null), now: now }, `${overlayRow.site.siteId}:${overlayRow.eventMap ? 1 : 0}`)), overlay?.kind === "unlink" && overlayRow?.account && (_jsx(UnlinkDialog, { row: overlayRow, accounts: connection?.adAccounts ?? [], preview: unlinkPreviews?.[`${overlayRow.site.siteId}:${overlayRow.account.adAccountId}`], permitted: permitted, busy: busy === "unlink", onRequestPreview: () => onRequestUnlinkPreview?.(overlayRow.site.siteId, overlayRow.account.adAccountId), onConfirm: (replaceWith) => {
+                    props.onUnlinkAccount(overlayRow.site.siteId, overlayRow.account.adAccountId, replaceWith);
+                    setOverlay(null);
+                }, onClose: () => setOverlay(null) })), overlay?.kind === "planB" && (_jsx(PlanBDialog, { sites: sites, siteId: overlay.siteId, permitted: permitted, busy: busy === "pixel", onSubmit: props.onSetPixel, onClose: () => setOverlay(null) })), overlay?.kind === "disconnect" && (_jsx(DisconnectDialog, { linked: rows.filter((row) => row.account).length, busy: busy === "disconnect", onConfirm: props.onDisconnect, onClose: () => setOverlay(null) }))] }));
+}
+/** The header chip: "3 de 4 clientes ligados", or how many stopped. */
+export function IntegrationsBadge({ connection, sites, status, }) {
+    if (!connection || !status)
+        return null;
+    const headline = integrationsHeadline(clientRows({ sites, connection, status, eventMaps: undefined }), connection);
+    if (!headline)
+        return null;
+    return (_jsxs("span", { className: "rastro-ui rastro-integrations__badge", "data-tone": headline.tone, role: "status", children: [headline.tone === "bad" ? (_jsx(Icon, { name: "alert", size: 14 })) : (_jsxs(_Fragment, { children: [_jsx("i", { className: "rastro-integrations__dot", "aria-hidden": "true" }), _jsx(MetaMark, { size: 14 })] })), headline.text] }));
+}
+//# sourceMappingURL=IntegrationsView.js.map

package/dist/ui/integrations/IntegrationsView.js.map

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

package/dist/ui/integrations/Overlay.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode, type RefObject } from "react";
+/**
+ * A modal layer on a native `<dialog>`: `showModal()` puts it in the top
+ * layer, above a host whose ancestors transform or contain (where `position:
+ * fixed` would be trapped), and makes the page behind it inert. It stays in
+ * the DOM where it is rendered, so it inherits the host's `--rastro-*` theme.
+ */
+export declare function Overlay({ role, labelledBy, describedBy, side, initialFocus, onClose, children, }: {
+    role?: "dialog" | "alertdialog";
+    labelledBy: string;
+    describedBy?: string;
+    /** A sheet on the right instead of a centered dialog. */
+    side?: boolean;
+    initialFocus?: RefObject<HTMLElement | null>;
+    onClose: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Overlay.d.ts.map

package/dist/ui/integrations/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAe,EACf,UAAU,EACV,WAAW,EACX,IAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAiCA"}

package/dist/ui/integrations/Overlay.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useModal } from "./overlay.js";
+/**
+ * A modal layer on a native `<dialog>`: `showModal()` puts it in the top
+ * layer, above a host whose ancestors transform or contain (where `position:
+ * fixed` would be trapped), and makes the page behind it inert. It stays in
+ * the DOM where it is rendered, so it inherits the host's `--rastro-*` theme.
+ */
+export function Overlay({ role = "dialog", labelledBy, describedBy, side = false, initialFocus, onClose, children, }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const dialog = ref.current;
+        if (!dialog || dialog.open)
+            return;
+        // jsdom and old engines lack showModal: an open dialog still renders.
+        if (typeof dialog.showModal === "function")
+            dialog.showModal();
+        else
+            dialog.setAttribute("open", "");
+        // Closing first lifts the page's inertness, so the opener can take focus
+        // back (useModal's cleanup runs right after this one).
+        return () => {
+            if (typeof dialog.close === "function")
+                dialog.close();
+        };
+    }, []);
+    useModal(ref, onClose, initialFocus);
+    return (_jsx("dialog", { ref: ref, className: "rastro-integrations__scrim", "data-side": side ? "" : undefined, role: role === "alertdialog" ? "alertdialog" : undefined, "aria-modal": "true", "aria-labelledby": labelledBy, "aria-describedby": describedBy, 
+        // Esc is handled by useModal so React state stays the source of truth.
+        onCancel: (event) => event.preventDefault(), onClick: (event) => {
+            if (event.target === event.currentTarget)
+                onClose();
+        }, children: children }));
+}
+//# sourceMappingURL=Overlay.js.map

package/dist/ui/integrations/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../../src/ui/integrations/Overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkC,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,WAAW,EACX,IAAI,GAAG,KAAK,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,GAUT;IACC,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI;YAAE,OAAO;QACnC,sEAAsE;QACtE,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,UAAU;YAAE,MAAM,CAAC,SAAS,EAAE,CAAC;;YAC1D,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACrC,yEAAyE;QACzE,uDAAuD;QACvD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,UAAU;gBAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IACrC,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4BAA4B,eAC3B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAChC,IAAI,EAAE,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,gBAC7C,MAAM,qBACA,UAAU,sBACT,WAAW;QAC7B,uEAAuE;QACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAC3C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;gBAAE,OAAO,EAAE,CAAC;QACtD,CAAC,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/ui/integrations/RowMenu.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+export interface MenuItem {
+    label: string;
+    onSelect: () => void;
+    tone?: "danger";
+    disabled?: boolean;
+}
+/** The row's "⋯": the client's other actions, reachable by keyboard. */
+export declare function RowMenu({ label, items, trigger: triggerContent, }: {
+    label: string;
+    items: readonly MenuItem[];
+    /** A visible trigger ("+ Ligar pixel"); the "⋯" icon without it. */
+    trigger?: ReactNode;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=RowMenu.d.ts.map

package/dist/ui/integrations/RowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowMenu.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/RowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,OAAO,EAAE,cAAc,GACxB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,sCA+EA"}

package/dist/ui/integrations/RowMenu.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState, } from "react";
+import { Icon } from "./Icons.js";
+import { useDismiss } from "./overlay.js";
+/** The row's "⋯": the client's other actions, reachable by keyboard. */
+export function RowMenu({ label, items, trigger: triggerContent, }) {
+    const id = useId();
+    const [open, setOpen] = useState(false);
+    const trigger = useRef(null);
+    const menu = useRef(null);
+    useDismiss(open, [trigger, menu], () => setOpen(false));
+    useEffect(() => {
+        if (open)
+            menu.current
+                ?.querySelector("button:not([disabled])")
+                ?.focus();
+    }, [open]);
+    const onKeyDown = (event) => {
+        const buttons = [
+            ...(menu.current?.querySelectorAll("button:not([disabled])") ?? []),
+        ];
+        const at = buttons.indexOf(document.activeElement);
+        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+            event.preventDefault();
+            const step = event.key === "ArrowDown" ? 1 : -1;
+            buttons[(at + step + buttons.length) % buttons.length]?.focus();
+        }
+        else if (event.key === "Escape") {
+            setOpen(false);
+            trigger.current?.focus();
+        }
+        else if (event.key === "Tab") {
+            setOpen(false);
+        }
+    };
+    if (items.length === 0)
+        return null;
+    return (_jsxs("div", { className: "rastro-integrations__menu-wrap", children: [_jsx("button", { ref: trigger, type: "button", className: triggerContent
+                    ? "rastro-integrations__link rastro-integrations__meta"
+                    : "rastro-integrations__icon-btn", "aria-label": triggerContent ? undefined : label, "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? id : undefined, onClick: () => setOpen((value) => !value), children: triggerContent ?? _jsx(Icon, { name: "dots" }) }), open && (_jsx("div", { ref: menu, id: id, role: "menu", "aria-label": label, className: "rastro-integrations__card rastro-integrations__menu", onKeyDown: onKeyDown, children: items.map((item) => (_jsx("button", { type: "button", role: "menuitem", "data-tone": item.tone, disabled: item.disabled, onClick: () => {
+                        setOpen(false);
+                        // A dialog the item opens returns focus here when it closes.
+                        trigger.current?.focus();
+                        item.onSelect();
+                    }, children: item.label }, item.label))) }))] }));
+}
+//# sourceMappingURL=RowMenu.js.map