@iann29/rastro 0.9.0 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -1
- package/agent/integration.md +23 -1
- package/agent/manifest.json +4 -4
- package/dist/client/federation.d.ts +114 -9
- package/dist/client/federation.d.ts.map +1 -1
- package/dist/client/federation.js +54 -2
- package/dist/client/federation.js.map +1 -1
- package/dist/client/index.d.ts +637 -8
- package/dist/client/index.d.ts.map +1 -1
- package/dist/client/index.js +385 -9
- package/dist/client/index.js.map +1 -1
- package/dist/component/_generated/api.d.ts +14 -0
- package/dist/component/_generated/api.d.ts.map +1 -1
- package/dist/component/_generated/api.js.map +1 -1
- package/dist/component/_generated/component.d.ts +277 -1
- package/dist/component/_generated/component.d.ts.map +1 -1
- package/dist/component/_generated/server.d.ts +4 -0
- package/dist/component/_generated/server.d.ts.map +1 -1
- package/dist/component/_generated/server.js.map +1 -1
- package/dist/component/constants.d.ts +5 -0
- package/dist/component/constants.d.ts.map +1 -1
- package/dist/component/constants.js +10 -0
- package/dist/component/constants.js.map +1 -1
- package/dist/component/convex.config.d.ts +4 -0
- package/dist/component/convex.config.js +9 -0
- package/dist/component/convex.config.js.map +1 -1
- package/dist/component/errors.d.ts +1 -1
- package/dist/component/errors.d.ts.map +1 -1
- package/dist/component/errors.js.map +1 -1
- package/dist/component/leads.d.ts +69 -3
- package/dist/component/leads.d.ts.map +1 -1
- package/dist/component/leads.js +419 -16
- package/dist/component/leads.js.map +1 -1
- package/dist/component/meta.d.ts +352 -0
- package/dist/component/meta.d.ts.map +1 -0
- package/dist/component/meta.js +1239 -0
- package/dist/component/meta.js.map +1 -0
- package/dist/component/metaCapi.d.ts +162 -0
- package/dist/component/metaCapi.d.ts.map +1 -0
- package/dist/component/metaCapi.js +754 -0
- package/dist/component/metaCapi.js.map +1 -0
- package/dist/component/metaFake.d.ts +5 -0
- package/dist/component/metaFake.d.ts.map +1 -0
- package/dist/component/metaFake.js +225 -0
- package/dist/component/metaFake.js.map +1 -0
- package/dist/component/metaGraph.d.ts +165 -0
- package/dist/component/metaGraph.d.ts.map +1 -0
- package/dist/component/metaGraph.js +507 -0
- package/dist/component/metaGraph.js.map +1 -0
- package/dist/component/metaSync.d.ts +186 -0
- package/dist/component/metaSync.d.ts.map +1 -0
- package/dist/component/metaSync.js +961 -0
- package/dist/component/metaSync.js.map +1 -0
- package/dist/component/pipeline.d.ts +98 -0
- package/dist/component/pipeline.d.ts.map +1 -0
- package/dist/component/pipeline.js +324 -0
- package/dist/component/pipeline.js.map +1 -0
- package/dist/component/schema.d.ts +404 -2
- package/dist/component/schema.d.ts.map +1 -1
- package/dist/component/schema.js +168 -2
- package/dist/component/schema.js.map +1 -1
- package/dist/component/secrets.d.ts +15 -0
- package/dist/component/secrets.d.ts.map +1 -0
- package/dist/component/secrets.js +67 -0
- package/dist/component/secrets.js.map +1 -0
- package/dist/component/validators.d.ts +1052 -15
- package/dist/component/validators.d.ts.map +1 -1
- package/dist/component/validators.js +307 -3
- package/dist/component/validators.js.map +1 -1
- package/dist/tracker/generated.d.ts +1 -1
- package/dist/tracker/generated.d.ts.map +1 -1
- package/dist/tracker/generated.js +1 -1
- package/dist/tracker/generated.js.map +1 -1
- package/dist/ui/campaigns/CampaignsView.d.ts +48 -0
- package/dist/ui/campaigns/CampaignsView.d.ts.map +1 -0
- package/dist/ui/campaigns/CampaignsView.js +47 -0
- package/dist/ui/campaigns/CampaignsView.js.map +1 -0
- package/dist/ui/campaigns/Conversions.d.ts +16 -0
- package/dist/ui/campaigns/Conversions.d.ts.map +1 -0
- package/dist/ui/campaigns/Conversions.js +40 -0
- package/dist/ui/campaigns/Conversions.js.map +1 -0
- package/dist/ui/campaigns/Drawer.d.ts +24 -0
- package/dist/ui/campaigns/Drawer.d.ts.map +1 -0
- package/dist/ui/campaigns/Drawer.js +120 -0
- package/dist/ui/campaigns/Drawer.js.map +1 -0
- package/dist/ui/campaigns/Icons.d.ts +35 -0
- package/dist/ui/campaigns/Icons.d.ts.map +1 -0
- package/dist/ui/campaigns/Icons.js +41 -0
- package/dist/ui/campaigns/Icons.js.map +1 -0
- package/dist/ui/campaigns/Summary.d.ts +21 -0
- package/dist/ui/campaigns/Summary.d.ts.map +1 -0
- package/dist/ui/campaigns/Summary.js +56 -0
- package/dist/ui/campaigns/Summary.js.map +1 -0
- package/dist/ui/campaigns/Thumbnail.d.ts +11 -0
- package/dist/ui/campaigns/Thumbnail.d.ts.map +1 -0
- package/dist/ui/campaigns/Thumbnail.js +23 -0
- package/dist/ui/campaigns/Thumbnail.js.map +1 -0
- package/dist/ui/campaigns/Tree.d.ts +12 -0
- package/dist/ui/campaigns/Tree.d.ts.map +1 -0
- package/dist/ui/campaigns/Tree.js +105 -0
- package/dist/ui/campaigns/Tree.js.map +1 -0
- package/dist/ui/campaigns/glyphs.d.ts +20 -0
- package/dist/ui/campaigns/glyphs.d.ts.map +1 -0
- package/dist/ui/campaigns/glyphs.js +19 -0
- package/dist/ui/campaigns/glyphs.js.map +1 -0
- package/dist/ui/campaigns/index.d.ts +4 -0
- package/dist/ui/campaigns/index.d.ts.map +1 -0
- package/dist/ui/campaigns/index.js +3 -0
- package/dist/ui/campaigns/index.js.map +1 -0
- package/dist/ui/campaigns/labels.d.ts +53 -0
- package/dist/ui/campaigns/labels.d.ts.map +1 -0
- package/dist/ui/campaigns/labels.js +169 -0
- package/dist/ui/campaigns/labels.js.map +1 -0
- package/dist/ui/campaigns/model.d.ts +99 -0
- package/dist/ui/campaigns/model.d.ts.map +1 -0
- package/dist/ui/campaigns/model.js +230 -0
- package/dist/ui/campaigns/model.js.map +1 -0
- package/dist/ui/campaigns/modes.d.ts +18 -0
- package/dist/ui/campaigns/modes.d.ts.map +1 -0
- package/dist/ui/campaigns/modes.js +7 -0
- package/dist/ui/campaigns/modes.js.map +1 -0
- package/dist/ui/index.d.ts +21 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +19 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/integrations/AccountPicker.d.ts +26 -0
- package/dist/ui/integrations/AccountPicker.d.ts.map +1 -0
- package/dist/ui/integrations/AccountPicker.js +97 -0
- package/dist/ui/integrations/AccountPicker.js.map +1 -0
- package/dist/ui/integrations/ClientCards.d.ts +17 -0
- package/dist/ui/integrations/ClientCards.d.ts.map +1 -0
- package/dist/ui/integrations/ClientCards.js +38 -0
- package/dist/ui/integrations/ClientCards.js.map +1 -0
- package/dist/ui/integrations/ClientsTable.d.ts +36 -0
- package/dist/ui/integrations/ClientsTable.d.ts.map +1 -0
- package/dist/ui/integrations/ClientsTable.js +127 -0
- package/dist/ui/integrations/ClientsTable.js.map +1 -0
- package/dist/ui/integrations/Connect.d.ts +29 -0
- package/dist/ui/integrations/Connect.d.ts.map +1 -0
- package/dist/ui/integrations/Connect.js +49 -0
- package/dist/ui/integrations/Connect.js.map +1 -0
- package/dist/ui/integrations/Connection.d.ts +37 -0
- package/dist/ui/integrations/Connection.d.ts.map +1 -0
- package/dist/ui/integrations/Connection.js +94 -0
- package/dist/ui/integrations/Connection.js.map +1 -0
- package/dist/ui/integrations/Dialogs.d.ts +18 -0
- package/dist/ui/integrations/Dialogs.d.ts.map +1 -0
- package/dist/ui/integrations/Dialogs.js +25 -0
- package/dist/ui/integrations/Dialogs.js.map +1 -0
- package/dist/ui/integrations/EventsFeed.d.ts +15 -0
- package/dist/ui/integrations/EventsFeed.d.ts.map +1 -0
- package/dist/ui/integrations/EventsFeed.js +57 -0
- package/dist/ui/integrations/EventsFeed.js.map +1 -0
- package/dist/ui/integrations/EventsSheet.d.ts +28 -0
- package/dist/ui/integrations/EventsSheet.d.ts.map +1 -0
- package/dist/ui/integrations/EventsSheet.js +121 -0
- package/dist/ui/integrations/EventsSheet.js.map +1 -0
- package/dist/ui/integrations/Icons.d.ts +36 -0
- package/dist/ui/integrations/Icons.d.ts.map +1 -0
- package/dist/ui/integrations/Icons.js +38 -0
- package/dist/ui/integrations/Icons.js.map +1 -0
- package/dist/ui/integrations/IntegrationsView.d.ts +14 -0
- package/dist/ui/integrations/IntegrationsView.d.ts.map +1 -0
- package/dist/ui/integrations/IntegrationsView.js +113 -0
- package/dist/ui/integrations/IntegrationsView.js.map +1 -0
- package/dist/ui/integrations/Overlay.d.ts +18 -0
- package/dist/ui/integrations/Overlay.d.ts.map +1 -0
- package/dist/ui/integrations/Overlay.js +36 -0
- package/dist/ui/integrations/Overlay.js.map +1 -0
- package/dist/ui/integrations/RowMenu.d.ts +15 -0
- package/dist/ui/integrations/RowMenu.d.ts.map +1 -0
- package/dist/ui/integrations/RowMenu.js +47 -0
- package/dist/ui/integrations/RowMenu.js.map +1 -0
- package/dist/ui/integrations/UnlinkDialog.d.ts +18 -0
- package/dist/ui/integrations/UnlinkDialog.d.ts.map +1 -0
- package/dist/ui/integrations/UnlinkDialog.js +29 -0
- package/dist/ui/integrations/UnlinkDialog.js.map +1 -0
- package/dist/ui/integrations/format.d.ts +28 -0
- package/dist/ui/integrations/format.d.ts.map +1 -0
- package/dist/ui/integrations/format.js +101 -0
- package/dist/ui/integrations/format.js.map +1 -0
- package/dist/ui/integrations/index.d.ts +5 -0
- package/dist/ui/integrations/index.d.ts.map +1 -0
- package/dist/ui/integrations/index.js +3 -0
- package/dist/ui/integrations/index.js.map +1 -0
- package/dist/ui/integrations/model.d.ts +84 -0
- package/dist/ui/integrations/model.d.ts.map +1 -0
- package/dist/ui/integrations/model.js +131 -0
- package/dist/ui/integrations/model.js.map +1 -0
- package/dist/ui/integrations/overlay.d.ts +10 -0
- package/dist/ui/integrations/overlay.d.ts.map +1 -0
- package/dist/ui/integrations/overlay.js +77 -0
- package/dist/ui/integrations/overlay.js.map +1 -0
- package/dist/ui/integrations/parts.d.ts +36 -0
- package/dist/ui/integrations/parts.d.ts.map +1 -0
- package/dist/ui/integrations/parts.js +85 -0
- package/dist/ui/integrations/parts.js.map +1 -0
- package/dist/ui/integrations/types.d.ts +96 -0
- package/dist/ui/integrations/types.d.ts.map +1 -0
- package/dist/ui/integrations/types.js +2 -0
- package/dist/ui/integrations/types.js.map +1 -0
- package/dist/ui/metrics.d.ts +106 -0
- package/dist/ui/metrics.d.ts.map +1 -0
- package/dist/ui/metrics.js +166 -0
- package/dist/ui/metrics.js.map +1 -0
- package/dist/ui/portfolio/PortfolioView.d.ts +26 -0
- package/dist/ui/portfolio/PortfolioView.d.ts.map +1 -0
- package/dist/ui/portfolio/PortfolioView.js +216 -0
- package/dist/ui/portfolio/PortfolioView.js.map +1 -0
- package/dist/ui/portfolio/SpendChart.d.ts +10 -0
- package/dist/ui/portfolio/SpendChart.d.ts.map +1 -0
- package/dist/ui/portfolio/SpendChart.js +196 -0
- package/dist/ui/portfolio/SpendChart.js.map +1 -0
- package/dist/ui/portfolio/alerts.d.ts +74 -0
- package/dist/ui/portfolio/alerts.d.ts.map +1 -0
- package/dist/ui/portfolio/alerts.js +291 -0
- package/dist/ui/portfolio/alerts.js.map +1 -0
- package/dist/ui/portfolio/figures.d.ts +79 -0
- package/dist/ui/portfolio/figures.d.ts.map +1 -0
- package/dist/ui/portfolio/figures.js +103 -0
- package/dist/ui/portfolio/figures.js.map +1 -0
- package/dist/ui/portfolio/format.d.ts +8 -0
- package/dist/ui/portfolio/format.d.ts.map +1 -0
- package/dist/ui/portfolio/format.js +28 -0
- package/dist/ui/portfolio/format.js.map +1 -0
- package/dist/ui/sample.d.ts +474 -0
- package/dist/ui/sample.d.ts.map +1 -0
- package/dist/ui/sample.js +553 -0
- package/dist/ui/sample.js.map +1 -0
- package/dist/ui/seed.d.ts +188 -0
- package/dist/ui/seed.d.ts.map +1 -0
- package/dist/ui/seed.js +563 -0
- package/dist/ui/seed.js.map +1 -0
- package/dist/ui/ui.css +3356 -0
- package/docs/federation.md +46 -1
- package/docs/meta-ads.md +746 -0
- package/docs/upgrading.md +95 -0
- package/llms.txt +3 -0
- package/package.json +15 -3
- package/src/component/_generated/api.ts +14 -0
- package/src/component/_generated/component.ts +323 -1
- package/src/component/_generated/server.ts +4 -0
- package/src/component/constants.ts +10 -0
- package/src/component/convex.config.ts +9 -0
- package/src/component/errors.ts +5 -1
- package/src/component/leads.ts +517 -17
- package/src/component/meta.ts +1461 -0
- package/src/component/metaCapi.ts +921 -0
- package/src/component/metaFake.ts +277 -0
- package/src/component/metaGraph.ts +722 -0
- package/src/component/metaSync.ts +1164 -0
- package/src/component/pipeline.ts +392 -0
- package/src/component/schema.ts +197 -1
- package/src/component/secrets.ts +98 -0
- package/src/component/validators.ts +376 -3
- package/src/tracker/generated.ts +1 -1
- package/src/ui/seed.ts +755 -0
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { change, formatMoney, formatReturn, returnBand, returnChange, } from "../metrics.js";
|
|
4
|
+
import { clientInsight, portfolioAlerts, } from "./alerts.js";
|
|
5
|
+
import { portfolioFigures, spendState, } from "./figures.js";
|
|
6
|
+
import { hueSlot, initials } from "./format.js";
|
|
7
|
+
import { SpendChart } from "./SpendChart.js";
|
|
8
|
+
const MINUTE_MS = 60_000;
|
|
9
|
+
/** The stalest linked account's last sync: the portfolio is as fresh as it. */
|
|
10
|
+
function syncedAgo(status, now) {
|
|
11
|
+
const syncs = (status ?? []).flatMap((site) => site.adAccounts.map((account) => account.lastSyncAt ?? 0));
|
|
12
|
+
if (syncs.length === 0)
|
|
13
|
+
return null;
|
|
14
|
+
const oldest = Math.min(...syncs);
|
|
15
|
+
if (!oldest)
|
|
16
|
+
return "sincronizando";
|
|
17
|
+
const minutes = Math.max(0, Math.round((now - oldest) / MINUTE_MS));
|
|
18
|
+
if (minutes < 1)
|
|
19
|
+
return "agora";
|
|
20
|
+
if (minutes < 60)
|
|
21
|
+
return `há ${minutes} min`;
|
|
22
|
+
const hours = Math.round(minutes / 60);
|
|
23
|
+
return hours < 24 ? `há ${hours} h` : `há ${Math.round(hours / 24)} d`;
|
|
24
|
+
}
|
|
25
|
+
function Kpi({ label, value, sub, delta, highlight, }) {
|
|
26
|
+
return (_jsxs("div", { className: "rastro-card rastro-portfolio__kpi", "data-highlight": highlight ? "" : undefined, children: [_jsx("span", { className: "rastro-portfolio__kpi-label", children: label }), _jsx("strong", { className: "rastro-num rastro-portfolio__kpi-value", children: value }), _jsxs("span", { className: "rastro-portfolio__kpi-sub", children: [delta?.label && (_jsx("span", { className: "rastro-change", "data-trend": delta.trend, children: delta.label })), sub] })] }));
|
|
27
|
+
}
|
|
28
|
+
const trendOf = (relative, higherIsGood = true) => relative === null || relative === 0
|
|
29
|
+
? undefined
|
|
30
|
+
: relative > 0 === higherIsGood
|
|
31
|
+
? "good"
|
|
32
|
+
: "bad";
|
|
33
|
+
function Kpis({ portfolio, previous, accounts, synced, }) {
|
|
34
|
+
const { paid, metrics, spendCurrency, currency } = portfolio;
|
|
35
|
+
const { row } = paid;
|
|
36
|
+
// No spend yet, but a linked account: the first sync is still running.
|
|
37
|
+
const noSpend = row.spendCents === null &&
|
|
38
|
+
portfolio.clients.some((client) => spendState(client, portfolio) === "syncing")
|
|
39
|
+
? "sincronizando com a Meta"
|
|
40
|
+
: "Meta não conectada";
|
|
41
|
+
const before = previous?.paid.row;
|
|
42
|
+
const delta = (current, old) => {
|
|
43
|
+
const result = change(current, old);
|
|
44
|
+
return { label: result.label, trend: trendOf(result.relative) };
|
|
45
|
+
};
|
|
46
|
+
const returnDelta = returnChange(metrics.returnOnSpend, previous?.metrics.returnOnSpend ?? null);
|
|
47
|
+
const spendSub = spendCurrency === null
|
|
48
|
+
? "contas em moedas diferentes"
|
|
49
|
+
: row.spendCents === null
|
|
50
|
+
? noSpend
|
|
51
|
+
: [
|
|
52
|
+
accounts === 0
|
|
53
|
+
? null
|
|
54
|
+
: accounts === 1
|
|
55
|
+
? "1 conta de anúncio"
|
|
56
|
+
: `${accounts} contas de anúncio`,
|
|
57
|
+
synced,
|
|
58
|
+
]
|
|
59
|
+
.filter(Boolean)
|
|
60
|
+
.join(" · ");
|
|
61
|
+
const per = (cents, unit) => cents === null || spendCurrency === null
|
|
62
|
+
? null
|
|
63
|
+
: `${formatMoney(cents, spendCurrency)} por ${unit}`;
|
|
64
|
+
const returnSub = metrics.returnOnSpend !== null
|
|
65
|
+
? `cada ${formatMoney(100, currency)} na Meta voltou ${formatMoney(Math.round(metrics.returnOnSpend * 100), currency)}`
|
|
66
|
+
: spendCurrency === null
|
|
67
|
+
? "contas em moedas diferentes"
|
|
68
|
+
: portfolio.currencyMismatch
|
|
69
|
+
? "gasto e receita em moedas diferentes"
|
|
70
|
+
: row.spendCents === null
|
|
71
|
+
? noSpend
|
|
72
|
+
: "sem gasto no período";
|
|
73
|
+
return (_jsxs("section", { className: "rastro-portfolio__kpis", "aria-label": "Totais da carteira", children: [_jsx(Kpi, { label: "Gasto", value: spendCurrency === null
|
|
74
|
+
? "—"
|
|
75
|
+
: formatMoney(row.spendCents, spendCurrency), delta: before && spendCurrency !== null
|
|
76
|
+
? { label: change(row.spendCents, before.spendCents).label }
|
|
77
|
+
: undefined, sub: spendSub }), _jsx(Kpi, { label: "Leads", value: row.leads.toLocaleString("pt-BR"), delta: before ? delta(row.leads, before.leads) : undefined, sub: [
|
|
78
|
+
per(metrics.costPerLeadCents, "lead"),
|
|
79
|
+
`${row.qualified.toLocaleString("pt-BR")} qualificados`,
|
|
80
|
+
]
|
|
81
|
+
.filter(Boolean)
|
|
82
|
+
.join(" · ") }), _jsx(Kpi, { label: "Vendas", value: row.won.toLocaleString("pt-BR"), delta: before ? delta(row.won, before.won) : undefined, sub: per(metrics.costPerSaleCents, "venda") ?? undefined }), _jsx(Kpi, { label: "Receita", value: formatMoney(row.revenueCents, currency), delta: before ? delta(row.revenueCents, before.revenueCents) : undefined, sub: "das vendas que os an\u00FAncios trouxeram" }), _jsx(Kpi, { highlight: true, label: "Retorno", value: formatReturn(metrics.returnOnSpend), delta: returnDelta
|
|
83
|
+
? {
|
|
84
|
+
label: returnDelta,
|
|
85
|
+
trend: returnDelta.startsWith("+")
|
|
86
|
+
? "good"
|
|
87
|
+
: returnDelta.startsWith("−")
|
|
88
|
+
? "bad"
|
|
89
|
+
: undefined,
|
|
90
|
+
}
|
|
91
|
+
: undefined, sub: returnSub })] }));
|
|
92
|
+
}
|
|
93
|
+
const SPARK_WIDTH = 112;
|
|
94
|
+
const SPARK_HEIGHT = 32;
|
|
95
|
+
/** With this few sales a curve lies; one mark per sale tells it straight. */
|
|
96
|
+
const SPARK_MARKS_UNTIL = 5;
|
|
97
|
+
function Sparkline({ daily }) {
|
|
98
|
+
const days = [...daily].sort((a, b) => a.dayStart - b.dayStart);
|
|
99
|
+
const total = days.reduce((sum, day) => sum + day.won, 0);
|
|
100
|
+
const last = Math.max(days.length - 1, 1);
|
|
101
|
+
const x = (index) => 2 + (index / last) * (SPARK_WIDTH - 4);
|
|
102
|
+
const label = `${total === 1 ? "1 venda" : `${total} vendas`} em ${days.length} dias`;
|
|
103
|
+
if (total <= SPARK_MARKS_UNTIL) {
|
|
104
|
+
return (_jsxs("svg", { className: "rastro-portfolio__spark", width: SPARK_WIDTH, height: SPARK_HEIGHT, viewBox: `0 0 ${SPARK_WIDTH} ${SPARK_HEIGHT}`, role: "img", "aria-label": label, children: [_jsx("line", { className: "rastro-portfolio__spark-base", x1: 0, x2: SPARK_WIDTH, y1: SPARK_HEIGHT - 1, y2: SPARK_HEIGHT - 1 }), days.map((day, index) => day.won > 0 ? (_jsxs("g", { children: [_jsx("line", { className: "rastro-portfolio__spark-stem", x1: x(index), x2: x(index), y1: SPARK_HEIGHT - 1, y2: 9 }), _jsx("circle", { className: "rastro-portfolio__spark-dot", cx: x(index), cy: 7, r: 3 })] }, day.dayStart)) : null)] }));
|
|
105
|
+
}
|
|
106
|
+
// A 7-day average reads as a trend; single days are too jumpy.
|
|
107
|
+
const smooth = days.map((_, index) => {
|
|
108
|
+
const window = days.slice(Math.max(0, index - 6), index + 1);
|
|
109
|
+
return window.reduce((sum, day) => sum + day.won, 0) / window.length;
|
|
110
|
+
});
|
|
111
|
+
const max = Math.max(...smooth);
|
|
112
|
+
const min = Math.min(...smooth);
|
|
113
|
+
const y = (value) => SPARK_HEIGHT - 3 - ((value - min) / (max - min || 1)) * (SPARK_HEIGHT - 8);
|
|
114
|
+
const line = smooth
|
|
115
|
+
.map((value, index) => `${index ? "L" : "M"}${x(index).toFixed(1)} ${y(value).toFixed(1)}`)
|
|
116
|
+
.join("");
|
|
117
|
+
const endX = x(smooth.length - 1);
|
|
118
|
+
const endY = y(smooth.at(-1) ?? 0);
|
|
119
|
+
return (_jsxs("svg", { className: "rastro-portfolio__spark", width: SPARK_WIDTH, height: SPARK_HEIGHT, viewBox: `0 0 ${SPARK_WIDTH} ${SPARK_HEIGHT}`, role: "img", "aria-label": label, children: [_jsx("path", { className: "rastro-portfolio__spark-area", d: `${line}L${endX} ${SPARK_HEIGHT}L${x(0)} ${SPARK_HEIGHT}Z` }), _jsx("path", { className: "rastro-portfolio__spark-line", d: line }), _jsx("circle", { className: "rastro-portfolio__spark-dot", cx: endX, cy: endY, r: 2.5 })] }));
|
|
120
|
+
}
|
|
121
|
+
function ClientCard({ client, portfolio, daily, onOpen, }) {
|
|
122
|
+
const { site, metrics, spendCents } = client;
|
|
123
|
+
const insight = clientInsight(client, portfolio);
|
|
124
|
+
const band = returnBand(metrics.returnOnSpend);
|
|
125
|
+
const money = (cents) => formatMoney(cents, client.spendCurrency);
|
|
126
|
+
const figures = [
|
|
127
|
+
["Gasto", money(spendCents)],
|
|
128
|
+
["Leads", client.leads.toLocaleString("pt-BR")],
|
|
129
|
+
["Custo por lead", money(metrics.costPerLeadCents)],
|
|
130
|
+
["Vendas", client.won.toLocaleString("pt-BR")],
|
|
131
|
+
["Receita", formatMoney(client.revenueCents, portfolio.currency)],
|
|
132
|
+
["Custo por venda", money(metrics.costPerSaleCents)],
|
|
133
|
+
];
|
|
134
|
+
return (_jsxs("article", { className: "rastro-card rastro-portfolio__client", "data-best": insight.kind === "bestReturn" ? "" : undefined, "aria-label": site.name, children: [_jsxs("header", { className: "rastro-portfolio__client-head", children: [_jsx("span", { className: "rastro-portfolio__avatar", "data-hue": hueSlot(site.siteId), "aria-hidden": "true", children: initials(site.name) }), _jsxs("div", { className: "rastro-portfolio__client-name", children: [_jsx("strong", { title: site.name, children: site.name }), site.segment && _jsx("span", { className: "rastro-muted", children: site.segment })] })] }), _jsxs("div", { className: "rastro-portfolio__return", children: [_jsxs("div", { children: [_jsx("span", { className: "rastro-portfolio__return-label", children: "Retorno" }), _jsx("strong", { className: "rastro-num rastro-portfolio__return-value", "data-band": band ?? undefined, children: formatReturn(metrics.returnOnSpend) })] }), daily && daily.length > 0 && (_jsxs("div", { className: "rastro-portfolio__spark-box", children: [_jsx(Sparkline, { daily: daily }), _jsxs("span", { className: "rastro-muted", children: ["vendas \u00B7 ", daily.length, " dias"] })] }))] }), _jsx("dl", { className: "rastro-portfolio__figures", children: figures.map(([label, value]) => (_jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { className: "rastro-num", children: value })] }, label))) }), _jsx("p", { className: "rastro-portfolio__insight", "data-tone": insight.tone, children: insight.text }), _jsxs("button", { type: "button", className: "rastro-portfolio__open", onClick: onOpen, "aria-label": `Abrir campanhas de ${site.name}`, children: ["Abrir campanhas ", _jsx("span", { "aria-hidden": "true", children: "\u2192" })] })] }));
|
|
135
|
+
}
|
|
136
|
+
function ChartCard({ portfolio }) {
|
|
137
|
+
const [mode, setMode] = useState("return");
|
|
138
|
+
const { spendCurrency, currency } = portfolio;
|
|
139
|
+
// The chart compares spend in one currency: the clients the totals count.
|
|
140
|
+
const withSpend = portfolio.clients.filter((client) => spendState(client, portfolio) === "counted");
|
|
141
|
+
const outside = (state) => portfolio.clients
|
|
142
|
+
.filter((client) => spendState(client, portfolio) === state)
|
|
143
|
+
.map((client) => client.site.name);
|
|
144
|
+
const notes = [
|
|
145
|
+
["syncing", "Sincronizando com a Meta"],
|
|
146
|
+
["notConnected", "Meta não conectada"],
|
|
147
|
+
["otherCurrency", "Gasto em outra moeda"],
|
|
148
|
+
]
|
|
149
|
+
.map(([state, label]) => [label, outside(state)])
|
|
150
|
+
.filter(([, names]) => names.length > 0);
|
|
151
|
+
// Without a return (spend billed in another currency) the only honest
|
|
152
|
+
// comparison is cost per sale.
|
|
153
|
+
const canReturn = spendCurrency === currency && !portfolio.paid.currencyMismatch;
|
|
154
|
+
const active = canReturn ? mode : "costPerSale";
|
|
155
|
+
const ranked = [...withSpend]
|
|
156
|
+
.filter((client) => active === "return"
|
|
157
|
+
? client.metrics.returnOnSpend !== null
|
|
158
|
+
: client.metrics.costPerSaleCents !== null)
|
|
159
|
+
.sort((a, b) => active === "return"
|
|
160
|
+
? b.metrics.returnOnSpend - a.metrics.returnOnSpend
|
|
161
|
+
: a.metrics.costPerSaleCents - b.metrics.costPerSaleCents);
|
|
162
|
+
return (_jsxs("section", { className: "rastro-card rastro-portfolio__chart-card", "aria-label": "Gasto \u00D7 Retorno por cliente", children: [_jsxs("header", { className: "rastro-portfolio__section-head", children: [_jsxs("div", { children: [_jsxs("h3", { children: [active === "return"
|
|
163
|
+
? "Gasto × Retorno"
|
|
164
|
+
: "Gasto × Custo por venda", " ", "por cliente"] }), _jsxs("p", { className: "rastro-muted", children: [active === "return"
|
|
165
|
+
? "Quanto mais alto, mais cada real gasto volta em venda"
|
|
166
|
+
: "Quanto mais baixo, mais barato sai cada venda", " ", "\u00B7 bolha = receita"] })] }), canReturn && (_jsx("div", { className: "rastro-portfolio__toggle", role: "group", "aria-label": "Eixo do gr\u00E1fico", children: [
|
|
167
|
+
["return", "Retorno"],
|
|
168
|
+
["costPerSale", "Custo por venda"],
|
|
169
|
+
].map(([value, label]) => (_jsx("button", { type: "button", "aria-pressed": mode === value, onClick: () => setMode(value), children: label }, value))) }))] }), spendCurrency === null ? (_jsx("p", { className: "rastro-empty", children: "As contas de an\u00FAncio cobram em moedas diferentes: o gasto de um cliente n\u00E3o se compara com o de outro." })) : ranked.length === 0 ? (_jsx("p", { className: "rastro-empty", children: "Nenhum cliente com gasto e vendas no per\u00EDodo." })) : (_jsxs(_Fragment, { children: [_jsx(SpendChart, { portfolio: portfolio, spendCurrency: spendCurrency, mode: active }), _jsxs("div", { className: "rastro-portfolio__rank", children: [_jsx("p", { className: "rastro-portfolio__rank-title", children: active === "return" ? "Volta por real gasto" : "Custo por venda" }), _jsx("ol", { children: ranked.map((client, index) => (_jsxs("li", { children: [_jsx("span", { className: "rastro-portfolio__rank-pos", children: index + 1 }), _jsx("span", { className: "rastro-portfolio__rank-name", children: client.site.name }), _jsx("strong", { className: "rastro-num", children: active === "return"
|
|
170
|
+
? formatMoney(Math.round(client.metrics.returnOnSpend * 100), currency)
|
|
171
|
+
: formatMoney(client.metrics.costPerSaleCents, spendCurrency) })] }, client.site.siteId))) })] })] })), notes.map(([label, names]) => (_jsxs("p", { className: "rastro-portfolio__note rastro-muted", children: [label, ": ", names.join(", "), "."] }, label)))] }));
|
|
172
|
+
}
|
|
173
|
+
/** Alerts shown before "+N" asks to open the rest. */
|
|
174
|
+
const ALERTS_SHOWN = 5;
|
|
175
|
+
function Attention({ alerts, onOpenSite, }) {
|
|
176
|
+
const [expanded, setExpanded] = useState(false);
|
|
177
|
+
const shown = expanded ? alerts : alerts.slice(0, ALERTS_SHOWN);
|
|
178
|
+
const hidden = alerts.length - shown.length;
|
|
179
|
+
return (_jsxs("section", { className: "rastro-card rastro-portfolio__attention", "aria-label": "Precisa de aten\u00E7\u00E3o", children: [_jsxs("header", { className: "rastro-portfolio__section-head", children: [_jsxs("div", { children: [_jsx("h3", { children: "Precisa de aten\u00E7\u00E3o" }), _jsx("p", { className: "rastro-muted", children: "O que mudou e o que d\u00E1 pra fazer" })] }), alerts.length > 0 && (_jsx("span", { className: "rastro-num rastro-portfolio__count", "aria-label": `${alerts.length} alertas`, children: alerts.length }))] }), alerts.length === 0 ? (_jsx("p", { className: "rastro-empty", children: "Nada pedindo aten\u00E7\u00E3o agora." })) : (_jsx("ul", { className: "rastro-portfolio__alerts", children: shown.map((alert) => (_jsxs("li", { className: "rastro-portfolio__alert", "data-tone": alert.tone, children: [_jsxs("p", { children: [_jsxs("strong", { children: [alert.siteName, ":"] }), " ", alert.headline] }), _jsx("p", { className: "rastro-muted", children: alert.detail }), _jsxs("button", { type: "button", className: "rastro-portfolio__open", onClick: () => onOpenSite(alert.siteId, alert.adId ? { adId: alert.adId } : undefined), children: [alert.action, " ", _jsx("span", { "aria-hidden": "true", children: "\u2192" })] })] }, alert.id))) })), hidden > 0 && (_jsxs("button", { type: "button", className: "rastro-portfolio__more", onClick: () => setExpanded(true), "aria-label": `Ver mais ${hidden} alertas`, children: ["+", hidden] }))] }));
|
|
180
|
+
}
|
|
181
|
+
function Loading() {
|
|
182
|
+
return (_jsxs("div", { className: "rastro-ui rastro-portfolio", role: "status", "aria-busy": "true", "aria-label": "Carregando clientes", children: [_jsx("div", { className: "rastro-portfolio__kpis", children: Array.from({ length: 5 }, (_, index) => (_jsx("div", { className: "rastro-skeleton rastro-portfolio__kpi-skeleton" }, index))) }), _jsx("div", { className: "rastro-portfolio__clients", children: Array.from({ length: 4 }, (_, index) => (_jsx("div", { className: "rastro-skeleton rastro-portfolio__client-skeleton" }, index))) })] }));
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* The agency's home: every client from spend to sale. Totals of the leads the
|
|
186
|
+
* ads bought, a card per client, spend against return, and what needs a look.
|
|
187
|
+
*/
|
|
188
|
+
export function PortfolioView({ sites, report, previous, dailyBySite, status, onOpenSite, now, loading, }) {
|
|
189
|
+
if (loading || !report)
|
|
190
|
+
return _jsx(Loading, {});
|
|
191
|
+
const portfolio = portfolioFigures({ sites, report, status });
|
|
192
|
+
if (portfolio.clients.length === 0) {
|
|
193
|
+
return (_jsx("div", { className: "rastro-ui rastro-portfolio", children: _jsxs("div", { className: "rastro-card rastro-empty", children: [_jsx("strong", { children: "Nenhum cliente com leads no per\u00EDodo" }), _jsx("span", { children: report.bySite
|
|
194
|
+
? "Quando um anúncio trouxer um lead, o cliente aparece aqui."
|
|
195
|
+
: "Este host ainda não separa os leads por cliente: atualize o Rastro." })] }) }));
|
|
196
|
+
}
|
|
197
|
+
const previousFigures = previous
|
|
198
|
+
? portfolioFigures({ sites, report: previous, status })
|
|
199
|
+
: null;
|
|
200
|
+
const alerts = portfolioAlerts({ sites, report, dailyBySite, status });
|
|
201
|
+
const accounts = (status ?? []).reduce((sum, site) => sum + site.adAccounts.length, 0);
|
|
202
|
+
const { paid, spendCurrency, currency } = portfolio;
|
|
203
|
+
const byState = (state) => portfolio.clients.filter((client) => spendState(client, portfolio) === state);
|
|
204
|
+
const counted = byState("counted").length;
|
|
205
|
+
const otherCurrency = byState("otherCurrency");
|
|
206
|
+
const reasons = [
|
|
207
|
+
[byState("syncing"), "sincronizando com a Meta"],
|
|
208
|
+
[byState("notConnected"), "sem a Meta conectada"],
|
|
209
|
+
[otherCurrency, "com gasto em outra moeda"],
|
|
210
|
+
];
|
|
211
|
+
return (_jsxs("div", { className: "rastro-ui rastro-portfolio", children: [spendCurrency === null ? (_jsx("p", { className: "rastro-portfolio__warning", role: "note", children: "As contas de an\u00FAncio cobram em moedas diferentes: o gasto de cada cliente aparece na moeda da conta dele, sem soma nem retorno da carteira." })) : paid.currencyMismatch ? (_jsxs("p", { className: "rastro-portfolio__warning", role: "note", children: ["O gasto est\u00E1 em ", spendCurrency, " e as vendas em ", currency, ": o gasto aparece, o retorno n\u00E3o \u00E9 calculado."] })) : (otherCurrency.length > 0 && (_jsxs("p", { className: "rastro-portfolio__warning", role: "note", children: [otherCurrency.map((client) => client.site.name).join(", "), " ", otherCurrency.length === 1 ? "gasta" : "gastam", " em outra moeda:", " ", otherCurrency.length === 1 ? "fica" : "ficam", " fora dos totais e sem retorno."] }))), _jsx(Kpis, { portfolio: portfolio, previous: previousFigures, accounts: accounts, synced: syncedAgo(status, now) }), paid.partial && counted > 0 && (_jsxs("p", { className: "rastro-portfolio__partial rastro-muted", children: ["Calculado sobre ", counted, " de ", portfolio.clients.length, " clientes:", " ", reasons
|
|
212
|
+
.filter(([clients]) => clients.length > 0)
|
|
213
|
+
.map(([clients, reason]) => `${clients.map((client) => client.site.name).join(", ")} ${reason}`)
|
|
214
|
+
.join("; "), " ", portfolio.clients.length - counted === 1 ? "fica" : "ficam", " fora dos totais."] })), portfolio.spendIncomplete && (_jsx("p", { className: "rastro-portfolio__partial rastro-muted", role: "note", children: "Gasto por an\u00FAncio indispon\u00EDvel neste per\u00EDodo: os totais por cliente seguem certos, mas o an\u00FAncio que mais vende fica sem retorno. Escolha um per\u00EDodo menor para v\u00EA-lo." })), _jsx("section", { className: "rastro-portfolio__clients", "aria-label": "Clientes", children: portfolio.clients.map((client) => (_jsx(ClientCard, { client: client, portfolio: portfolio, daily: dailyBySite?.[client.site.siteId], onOpen: () => onOpenSite(client.site.siteId) }, client.site.siteId))) }), _jsxs("div", { className: "rastro-portfolio__bottom", children: [_jsx(ChartCard, { portfolio: portfolio }), _jsx(Attention, { alerts: alerts, onOpenSite: onOpenSite })] })] }));
|
|
215
|
+
}
|
|
216
|
+
//# sourceMappingURL=PortfolioView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PortfolioView.js","sourceRoot":"","sources":["../../../src/ui/portfolio/PortfolioView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type PortfolioFigures } from "./figures.js";
|
|
2
|
+
export type SpendChartMode = "return" | "costPerSale";
|
|
3
|
+
/** Spend against return (or cost per sale), one bubble per client. */
|
|
4
|
+
export declare function SpendChart({ portfolio, spendCurrency, mode, }: {
|
|
5
|
+
portfolio: PortfolioFigures;
|
|
6
|
+
/** The one currency every plotted account bills in. */
|
|
7
|
+
spendCurrency: string;
|
|
8
|
+
mode: SpendChartMode;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=SpendChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpendChart.d.ts","sourceRoot":"","sources":["../../../src/ui/portfolio/SpendChart.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,aAAa,CAAC;AA6DtD,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,aAAa,EACb,IAAI,GACL,EAAE;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,uDAAuD;IACvD,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,cAAc,CAAC;CACtB,+BAmTA"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
import { formatMoney, formatReturn, RETURN_BAND_LABELS, returnBand, RETURN_BANDS, } from "../metrics.js";
|
|
4
|
+
import { spendState, } from "./figures.js";
|
|
5
|
+
import { compactMoney } from "./format.js";
|
|
6
|
+
/** The chart draws at its real width, so labels keep their size on a phone. */
|
|
7
|
+
function useWidth(fallback) {
|
|
8
|
+
const ref = useRef(null);
|
|
9
|
+
const [width, setWidth] = useState(fallback);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const element = ref.current;
|
|
12
|
+
if (!element || typeof ResizeObserver === "undefined")
|
|
13
|
+
return;
|
|
14
|
+
const observer = new ResizeObserver(([entry]) => {
|
|
15
|
+
const next = Math.round(entry?.contentRect.width ?? 0);
|
|
16
|
+
if (next > 0)
|
|
17
|
+
setWidth(next);
|
|
18
|
+
});
|
|
19
|
+
observer.observe(element);
|
|
20
|
+
return () => observer.disconnect();
|
|
21
|
+
}, []);
|
|
22
|
+
return [ref, width];
|
|
23
|
+
}
|
|
24
|
+
/** Round axis steps: 1, 2, 2.5 or 5 times a power of ten. */
|
|
25
|
+
function niceTicks(max, count) {
|
|
26
|
+
const raw = max / count;
|
|
27
|
+
const power = 10 ** Math.floor(Math.log10(raw));
|
|
28
|
+
const step = [1, 2, 2.5, 5, 10].map((factor) => factor * power).find((s) => s >= raw) ??
|
|
29
|
+
raw;
|
|
30
|
+
const top = Math.ceil(max / step) * step;
|
|
31
|
+
return Array.from({ length: Math.round(top / step) + 1 }, (_, i) => i * step);
|
|
32
|
+
}
|
|
33
|
+
const overlaps = (a, b) => a.x < b.x + b.width &&
|
|
34
|
+
b.x < a.x + a.width &&
|
|
35
|
+
a.y < b.y + b.height &&
|
|
36
|
+
b.y < a.y + a.height;
|
|
37
|
+
const LABEL_HEIGHT = 16;
|
|
38
|
+
/** A long client name shortened for the plot; the bubble's title keeps it whole. */
|
|
39
|
+
const shortName = (name, max) => name.length > max ? `${name.slice(0, max - 1).trimEnd()}…` : name;
|
|
40
|
+
/** A rough label width: 7px a character plus the value beside the name. */
|
|
41
|
+
const labelWidth = (name, value) => (name.length + value.length) * 7 + 8;
|
|
42
|
+
/** Return ticks on the band edges: 0, 4, 8, 12, 16… up to the highest point. */
|
|
43
|
+
function returnTicks(max) {
|
|
44
|
+
const step = RETURN_BANDS.ok;
|
|
45
|
+
const top = Math.max(RETURN_BANDS.strong * 2, Math.ceil((max * 1.05) / step) * step);
|
|
46
|
+
return Array.from({ length: top / step + 1 }, (_, i) => i * step);
|
|
47
|
+
}
|
|
48
|
+
/** Spend against return (or cost per sale), one bubble per client. */
|
|
49
|
+
export function SpendChart({ portfolio, spendCurrency, mode, }) {
|
|
50
|
+
const [ref, width] = useWidth(640);
|
|
51
|
+
const narrow = width < 480;
|
|
52
|
+
const height = Math.round(Math.min(340, Math.max(240, width * 0.46)));
|
|
53
|
+
const pad = { left: narrow ? 40 : 52, right: 12, top: 28, bottom: 26 };
|
|
54
|
+
const plotWidth = width - pad.left - pad.right;
|
|
55
|
+
const plotHeight = height - pad.top - pad.bottom;
|
|
56
|
+
const valueOf = (client) => mode === "return"
|
|
57
|
+
? client.metrics.returnOnSpend
|
|
58
|
+
: client.metrics.costPerSaleCents;
|
|
59
|
+
// Only the clients the totals count: their spend shares one currency.
|
|
60
|
+
const points = portfolio.clients.filter((client) => spendState(client, portfolio) === "counted" && valueOf(client) !== null);
|
|
61
|
+
const format = (value) => mode === "return" ? formatReturn(value) : formatMoney(value, spendCurrency);
|
|
62
|
+
const xTicks = niceTicks(Math.max(...points.map((p) => p.spendCents), 100) * 1.08, narrow ? 3 : 5);
|
|
63
|
+
const yMaxValue = Math.max(...points.map((p) => valueOf(p)), 0);
|
|
64
|
+
const yTicks = mode === "return"
|
|
65
|
+
? returnTicks(yMaxValue)
|
|
66
|
+
: niceTicks(Math.max(yMaxValue, 100) * 1.08, 4);
|
|
67
|
+
const xMax = xTicks.at(-1);
|
|
68
|
+
const yMax = yTicks.at(-1);
|
|
69
|
+
const sx = (value) => pad.left + (value / xMax) * plotWidth;
|
|
70
|
+
const sy = (value) => pad.top + (1 - value / yMax) * plotHeight;
|
|
71
|
+
const maxRevenue = Math.max(...points.map((p) => p.revenueCents), 1);
|
|
72
|
+
const radius = (revenueCents) => (narrow ? 5 : 7) +
|
|
73
|
+
Math.sqrt(revenueCents / maxRevenue) * (narrow ? 11 : 17);
|
|
74
|
+
const average = mode === "return"
|
|
75
|
+
? portfolio.metrics.returnOnSpend
|
|
76
|
+
: portfolio.metrics.costPerSaleCents;
|
|
77
|
+
const averageText = average === null
|
|
78
|
+
? null
|
|
79
|
+
: `${narrow ? "média" : "média da carteira"} ${format(average)}`;
|
|
80
|
+
const averageBox = average === null || averageText === null
|
|
81
|
+
? null
|
|
82
|
+
: {
|
|
83
|
+
x: pad.left + 6,
|
|
84
|
+
y: sy(average) - 5 - 12,
|
|
85
|
+
width: averageText.length * 6.4,
|
|
86
|
+
height: 14,
|
|
87
|
+
};
|
|
88
|
+
// Each label takes the spot around its bubble that covers the least of the
|
|
89
|
+
// other bubbles, labels and the average line's caption, inside the chart.
|
|
90
|
+
const bubbles = points.map((point) => ({
|
|
91
|
+
point,
|
|
92
|
+
cx: sx(point.spendCents),
|
|
93
|
+
cy: sy(valueOf(point)),
|
|
94
|
+
r: radius(point.revenueCents),
|
|
95
|
+
}));
|
|
96
|
+
const bubbleBoxes = bubbles.map(({ cx, cy, r }) => ({
|
|
97
|
+
x: cx - r,
|
|
98
|
+
y: cy - r,
|
|
99
|
+
width: r * 2,
|
|
100
|
+
height: r * 2,
|
|
101
|
+
}));
|
|
102
|
+
// The band captions sit in the corners of their zones, as in the mockup.
|
|
103
|
+
const bandLegends = mode === "return"
|
|
104
|
+
? [
|
|
105
|
+
{
|
|
106
|
+
band: "strong",
|
|
107
|
+
text: narrow
|
|
108
|
+
? RETURN_BAND_LABELS.strong
|
|
109
|
+
: `acima de ${RETURN_BANDS.strong}x · ${RETURN_BAND_LABELS.strong}`,
|
|
110
|
+
y: sy(yMax) + 14,
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
band: "weak",
|
|
114
|
+
text: narrow
|
|
115
|
+
? RETURN_BAND_LABELS.weak
|
|
116
|
+
: `abaixo de ${RETURN_BANDS.ok}x · ${RETURN_BAND_LABELS.weak}`,
|
|
117
|
+
y: sy(0) - 6,
|
|
118
|
+
},
|
|
119
|
+
]
|
|
120
|
+
: [];
|
|
121
|
+
const placed = [
|
|
122
|
+
...(averageBox ? [averageBox] : []),
|
|
123
|
+
...bandLegends.map((legend) => ({
|
|
124
|
+
x: pad.left + 6,
|
|
125
|
+
y: legend.y - 11,
|
|
126
|
+
width: legend.text.length * 6,
|
|
127
|
+
height: 13,
|
|
128
|
+
})),
|
|
129
|
+
];
|
|
130
|
+
const covered = (a, b) => overlaps(a, b)
|
|
131
|
+
? (Math.min(a.x + a.width, b.x + b.width) - Math.max(a.x, b.x)) *
|
|
132
|
+
(Math.min(a.y + a.height, b.y + b.height) - Math.max(a.y, b.y))
|
|
133
|
+
: 0;
|
|
134
|
+
const labels = bubbles.map(({ point, cx, cy, r }, index) => {
|
|
135
|
+
const value = format(valueOf(point));
|
|
136
|
+
const name = shortName(point.site.name, narrow ? 14 : 22);
|
|
137
|
+
const w = labelWidth(name, value);
|
|
138
|
+
const spot = (x, y, anchor) => ({
|
|
139
|
+
x,
|
|
140
|
+
y,
|
|
141
|
+
anchor,
|
|
142
|
+
width: w,
|
|
143
|
+
height: LABEL_HEIGHT,
|
|
144
|
+
});
|
|
145
|
+
const above = cy - r - 6 - LABEL_HEIGHT;
|
|
146
|
+
const below = cy + r + 4;
|
|
147
|
+
const middle = cy - LABEL_HEIGHT / 2;
|
|
148
|
+
const candidates = [
|
|
149
|
+
spot(cx - w / 2, above, "middle"),
|
|
150
|
+
spot(cx - w / 2, below, "middle"),
|
|
151
|
+
spot(cx + r + 6, middle, "start"),
|
|
152
|
+
spot(cx - r - 6 - w, middle, "end"),
|
|
153
|
+
spot(cx + r - w, above, "end"),
|
|
154
|
+
spot(cx + r - w, below, "end"),
|
|
155
|
+
spot(cx - r, above, "start"),
|
|
156
|
+
spot(cx - r, below, "start"),
|
|
157
|
+
];
|
|
158
|
+
const obstacles = [
|
|
159
|
+
...bubbleBoxes.filter((_, other) => other !== index),
|
|
160
|
+
...placed,
|
|
161
|
+
];
|
|
162
|
+
const outside = (box) => box.x < 2 ||
|
|
163
|
+
box.x + box.width > width - 2 ||
|
|
164
|
+
box.y < 0 ||
|
|
165
|
+
box.y + box.height > pad.top + plotHeight;
|
|
166
|
+
const score = (box) => (outside(box) ? 1e6 : 0) +
|
|
167
|
+
obstacles.reduce((sum, other) => sum + covered(box, other), 0);
|
|
168
|
+
const chosen = candidates.reduce((best, box) => score(box) < score(best) ? box : best);
|
|
169
|
+
placed.push(chosen);
|
|
170
|
+
const textX = chosen.anchor === "middle"
|
|
171
|
+
? chosen.x + w / 2
|
|
172
|
+
: chosen.anchor === "start"
|
|
173
|
+
? chosen.x
|
|
174
|
+
: chosen.x + w;
|
|
175
|
+
return {
|
|
176
|
+
key: point.site.siteId,
|
|
177
|
+
x: textX,
|
|
178
|
+
y: chosen.y + LABEL_HEIGHT - 4,
|
|
179
|
+
anchor: chosen.anchor,
|
|
180
|
+
name,
|
|
181
|
+
value,
|
|
182
|
+
};
|
|
183
|
+
});
|
|
184
|
+
const axisX = (cents) => cents === 0 ? "0" : compactMoney(cents, spendCurrency);
|
|
185
|
+
const axisY = (value) => mode === "return"
|
|
186
|
+
? `${value.toLocaleString("pt-BR")}x`
|
|
187
|
+
: value === 0
|
|
188
|
+
? "0"
|
|
189
|
+
: compactMoney(value, spendCurrency);
|
|
190
|
+
return (_jsx("div", { ref: ref, className: "rastro-portfolio__chart", children: _jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": mode === "return"
|
|
191
|
+
? "Gasto e retorno de cada cliente"
|
|
192
|
+
: "Gasto e custo por venda de cada cliente", children: [mode === "return" && (_jsxs(_Fragment, { children: [_jsx("rect", { className: "rastro-portfolio__zone", "data-band": "strong", x: pad.left, y: sy(yMax), width: plotWidth, height: sy(RETURN_BANDS.strong) - sy(yMax) }), _jsx("rect", { className: "rastro-portfolio__zone", "data-band": "weak", x: pad.left, y: sy(RETURN_BANDS.ok), width: plotWidth, height: sy(0) - sy(RETURN_BANDS.ok) })] })), yTicks.map((tick) => (_jsxs("g", { children: [_jsx("line", { className: "rastro-portfolio__grid", x1: pad.left, x2: width - pad.right, y1: sy(tick), y2: sy(tick) }), _jsx("text", { className: "rastro-portfolio__axis", x: pad.left - 6, y: sy(tick) + 4, textAnchor: "end", children: axisY(tick) })] }, `y${tick}`))), xTicks.map((tick) => (_jsxs("g", { children: [_jsx("line", { className: "rastro-portfolio__grid", x1: sx(tick), x2: sx(tick), y1: pad.top, y2: pad.top + plotHeight }), _jsx("text", { className: "rastro-portfolio__axis", x: sx(tick), y: height - 8, textAnchor: tick === 0 ? "start" : tick === xMax ? "end" : "middle", children: axisX(tick) })] }, `x${tick}`))), bandLegends.map((legend) => (_jsx("text", { className: "rastro-portfolio__zone-label", "data-band": legend.band, x: pad.left + 6, y: legend.y, children: legend.text }, legend.band))), average !== null && (_jsxs("g", { children: [_jsx("line", { className: "rastro-portfolio__average", x1: pad.left, x2: width - pad.right, y1: sy(average), y2: sy(average) }), _jsx("text", { className: "rastro-portfolio__average-label", x: pad.left + 6, y: sy(average) - 5, children: averageText })] })), bubbles.map(({ point, cx, cy, r }) => (_jsx("circle", { className: "rastro-portfolio__bubble", "data-band": mode === "return"
|
|
193
|
+
? (returnBand(point.metrics.returnOnSpend) ?? undefined)
|
|
194
|
+
: undefined, cx: cx, cy: cy, r: r, children: _jsx("title", { children: `${point.site.name}: ${formatMoney(point.spendCents, spendCurrency)} gastos, ${format(valueOf(point))}` }) }, point.site.siteId))), labels.map((label) => (_jsxs("text", { className: "rastro-portfolio__label", x: label.x, y: label.y, textAnchor: label.anchor, children: [_jsx("tspan", { className: "rastro-portfolio__label-name", children: label.name }), _jsx("tspan", { dx: 5, className: "rastro-portfolio__label-value", children: label.value })] }, label.key)))] }) }));
|
|
195
|
+
}
|
|
196
|
+
//# sourceMappingURL=SpendChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpendChart.js","sourceRoot":"","sources":["../../../src/ui/portfolio/SpendChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* What the agency view says in words: the "Precisa de atenção" alerts and the
|
|
3
|
+
* one-line insight on each client card. Every rule reads the figures, never a
|
|
4
|
+
* client's name, so the same sentences come out for any portfolio.
|
|
5
|
+
*/
|
|
6
|
+
import type { LeadsDaily, LeadsReport, MetaStatus } from "../../client/index.js";
|
|
7
|
+
import { type ClientFigures, type PortfolioFigures, type PortfolioSite } from "./figures.js";
|
|
8
|
+
/** "bad" asks for action, "watch" for a look, "good" is an opportunity. */
|
|
9
|
+
export type PortfolioTone = "bad" | "watch" | "good";
|
|
10
|
+
export interface PortfolioAlert {
|
|
11
|
+
/** Stable key: the rule and the client. */
|
|
12
|
+
id: string;
|
|
13
|
+
kind: "metaSync" | "costPerSaleUp" | "fewSalesHighTicket" | "topAd";
|
|
14
|
+
tone: PortfolioTone;
|
|
15
|
+
siteId: string;
|
|
16
|
+
siteName: string;
|
|
17
|
+
/** What happened, after the client's name: "custo por venda subiu 18%…". */
|
|
18
|
+
headline: string;
|
|
19
|
+
/** Why it matters, in a sentence or two. */
|
|
20
|
+
detail: string;
|
|
21
|
+
/** The link's label. */
|
|
22
|
+
action: string;
|
|
23
|
+
/** The ad the alert is about, for the drawer of Campanhas. */
|
|
24
|
+
adId?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface PortfolioInsight {
|
|
27
|
+
/** Which rule said it; "bestReturn" marks the portfolio's best card. */
|
|
28
|
+
kind: "syncing" | "noSpend" | "noSales" | "bestReturn" | "fewSalesHighTicket" | "cheapLeads" | "weakReturn" | "leadingCampaign" | "band" | "sales";
|
|
29
|
+
tone: PortfolioTone | "neutral";
|
|
30
|
+
text: string;
|
|
31
|
+
}
|
|
32
|
+
/** The thresholds the rules use, exported so hosts and tests can read them. */
|
|
33
|
+
export declare const PORTFOLIO_RULES: Readonly<{
|
|
34
|
+
/** Days in each window of the week-over-week comparison. */
|
|
35
|
+
weekDays: 7;
|
|
36
|
+
/**
|
|
37
|
+
* Days left out at the end of the series: a lead is counted on the day it
|
|
38
|
+
* arrived, so the newest week has not finished selling yet.
|
|
39
|
+
*/
|
|
40
|
+
maturingDays: 7;
|
|
41
|
+
/** Sales each week needs before its cost per sale means anything. */
|
|
42
|
+
minWeeklySales: 3;
|
|
43
|
+
/** A cost per sale this much higher than the week before raises an alert. */
|
|
44
|
+
costPerSaleRise: 0.15;
|
|
45
|
+
/** "Few sales": at most this many in the period… */
|
|
46
|
+
fewSales: 5;
|
|
47
|
+
/** …with an average sale this many times the portfolio's. */
|
|
48
|
+
highTicketFactor: 3;
|
|
49
|
+
/** A top ad needs this many ads beside it to stand out… */
|
|
50
|
+
minAdsForTopAd: 3;
|
|
51
|
+
/** …and this many times its fair share (1 ÷ ads) of the client's sales. */
|
|
52
|
+
topAdShareFactor: 2;
|
|
53
|
+
/** A campaign that makes at least this share of the sales "pulls" them. */
|
|
54
|
+
leadingCampaignShare: 0.5;
|
|
55
|
+
}>;
|
|
56
|
+
/**
|
|
57
|
+
* The "Precisa de atenção" list: a broken Meta sync, then problems, what to
|
|
58
|
+
* watch and what to grow; within a tone, in the order of `sites`. Pass
|
|
59
|
+
* `limit` to cut it; the view shows the first few and says how many are left.
|
|
60
|
+
*/
|
|
61
|
+
export declare function portfolioAlerts({ sites, report, dailyBySite, status, limit, }: {
|
|
62
|
+
sites: readonly PortfolioSite[];
|
|
63
|
+
report: LeadsReport;
|
|
64
|
+
dailyBySite?: Record<string, LeadsDaily> | undefined;
|
|
65
|
+
status?: MetaStatus | undefined;
|
|
66
|
+
limit?: number;
|
|
67
|
+
}): PortfolioAlert[];
|
|
68
|
+
/**
|
|
69
|
+
* One line for a client's card, the first rule that holds: no Meta, no sales,
|
|
70
|
+
* the portfolio's best return, few sales with a big ticket, cheap leads that
|
|
71
|
+
* buy little, a weak return, one campaign carrying the sales, or the band.
|
|
72
|
+
*/
|
|
73
|
+
export declare function clientInsight(client: ClientFigures, portfolio: PortfolioFigures): PortfolioInsight;
|
|
74
|
+
//# sourceMappingURL=alerts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alerts.d.ts","sourceRoot":"","sources":["../../../src/ui/portfolio/alerts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAEnB,MAAM,cAAc,CAAC;AAGtB,2EAA2E;AAC3E,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,OAAO,CAAC;IACpE,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,IAAI,EACA,SAAS,GACT,SAAS,GACT,SAAS,GACT,YAAY,GACZ,oBAAoB,GACpB,YAAY,GACZ,YAAY,GACZ,iBAAiB,GACjB,MAAM,GACN,OAAO,CAAC;IACZ,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,+EAA+E;AAC/E,eAAO,MAAM,eAAe;IAC1B,4DAA4D;;IAE5D;;;OAGG;;IAEH,qEAAqE;;IAErE,6EAA6E;;IAE7E,oDAAoD;;IAEpD,6DAA6D;;IAE7D,2DAA2D;;IAE3D,2EAA2E;;IAE3E,2EAA2E;;EAE3E,CAAC;AAkNH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAgB,GACjB,EAAE;IACD,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;IACrD,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,cAAc,EAAE,CAkBnB;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,gBAAgB,GAC1B,gBAAgB,CA8ElB"}
|