/* Gridea site — "Börsihind ei ole sinu hind": the paintable capture-rate widget
and the upgraded /borsihind-vs-fikseeritud page.
The widget: an illustrative 15-min (96 × MTU) Estonian spot-price DAY (a labelled
example, never a live price), over which the visitor paints their own consumption
pattern (drag) or picks a preset. The profiilitegur (capture rate) — weighted price /
simple average — updates live. It's honest measurement arithmetic on an example curve;
the reason to sign up is that the REAL factor can only come from the visitor's own data.
No live numbers, no forecast, no advice on which contract to sign (per the handoff §4). */
const CAP_N = 96; // 15-min market time units in a day
const CAP_REF_AVG = 82.6; // €/MWh illustrative exchange average (labelled example)
const capBump = (h, c, w, a) => a * Math.exp(-Math.pow((h - c) / w, 2));
// Illustrative Estonian spot-price shape: cheap deep night, morning + (bigger) evening peak.
const CAP_PRICE = (() => {
const raw = [];
for (let i = 0; i < CAP_N; i++) {
const h = i / 4;
let v = 0.55 + capBump(h, 8.5, 2.2, 0.55) + capBump(h, 19, 2.6, 1.0) - capBump(h, 3.5, 3, 0.28);
raw.push(Math.max(0.2, v));
}
const mean = raw.reduce((a, b) => a + b, 0) / CAP_N;
return raw.map((v) => (v / mean) * CAP_REF_AVG); // €/MWh, average == CAP_REF_AVG
})();
const capGen = (fn) => { const a = []; for (let i = 0; i < CAP_N; i++) a.push(Math.max(0.02, Math.min(1, fn(i / 4)))); return a; };
const CAP_PRESETS = {
kodu: capGen((h) => 0.2 + capBump(h, 7.5, 1.6, 0.55) + capBump(h, 20, 2.1, 0.85)), // morning + evening peaks (~123%)
kontor: capGen((h) => 0.14 + capBump(h, 13, 3.6, 0.85)), // daytime plateau (~97%)
soojuspump: capGen((h) => 0.06 + capBump(h, 8.5, 1.5, 0.7) + capBump(h, 19, 1.4, 1.15)), // tracks the price peaks -> priciest (~146%)
suvekodu: capGen((h) => 0.12 + capBump(h, 13.5, 3, 0.6)), // midday, cheap dip (~95%)
elektriauto: capGen((h) => (h >= 1 && h <= 5 ? 1 : 0.06)), // night charging block -> cheapest (~57%)
};
const CAP_PRESET_KEYS = ['kodu', 'kontor', 'soojuspump', 'suvekodu', 'elektriauto'];
const CAP_T = {
et: {
eyebrow: 'Teadlik valik', h1a: 'Sõlmi elektrileping', h1b: 'teadlikult.',
sub: 'Elektrimüüjaga suheldes on raske aru saada, kas ta pakub head või kallist hinda. Gridea teeb pildi selgeks — sinu enda tarbimise põhjal, mitte börsi keskmise järgi.',
widgetIntro: 'Sinu tarbimismuster — millal sa elektrit kasutad — määrab, kui palju sa börsihinnast tegelikult maksad. Joonista allpool oma tüüpiline päev või vali valmis muster ja vaata, kuidas profiilitegur muutub. Tegur üle 100% tähendab, et tarbid kallimatel tundidel; alla 100%, et odavamatel.',
takeawayH: 'Mida selle numbriga läbirääkimistel peale hakata',
takeawayP: 'Kui elektrimüüja pakub fikseeritud hinda, ära võrdle seda börsi keskmisega — korruta börsi keskmine oma teguriga ja võrdle pakkumist selle arvuga. Nii näed, kas hind on sinu tarbimise juures tegelikult hea või kallis, ja lähed vestlusesse numbriga, mitte kõhutundega. Oma tegeliku teguri saad, kui ühendad andmed Gridea kontos — näidismuster ei ole sama mis sinu oma.',
widgetTitle: 'Joonista oma tarbimispäev', widgetHint: 'Hoia nuppu all ja liiguta üle graafiku — või vali valmis muster.',
priceLabel: 'Börsihind (näidispäev)', consLabel: 'Sinu tarbimine', custom: 'Sinu muster',
presets: { kodu: 'Kodu', kontor: 'Kontor', soojuspump: 'Soojuspump', suvekodu: 'Suvekodu', elektriauto: 'Elektriauto' },
coefLabel: 'Profiilitegur', yourPriceLabel: 'Sinu hind sellel mustril', avgLabel: 'Börsi keskmine',
cheaper: 'odavam kui keskmine', pricier: 'kallim kui keskmine', about: 'keskmise lähedal',
exampleNote: 'Näidishind ja -muster. Su tegelik tegur arvutatakse su enda 15-minutilisest mõõteandmestikust.',
cta: 'Vaata oma tegelikku tegurit — alusta tasuta',
deliveredH: 'Börsihind on vaid osa sinu arvest',
deliveredP: 'Kui börsihind langeb poole võrra, arve poole võrra ei vähene. Börsienergia on vaid üks osa tarnitud hinnast — lisanduvad võrgutasu, aktsiis, taastuvenergia ja varustuskindluse tasu ning käibemaks. Näide (Elektrilevi Võrk 1, 31.08.2026):',
deliveredRows: [['Elektrienergia (börs)', '22,53', '62%'], ['Võrgutasu', '5,12', '14%'], ['Elektriaktsiis', '0,21', '1%'], ['Taastuvenergia tasu', '0,84', '2%'], ['Varustuskindluse tasu', '0,76', '2%'], ['Käibemaks (24%)', '7,07', '19%']],
deliveredTotal: ['Kokku', '36,53', ''], deliveredUnit: 's/kWh',
deliveredFoot: 'Määrad tulevad Gridea tariifimootorist — samast, mis hindab päris arveid. Protsent näitab iga osa osakaalu koguarvest.',
guide: [
{ h: 'Mida profiilitegur tähendab', p: 'Profiilitegur näitab, kui palju sinu tarbimine börsi keskmisest kallim või odavam on. Tegur 114% tähendab, et maksad börsi keskmisest 14% rohkem, sest tarbid kallimatel tundidel. Fikseeritud pakkumist ei saa võrrelda börsi keskmisega — võrdle seda oma teguriga korrutatud hinnaga.' },
{ h: 'Mis börsihinda mõjutab', p: 'Struktuurselt seab Põhjamaade hinnataseme Norra veehoidlate täituvus võrreldes selle nädala pikaajalise mediaaniga. Gridea jälgib seda su kontos koos kuupäevaga — madal täituvus tähendab survet hinnale ülespoole.' },
{ h: 'See on mõõtmine, mitte ennustus', p: 'Gridea ei ennusta elektrihinda ega soovita, millist lepingut sõlmida. Näitame, mida su enda andmed ütlevad, ja jätame otsuse sinule.' },
],
faqH: 'Korduma kippuvad küsimused',
faq: [
['Kas börsihind või fikseeritud on odavam?', 'See sõltub sinu tarbimismustrist. Paindliku, öötarbimisega profiil võidab tavaliselt börsihinnast; kallitel tundidel tarbiv profiil võib eelistada fikseeritut. Gridea arvutab su tegeliku teguri ja näitab, kumb oleks sulle maksnud vähem.'],
['Mis on profiilitegur (capture rate)?', 'Suhe, mis näitab, kui palju su tarbimine börsi keskmisest erineb — arvutatuna su enda 15-minutilisest tarbimisajaloost. Näited päris mõõtepunktidest: 69,7%, 114,1% ja 183,1%.'],
['Kas ma näen oma tegelikku numbrit ilma kontota?', 'Ei. Tegelik profiilitegur tekib alles siis, kui ühendad oma andmed Gridea kontos, sest see arvutatakse just sinu mõõteandmetest. Ülal olev graafik on näidismuster.'],
],
sourcesH: 'Allikad',
sources: [['Elering — muudatused elektriarvel 2026', 'https://elering.ee/muudatused-elektriarvel-alates-2026-aasta-algusest'], ['NVE — Norra veehoidlate täituvus', 'https://www.nve.no/']],
},
en: {
eyebrow: 'An informed choice', h1a: 'Sign your electricity contract', h1b: 'with eyes open.',
sub: 'When you talk to an electricity seller, it’s hard to tell whether the price they offer is good or expensive. Gridea makes the picture clear — from your own consumption, not the exchange average.',
widgetIntro: 'Your consumption pattern — when you use electricity — determines how much of the exchange price you actually pay. Draw your typical day below or pick a preset and watch the profile factor change. Above 100% means you consume in the pricier hours; below 100%, the cheaper ones.',
takeawayH: 'What to do with the number in a negotiation',
takeawayP: 'When a seller offers a fixed price, don’t compare it to the exchange average — multiply the average by your factor and compare the offer against that. That shows whether the price is actually good or expensive for your consumption, so you go into the conversation with a number, not a hunch. Your real factor comes once you connect your data in a Gridea account — the example pattern is not your own.',
widgetTitle: 'Draw your consumption day', widgetHint: 'Hold and drag across the chart — or pick a ready-made pattern.',
priceLabel: 'Exchange price (example day)', consLabel: 'Your consumption', custom: 'Your pattern',
presets: { kodu: 'Home', kontor: 'Office', soojuspump: 'Heat pump', suvekodu: 'Summer home', elektriauto: 'EV' },
coefLabel: 'Profile factor', yourPriceLabel: 'Your price on this pattern', avgLabel: 'Exchange average',
cheaper: 'cheaper than average', pricier: 'pricier than average', about: 'close to average',
exampleNote: 'Example price and pattern. Your real factor is computed from your own 15-minute metered data.',
cta: 'See your real factor — start free',
deliveredH: 'The exchange price is only part of your bill',
deliveredP: 'If the exchange price halves, the bill does not halve. Exchange energy is only one part of the delivered price — the network fee, excise, renewable and security-of-supply fees and VAT are added on top. Example (Elektrilevi Võrk 1, 31.08.2026):',
deliveredRows: [['Electricity (exchange)', '22.53', '62%'], ['Network fee', '5.12', '14%'], ['Electricity excise', '0.21', '1%'], ['Renewable-energy fee', '0.84', '2%'], ['Security-of-supply fee', '0.76', '2%'], ['VAT (24%)', '7.07', '19%']],
deliveredTotal: ['Total', '36.53', ''], deliveredUnit: 'c/kWh',
deliveredFoot: 'Rates come from Gridea’s tariff engine — the same one that prices real invoices. The percentage is each part’s share of the total.',
guide: [
{ h: 'What the profile factor means', p: 'The profile factor shows how much more or less expensive your consumption is than the exchange average. A factor of 114% means you pay 14% more than the average because you consume in the pricier hours. A fixed offer can’t be compared against the raw exchange average — compare it against the average multiplied by your factor.' },
{ h: 'What moves the exchange price', p: 'Structurally, the Nordic price level is set by Norwegian reservoir fill against the long-run median for that week. Gridea tracks this in your account, with its date — low fill means upward pressure on the price.' },
{ h: 'This is measurement, not prediction', p: 'Gridea does not forecast the electricity price, nor advise which contract to sign. We show what your own data says and leave the decision to you.' },
],
faqH: 'Frequently asked questions',
faq: [
['Is the exchange or fixed price cheaper?', 'It depends on your consumption pattern. A flexible, night-heavy profile usually wins on the exchange price; a profile that consumes in expensive hours may prefer fixed. Gridea computes your real factor and shows which would have cost you less.'],
['What is the profile factor (capture rate)?', 'A ratio showing how far your consumption diverges from the exchange average — computed from your own 15-minute history. Examples from real supply points: 69.7%, 114.1% and 183.1%.'],
['Can I see my real number without an account?', 'No. Your real profile factor only exists once you connect your data in a Gridea account, because it’s computed from your own metered data. The chart above is an example pattern.'],
],
sourcesH: 'Sources',
sources: [['Elering — changes to the electricity bill 2026', 'https://elering.ee/muudatused-elektriarvel-alates-2026-aasta-algusest'], ['NVE — Norwegian reservoir levels', 'https://www.nve.no/']],
},
ru: {
eyebrow: 'Осознанный выбор', h1a: 'Заключайте договор', h1b: 'осознанно.',
sub: 'В разговоре с продавцом электроэнергии трудно понять, выгодную или дорогую цену он предлагает. Gridea делает картину ясной — по вашему собственному потреблению, а не по биржевому среднему.',
widgetIntro: 'Ваш профиль потребления — когда вы используете электричество — определяет, какую часть биржевой цены вы платите на самом деле. Нарисуйте свой типичный день ниже или выберите шаблон и смотрите, как меняется профильный коэффициент. Выше 100% — потребляете в дорогие часы, ниже 100% — в дешёвые.',
takeawayH: 'Что делать с этим числом на переговорах',
takeawayP: 'Когда продавец предлагает фиксированную цену, не сравнивайте её с биржевым средним — умножьте среднее на свой коэффициент и сравните предложение с этим числом. Так видно, выгодна ли цена именно для вашего потребления, и вы идёте на разговор с числом, а не с интуицией. Свой реальный коэффициент вы получите, подключив данные в аккаунте Gridea — пример шаблона — это не ваш.',
widgetTitle: 'Нарисуйте свой день потребления', widgetHint: 'Удерживайте и ведите по графику — или выберите готовый шаблон.',
priceLabel: 'Биржевая цена (пример дня)', consLabel: 'Ваше потребление', custom: 'Ваш шаблон',
presets: { kodu: 'Дом', kontor: 'Офис', soojuspump: 'Тепловой насос', suvekodu: 'Летний дом', elektriauto: 'Электромобиль' },
coefLabel: 'Профильный коэффициент', yourPriceLabel: 'Ваша цена на этом шаблоне', avgLabel: 'Биржевое среднее',
cheaper: 'дешевле среднего', pricier: 'дороже среднего', about: 'около среднего',
exampleNote: 'Пример цены и шаблона. Ваш реальный коэффициент рассчитывается из ваших 15-минутных данных.',
cta: 'Узнайте свой реальный коэффициент — начните бесплатно',
deliveredH: 'Биржевая цена — лишь часть вашего счёта',
deliveredP: 'Если биржевая цена падает вдвое, счёт вдвое не уменьшается. Биржевая энергия — лишь одна часть итоговой цены: добавляются сетевая плата, акциз, плата за возобновляемую энергию и надёжность снабжения, а также НДС. Пример (Elektrilevi Võrk 1, 31.08.2026):',
deliveredRows: [['Электроэнергия (биржа)', '22,53', '62%'], ['Сетевая плата', '5,12', '14%'], ['Акциз', '0,21', '1%'], ['Плата за ВИЭ', '0,84', '2%'], ['Плата за надёжность', '0,76', '2%'], ['НДС (24%)', '7,07', '19%']],
deliveredTotal: ['Итого', '36,53', ''], deliveredUnit: 'с/кВт·ч',
deliveredFoot: 'Ставки берутся из тарифного движка Gridea — того же, что рассчитывает реальные счета. Процент — доля каждой части в общем счёте.',
guide: [
{ h: 'Что означает профильный коэффициент', p: 'Профильный коэффициент показывает, насколько ваше потребление дороже или дешевле биржевого среднего. Коэффициент 114% означает, что вы платите на 14% больше среднего, потому что потребляете в дорогие часы. Фиксированное предложение нельзя сравнивать с биржевым средним — сравнивайте его со средним, умноженным на ваш коэффициент.' },
{ h: 'Что влияет на биржевую цену', p: 'Структурно уровень цен в Северных странах задаёт наполненность норвежских водохранилищ относительно долгосрочной медианы этой недели. Gridea отслеживает это в вашем аккаунте с датой — низкая наполненность означает давление на цену вверх.' },
{ h: 'Это измерение, а не прогноз', p: 'Gridea не прогнозирует цену на электроэнергию и не советует, какой контракт заключить. Мы показываем, что говорят ваши данные, и оставляем решение вам.' },
],
faqH: 'Частые вопросы',
faq: [
['Что дешевле — биржа или фиксированная цена?', 'Это зависит от вашего профиля потребления. Гибкий, ночной профиль обычно выигрывает на бирже; профиль с потреблением в дорогие часы может предпочесть фиксированную. Gridea рассчитывает ваш реальный коэффициент и показывает, что обошлось бы дешевле.'],
['Что такое профильный коэффициент (capture rate)?', 'Отношение, показывающее, насколько ваше потребление отклоняется от биржевого среднего — по вашей 15-минутной истории. Примеры из реальных точек учёта: 69,7%, 114,1% и 183,1%.'],
['Могу ли я увидеть своё реальное число без аккаунта?', 'Нет. Ваш реальный коэффициент появляется только когда вы подключаете данные в аккаунте Gridea, ведь он считается из ваших данных. График выше — пример шаблона.'],
],
sourcesH: 'Источники',
sources: [['Elering — изменения в счёте 2026', 'https://elering.ee/muudatused-elektriarvel-alates-2026-aasta-algusest'], ['NVE — уровни водохранилищ Норвегии', 'https://www.nve.no/']],
},
};
function CaptureRateWidget({ T, go }) {
const [cons, setCons] = React.useState(CAP_PRESETS.kodu.slice());
const [active, setActive] = React.useState('kodu');
const drawing = React.useRef(false);
const svgRef = React.useRef(null);
const sumC = cons.reduce((a, b) => a + b, 0) || 1;
const weighted = cons.reduce((a, b, i) => a + b * CAP_PRICE[i], 0) / sumC; // €/MWh this pattern pays
const avgP = CAP_REF_AVG;
const coef = weighted / avgP;
const coefPct = Math.round(coef * 100);
const yourPrice = Math.round(weighted);
const rel = coef > 1.03 ? 'pricier' : (coef < 0.97 ? 'cheaper' : 'about');
const W = 480, H = 200, PAD = 8;
const paint = (clientX, clientY) => {
const svg = svgRef.current; if (!svg) return;
const r = svg.getBoundingClientRect();
const x = (clientX - r.left) / r.width;
const y = (clientY - r.top) / r.height;
const idx = Math.min(CAP_N - 1, Math.max(0, Math.floor(x * CAP_N)));
const val = Math.min(1, Math.max(0.02, 1 - y));
setCons((prev) => {
const n = prev.slice();
n[idx] = val;
if (idx > 0) n[idx - 1] = (n[idx - 1] + val) / 2;
if (idx < CAP_N - 1) n[idx + 1] = (n[idx + 1] + val) / 2;
return n;
});
setActive('custom');
};
const down = (e) => { drawing.current = true; e.currentTarget.setPointerCapture && e.currentTarget.setPointerCapture(e.pointerId); paint(e.clientX, e.clientY); };
const move = (e) => { if (drawing.current) paint(e.clientX, e.clientY); };
const up = () => { drawing.current = false; };
// paths
const maxP = Math.max.apply(null, CAP_PRICE);
const px = (i) => PAD + (i / (CAP_N - 1)) * (W - 2 * PAD);
const priceY = (v) => PAD + (1 - v / maxP) * (H - 2 * PAD);
const consY = (v) => PAD + (1 - v) * (H - 2 * PAD);
const priceLine = CAP_PRICE.map((v, i) => `${i ? 'L' : 'M'}${px(i).toFixed(1)},${priceY(v).toFixed(1)}`).join(' ');
const consArea = `M${px(0).toFixed(1)},${(H - PAD).toFixed(1)} ` + cons.map((v, i) => `L${px(i).toFixed(1)},${consY(v).toFixed(1)}`).join(' ') + ` L${px(CAP_N - 1).toFixed(1)},${(H - PAD).toFixed(1)} Z`;
return (