@iann29/rastro 0.9.0 → 0.10.1

package/dist/ui/integrations/ClientsTable.js

@@ -0,0 +1,143 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AccountPicker } from "./AccountPicker.js";
+import { agoLabel, currencySign, pixelDigits, plural, whenLabel, zoneCity, } from "./format.js";
+import { useBusiness } from "./audience.js";
+import { Icon } from "./Icons.js";
+import { suggestedAccount } from "./model.js";
+import { Avatar, Pill, sentSummary, StateChip, TestModeNote } from "./parts.js";
+import { RowMenu } from "./RowMenu.js";
+/** "Escolher contas e pixels": the way back for what the login stopped releasing. */
+export function GrantFix({ row, actions, }) {
+    if (!row.notGranted)
+        return null;
+    return (_jsx("button", { type: "button", className: "rastro-integrations__link rastro-integrations__meta rastro-integrations__grant", disabled: !actions.permitted, onClick: actions.onChooseAssets, children: "Escolher contas e pixels" }));
+}
+/** Accounts another owner of their site linked, by id: "uze.ai". */
+export const ownersOf = (rows) => new Map(rows.flatMap((row) => row.account && row.accountOwner
+    ? [[row.account.adAccountId, row.accountOwner]]
+    : []));
+/** The client's other actions, the same on the table and the phone. */
+export function rowMenuItems(row, connection, actions) {
+    const items = [];
+    if (row.pixel)
+        items.push({
+            // Another owner's pixel: its events are theirs, read here.
+            label: row.pixel.owner ? "Ver eventos" : "Configurar eventos",
+            onSelect: () => actions.onOpenEvents(row.site.siteId),
+        });
+    // What another owner (uze.ai) linked stays theirs: no swap, no unlink.
+    if (!row.pixel?.owner)
+        items.push({
+            label: row.pixel ? "Trocar pixel (plano B)" : "Pixel com token (plano B)",
+            onSelect: () => actions.onPlanB(row.site.siteId),
+            disabled: !actions.permitted,
+        });
+    if (row.account && !row.accountOwner)
+        items.push({
+            label: "Desvincular conta",
+            tone: "danger",
+            onSelect: () => actions.onUnlink(row.site.siteId),
+            disabled: !actions.permitted,
+        });
+    return items;
+}
+function ClientCell({ row, slot }) {
+    return (_jsxs("div", { className: "rastro-integrations__client", children: [_jsx(Avatar, { name: row.site.name, slot: slot }), _jsxs("div", { className: "rastro-integrations__client-name", children: [_jsx("strong", { title: row.site.name, children: row.site.name }), row.site.segment && (_jsx("span", { className: "rastro-integrations__meta", children: row.site.segment }))] })] }));
+}
+const muted = (text) => (_jsx("span", { className: "rastro-integrations__meta", children: text }));
+/** "Ligado pelo uze.ai": what another owner of the site linked. */
+export const OwnerNote = ({ owner }) => owner ? (_jsxs("div", { className: "rastro-integrations__meta rastro-integrations__owner", children: [_jsx(Icon, { name: "lock", size: 12 }), " Ligado pelo ", owner] })) : null;
+const twoLines = (top, bottom, mono = false) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "rastro-integrations__cell-top", children: top }), _jsx("div", { className: mono
+                ? "rastro-integrations__meta rastro-integrations__mono"
+                : "rastro-integrations__meta", children: bottom })] }));
+function SendsCell({ row, connection, actions, }) {
+    if (!connection && row.state !== "planB")
+        return muted("—");
+    if (!row.pixel)
+        return muted("sem pixel: nada é enviado");
+    const summary = sentSummary(row);
+    const test = row.testMode ? _jsx(TestModeNote, { variant: "line" }) : null;
+    if (summary)
+        return (_jsxs(_Fragment, { children: [_jsx(Pill, { tone: "ok", icon: "send", children: summary }), test] }));
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "rastro-integrations__link rastro-integrations__meta", onClick: () => actions.onOpenEvents(row.site.siteId), children: "Configurar eventos" }), test] }));
+}
+function PixelCell({ row, connection, actions, }) {
+    if (row.pixel)
+        return (_jsxs(_Fragment, { children: [twoLines(_jsx("span", { className: "rastro-integrations__mono", children: pixelDigits(row.pixel.pixelId) }), row.pixel.name ??
+                    (row.pixel.source === "token" ? "token próprio" : "")), _jsx(OwnerNote, { owner: row.pixel.owner })] }));
+    if (!connection || !actions.permitted)
+        return muted("—");
+    const items = [
+        ...connection.pixels.map((pixel) => ({
+            label: `${pixel.name} · ${pixel.pixelId}`,
+            onSelect: () => actions.onSetPixel(row.site.siteId, pixel.pixelId),
+        })),
+        {
+            label: "Pixel com token próprio (plano B)",
+            onSelect: () => actions.onPlanB(row.site.siteId),
+        },
+    ];
+    return (_jsx(RowMenu, { label: `Ligar pixel em ${row.site.name}`, items: items, trigger: _jsxs(_Fragment, { children: [_jsx(Icon, { name: "plus", size: 12 }), " Ligar pixel"] }) }));
+}
+/** B1/B3: one row per client with its account, pixel, sync and sends. */
+function LinkedRow({ row, slot, connection, siteNames, accountOwners, actions, now, }) {
+    const [picking, setPicking] = useState(false);
+    const business = useBusiness();
+    const account = row.account;
+    return (_jsxs("tr", { "data-selected": picking ? "" : undefined, children: [_jsx("td", { children: _jsx(ClientCell, { row: row, slot: slot }) }), _jsx("td", { children: account ? (_jsxs(_Fragment, { children: [twoLines(row.accountName, account.adAccountId, true), _jsx(OwnerNote, { owner: row.accountOwner })] })) : (_jsx(AccountPicker, { siteId: row.site.siteId, siteName: row.site.name, accounts: connection?.adAccounts ?? [], siteNames: siteNames, accountOwners: accountOwners, suggestion: connection
+                        ? suggestedAccount(row.site, connection.adAccounts)
+                        : null, disabled: !connection || !actions.permitted, onPick: (adAccountId) => actions.onPick(row.site.siteId, adAccountId), onChooseAssets: actions.onChooseAssets, onOpenChange: setPicking })) }), _jsx("td", { "data-col": "pixel", children: _jsx(PixelCell, { row: row, connection: connection, actions: actions }) }), !business && (_jsx("td", { "data-col": "currency", children: account
+                    ? twoLines(`${account.currency} · ${currencySign(account.currency)}`, zoneCity(account.timezone))
+                    : muted("—") })), _jsxs("td", { children: [_jsx(StateChip, { row: row, now: now }), _jsx(GrantFix, { row: row, actions: actions })] }), _jsx("td", { children: _jsx(SendsCell, { row: row, connection: connection, actions: actions }) }), _jsx("td", { "data-col": "menu", children: _jsx(RowMenu, { label: `Ações de ${row.site.name}`, items: rowMenuItems(row, connection, actions) }) })] }));
+}
+/** B4: with the token refused, when each client last read and what waits. */
+function StoppedRow({ row, slot, connection, actions, now, }) {
+    const account = row.account;
+    const backfill = account?.backfill;
+    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx(ClientCell, { row: row, slot: slot }) }), _jsx("td", { children: account
+                    ? [
+                        twoLines(row.accountName, account.adAccountId, true),
+                        _jsx(OwnerNote, { owner: row.accountOwner }, "owner"),
+                    ]
+                    : twoLines("Sem conta de anúncio", row.state === "planB" ? "pixel por token manual" : "—", true) }), _jsxs("td", { children: [_jsx(StateChip, { row: row, now: now }), _jsx(GrantFix, { row: row, actions: actions })] }), _jsx("td", { children: !account
+                    ? muted(row.state === "planB" ? "não lê gasto" : "—")
+                    : account.syncState === "backfill" && backfill
+                        ? twoLines(backfill.done > 0
+                            ? `${backfill.done} de ${backfill.total} blocos lidos`
+                            : "backfill no começo", "retoma de onde parou")
+                        : account.lastSyncAt
+                            ? twoLines(whenLabel(account.lastSyncAt, now), agoLabel(account.lastSyncAt, now))
+                            : muted("ainda não leu") }), _jsx("td", { children: row.state === "planB" ? (_jsx(Pill, { tone: "ok", icon: "send", children: "enviando normal" })) : !row.pixel ? (muted("sem pixel")) : row.pending > 0 ? (_jsx(Pill, { tone: "warn", icon: "clock", children: plural(row.pending, "venda esperando", "vendas esperando") })) : (muted("nada na fila")) }), _jsx("td", { "data-col": "menu", children: _jsx(RowMenu, { label: `Ações de ${row.site.name}`, items: rowMenuItems(row, connection, actions) }) })] }));
+}
+/** The Clientes card: B1 (waiting for Meta), B3 (linked) and B4 (stopped). */
+export function ClientsTable({ rows, connection, filter, onFilter, actions, now, }) {
+    const business = useBusiness();
+    const refused = connection?.status === "invalid";
+    const attention = rows.filter((row) => row.attention).length;
+    const shown = !business && filter === "attention"
+        ? rows.filter((r) => r.attention)
+        : rows;
+    const siteNames = new Map(rows.map((row) => [row.site.siteId, row.site.name]));
+    const slots = new Map(rows.map((row, index) => [row.site.siteId, index]));
+    const since = connection?.invalidSince
+        ? whenLabel(connection.invalidSince, now).replace(/^hoje /, "")
+        : null;
+    const company = rows[0];
+    const description = refused
+        ? `Os números${since ? ` até ${since}` : ""} continuam valendo; nada é apagado enquanto o token está recusado`
+        : business && company
+            ? company.accountOwner
+                ? `Ligada pelo ${company.accountOwner}: o gasto dela já entra nas Campanhas da ${company.site.name}`
+                : !connection
+                    ? "Depois de conectar, a conta de anúncio da empresa aparece aqui"
+                    : company.account
+                        ? `O gasto desta conta entra nas Campanhas da ${company.site.name}`
+                        : `Escolha a conta de anúncio da ${company.site.name}: o gasto dela entra nas Campanhas`
+            : !connection
+                ? "Depois de conectar, cada cliente ganha a sua conta de anúncio aqui"
+                : "Uma conta de anúncio por cliente: o gasto dela é só daquele cliente";
+    const who = business ? "Empresa" : "Cliente";
+    return (_jsxs("section", { className: "rastro-integrations__card rastro-integrations__clients", "data-offline": connection ? undefined : "", "aria-labelledby": "rastro-integrations-clients", children: [_jsxs("header", { className: "rastro-integrations__clients-head", children: [_jsxs("div", { children: [_jsx("h3", { id: "rastro-integrations-clients", className: "rastro-integrations__title", children: business ? "Sua conta de anúncio" : "Clientes" }), _jsx("p", { className: "rastro-integrations__desc", children: description })] }), connection && !business && (_jsxs("div", { className: "rastro-integrations__seg", role: "group", "aria-label": "Filtrar clientes", children: [_jsxs("button", { type: "button", "aria-pressed": filter === "all", onClick: () => onFilter("all"), children: ["Todos ", rows.length] }), _jsxs("button", { type: "button", "aria-pressed": filter === "attention", onClick: () => onFilter("attention"), children: ["Precisa de aten\u00E7\u00E3o ", attention] })] }))] }), _jsxs("table", { className: "rastro-integrations__table", "data-mode": refused ? "stopped" : "linked", children: [_jsx("thead", { children: refused ? (_jsxs("tr", { children: [_jsx("th", { scope: "col", children: who }), _jsx("th", { scope: "col", children: "Conta de an\u00FAncio" }), _jsx("th", { scope: "col", children: "Estado" }), _jsx("th", { scope: "col", children: "\u00DAltimo gasto lido" }), _jsx("th", { scope: "col", children: "Vendas na fila" }), _jsx("th", { scope: "col", "data-col": "menu", children: _jsx("span", { className: "rastro-integrations__sr", children: "A\u00E7\u00F5es" }) })] })) : (_jsxs("tr", { children: [_jsx("th", { scope: "col", children: who }), _jsx("th", { scope: "col", children: "Conta de an\u00FAncio" }), _jsx("th", { scope: "col", "data-col": "pixel", children: "Pixel" }), !business && (_jsx("th", { scope: "col", "data-col": "currency", children: "Moeda \u00B7 fuso" })), _jsx("th", { scope: "col", children: "Estado" }), _jsx("th", { scope: "col", children: "Vendas de volta \u00E0 Meta" }), _jsx("th", { scope: "col", "data-col": "menu", children: _jsx("span", { className: "rastro-integrations__sr", children: "A\u00E7\u00F5es" }) })] })) }), _jsx("tbody", { children: shown.map((row) => refused && connection ? (_jsx(StoppedRow, { row: row, slot: slots.get(row.site.siteId) ?? 0, connection: connection, actions: actions, now: now }, row.site.siteId)) : (_jsx(LinkedRow, { row: row, slot: slots.get(row.site.siteId) ?? 0, connection: connection, siteNames: siteNames, accountOwners: ownersOf(rows), actions: actions, now: now }, row.site.siteId))) })] }), shown.length === 0 && (_jsx("p", { className: "rastro-empty", children: "Nenhum cliente precisa de aten\u00E7\u00E3o agora." }))] }));
+}
+//# sourceMappingURL=ClientsTable.js.map

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

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

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

@@ -0,0 +1,35 @@
+import type { IntegrationSite, PixelChoice } from "./types.js";
+/** The Meta-blue Facebook button, in its two sizes. */
+export declare function FacebookButton({ label, size, disabled, onClick, }: {
+    label: string;
+    size?: "md" | "lg";
+    disabled?: boolean;
+    onClick: () => void;
+}): import("react").JSX.Element;
+/**
+ * B1, left: one Facebook login for every client, or (business) the company's
+ * own login for its account and pixel.
+ */
+export declare function ConnectCard({ permitted, busy, onConnect, companyName, productName, }: {
+    permitted: boolean;
+    busy: boolean;
+    onConnect: () => void;
+    /** Business: "Conecte a Meta da Zezinho Pneus". */
+    companyName?: string | null;
+    productName?: string;
+}): import("react").JSX.Element;
+/**
+ * Plan B: a client whose account the agency cannot reach still sends sales,
+ * with its own pixel and Conversions API token. Sends; reads no spend.
+ */
+export declare function PlanBForm({ sites, initialSiteId, permitted, busy, onSubmit, framed, }: {
+    sites: readonly IntegrationSite[];
+    initialSiteId?: string;
+    permitted: boolean;
+    busy: boolean;
+    onSubmit: (siteId: string, pixel: PixelChoice) => void;
+    /** False inside a dialog that already draws the frame and the title. */
+    framed?: boolean;
+}): import("react").JSX.Element;
+export declare function PlanBIntro(): import("react").JSX.Element;
+//# sourceMappingURL=Connect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Connect.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/Connect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE/D,uDAAuD;AACvD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAW,EACX,QAAQ,EACR,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAcA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,WAAkB,EAClB,WAAsB,GACvB,EAAE;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAqDA;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAAa,GACd,EAAE;IACD,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAwHA;AAED,wBAAgB,UAAU,gCAYzB"}

package/dist/ui/integrations/Connect.js

@@ -0,0 +1,62 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { useBusiness } from "./audience.js";
+import { FacebookMark, Icon, MetaMark } from "./Icons.js";
+import { Avatar } from "./parts.js";
+/** The Meta-blue Facebook button, in its two sizes. */
+export function FacebookButton({ label, size = "md", disabled, onClick, }) {
+    return (_jsxs("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "facebook", "data-size": size, disabled: disabled, onClick: onClick, children: [_jsx(FacebookMark, { size: 16 }), label] }));
+}
+/**
+ * B1, left: one Facebook login for every client, or (business) the company's
+ * own login for its account and pixel.
+ */
+export function ConnectCard({ permitted, busy, onConnect, companyName = null, productName = "Rastro", }) {
+    const business = useBusiness();
+    return (_jsxs("section", { className: "rastro-integrations__card rastro-integrations__connect", "aria-labelledby": "rastro-integrations-connect", children: [_jsx("span", { className: "rastro-integrations__tile", "data-size": "lg", children: _jsx(MetaMark, { size: 30 }) }), _jsxs("div", { children: [_jsx("h3", { id: "rastro-integrations-connect", className: "rastro-integrations__title", "data-size": "lg", children: business
+                            ? `Conecte a Meta da ${companyName ?? "empresa"}`
+                            : "Conecte a Meta da agência" }), _jsx("p", { className: "rastro-integrations__desc rastro-integrations__lede", children: business
+                            ? `Entre com o Facebook de quem administra os anúncios. Você escolhe na Meta a conta de anúncio e o pixel; o ${productName} lê o gasto e devolve as vendas.`
+                            : "Um login só para todos os clientes. Você escolhe na Meta quais contas de anúncio e pixels o Rastro pode ler; depois liga cada cliente à conta dele." })] }), _jsxs("ul", { className: "rastro-integrations__perks", children: [_jsxs("li", { children: [_jsx(Icon, { name: "check", size: 14 }), " Gasto de 90 dias por an\u00FAncio, e depois a cada 45 min"] }), _jsxs("li", { children: [_jsx(Icon, { name: "check", size: 14 }), " Vendas do WhatsApp devolvidas ao pixel como Compra, com valor"] }), _jsxs("li", { children: [_jsx(Icon, { name: "lock", size: 14 }), " S\u00F3 leitura de an\u00FAncios. O token fica cifrado e nunca aparece na tela"] })] }), _jsxs("div", { className: "rastro-integrations__connect-action", children: [_jsx(FacebookButton, { label: "Conectar com Facebook", size: "lg", disabled: !permitted || busy, onClick: onConnect }), _jsx("span", { className: "rastro-integrations__meta", children: "Abre a janela da Meta \u00B7 Login do Facebook para Empresas" })] })] }));
+}
+const PIXEL_ID = /^\d{6,20}$/;
+/**
+ * Plan B: a client whose account the agency cannot reach still sends sales,
+ * with its own pixel and Conversions API token. Sends; reads no spend.
+ */
+export function PlanBForm({ sites, initialSiteId, permitted, busy, onSubmit, framed = true, }) {
+    const id = useId();
+    const business = useBusiness();
+    const [siteId, setSiteId] = useState(initialSiteId ?? sites.at(-1)?.siteId ?? "");
+    const [pixelId, setPixelId] = useState("");
+    const [token, setToken] = useState("");
+    const [touched, setTouched] = useState(false);
+    const pixelValid = PIXEL_ID.test(pixelId.replace(/\s/g, ""));
+    const valid = Boolean(siteId) && pixelValid && token.trim().length > 20;
+    const slot = Math.max(0, sites.findIndex((site) => site.siteId === siteId));
+    const site = sites[slot];
+    const submit = (event) => {
+        event.preventDefault();
+        setTouched(true);
+        if (!valid)
+            return;
+        onSubmit(siteId, {
+            pixelId: pixelId.replace(/\s/g, ""),
+            accessToken: token.trim(),
+        });
+    };
+    const fields = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rastro-integrations__field", children: [_jsx("label", { htmlFor: `${id}-site`, children: business ? "Empresa" : "Cliente" }), _jsxs("span", { className: "rastro-integrations__select", "data-avatar": "", children: [site && _jsx(Avatar, { name: site.name, slot: slot, size: "sm" }), _jsx("select", { id: `${id}-site`, value: siteId, disabled: !permitted, onChange: (event) => setSiteId(event.target.value), children: sites.map((option) => (_jsx("option", { value: option.siteId, children: option.name }, option.siteId))) }), _jsx(Icon, { name: "chevronDown", size: 14 })] })] }), _jsxs("div", { className: "rastro-integrations__field", children: [_jsx("label", { htmlFor: `${id}-pixel`, children: "ID do pixel" }), _jsx("input", { id: `${id}-pixel`, className: "rastro-integrations__input", "data-mono": "", inputMode: "numeric", autoComplete: "off", placeholder: "ex.: 3309887120465510", value: pixelId, disabled: !permitted, "aria-invalid": touched && !pixelValid ? true : undefined, onChange: (event) => setPixelId(event.target.value) })] }), _jsxs("div", { className: "rastro-integrations__field", children: [_jsx("label", { htmlFor: `${id}-token`, children: "Token da API de Convers\u00F5es" }), _jsxs("span", { className: "rastro-integrations__input", "data-icon": "", children: [_jsx(Icon, { name: "key", size: 14 }), _jsx("input", { id: `${id}-token`, type: "password", autoComplete: "off", placeholder: "Cole o token. Ele \u00E9 cifrado e n\u00E3o volta a aparecer", value: token, disabled: !permitted, onChange: (event) => setToken(event.target.value) })] })] }), touched && !valid && (_jsx("p", { className: "rastro-integrations__hint", role: "alert", children: pixelValid
+                    ? "Cole o token inteiro que o Gerenciador de Eventos gerou."
+                    : "O ID do pixel tem só números, como no Gerenciador de Eventos." })), _jsx("div", { className: "rastro-integrations__form-foot", children: _jsx("button", { type: "submit", className: "rastro-integrations__btn", "data-variant": "outline", disabled: !permitted || busy, children: busy ? "Testando…" : "Testar e salvar" }) })] }));
+    if (!framed) {
+        return (_jsx("form", { className: "rastro-integrations__planb-form", onSubmit: submit, children: fields }));
+    }
+    return (_jsxs("form", { className: "rastro-integrations__card rastro-integrations__planb", "aria-labelledby": `${id}-title`, onSubmit: submit, children: [_jsxs("div", { className: "rastro-integrations__row-gap", children: [_jsx("h3", { id: `${id}-title`, className: "rastro-integrations__title", children: "Sem login: pixel + token" }), _jsx("span", { className: "rastro-integrations__pill", "data-tone": "ghost", children: "plano B" })] }), _jsx(PlanBIntro, {}), fields] }));
+}
+export function PlanBIntro() {
+    const business = useBusiness();
+    return (_jsxs("p", { className: "rastro-integrations__desc", children: [business
+                ? "Sem acesso de administrador na Meta?"
+                : "Para um cliente cuja conta a agência não acessa.", " ", "Gere o token em", " ", _jsx("b", { children: "Gerenciador de Eventos \u2192 Configura\u00E7\u00F5es \u2192 API de Convers\u00F5es" }), ". Envia vendas; n\u00E3o l\u00EA gasto."] }));
+}
+//# sourceMappingURL=Connect.js.map

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

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

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

@@ -0,0 +1,37 @@
+import type { ClientRow } from "./model.js";
+import type { MetaConnection } from "./types.js";
+/** B3/B4 header: whose login, what it reaches, and what to do with it. */
+export declare function ConnectionCard({ connection, permitted, busy, onChooseAssets, onDisconnect, onReconnect, }: {
+    connection: MetaConnection;
+    permitted: boolean;
+    busy: boolean;
+    onChooseAssets: () => void;
+    onDisconnect: () => void;
+    onReconnect: () => void;
+}): import("react").JSX.Element;
+/** The phone's connection line (M1): one card, the gear opens the choices. */
+export declare function ConnectionLine({ connection, permitted, onChooseAssets, }: {
+    connection: MetaConnection;
+    permitted: boolean;
+    onChooseAssets: () => void;
+}): import("react").JSX.Element;
+/** The token's expiry, when Meta says it is near: reconnect before it stops. */
+export declare function ExpiryWarning({ connection, permitted, busy, now, onReconnect, }: {
+    connection: MetaConnection;
+    permitted: boolean;
+    busy: boolean;
+    now: number;
+    onReconnect: () => void;
+}): import("react").JSX.Element | null;
+/** B4/M3: the refused token, said once, with what stopped and since when. */
+export declare function RefusedBanner({ connection, rows, phone, }: {
+    connection: MetaConnection;
+    rows: readonly ClientRow[];
+    phone?: boolean;
+}): import("react").JSX.Element;
+/** B4, bottom: what reconnecting brings back, in three steps. */
+export declare function ReconnectPlan({ connection, rows, }: {
+    connection: MetaConnection;
+    rows: readonly ClientRow[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=Connection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Connection.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/Connection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAKjD,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,SAAS,EACT,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BAiFA;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,SAAS,EACT,cAAc,GACf,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,+BA8BA;AAID,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,SAAS,EACT,IAAI,EACJ,GAAG,EACH,WAAW,GACZ,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,sCA+BA;AAOD,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,IAAI,EACJ,KAAa,GACd,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,EAAE,SAAS,SAAS,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,+BAuDA;AAED,iEAAiE;AACjE,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,IAAI,GACL,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,EAAE,SAAS,SAAS,EAAE,CAAC;CAC5B,+BA6DA"}

package/dist/ui/integrations/Connection.js

@@ -0,0 +1,108 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBusiness } from "./audience.js";
+import { FacebookButton } from "./Connect.js";
+import { clockLabel, dayLabel, plural } from "./format.js";
+import { backfillStep, errorCode } from "./model.js";
+import { Icon, MetaMark } from "./Icons.js";
+import { Pill } from "./parts.js";
+const businessTitle = (connection) => connection.businessName ? `Meta · ${connection.businessName}` : "Meta";
+/** B3/B4 header: whose login, what it reaches, and what to do with it. */
+export function ConnectionCard({ connection, permitted, busy, onChooseAssets, onDisconnect, onReconnect, }) {
+    const refused = connection.status === "invalid";
+    const accounts = connection.adAccounts.length;
+    const pixels = connection.pixels.length;
+    const when = connection.authorizedAt
+        ? ` em ${dayLabel(connection.authorizedAt)}`
+        : "";
+    const who = connection.authorizedBy?.name
+        ? `${connection.authorizedBy.name} autorizou${when}`
+        : connection.authorizedAt
+            ? `Autorizada${when}`
+            : "Token colado à mão";
+    return (_jsxs("section", { className: "rastro-integrations__card rastro-integrations__conn", "aria-label": "Conex\u00E3o com a Meta", children: [_jsx("span", { className: "rastro-integrations__tile", children: _jsx(MetaMark, { size: 26 }) }), _jsxs("div", { className: "rastro-integrations__conn-body", children: [_jsxs("div", { className: "rastro-integrations__row-gap", "data-gap": "10", children: [_jsx("h3", { className: "rastro-integrations__title", children: businessTitle(connection) }), refused ? (_jsx(Pill, { tone: "bad", icon: "alert", children: "Token recusado pela Meta" })) : (_jsx(Pill, { tone: "ok", icon: "dot", children: "Conectada" }))] }), _jsxs("div", { className: "rastro-integrations__conn-line", children: [_jsxs("span", { children: [who, " \u00B7 ", plural(accounts, "conta de anúncio", "contas de anúncio"), " ", "\u00B7 ", plural(pixels, "pixel", "pixels")] }), _jsxs("span", { className: "rastro-integrations__meta", children: [_jsx(Icon, { name: "lock", size: 12 }), " token cifrado no servidor, nunca exibido"] })] })] }), _jsx("div", { className: "rastro-integrations__conn-actions", children: refused ? (_jsx(FacebookButton, { label: "Reconectar com Facebook", disabled: !permitted || busy, onClick: onReconnect })) : (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "outline", "data-size": "sm", disabled: !permitted || busy, onClick: onChooseAssets, children: [_jsx(Icon, { name: "settings", size: 14 }), "Escolher contas e pixels"] }), _jsx("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "ghost", "data-size": "sm", disabled: !permitted || busy, onClick: onDisconnect, children: "Desconectar" })] })) })] }));
+}
+/** The phone's connection line (M1): one card, the gear opens the choices. */
+export function ConnectionLine({ connection, permitted, onChooseAssets, }) {
+    return (_jsxs("section", { className: "rastro-integrations__card rastro-integrations__conn-phone", "aria-label": "Conex\u00E3o com a Meta", children: [_jsx("span", { className: "rastro-integrations__tile", "data-size": "sm", children: _jsx(MetaMark, { size: 20 }) }), _jsxs("div", { className: "rastro-integrations__grow", children: [_jsx("h3", { className: "rastro-integrations__title", children: businessTitle(connection) }), _jsxs("span", { className: "rastro-integrations__meta", children: [plural(connection.adAccounts.length, "conta", "contas"), " \u00B7", " ", plural(connection.pixels.length, "pixel", "pixels"), " \u00B7", " ", _jsx(Icon, { name: "lock", size: 12 }), " token cifrado"] })] }), _jsx("button", { type: "button", className: "rastro-integrations__icon-btn", "aria-label": "Escolher contas e pixels", disabled: !permitted, onClick: onChooseAssets, children: _jsx(Icon, { name: "settings" }) })] }));
+}
+const DAY_MS = 86_400_000;
+/** The token's expiry, when Meta says it is near: reconnect before it stops. */
+export function ExpiryWarning({ connection, permitted, busy, now, onReconnect, }) {
+    const business = useBusiness();
+    // A short-lived login Meta would not trade for a long-lived one expires
+    // just the same: the same warning, without a count.
+    const exchangeFailed = errorCode(connection.lastError) === "TOKEN_EXCHANGE_FAILED";
+    if (connection.status !== "active")
+        return null;
+    if (!connection.expiringSoon && !exchangeFailed)
+        return null;
+    const days = connection.expiresAt
+        ? Math.max(0, Math.ceil((connection.expiresAt - now) / DAY_MS))
+        : null;
+    return (_jsxs("div", { className: "rastro-integrations__callout", "data-tone": "warn", role: "note", children: [_jsx(Icon, { name: "clock", size: 14 }), _jsxs("p", { children: [days === null
+                        ? "O acesso da Meta expira em breve."
+                        : days === 0
+                            ? "O acesso da Meta expira hoje."
+                            : `O acesso expira em ${plural(days, "dia", "dias")}.`, " ", business
+                        ? "Reconectar mantém a conta e o pixel ligados à empresa."
+                        : "Reconectar mantém as contas e os pixels ligados aos mesmos clientes."] }), _jsx(FacebookButton, { label: "Reconectar", disabled: !permitted || busy, onClick: onReconnect })] }));
+}
+const stoppedRows = (rows) => rows.filter((row) => row.state === "stopped");
+const queued = (rows) => stoppedRows(rows).reduce((sum, row) => sum + row.pending, 0);
+/** B4/M3: the refused token, said once, with what stopped and since when. */
+export function RefusedBanner({ connection, rows, phone = false, }) {
+    const business = useBusiness();
+    const stopped = stoppedRows(rows).length;
+    const since = connection.invalidSince
+        ? clockLabel(connection.invalidSince)
+        : null;
+    const pending = queued(rows);
+    const code = connection.lastError ?? "META_TOKEN_INVALID";
+    if (phone) {
+        return (_jsxs("div", { className: "rastro-integrations__callout", "data-tone": "bad", "data-stack": "", children: [_jsxs("strong", { className: "rastro-integrations__row-gap", "data-gap": "8", children: [_jsx(Icon, { name: "alert", size: 14 }), " A Meta recusou o token"] }), _jsxs("span", { children: [business
+                            ? "O gasto parou"
+                            : `O gasto de ${plural(stopped, "cliente", "clientes")} parou`, since ? ` às ${since}` : "", pending > 0
+                            ? ` e ${plural(pending, "venda espera", "vendas esperam")} na fila`
+                            : "", ". Nada foi apagado."] }), _jsx("code", { className: "rastro-integrations__code", children: code })] }));
+    }
+    return (_jsxs("div", { className: "rastro-integrations__callout", "data-tone": "bad", "data-size": "lg", role: "alert", children: [_jsx(Icon, { name: "alert", size: 20 }), _jsxs("p", { children: [_jsxs("b", { children: ["A Meta recusou o token da ", business ? "empresa" : "agência", "."] }), " O gasto", " ", business
+                        ? "da conta de anúncio"
+                        : stopped === 1
+                            ? "do cliente"
+                            : `dos ${stopped} clientes`, " ", "parou de atualizar", since ? ` às ${since}` : "", " e as vendas ficam na fila at\u00E9 reconectar. Causa prov\u00E1vel: a senha do Facebook de quem conectou mudou, ou o acesso ao app foi removido no Business.", " ", _jsx("code", { className: "rastro-integrations__code", children: code })] })] }));
+}
+/** B4, bottom: what reconnecting brings back, in three steps. */
+export function ReconnectPlan({ connection, rows, }) {
+    const business = useBusiness();
+    const since = connection.invalidSince
+        ? clockLabel(connection.invalidSince)
+        : null;
+    const resuming = stoppedRows(rows).find((row) => row.account?.syncState === "backfill" && row.account.backfill);
+    const resumingStep = backfillStep(resuming?.account?.backfill);
+    const pending = queued(rows);
+    const steps = [
+        [
+            "refresh",
+            "O mesmo login volta a valer",
+            business
+                ? "A conta e o pixel que você já escolheu continuam ligados à empresa."
+                : "As contas e os pixels que você já escolheu continuam ligados aos mesmos clientes.",
+        ],
+        [
+            "clock",
+            "O gasto parado é relido",
+            `Cada conta relê ${since ? `desde ${since}` : "de onde parou"}${resumingStep
+                ? `; a ${resuming.site.name} retoma o bloco ${resumingStep.current} de ${resumingStep.total} de onde parou`
+                : ""}.`,
+        ],
+        [
+            "send",
+            pending > 0
+                ? `As ${plural(pending, "venda", "vendas")} da fila saem`.replace("As 1 venda", "A venda")
+                : "Os próximos eventos saem",
+            "Eventos com até 7 dias ainda valem para a Meta; nenhum é perdido hoje.",
+        ],
+    ];
+    return (_jsxs("section", { className: "rastro-integrations__card rastro-integrations__plan", "aria-labelledby": "rastro-integrations-plan", children: [_jsx("h3", { id: "rastro-integrations-plan", className: "rastro-integrations__title", children: "Ao reconectar" }), _jsx("ol", { className: "rastro-integrations__steps", children: steps.map(([icon, title, text]) => (_jsxs("li", { children: [_jsx("span", { className: "rastro-integrations__step-icon", children: _jsx(Icon, { name: icon, size: 14 }) }), _jsxs("div", { children: [_jsx("strong", { children: title }), _jsx("p", { className: "rastro-integrations__desc", children: text })] })] }, title))) })] }));
+}
+//# sourceMappingURL=Connection.js.map

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

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

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

@@ -0,0 +1,21 @@
+import type { IntegrationSite, PixelChoice } from "./types.js";
+/** Plan B once the agency is connected: the same form, in a dialog. */
+export declare function PlanBDialog({ sites, siteId, permitted, busy, onSubmit, onClose, }: {
+    sites: readonly IntegrationSite[];
+    siteId: string;
+    permitted: boolean;
+    busy: boolean;
+    onSubmit: (siteId: string, pixel: PixelChoice) => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+/**
+ * Disconnecting stops every client's spend and every pixel the owner linked,
+ * its own-token ones too; it asks once, plainly.
+ */
+export declare function DisconnectDialog({ linked, busy, onConfirm, onClose, }: {
+    linked: number;
+    busy: boolean;
+    onConfirm: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Dialogs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialogs.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/Dialogs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE/D,uEAAuE;AACvE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BA2CA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,SAAS,EACT,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAgEA"}

package/dist/ui/integrations/Dialogs.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from "react";
+import { useBusiness } from "./audience.js";
+import { PlanBForm, PlanBIntro } from "./Connect.js";
+import { Icon } from "./Icons.js";
+import { Overlay } from "./Overlay.js";
+/** Plan B once the agency is connected: the same form, in a dialog. */
+export function PlanBDialog({ sites, siteId, permitted, busy, onSubmit, onClose, }) {
+    const id = useId();
+    return (_jsx(Overlay, { labelledBy: `${id}-title`, onClose: onClose, children: _jsxs("div", { className: "rastro-integrations__dialog", children: [_jsxs("div", { className: "rastro-integrations__dialog-head", children: [_jsxs("div", { className: "rastro-integrations__grow", children: [_jsxs("div", { className: "rastro-integrations__row-gap", children: [_jsx("h3", { id: `${id}-title`, className: "rastro-integrations__dialog-title", children: "Sem login: pixel + token" }), _jsx("span", { className: "rastro-integrations__pill", "data-tone": "ghost", children: "plano B" })] }), _jsx(PlanBIntro, {})] }), _jsx("button", { type: "button", className: "rastro-integrations__icon-btn", "aria-label": "Fechar", onClick: onClose, children: _jsx(Icon, { name: "x" }) })] }), _jsx(PlanBForm, { sites: sites, initialSiteId: siteId, permitted: permitted, busy: busy, framed: false, onSubmit: (target, pixel) => {
+                        onSubmit(target, pixel);
+                        onClose();
+                    } })] }) }));
+}
+/**
+ * Disconnecting stops every client's spend and every pixel the owner linked,
+ * its own-token ones too; it asks once, plainly.
+ */
+export function DisconnectDialog({ linked, busy, onConfirm, onClose, }) {
+    const id = useId();
+    const business = useBusiness();
+    const cancel = useRef(null);
+    return (_jsx(Overlay, { role: "alertdialog", labelledBy: `${id}-title`, describedBy: `${id}-desc`, initialFocus: cancel, onClose: onClose, children: _jsxs("div", { className: "rastro-integrations__dialog", children: [_jsxs("div", { className: "rastro-integrations__dialog-head", children: [_jsx("span", { className: "rastro-integrations__danger-tile", children: _jsx(Icon, { name: "unlink", size: 20 }) }), _jsxs("div", { children: [_jsxs("h3", { id: `${id}-title`, className: "rastro-integrations__dialog-title", children: ["Desconectar a Meta da ", business ? "empresa" : "agência", "?"] }), _jsx("p", { id: `${id}-desc`, className: "rastro-integrations__desc rastro-integrations__lede", children: business
+                                        ? linked > 0
+                                            ? "O gasto da conta para de atualizar e as vendas param de sair para o pixel. O token é apagado."
+                                            : "O token é apagado e as vendas param de sair para o pixel que você ligou."
+                                        : linked > 0
+                                            ? `O gasto de ${linked === 1 ? "1 cliente para" : `${linked} clientes param`} de atualizar e as vendas param de sair dos pixels que você ligou, inclusive os de token próprio (plano B). O token é apagado.`
+                                            : "O token é apagado, e os pixels que você ligou, inclusive os de token próprio (plano B), param de enviar." })] })] }), _jsxs("div", { className: "rastro-integrations__dialog-foot", children: [_jsx("button", { ref: cancel, type: "button", className: "rastro-integrations__btn", "data-variant": "outline", onClick: onClose, children: "Cancelar" }), _jsx("button", { type: "button", className: "rastro-integrations__btn", "data-variant": "danger", disabled: busy, onClick: () => {
+                                onConfirm();
+                                onClose();
+                            }, children: "Desconectar" })] })] }) }));
+}
+//# sourceMappingURL=Dialogs.js.map

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

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

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

@@ -0,0 +1,15 @@
+import type { IntegrationConversion, IntegrationSite, MetaEventName, SentCounts } from "./types.js";
+/** What each Meta event is called on screen. */
+export declare const EVENT_LABELS: Record<MetaEventName, string>;
+/** "enviada há 18 min", "enviado há 41 min", "na fila", "falhou". */
+export declare function deliveryLabel(event: IntegrationConversion, now: number): string;
+/** B3, bottom: the latest events every client's pixel received. */
+export declare function EventsFeed({ sites, conversions, adNames, sentBySite, currency, now, }: {
+    sites: readonly IntegrationSite[];
+    conversions: Record<string, readonly IntegrationConversion[]>;
+    adNames: Record<string, string> | undefined;
+    sentBySite: Record<string, SentCounts> | undefined;
+    currency: string;
+    now: number;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=EventsFeed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventsFeed.d.ts","sourceRoot":"","sources":["../../../src/ui/integrations/EventsFeed.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,UAAU,EACX,MAAM,YAAY,CAAC;AAEpB,gDAAgD;AAChD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKtD,CAAC;AAGF,qEAAqE;AACrE,wBAAgB,aAAa,CAAC,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,MAAM,UAKtE;AAMD,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,qBAAqB,EAAE,CAAC,CAAC;IAC9D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb,sCA2FA"}