@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/divider/Divider.js

@@ -5,7 +5,6 @@ import { Platform, View } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
 import { Text } from "../typography/Typography.js";
 import { borderRadius } from "../styles/tokens.js";
-import { resolveButtonRamps } from "../button/shared.js";
 
 /**
  * The divider, with its colours built from Bloom's theme through the
@@ -22,17 +21,11 @@ import { resolveButtonRamps } from "../button/shared.js";
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function resolveDividerPalette(theme) {
-  const {
-    neutral: n
-  } = resolveButtonRamps(theme);
-  return theme.isDark ? {
-    line: n[800],
-    fill: n[900],
-    label: n[500]
-  } : {
-    line: n[200],
-    fill: n[100],
-    label: n[500]
+  const c = theme.colors;
+  return {
+    line: c.borderLight,
+    fill: c.backgroundSecondary,
+    label: c.textSecondary
   };
 }
 const JUSTIFY = {

package/lib/module/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","Platform","View","useTheme","Text","borderRadius","resolveButtonRamps","jsx","_jsx","jsxs","_jsxs","resolveDividerPalette","theme","neutral","n","isDark","line","fill","label","JUSTIFY","start","center","end","IS_WEB","OS","DividerComponent","variant","align","children","contentStyle","textStyle","color","thickness","vertical","spacing","style","testID","palette","hasContent","undefined","role","width","alignSelf","backgroundColor","marginHorizontal","shape","height","borderTopWidth","borderBottomWidth","borderTopColor","borderBottomColor","full","marginVertical","container","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","lineStyle","minWidth","flex","showLeadingLine","showTrailingLine","flexDirection","alignItems","justifyContent","flexShrink","Divider","displayName"],"sourceRoot":"../../../src","sources":["divider/Divider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useMemo","Platform","View","useTheme","Text","borderRadius","jsx","_jsx","jsxs","_jsxs","resolveDividerPalette","theme","c","colors","line","borderLight","fill","backgroundSecondary","label","textSecondary","JUSTIFY","start","center","end","IS_WEB","OS","DividerComponent","variant","align","children","contentStyle","textStyle","color","thickness","vertical","spacing","style","testID","palette","hasContent","undefined","role","width","alignSelf","backgroundColor","marginHorizontal","shape","height","borderTopWidth","borderBottomWidth","borderTopColor","borderBottomColor","full","marginVertical","container","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","lineStyle","minWidth","flex","showLeadingLine","showTrailingLine","flexDirection","alignItems","justifyContent","flexShrink","Divider","displayName"],"sourceRoot":"../../../src","sources":["divider/Divider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/earnings/EarningsBreakdown.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { PriceSummary } from "../price-breakdown/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { EARNINGS_LABELS } from "./constants.js";
+import { resolveEarningsPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What the period's money came from, by kind.
+ *
+ * It is `price-breakdown`'s `PriceSummary` under a heading, and that is the
+ * whole component. A courier's earnings are an ITEMISATION — jobs, tips,
+ * bonuses, adjustments, each a label and an amount the app formatted — which is
+ * the same object as a fare's itemisation seen from the other side. Writing a
+ * second list of label-and-amount rows here would give Bloom two answers to one
+ * question, and only one of them would know about `estimated`, `pending`, the
+ * discount tone and the info popover.
+ *
+ *   heading  `body-semibold`, 8 over the list; omitted with `title={null}`
+ *   lines    `PriceSummary`, which owns the rows, the rule and the total
+ *
+ * **NO TOTAL BY DEFAULT.** Inside `EarningsSummary` the figure above already IS
+ * the total, and a second one under the list is the same number twice. Pass
+ * `total` when the breakdown stands on its own.
+ */
+function EarningsBreakdownComponent({
+  lines,
+  total,
+  title,
+  collapsible = false,
+  defaultExpanded = false,
+  labels: labelOverrides,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveEarningsPaint(theme, surface), [theme, surface]);
+  const labels = useMemo(() => ({
+    ...EARNINGS_LABELS,
+    ...labelOverrides
+  }), [labelOverrides]);
+  const heading = title === undefined ? labels.breakdown : title;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [heading ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      role: "heading",
+      "aria-level": 3,
+      style: {
+        color: paint.text
+      },
+      testID: testID ? `${testID}-title` : undefined,
+      children: heading
+    }) : null, /*#__PURE__*/_jsx(PriceSummary, {
+      lines: lines,
+      total: total,
+      collapsible: collapsible,
+      defaultExpanded: defaultExpanded,
+      accessibilityLabel: accessibilityLabel ?? heading ?? labels.breakdown,
+      testID: testID ? `${testID}-lines` : undefined
+    })]
+  });
+}
+export const EarningsBreakdown = /*#__PURE__*/memo(EarningsBreakdownComponent);
+EarningsBreakdown.displayName = 'EarningsBreakdown';
+//# sourceMappingURL=EarningsBreakdown.js.map

package/lib/module/earnings/EarningsBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","PriceSummary","useSurfaceFill","useTheme","Text","EARNINGS_LABELS","resolveEarningsPaint","jsx","_jsx","jsxs","_jsxs","EarningsBreakdownComponent","lines","total","title","collapsible","defaultExpanded","labels","labelOverrides","accessibilityLabel","style","testID","theme","surface","paint","heading","undefined","breakdown","gap","children","variant","role","color","text","EarningsBreakdown","displayName"],"sourceRoot":"../../../src","sources":["earnings/EarningsBreakdown.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,YAAY,QAAQ,6BAAoB;AACjD,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,eAAe,QAAQ,gBAAa;AAC7C,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,0BAA0BA,CAAC;EAClCC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,KAAK;EACvBC,MAAM,EAAEC,cAAc;EACtBC,kBAAkB;EAClBC,KAAK;EACLC;AACsB,CAAC,EAAE;EACzB,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,OAAO,GAAGrB,cAAc,CAAC,CAAC;EAChC,MAAMsB,KAAK,GAAGzB,OAAO,CAAC,MAAMO,oBAAoB,CAACgB,KAAK,EAAEC,OAAO,CAAC,EAAE,CAACD,KAAK,EAAEC,OAAO,CAAC,CAAC;EACnF,MAAMN,MAAM,GAAGlB,OAAO,CAAC,OAAO;IAAE,GAAGM,eAAe;IAAE,GAAGa;EAAe,CAAC,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAC3F,MAAMO,OAAO,GAAGX,KAAK,KAAKY,SAAS,GAAGT,MAAM,CAACU,SAAS,GAAGb,KAAK;EAE9D,oBACEJ,KAAA,CAACV,IAAI;IAACoB,KAAK,EAAE,CAAC;MAAEQ,GAAG,EAAE;IAAE,CAAC,EAAER,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAQ,QAAA,GAC9CJ,OAAO,gBACNjB,IAAA,CAACJ,IAAI;MACH0B,OAAO,EAAC,eAAe;MACvBC,IAAI,EAAC,SAAS;MACd,cAAY,CAAE;MACdX,KAAK,EAAE;QAAEY,KAAK,EAAER,KAAK,CAACS;MAAK,CAAE;MAC7BZ,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGK,SAAU;MAAAG,QAAA,EAE9CJ;IAAO,CACJ,CAAC,GACL,IAAI,eACRjB,IAAA,CAACP,YAAY;MACXW,KAAK,EAAEA,KAAM;MACbC,KAAK,EAAEA,KAAM;MACbE,WAAW,EAAEA,WAAY;MACzBC,eAAe,EAAEA,eAAgB;MACjCG,kBAAkB,EAAEA,kBAAkB,IAAIM,OAAO,IAAIR,MAAM,CAACU,SAAU;MACtEN,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGK;IAAU,CAChD,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,OAAO,MAAMQ,iBAAiB,gBAAGpC,IAAI,CAACa,0BAA0B,CAAC;AACjEuB,iBAAiB,CAACC,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/module/earnings/EarningsPayoutRow.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { RiBankCardLine } from "../icons/remix/RiBankCardLine.js";
+import { Item } from "../item/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { EARNINGS_GEOMETRY, EARNINGS_LABELS, EARNINGS_PAYOUT_TONE } from "./constants.js";
+import { joinEarningsName, resolveEarningsPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TABULAR = {
+  fontVariant: ['tabular-nums']
+};
+
+/**
+ * The money that is on its way, and what is holding it up.
+ *
+ * It is an `Item`, not a card: a payout is a ROW in a panel, and `item` already
+ * owns the press target, the density, the leading and trailing slots and the
+ * disabled wash. What this component decides is what goes in the three slots.
+ *
+ *   leading   a 40 glyph tile at the panel's next fill up
+ *   content   the title over the date and the destination
+ *   trailing  the amount at `headline-semibold` in tabular figures, with the
+ *             state `Badge` under it
+ *   note      under the row, and ONLY for `held` and `failed` — the two states
+ *             that ask the reader to do something. A note on a scheduled payout
+ *             is a sentence nobody has to read.
+ *
+ * **THE STATE IS SAID IN WORDS, NOT ONLY IN COLOUR.** The badge carries the
+ * word; the tone is a second channel on top of it, so the row survives a reader
+ * who cannot tell the warning tint from the neutral one.
+ */
+function EarningsPayoutRowComponent({
+  payout,
+  title,
+  onPress,
+  action,
+  labels: labelOverrides,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveEarningsPaint(theme, surface), [theme, surface]);
+  const labels = useMemo(() => ({
+    ...EARNINGS_LABELS,
+    ...labelOverrides,
+    payoutState: {
+      ...EARNINGS_LABELS.payoutState,
+      ...labelOverrides?.payoutState
+    }
+  }), [labelOverrides]);
+  const state = payout.state ?? 'scheduled';
+  const stateWord = labels.payoutState[state];
+  const heading = title ?? labels.payout;
+  const needsAction = state === 'held' || state === 'failed';
+  const noteTone = resolveAccentColors(theme.colors, EARNINGS_PAYOUT_TONE[state], 'subtle');
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const name = accessibilityLabel ?? joinEarningsName([heading, payout.amount, payout.date, stateWord, payout.destination]);
+  return (
+    /*#__PURE__*/
+    // A `group`, not a bare column: `Item`'s non-pressable branch is
+    // `role="none"`, on which an `aria-label` is not exposed at all — so the
+    // composed name has to hang off something ARIA will read it from.
+    _jsxs(View, {
+      role: "group",
+      accessibilityLabel: name,
+      style: style,
+      testID: testID,
+      children: [/*#__PURE__*/_jsx(Item, {
+        onPress: onPress,
+        accessibilityLabel: onPress ? name : undefined,
+        leading: /*#__PURE__*/_jsx(View, {
+          "aria-hidden": true,
+          style: {
+            width: EARNINGS_GEOMETRY.glyph,
+            height: EARNINGS_GEOMETRY.glyph,
+            borderRadius: EARNINGS_GEOMETRY.glyphRadius,
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: paint.tile
+          },
+          testID: id('glyph'),
+          children: /*#__PURE__*/_jsx(RiBankCardLine, {
+            width: 20,
+            height: 20,
+            fill: paint.tileText.textSecondary
+          })
+        }),
+        title: heading,
+        subtitle: joinEarningsName([payout.date, payout.destination], ' · '),
+        trailing: /*#__PURE__*/_jsxs(View, {
+          style: {
+            alignItems: 'flex-end',
+            gap: 4
+          },
+          testID: id('amount'),
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "headline-semibold",
+            numberOfLines: 1,
+            style: [{
+              color: paint.text
+            }, TABULAR],
+            testID: id('amount-text'),
+            children: payout.amount
+          }), /*#__PURE__*/_jsx(Badge, {
+            content: stateWord,
+            variant: "subtle",
+            color: EARNINGS_PAYOUT_TONE[state],
+            size: "label-small",
+            testID: id('state')
+          })]
+        }),
+        testID: id('row')
+      }), payout.note && needsAction ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: noteTone.foreground,
+          paddingLeft: 12,
+          paddingRight: 12
+        },
+        testID: id('note'),
+        children: payout.note
+      }) : null, action ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          paddingLeft: 12,
+          paddingTop: 8
+        },
+        testID: id('action'),
+        children: action
+      }) : null]
+    })
+  );
+}
+export const EarningsPayoutRow = /*#__PURE__*/memo(EarningsPayoutRowComponent);
+EarningsPayoutRow.displayName = 'EarningsPayoutRow';
+//# sourceMappingURL=EarningsPayoutRow.js.map

package/lib/module/earnings/EarningsPayoutRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Badge","RiBankCardLine","Item","useSurfaceFill","resolveAccentColors","useTheme","Text","EARNINGS_GEOMETRY","EARNINGS_LABELS","EARNINGS_PAYOUT_TONE","joinEarningsName","resolveEarningsPaint","jsx","_jsx","jsxs","_jsxs","TABULAR","fontVariant","EarningsPayoutRowComponent","payout","title","onPress","action","labels","labelOverrides","accessibilityLabel","style","testID","theme","surface","paint","payoutState","state","stateWord","heading","needsAction","noteTone","colors","id","part","undefined","name","amount","date","destination","role","children","leading","width","glyph","height","borderRadius","glyphRadius","alignItems","justifyContent","backgroundColor","tile","fill","tileText","textSecondary","subtitle","trailing","gap","variant","numberOfLines","color","text","content","size","note","foreground","paddingLeft","paddingRight","flexDirection","paddingTop","EarningsPayoutRow","displayName"],"sourceRoot":"../../../src","sources":["earnings/EarningsPayoutRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/earnings/EarningsSummary.js

@@ -0,0 +1,272 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { EarningsChartCard } from "../chart-cards/index.js";
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { SurfaceLevelProvider, useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { EARNINGS_GEOMETRY, EARNINGS_LABELS } from "./constants.js";
+import { EarningsBreakdown } from "./EarningsBreakdown.js";
+import { EarningsPayoutRow } from "./EarningsPayoutRow.js";
+import { earningsHeadline, earningsHeadlineLabel, resolveEarningsPaint, resolveEarningsPeriod } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What the work paid, for one period.
+ *
+ *   chart      `chart-cards`' `EarningsChartCard`, which already OWNS the
+ *              figure, the delta chip, the period switch and the bars
+ *   tiles      the period's readings, in `ai-profile-card`'s tile: the value
+ *              over its label. One row from 640, two columns below
+ *   breakdown  `EarningsBreakdown` — `price-breakdown`'s itemisation, by kind
+ *   payout     `EarningsPayoutRow` — an `item` row with the amount, the date
+ *              and the state
+ *
+ * ## Why this is built AROUND the chart card rather than beside it
+ *
+ * `EarningsChartCard` is already four of the five things a courier's earnings
+ * screen needs: the period's figure, the change on the period before, the
+ * Day / Week / Month switch and the bars of the last weeks. Drawing a second
+ * figure and a second switch above it would have put two of everything on one
+ * panel. So this family draws NONE of that — it hands the chart card the
+ * period's data and adds the three things the chart card has no opinion about:
+ * where the money came from, what the period's other readings were, and when
+ * it reaches the bank.
+ *
+ * ## The money is never computed, and the headline is the proof
+ *
+ * `EarningsChartCard` formats its headline from a NUMBER, which is exactly what
+ * this family must not do. So the headline is CHOSEN, not produced: this
+ * component owns the chart's active index, and `format` returns the period's
+ * own `total` at rest and the hovered bar's own `amount` over a bar — both
+ * strings the app formatted. A bar's `value` is geometry and is never drawn.
+ *
+ * Two consequences, both deliberate:
+ *
+ *  - **The headline does not roll.** `ChartHeadline` counts a number up over
+ *    320ms; a pre-formatted amount has nothing to count. The 220ms fade still
+ *    plays, so the change is still visible.
+ *  - **The Y axis prints a number.** A tick is a position on a scale the chart
+ *    chose, not a sum the app made, so no string exists for it to have
+ *    formatted. The default prints the rounded number with no currency;
+ *    `formatAxisValue` is where an app puts its own.
+ *
+ * **A jest test cannot see the hover.** The plot surface that carries the
+ * pointer handlers only exists after `onLayout`, which jsdom never fires —
+ * gutting `setActiveIndex` to a no-op leaves `Earnings.test.tsx` green. The
+ * choice itself (`earningsHeadline`) is pure and pinned there; that the panel
+ * owns the active bar is pinned in `scripts/verify-earnings-headline.mjs`.
+ *
+ * ## The period is controlled here, and the chart is remounted to follow it
+ *
+ * `useChartRange` inside `chart-cards` is uncontrolled — it has a `defaultRange`
+ * and no `range` — so a period changed from OUTSIDE cannot reach the chart's own
+ * segmented control. The chart is therefore keyed on the period id: an external
+ * change remounts it with the new default rather than letting the switch and the
+ * panel disagree. The cost is that the bars grow in again instead of morphing.
+ */
+
+/** The axis's last resort: a number, rounded, with nobody's currency on it. */
+const roundedAxisValue = value => String(Math.round(value));
+function EarningsSummaryComponent({
+  periods,
+  period: periodProp,
+  defaultPeriod,
+  onPeriodChange,
+  payout,
+  onPressPayout,
+  payoutAction,
+  formatAxisValue = roundedAxisValue,
+  chartHeight,
+  breakdown,
+  stats,
+  labels: labelOverrides,
+  accessibilityLabel = 'Earnings',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveEarningsPaint(theme, surface), [theme, surface]);
+  const labels = useMemo(() => ({
+    ...EARNINGS_LABELS,
+    ...labelOverrides,
+    payoutState: {
+      ...EARNINGS_LABELS.payoutState,
+      ...labelOverrides?.payoutState
+    }
+  }), [labelOverrides]);
+  const [periodId, setPeriodId] = useControllableState({
+    value: periodProp,
+    defaultValue: defaultPeriod ?? periods[0]?.id ?? '',
+    onChange: onPeriodChange
+  });
+  const current = resolveEarningsPeriod(periods, periodId);
+
+  // The chart's active bar is OWNED here: the headline has to be able to say
+  // which amount it is showing, and only this component knows the strings.
+  const [activeIndex, setActiveIndex] = useState(null);
+  const changePeriod = useCallback(id => {
+    setActiveIndex(null);
+    setPeriodId(id);
+  }, [setPeriodId]);
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const wide = width === null || width >= EARNINGS_GEOMETRY.narrowWidth;
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const bars = current?.bars;
+  const total = current?.total ?? '';
+  const chartData = useMemo(() => (bars ?? []).map(bar => ({
+    label: bar.label,
+    value: bar.value
+  })), [bars]);
+  const ranges = useMemo(() => periods.map(entry => ({
+    id: entry.id,
+    label: entry.label
+  })), [periods]);
+
+  // Both are CHOSEN from strings the app formatted, never produced from a
+  // number: `format` ignores the value the count-up hands it on purpose.
+  const headlineText = earningsHeadline(total, bars, activeIndex);
+  const headlineLabel = earningsHeadlineLabel(labels.earned, bars, activeIndex);
+  const format = useCallback(() => headlineText, [headlineText]);
+  const periodStats = current?.stats ?? [];
+  const showStats = (stats ?? true) && periodStats.length > 0;
+  const periodLines = current?.lines ?? [];
+  const showBreakdown = (breakdown ?? true) && periodLines.length > 0;
+  const shownPayout = current?.payout ?? payout;
+  const tileRows = [];
+  if (wide) {
+    if (periodStats.length > 0) tileRows.push(periodStats.map((_unused, index) => index));
+  } else {
+    for (let i = 0; i < periodStats.length; i += 2) tileRows.push(i + 1 < periodStats.length ? [i, i + 1] : [i]);
+  }
+  return /*#__PURE__*/_jsx(SurfaceLevelProvider, {
+    level: 0,
+    fill: paint.surface,
+    children: /*#__PURE__*/_jsxs(View, {
+      onLayout: onLayout,
+      role: "group",
+      accessibilityLabel: accessibilityLabel,
+      style: [{
+        gap: EARNINGS_GEOMETRY.gap
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/_jsx(EarningsChartCard, {
+        title: headlineLabel,
+        data: chartData
+        // The figure is a string, so the number behind it only has to be
+        // STABLE — the fade replays on the period and the bar, not on it.
+        ,
+        headline: 0,
+        delta: current?.deltaRatio,
+        ranges: ranges.length > 1 ? ranges : undefined,
+        defaultRange: periodId,
+        onRangeChange: changePeriod,
+        rangesLabel: labels.period,
+        format: format,
+        formatAxisValue: formatAxisValue,
+        activeIndex: activeIndex,
+        onActiveIndexChange: setActiveIndex,
+        accessibilityLabel: labels.chart(current?.label ?? ''),
+        style: chartHeight === undefined ? undefined : {
+          height: chartHeight
+        },
+        testID: id('chart')
+      }, periodId), current?.caption ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        testID: id('caption'),
+        children: current.caption
+      }) : null, showStats ? /*#__PURE__*/_jsx(View, {
+        style: {
+          gap: EARNINGS_GEOMETRY.tileGap
+        },
+        testID: id('stats'),
+        children: tileRows.map(row => /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'stretch',
+            gap: EARNINGS_GEOMETRY.tileGap
+          },
+          children: [row.map(index => {
+            const stat = periodStats[index];
+            return /*#__PURE__*/_jsxs(View, {
+              style: [styles.tile, {
+                backgroundColor: paint.tile
+              }],
+              testID: id(`stat-${index}`),
+              children: [/*#__PURE__*/_jsx(Text, {
+                variant: "body-medium",
+                numberOfLines: 1,
+                style: {
+                  width: '100%',
+                  color: paint.tileText.text
+                },
+                children: stat.value
+              }), /*#__PURE__*/_jsx(Text, {
+                variant: "body-2-medium",
+                numberOfLines: 1,
+                style: {
+                  width: '100%',
+                  color: paint.tileText.textSecondary
+                },
+                children: stat.label
+              })]
+            }, `${index}-${stat.label}`);
+          }), !wide && row.length === 1 ? /*#__PURE__*/_jsx(View, {
+            style: styles.tileSpacer
+          }) : null]
+        }, `stat-row-${row[0]}`))
+      }) : null, showBreakdown ? /*#__PURE__*/_jsx(EarningsBreakdown, {
+        lines: periodLines,
+        title: labels.breakdown,
+        labels: labelOverrides,
+        testID: id('breakdown')
+      }) : null, shownPayout ? /*#__PURE__*/_jsx(EarningsPayoutRow, {
+        payout: shownPayout,
+        title: labels.payout,
+        onPress: onPressPayout,
+        action: payoutAction,
+        labels: labelOverrides,
+        testID: id('payout')
+      }) : null, !showStats && !showBreakdown && shownPayout === undefined ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        style: {
+          color: paint.textSecondary
+        },
+        testID: id('empty'),
+        children: labels.empty
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  tile: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: 0,
+    alignItems: 'flex-start',
+    borderRadius: EARNINGS_GEOMETRY.tileRadius,
+    paddingTop: EARNINGS_GEOMETRY.tilePadding,
+    paddingBottom: EARNINGS_GEOMETRY.tilePadding,
+    paddingLeft: EARNINGS_GEOMETRY.tilePadding,
+    paddingRight: EARNINGS_GEOMETRY.tilePadding
+  },
+  tileSpacer: {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: 0
+  }
+});
+export const EarningsSummary = /*#__PURE__*/memo(EarningsSummaryComponent);
+EarningsSummary.displayName = 'EarningsSummary';
+//# sourceMappingURL=EarningsSummary.js.map

package/lib/module/earnings/EarningsSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","StyleSheet","View","EarningsChartCard","useContainerWidth","useControllableState","SurfaceLevelProvider","useSurfaceFill","useTheme","Text","EARNINGS_GEOMETRY","EARNINGS_LABELS","EarningsBreakdown","EarningsPayoutRow","earningsHeadline","earningsHeadlineLabel","resolveEarningsPaint","resolveEarningsPeriod","jsx","_jsx","jsxs","_jsxs","roundedAxisValue","value","String","Math","round","EarningsSummaryComponent","periods","period","periodProp","defaultPeriod","onPeriodChange","payout","onPressPayout","payoutAction","formatAxisValue","chartHeight","breakdown","stats","labels","labelOverrides","accessibilityLabel","style","testID","theme","surface","paint","payoutState","periodId","setPeriodId","defaultValue","id","onChange","current","activeIndex","setActiveIndex","changePeriod","width","onLayout","wide","narrowWidth","part","undefined","bars","total","chartData","map","bar","label","ranges","entry","headlineText","headlineLabel","earned","format","periodStats","showStats","length","periodLines","lines","showBreakdown","shownPayout","tileRows","push","_unused","index","i","level","fill","children","role","gap","title","data","headline","delta","deltaRatio","defaultRange","onRangeChange","rangesLabel","onActiveIndexChange","chart","height","caption","variant","color","textSecondary","tileGap","row","flexDirection","alignItems","stat","styles","tile","backgroundColor","numberOfLines","tileText","text","tileSpacer","onPress","action","empty","create","flexGrow","flexShrink","flexBasis","minWidth","borderRadius","tileRadius","paddingTop","tilePadding","paddingBottom","paddingLeft","paddingRight","EarningsSummary","displayName"],"sourceRoot":"../../../src","sources":["earnings/EarningsSummary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/earnings/constants.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { RADIUS } from "../design-tokens/scales.js";
+/** Every default word the family draws. */
+export const EARNINGS_LABELS = {
+  earned: 'Earned',
+  period: 'Earnings period',
+  breakdown: 'What it came from',
+  payout: 'Next payout',
+  payoutState: {
+    scheduled: 'Scheduled',
+    processing: 'On its way',
+    paid: 'Paid',
+    held: 'On hold',
+    failed: 'Failed'
+  },
+  chart: label => `${label} earnings, by period`,
+  empty: 'Nothing earned yet'
+};
+
+/**
+ * The tone each payout state is painted in.
+ *
+ * `scheduled` is `default` because waiting is not news. `processing` is `info`:
+ * something is happening and there is nothing to do about it. `paid` is
+ * `success`. `held` is `warning` and `failed` is `error` — the two that need
+ * the reader to act, told apart by whether the money is still coming.
+ */
+export const EARNINGS_PAYOUT_TONE = {
+  scheduled: 'default',
+  processing: 'info',
+  paid: 'success',
+  held: 'warning',
+  failed: 'error'
+};
+
+/**
+ * The panel's geometry.
+ *
+ * `tile` is `ai-profile-card`'s stat tile exactly — radius 10, padding 10, the
+ * reading over its label — because a courier's "18 jobs" and a profile's
+ * "9B lifetime tokens" are the same object, and two tile geometries in one
+ * library is two answers to one question.
+ */
+export const EARNINGS_GEOMETRY = {
+  /** Between the chart, the tiles, the breakdown and the payout. */
+  gap: 16,
+  /** Between tiles, and between tile rows. */
+  tileGap: 8,
+  tilePadding: 10,
+  tileRadius: 10,
+  /** The payout row's leading glyph tile. */
+  glyph: 40,
+  glyphRadius: RADIUS['radius-12'],
+  /** Under this the tiles stack two to a row. */
+  narrowWidth: 640
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/earnings/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RADIUS","EARNINGS_LABELS","earned","period","breakdown","payout","payoutState","scheduled","processing","paid","held","failed","chart","label","empty","EARNINGS_PAYOUT_TONE","EARNINGS_GEOMETRY","gap","tileGap","tilePadding","tileRadius","glyph","glyphRadius","narrowWidth"],"sourceRoot":"../../../src","sources":["earnings/constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAAyB;AAIhD;AACA,OAAO,MAAMC,eAEZ,GAAG;EACFC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,iBAAiB;EACzBC,SAAS,EAAE,mBAAmB;EAC9BC,MAAM,EAAE,aAAa;EACrBC,WAAW,EAAE;IACXC,SAAS,EAAE,WAAW;IACtBC,UAAU,EAAE,YAAY;IACxBC,IAAI,EAAE,MAAM;IACZC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAGC,KAAa,IAAK,GAAGA,KAAK,sBAAsB;EACxDC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAA6D,GAAG;EAC3ER,SAAS,EAAE,SAAS;EACpBC,UAAU,EAAE,MAAM;EAClBC,IAAI,EAAE,SAAS;EACfC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,iBAAiB,GAAG;EAC/B;EACAC,GAAG,EAAE,EAAE;EACP;EACAC,OAAO,EAAE,CAAC;EACVC,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE,EAAE;EACd;EACAC,KAAK,EAAE,EAAE;EACTC,WAAW,EAAEtB,MAAM,CAAC,WAAW,CAAC;EAChC;EACAuB,WAAW,EAAE;AACf,CAAU","ignoreList":[]}