summaryrefslogtreecommitdiff
path: root/frontend/components/prism/DcfResults.tsx
blob: 062f041ff197a211672f0c38e2e24f79e80a598d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
"use client";

import { fmtCurrency, fmtLarge, fmtPct } from "@/lib/format";
import type { DcfComputed } from "@/lib/dcf";
import type { DcfResult } from "@/types/api";

type Props = {
  dcf: DcfResult;
  computed: DcfComputed | { error: string } | null;
  livePrice: number | null;
  sharesOutstanding: number | null;
  currency: string;
};

export function DcfResults({ dcf, computed, livePrice, sharesOutstanding, currency }: Props) {
  return (
    <div className="psm-val-dcf-results">
      <div className="psm-val-dcf-col-label">Results</div>

      {computed && "error" in computed ? (
        <p className="psm-val-dcf-error">{computed.error}</p>
      ) : (
        <>
          <div className="psm-val-kv-list">
            <div className="psm-val-kv-row">
              <span className="psm-val-kv-label">Base FCF (TTM)</span>
              <span className="psm-val-kv-val">
                {dcf.base_fcf != null ? fmtLarge(dcf.base_fcf, currency) : "—"}
              </span>
            </div>
            <div className="psm-val-kv-row">
              <span className="psm-val-kv-label">Historical growth</span>
              <span className="psm-val-kv-val">
                {dcf.growth_rate_used != null ? fmtPct(dcf.growth_rate_used) : "—"}
              </span>
            </div>
            <div className="psm-val-kv-row is-divider">
              <span className="psm-val-kv-label">FCF PV Sum</span>
              <span className="psm-val-kv-val">
                {computed ? fmtLarge(computed.fcfPvSum, currency) : "—"}
              </span>
            </div>
            <div className="psm-val-kv-row">
              <span className="psm-val-kv-label">Terminal Value PV</span>
              <span className="psm-val-kv-val">
                {computed ? fmtLarge(computed.terminalValuePv, currency) : "—"}
              </span>
            </div>
            <div className="psm-val-kv-row">
              <span className="psm-val-kv-label">Enterprise Value</span>
              <span className="psm-val-kv-val">
                {computed ? fmtLarge(computed.enterpriseValue, currency) : "—"}
              </span>
            </div>
            <div className="psm-val-kv-row is-total">
              <span className="psm-val-kv-label">Net Debt</span>
              <span className="psm-val-kv-val">
                {dcf.net_debt != null ? fmtLarge(dcf.net_debt, currency) : "—"}
              </span>
            </div>
          </div>
          <div className="psm-val-intrinsic">
            <span className="psm-val-intrinsic-label">Intrinsic Value</span>
            <span className={`psm-val-intrinsic-price${livePrice != null && livePrice < 0 ? " invalid" : ""}`}>
              {livePrice != null && livePrice < 0
                ? "Invalid assumptions"
                : livePrice != null
                  ? fmtCurrency(livePrice, 2, currency)
                  : "—"}
            </span>
            {sharesOutstanding != null && (
              <span className="psm-val-intrinsic-shares">
                {fmtLarge(sharesOutstanding, currency)} shares
              </span>
            )}
          </div>
        </>
      )}
    </div>
  );
}