@oxy.so/bloom 4.0.0 → 4.1.0

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":[]}

package/lib/module/earnings/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { EarningsBreakdown } from "./EarningsBreakdown.js";
+export { EarningsPayoutRow } from "./EarningsPayoutRow.js";
+export { EarningsSummary } from "./EarningsSummary.js";
+export { EARNINGS_GEOMETRY, EARNINGS_LABELS, EARNINGS_PAYOUT_TONE } from "./constants.js";
+export { earningsHeadline, earningsHeadlineLabel, joinEarningsName, resolveEarningsPaint, resolveEarningsPeriod } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["EarningsBreakdown","EarningsPayoutRow","EarningsSummary","EARNINGS_GEOMETRY","EARNINGS_LABELS","EARNINGS_PAYOUT_TONE","earningsHeadline","earningsHeadlineLabel","joinEarningsName","resolveEarningsPaint","resolveEarningsPeriod"],"sourceRoot":"../../../src","sources":["earnings/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,iBAAiB,EAAEC,eAAe,EAAEC,oBAAoB,QAAQ,gBAAa;AAEtF,SACEC,gBAAgB,EAChBC,qBAAqB,EACrBC,gBAAgB,EAChBC,oBAAoB,EACpBC,qBAAqB,QAChB,aAAU","ignoreList":[]}

package/lib/module/earnings/shared.js

@@ -0,0 +1,63 @@
+"use strict";
+
+/**
+ * What the earnings panel paints, and the two pure decisions it is built on.
+ *
+ * The paint is RELATIVE for the reason every family here computes one the same
+ * way: the panel is on a page, in a sheet and inside a card, and a ramp stop
+ * picked here would be right for one of them and invisible on the others.
+ */
+import { hairlineOn, surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+export function resolveEarningsPaint(theme, surface) {
+  const text = surfaceTextOn(theme, surface);
+  const tile = surfaceFillOn(theme, surface);
+  return {
+    surface,
+    hairline: hairlineOn(theme, surface),
+    tile,
+    text: text.text,
+    textSecondary: text.textSecondary,
+    textTertiary: text.textTertiary,
+    tileText: surfaceTextOn(theme, tile)
+  };
+}
+
+/**
+ * The period the panel is showing, by id.
+ *
+ * An id that names no period falls back to the FIRST rather than to nothing: a
+ * panel with a stale id in its state would otherwise draw an empty figure, and
+ * an empty figure reads as "you earned nothing" rather than as "this app asked
+ * for a period that is not on the list".
+ */
+export function resolveEarningsPeriod(periods, id) {
+  return periods.find(period => period.id === id) ?? periods[0];
+}
+
+/**
+ * What the chart's headline says, given which bar the reader is on.
+ *
+ * THE HEADLINE IS NEVER COMPUTED. At rest it is the period's own `total`; over
+ * a bar it is that bar's own `amount`. Both are strings the app formatted, so
+ * this function chooses between two answers rather than producing one — which
+ * is the whole of what "money arrives pre-formatted" means here.
+ *
+ * An index outside the bars is treated as no index: an active index that
+ * outlived its data must not read a hole.
+ */
+export function earningsHeadline(total, bars, activeIndex) {
+  if (activeIndex === null || bars === undefined) return total;
+  return bars[activeIndex]?.amount ?? total;
+}
+
+/** The label over the headline: the period's own name, or the bar the reader is on. */
+export function earningsHeadlineLabel(rest, bars, activeIndex) {
+  if (activeIndex === null || bars === undefined) return rest;
+  return bars[activeIndex]?.label ?? rest;
+}
+
+/** Joins the non-empty parts of an accessible name. */
+export function joinEarningsName(parts, separator = ', ') {
+  return parts.filter(part => typeof part === 'string' && part !== '').join(separator);
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hairlineOn","surfaceFillOn","surfaceTextOn","resolveEarningsPaint","theme","surface","text","tile","hairline","textSecondary","textTertiary","tileText","resolveEarningsPeriod","periods","id","find","period","earningsHeadline","total","bars","activeIndex","undefined","amount","earningsHeadlineLabel","rest","label","joinEarningsName","parts","separator","filter","part","join"],"sourceRoot":"../../../src","sources":["earnings/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,aAAa,EAAEC,aAAa,QAAQ,6BAA0B;AAmBnF,OAAO,SAASC,oBAAoBA,CAACC,KAAY,EAAEC,OAAe,EAAiB;EACjF,MAAMC,IAAI,GAAGJ,aAAa,CAACE,KAAK,EAAEC,OAAO,CAAC;EAC1C,MAAME,IAAI,GAAGN,aAAa,CAACG,KAAK,EAAEC,OAAO,CAAC;EAC1C,OAAO;IACLA,OAAO;IACPG,QAAQ,EAAER,UAAU,CAACI,KAAK,EAAEC,OAAO,CAAC;IACpCE,IAAI;IACJD,IAAI,EAAEA,IAAI,CAACA,IAAI;IACfG,aAAa,EAAEH,IAAI,CAACG,aAAa;IACjCC,YAAY,EAAEJ,IAAI,CAACI,YAAY;IAC/BC,QAAQ,EAAET,aAAa,CAACE,KAAK,EAAEG,IAAI;EACrC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,qBAAqBA,CACnCC,OAAkC,EAClCC,EAAsB,EACM;EAC5B,OAAOD,OAAO,CAACE,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACF,EAAE,KAAKA,EAAE,CAAC,IAAID,OAAO,CAAC,CAAC,CAAC;AACjE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,gBAAgBA,CAC9BC,KAAa,EACbC,IAAwC,EACxCC,WAA0B,EAClB;EACR,IAAIA,WAAW,KAAK,IAAI,IAAID,IAAI,KAAKE,SAAS,EAAE,OAAOH,KAAK;EAC5D,OAAOC,IAAI,CAACC,WAAW,CAAC,EAAEE,MAAM,IAAIJ,KAAK;AAC3C;;AAEA;AACA,OAAO,SAASK,qBAAqBA,CACnCC,IAAY,EACZL,IAAwC,EACxCC,WAA0B,EAClB;EACR,IAAIA,WAAW,KAAK,IAAI,IAAID,IAAI,KAAKE,SAAS,EAAE,OAAOG,IAAI;EAC3D,OAAOL,IAAI,CAACC,WAAW,CAAC,EAAEK,KAAK,IAAID,IAAI;AACzC;;AAEA;AACA,OAAO,SAASE,gBAAgBA,CAC9BC,KAAuD,EACvDC,SAAS,GAAG,IAAI,EACR;EACR,OAAOD,KAAK,CAACE,MAAM,CAAEC,IAAI,IAAqB,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAE,CAAC,CAACC,IAAI,CAACH,SAAS,CAAC;AACxG","ignoreList":[]}

package/lib/module/earnings/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["earnings/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/empty-state/EmptyState.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Button } from '../button';
+import { IconCircle } from "../icon-circle/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { EMPTY_STATE_ACTION_GAP, EMPTY_STATE_GEOMETRY } from "./constants.js";
+import { joinEmptyStateName, resolveEmptyStatePaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Nothing to show, said once.
+ *
+ *   mark      the glyph in the GRAPHICAL rung (`textGraphical`, the stop the
+ *             ladder sizes for a line rather than for text, so it clears 3:1 on
+ *             whatever is behind it), or `IconCircle`'s tinted disc, or an
+ *             arbitrary `illustration`
+ *   title     headline-semibold (panel: body-medium), `heading` level 3
+ *   line      body-regular secondary (panel: body-2-regular), capped at 360 so
+ *             a centred paragraph does not run the width of a 1440 page
+ *   children  stretched full width, laid out by whatever was passed
+ *   actions   up to two, primary then secondary, wrapping
+ *   footer    centred, under the actions
+ *
+ * The whole block is ONE named `group`: a screen reader reaching an empty list
+ * should be told the situation, not handed a heading, a paragraph and a button
+ * with nothing joining them.
+ *
+ * Bloom had no such family and a dozen components had each drawn their own —
+ * five of them the same glyph-over-headline-over-line, at five different
+ * paddings, with the two text slots spelled `emptyTitle`/`emptyDescription`,
+ * `emptyMessage`, `emptyQueueHint`, `emptyLabel`, `emptyText` and
+ * `noResultsLabel`. This is the one shape; migrating those call sites is a
+ * separate change, and this family is designed to cover them as they stand.
+ */
+function EmptyStateComponent({
+  icon: Icon,
+  media = 'glyph',
+  illustration,
+  title,
+  description,
+  action,
+  secondaryAction,
+  children,
+  footer,
+  variant = 'comfortable',
+  minHeight,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveEmptyStatePaint(theme, surface), [theme, surface]);
+  const g = EMPTY_STATE_GEOMETRY[variant];
+  const id = part => testID ? `${testID}-${part}` : undefined;
+
+  // `illustration` wins, and it is read for PRESENCE rather than truthiness so
+  // an explicit `illustration={null}` draws no mark at all even with an `icon`
+  // set by a default two levels up.
+  const mark = illustration !== undefined ? illustration : Icon ? media === 'circle' ?
+  /*#__PURE__*/
+  // `IconCircle` asks for an icon's FULL props (it sets `size`), which is
+  // narrower than `BloomIconComponent`'s three optional ones. Every Bloom
+  // glyph satisfies both; this is the boundary between the two spellings,
+  // and the only place in the family that needs to know there are two.
+  _jsx(IconCircle, {
+    icon: Icon,
+    size: g.circle
+  }) :
+  /*#__PURE__*/
+  // Hidden from assistive technology: the glyph repeats what the title
+  // says, and an unnamed image between a heading and its paragraph is a
+  // stop that announces nothing. The hiding goes on a WRAPPER — an icon
+  // component takes width, height and fill, and drops anything else.
+  _jsx(View, {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: g.glyph,
+      height: g.glyph,
+      fill: paint.textGraphical
+    })
+  }) : null;
+  const renderAction = (a, kind) => /*#__PURE__*/_jsx(Button, {
+    variant: kind,
+    size: variant === 'compact' ? 'small' : 'medium',
+    onPress: a.onPress,
+    disabled: a.disabled,
+    loading: a.loading,
+    leadingIcon: a.icon,
+    accessibilityLabel: a.accessibilityLabel,
+    testID: a.testID ?? id(kind === 'primary' ? 'action' : 'secondary-action'),
+    children: a.label
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    role: "group",
+    accessibilityLabel: accessibilityLabel ?? joinEmptyStateName([title, description]),
+    style: [{
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: g.gap,
+      paddingTop: g.paddingVertical,
+      paddingBottom: g.paddingVertical,
+      ...(minHeight != null ? {
+        minHeight
+      } : null)
+    }, style],
+    children: [mark != null ? /*#__PURE__*/_jsx(View, {
+      testID: id('mark'),
+      style: {
+        alignItems: 'center'
+      },
+      children: mark
+    }) : null, title != null || description != null ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        alignItems: 'center',
+        gap: g.textGap,
+        maxWidth: g.maxWidth
+      },
+      children: [title != null ? /*#__PURE__*/_jsx(Text, {
+        variant: g.title,
+        role: "heading",
+        "aria-level": 3,
+        testID: id('title'),
+        style: {
+          color: paint.text,
+          textAlign: 'center'
+        },
+        children: title
+      }) : null, description != null ? /*#__PURE__*/_jsx(Text, {
+        variant: g.description,
+        testID: id('description'),
+        style: {
+          color: paint.textSecondary,
+          textAlign: 'center'
+        },
+        children: description
+      }) : null]
+    }) : null, children != null ?
+    /*#__PURE__*/
+    // `alignSelf: 'stretch'` and `minWidth: 0`: what goes here is a strip, a
+    // fact box or a list, none of which is centred text — and a flex child
+    // without the floor takes its content's min-content width as the
+    // block's own, which is how a nowrap line inside one widens the page.
+    _jsx(View, {
+      testID: id('content'),
+      style: {
+        alignSelf: 'stretch',
+        minWidth: 0
+      },
+      children: children
+    }) : null, action || secondaryAction ? /*#__PURE__*/_jsxs(View, {
+      testID: id('actions'),
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: EMPTY_STATE_ACTION_GAP
+      },
+      children: [action ? renderAction(action, 'primary') : null, secondaryAction ? renderAction(secondaryAction, 'secondary') : null]
+    }) : null, footer != null ? /*#__PURE__*/_jsx(View, {
+      testID: id('footer'),
+      style: {
+        alignItems: 'center'
+      },
+      children: footer
+    }) : null]
+  });
+}
+export const EmptyState = /*#__PURE__*/memo(EmptyStateComponent);
+EmptyState.displayName = 'EmptyState';
+//# sourceMappingURL=EmptyState.js.map

package/lib/module/empty-state/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Button","IconCircle","useSurfaceFill","useTheme","Text","EMPTY_STATE_ACTION_GAP","EMPTY_STATE_GEOMETRY","joinEmptyStateName","resolveEmptyStatePaint","jsx","_jsx","jsxs","_jsxs","EmptyStateComponent","icon","Icon","media","illustration","title","description","action","secondaryAction","children","footer","variant","minHeight","accessibilityLabel","style","testID","theme","surface","paint","g","id","part","undefined","mark","size","circle","importantForAccessibility","width","glyph","height","fill","textGraphical","renderAction","a","kind","onPress","disabled","loading","leadingIcon","label","role","alignItems","justifyContent","gap","paddingTop","paddingVertical","paddingBottom","textGap","maxWidth","color","text","textAlign","textSecondary","alignSelf","minWidth","flexDirection","flexWrap","EmptyState","displayName"],"sourceRoot":"../../../src","sources":["empty-state/EmptyState.tsx"],"mappings":"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","ignoreList":[]}