@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/payment-status/constants.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { RiArrowGoBackLine } from "../icons/remix/RiArrowGoBackLine.js";
+import { RiCheckboxCircleLine } from "../icons/remix/RiCheckboxCircleLine.js";
+import { RiCloseCircleLine } from "../icons/remix/RiCloseCircleLine.js";
+import { RiErrorWarningLine } from "../icons/remix/RiErrorWarningLine.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+/**
+ * The words each state says.
+ *
+ * `"Payment failed"` rather than `"Failed"` because the strip is read on its
+ * own, in a row of other rows, where "Failed" is a word with no subject.
+ */
+export const PAYMENT_STATUS_LABELS = {
+  authorising: 'Authorising',
+  paid: 'Paid',
+  failed: 'Payment failed',
+  refunded: 'Refunded',
+  pending: 'Payment pending'
+};
+
+/**
+ * The tone each state paints.
+ *
+ * `refunded` is `default` — the NEUTRAL tone — and that is the one decision
+ * here worth arguing about: money coming back is neither good news nor bad,
+ * and painting it green would congratulate a reader on a cancelled order while
+ * painting it red would alarm one who asked for it.
+ */
+export const PAYMENT_STATUS_TONE = {
+  authorising: 'info',
+  paid: 'success',
+  failed: 'error',
+  refunded: 'default',
+  pending: 'warning'
+};
+
+/** The glyph each state draws when the caller names none. */
+export const PAYMENT_STATUS_ICON = {
+  authorising: RiTimeLine,
+  failed: RiCloseCircleLine,
+  paid: RiCheckboxCircleLine,
+  pending: RiErrorWarningLine,
+  refunded: RiArrowGoBackLine
+};
+
+/**
+ * Which `Admonition` a state's reason is drawn in, and `undefined` for the
+ * three states that have no reason to give.
+ */
+export const PAYMENT_STATUS_ADMONITION = {
+  authorising: undefined,
+  failed: 'error',
+  paid: undefined,
+  pending: 'warning',
+  refunded: undefined
+};
+/**
+ * The block is a CONFIRMATION, so its tile is bigger than the strip's 40: 56 is
+ * the size at which a glyph reads as the page's subject rather than as a row's
+ * ornament, and it is the same tile an empty state uses two families over.
+ */
+export const PAYMENT_STATUS_GEOMETRY = {
+  tile: 56,
+  glyph: 28,
+  gap: 16,
+  padding: 20
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/payment-status/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiArrowGoBackLine","RiCheckboxCircleLine","RiCloseCircleLine","RiErrorWarningLine","RiTimeLine","PAYMENT_STATUS_LABELS","authorising","paid","failed","refunded","pending","PAYMENT_STATUS_TONE","PAYMENT_STATUS_ICON","PAYMENT_STATUS_ADMONITION","undefined","PAYMENT_STATUS_GEOMETRY","tile","glyph","gap","padding"],"sourceRoot":"../../../src","sources":["payment-status/constants.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,qCAAkC;AACpE,SAASC,oBAAoB,QAAQ,wCAAqC;AAC1E,SAASC,iBAAiB,QAAQ,qCAAkC;AACpE,SAASC,kBAAkB,QAAQ,sCAAmC;AACtE,SAASC,UAAU,QAAQ,8BAA2B;AAKtD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAyD,GAAG;EACvEC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,gBAAgB;EACxBC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAA2D,GAAG;EACzEL,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,OAAO;EACfC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE;AACX,CAAC;;AAED;AACA,OAAO,MAAME,mBAAmE,GAAG;EACjFN,WAAW,EAAEF,UAAU;EACvBI,MAAM,EAAEN,iBAAiB;EACzBK,IAAI,EAAEN,oBAAoB;EAC1BS,OAAO,EAAEP,kBAAkB;EAC3BM,QAAQ,EAAET;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMa,yBAGZ,GAAG;EACFP,WAAW,EAAEQ,SAAS;EACtBN,MAAM,EAAE,OAAO;EACfD,IAAI,EAAEO,SAAS;EACfJ,OAAO,EAAE,SAAS;EAClBD,QAAQ,EAAEK;AACZ,CAAC;AAaD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAA8C,GAAG;EAC5DC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE,EAAE;EACPC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/module/payment-status/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { PaymentStatusBar } from "./PaymentStatusBar.js";
+export { PaymentStatusBlock } from "./PaymentStatusBlock.js";
+export { PAYMENT_STATUS_ADMONITION, PAYMENT_STATUS_GEOMETRY, PAYMENT_STATUS_ICON, PAYMENT_STATUS_LABELS, PAYMENT_STATUS_TONE } from "./constants.js";
+export { resolvePaymentStatus, resolvePaymentStatusPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/payment-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PaymentStatusBar","PaymentStatusBlock","PAYMENT_STATUS_ADMONITION","PAYMENT_STATUS_GEOMETRY","PAYMENT_STATUS_ICON","PAYMENT_STATUS_LABELS","PAYMENT_STATUS_TONE","resolvePaymentStatus","resolvePaymentStatusPaint"],"sourceRoot":"../../../src","sources":["payment-status/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,yBAAyB,EACzBC,uBAAuB,EACvBC,mBAAmB,EACnBC,qBAAqB,EACrBC,mBAAmB,QACd,gBAAa;AAEpB,SAASC,oBAAoB,EAAEC,yBAAyB,QAAQ,aAAU","ignoreList":[]}

package/lib/module/payment-status/shared.js

@@ -0,0 +1,33 @@
+"use strict";
+
+/**
+ * What both `payment-status` components resolve before they draw anything: the
+ * words, the tone and the glyph for a state, with the caller's overrides
+ * already applied.
+ *
+ * Pure, so `PaymentStatus.test.tsx` can walk all five states without
+ * rendering.
+ */
+
+import { surfaceTextOn } from "../styles/surface-levels.js";
+import { PAYMENT_STATUS_ADMONITION, PAYMENT_STATUS_ICON, PAYMENT_STATUS_LABELS, PAYMENT_STATUS_TONE } from "./constants.js";
+/**
+ * The state's presentation, with the caller's words and glyph applied.
+ *
+ * `status` is the caller's whole sentence and wins outright; `labels` replaces
+ * one state's default and is what an app translates once rather than at every
+ * call site.
+ */
+export function resolvePaymentStatus(state, options = {}) {
+  return {
+    words: options.status ?? options.labels?.[state] ?? PAYMENT_STATUS_LABELS[state],
+    tone: PAYMENT_STATUS_TONE[state],
+    icon: options.icon ?? PAYMENT_STATUS_ICON[state],
+    admonition: PAYMENT_STATUS_ADMONITION[state]
+  };
+}
+/** What the block draws its text in, read relative to the surface behind it. */
+export function resolvePaymentStatusPaint(theme, surface) {
+  return surfaceTextOn(theme, surface);
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/payment-status/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceTextOn","PAYMENT_STATUS_ADMONITION","PAYMENT_STATUS_ICON","PAYMENT_STATUS_LABELS","PAYMENT_STATUS_TONE","resolvePaymentStatus","state","options","words","status","labels","tone","icon","admonition","resolvePaymentStatusPaint","theme","surface"],"sourceRoot":"../../../src","sources":["payment-status/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAA+B,6BAA0B;AAG/E,SACEC,yBAAyB,EACzBC,mBAAmB,EACnBC,qBAAqB,EACrBC,mBAAmB,QACd,gBAAa;AAcpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAyB,EACzBC,OAAqF,GAAG,CAAC,CAAC,EAC/D;EAC3B,OAAO;IACLC,KAAK,EAAED,OAAO,CAACE,MAAM,IAAIF,OAAO,CAACG,MAAM,GAAGJ,KAAK,CAAC,IAAIH,qBAAqB,CAACG,KAAK,CAAC;IAChFK,IAAI,EAAEP,mBAAmB,CAACE,KAAK,CAAC;IAChCM,IAAI,EAAEL,OAAO,CAACK,IAAI,IAAIV,mBAAmB,CAACI,KAAK,CAAC;IAChDO,UAAU,EAAEZ,yBAAyB,CAACK,KAAK;EAC7C,CAAC;AACH;AAIA;AACA,OAAO,SAASQ,yBAAyBA,CAACC,KAAY,EAAEC,OAAe,EAAsB;EAC3F,OAAOhB,aAAa,CAACe,KAAK,EAAEC,OAAO,CAAC;AACtC","ignoreList":[]}

package/lib/module/payment-status/types.js

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

package/lib/module/payment-status/types.js.map

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

package/lib/module/phone-input/CountryCodeSelect.js

@@ -1,7 +1,6 @@
 "use strict";
 
 import React, { useCallback, useMemo } from 'react';
-import { resolveButtonRamps } from "../button/shared.js";
 import { useControllableState } from "../hooks/use-controllable-state.js";
 import { Select, SelectContent, SelectIcon, SelectItem, SelectItemText, SelectTrigger, SelectValue } from '../select';
 import { useTheme } from "../theme/use-theme.js";
@@ -52,12 +51,9 @@ export function CountryCodeSelect({
   disabled
 }) {
   const theme = useTheme();
-  const {
-    neutral: n
-  } = resolveButtonRamps(theme);
   // `text-text-secondary` (value) and `text-text-tertiary` (row dial codes).
-  const secondary = n[500];
-  const tertiary = theme.isDark ? n[600] : n[400];
+  const secondary = theme.colors.textSecondary;
+  const tertiary = theme.colors.textSecondary;
   const onChange = useCallback(next => {
     const country = findCountry(next, countries);
     if (country) onValueChange?.(country.iso2, country);

package/lib/module/phone-input/CountryCodeSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","resolveButtonRamps","useControllableState","Select","SelectContent","SelectIcon","SelectItem","SelectItemText","SelectTrigger","SelectValue","useTheme","Text","CountryFlag","COUNTRIES","findCountry","jsx","_jsx","jsxs","_jsxs","COUNTRY_CODE_TRIGGER_STYLE","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","COUNTRY_CODE_LIST_WIDTH","ROW_STYLE","iso2Of","country","iso2","CountryCodeSelect","value","defaultValue","onValueChange","countries","label","disabled","theme","neutral","n","secondary","tertiary","isDark","onChange","next","setIso2","selected","children","fieldStyle","leading","style","color","dial","items","valueExtractor","width","renderItem","name","variant","flexShrink"],"sourceRoot":"../../../src","sources":["phone-input/CountryCodeSelect.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useControllableState","Select","SelectContent","SelectIcon","SelectItem","SelectItemText","SelectTrigger","SelectValue","useTheme","Text","CountryFlag","COUNTRIES","findCountry","jsx","_jsx","jsxs","_jsxs","COUNTRY_CODE_TRIGGER_STYLE","borderRadius","paddingLeft","paddingRight","paddingTop","paddingBottom","COUNTRY_CODE_LIST_WIDTH","ROW_STYLE","iso2Of","country","iso2","CountryCodeSelect","value","defaultValue","onValueChange","countries","label","disabled","theme","secondary","colors","textSecondary","tertiary","onChange","next","setIso2","selected","children","fieldStyle","leading","style","color","dial","items","valueExtractor","width","renderItem","name","variant","flexShrink"],"sourceRoot":"../../../src","sources":["phone-input/CountryCodeSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/phone-input/PhoneInput.js

@@ -26,11 +26,12 @@ export function PhoneInput({
   required,
   tooltip,
   size,
+  invalid: invalidProp,
   isInvalid,
   disabled,
   value,
   defaultValue = '',
-  onChangeText,
+  onValueChange,
   country,
   defaultCountry = 'US',
   onCountryChange,
@@ -46,17 +47,18 @@ export function PhoneInput({
   // a `Field disabled` used to miss: the number input reads the field context
   // itself, the select does not, so the picker stayed operable inside a disabled
   // field. Resolving membership here hands the same state to both halves.
+  const invalid = invalidProp ?? isInvalid;
   const field = useFieldMembership({
     accessibilityLabel,
     label: label ?? 'Phone number',
     disabled,
-    invalid: isInvalid,
+    invalid: invalid,
     required
   });
   const [text, setText] = useControllableState({
     value,
     defaultValue,
-    onChange: onChangeText
+    onChange: onValueChange
   });
   return /*#__PURE__*/_jsxs(View, {
     style: [{
@@ -69,7 +71,7 @@ export function PhoneInput({
       children: label
     }) : null, /*#__PURE__*/_jsxs(TextField, {
       size: size,
-      isInvalid: field.invalid,
+      invalid: field.invalid,
       disabled: field.disabled,
       leadingAddon: /*#__PURE__*/_jsx(CountryCodeSelect, {
         value: country,
@@ -84,7 +86,7 @@ export function PhoneInput({
         placeholder: placeholder ?? null,
         value: text,
         onChangeText: setText,
-        isInvalid: field.invalid,
+        invalid: field.invalid,
         keyboardType: "phone-pad",
         autoComplete: "tel",
         textContentType: "telephoneNumber",
@@ -95,7 +97,7 @@ export function PhoneInput({
         position: "trailing"
       }) : null]
     }), hint ? /*#__PURE__*/_jsx(TextFieldHint, {
-      isInvalid: field.invalid,
+      invalid: field.invalid,
       children: hint
     }) : null]
   });

package/lib/module/phone-input/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useControllableState","TextField","TextFieldHint","TextFieldIcon","TextFieldInput","TextFieldLabel","CountryCodeSelect","useFieldMembership","jsx","_jsx","jsxs","_jsxs","PhoneInput","label","accessibilityLabel","placeholder","hint","required","tooltip","size","isInvalid","disabled","value","defaultValue","onChangeText","country","defaultCountry","onCountryChange","countries","countrySelectLabel","trailingIcon","onFocus","onBlur","testID","style","field","invalid","text","setText","onChange","width","children","leadingAddon","onValueChange","keyboardType","autoComplete","textContentType","undefined","icon","position"],"sourceRoot":"../../../src","sources":["phone-input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","useControllableState","TextField","TextFieldHint","TextFieldIcon","TextFieldInput","TextFieldLabel","CountryCodeSelect","useFieldMembership","jsx","_jsx","jsxs","_jsxs","PhoneInput","label","accessibilityLabel","placeholder","hint","required","tooltip","size","invalid","invalidProp","isInvalid","disabled","value","defaultValue","onValueChange","country","defaultCountry","onCountryChange","countries","countrySelectLabel","trailingIcon","onFocus","onBlur","testID","style","field","text","setText","onChange","width","children","leadingAddon","onChangeText","keyboardType","autoComplete","textContentType","undefined","icon","position"],"sourceRoot":"../../../src","sources":["phone-input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pipeline/DealCard.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { Badge } from "../badge/index.js";
+import { GlyphButton } from '../button';
+import { Card } from "../card/index.js";
+import { RiArrowLeftRightLine } from "../icons/remix/RiArrowLeftRightLine.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { SurfaceLevelProvider, surfaceFillVars } from "../styles/surface-levels.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { DEAL_CARD_PADDING, DEAL_HEALTH } from "./constants.js";
+import { PIPELINE_STYLE_ID, PIPELINE_WEB_CSS, dealHealthLabel, dealHealthTone, joinDealName, resolvePipelinePaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One deal, as it appears in a column.
+ *
+ *   header   the title (2 lines max) with the move action and the `actions` slot
+ *            beside it
+ *   account  the company, quiet, one line
+ *   figures  the AMOUNT on the left and the close date on the right, both one
+ *            line and neither allowed to wrap — an amount broken across two
+ *            lines is a different number to a reader
+ *   footer   the health signal, and the owner's avatar
+ *
+ * **The amount is a STRING the app formats.** Currency, locale, rounding and
+ * abbreviation are four decisions the card cannot make, and a card that guessed
+ * one of them would be wrong in a way nobody notices until a customer does.
+ *
+ * **The press target is the title block, not the card.** The move action and the
+ * `actions` slot are controls, and a control inside a control is invalid on web
+ * and ambiguous everywhere else — so `onPress` is bound to the text, which is
+ * still the largest target on the card.
+ */
+function DealCardComponent({
+  title,
+  account,
+  amount,
+  closeDate,
+  owner,
+  stage,
+  health,
+  healthLabel,
+  stalledFor,
+  onPress,
+  onMove,
+  moveLabel,
+  actions,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolvePipelinePaint(theme, theme.colors.card), [theme]);
+  useEffect(() => {
+    adoptStyleSheet(PIPELINE_STYLE_ID, PIPELINE_WEB_CSS);
+  }, []);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const signal = dealHealthLabel({
+    health,
+    healthLabel,
+    stalledFor
+  });
+  const HealthIcon = health === undefined ? undefined : DEAL_HEALTH[health].icon;
+  const titleBlock = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "body-semibold",
+      numberOfLines: 2,
+      style: {
+        color: paint.text
+      },
+      testID: id('title'),
+      children: title
+    }), account ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.textSecondary
+      },
+      testID: id('account'),
+      children: account
+    }) : null]
+  });
+  const ringVars = {
+    '--bloom-deal-ring': paint.ring
+  };
+  const subject = onPress ? /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? joinDealName([title, account, amount]),
+    onPress: onPress,
+    ...webDataSet({
+      bloomDealSubject: ''
+    }),
+    style: ({
+      pressed
+    }) => [{
+      flex: 1,
+      minWidth: 0,
+      borderRadius: 8,
+      ...ringVars
+    }, pressed ? {
+      opacity: 0.7
+    } : null],
+    testID: id('subject'),
+    children: titleBlock
+  }) : titleBlock;
+  return /*#__PURE__*/_jsx(SurfaceLevelProvider, {
+    level: 2,
+    fill: paint.surface,
+    children: /*#__PURE__*/_jsxs(Card, {
+      variant: "outlined",
+      radius: "radius-12",
+      style: [{
+        padding: DEAL_CARD_PADDING,
+        gap: 8,
+        ...surfaceFillVars(paint.surface)
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'flex-start',
+          gap: 4
+        },
+        children: [subject, onMove ? /*#__PURE__*/_jsx(GlyphButton, {
+          icon: RiArrowLeftRightLine,
+          size: 32,
+          glyphSize: 18,
+          onPress: onMove,
+          hoverFill: paint.raised,
+          ring: paint.ring,
+          accessibilityLabel: moveLabel ?? `Move ${title}`,
+          testID: id('move')
+        }) : null, actions ? /*#__PURE__*/_jsx(View, {
+          style: {
+            flexShrink: 0
+          },
+          testID: id('actions'),
+          children: actions
+        }) : null]
+      }), amount || closeDate ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'baseline',
+          justifyContent: 'space-between',
+          gap: 8
+        },
+        children: [amount ? /*#__PURE__*/_jsx(Text, {
+          variant: "headline-semibold",
+          numberOfLines: 1,
+          style: {
+            color: paint.text,
+            flexShrink: 0
+          },
+          testID: id('amount'),
+          children: amount
+        }) : /*#__PURE__*/_jsx(View, {}), closeDate ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textTertiary,
+            flexShrink: 1,
+            textAlign: 'right'
+          },
+          testID: id('close-date'),
+          children: closeDate
+        }) : null]
+      }) : null, signal || stage || owner ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6
+        },
+        children: [signal ? /*#__PURE__*/_jsx(Badge, {
+          content: signal,
+          icon: HealthIcon,
+          variant: "subtle",
+          color: dealHealthTone(health),
+          size: "label-small",
+          testID: id('health')
+        }) : null, stage ? /*#__PURE__*/_jsx(Badge, {
+          content: stage,
+          variant: "outlined",
+          color: "default",
+          size: "label-small",
+          testID: id('stage')
+        }) : null, /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1
+          }
+        }), owner ? /*#__PURE__*/_jsx(Avatar, {
+          size: 24,
+          source: owner.avatar,
+          name: owner.name,
+          alt: owner.name,
+          testID: id('owner')
+        }) : null]
+      }) : null]
+    })
+  });
+}
+export const DealCard = /*#__PURE__*/memo(DealCardComponent);
+DealCard.displayName = 'DealCard';
+//# sourceMappingURL=DealCard.js.map

package/lib/module/pipeline/DealCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","Pressable","View","Avatar","Badge","GlyphButton","Card","RiArrowLeftRightLine","adoptStyleSheet","SurfaceLevelProvider","surfaceFillVars","webDataSet","useTheme","Text","DEAL_CARD_PADDING","DEAL_HEALTH","PIPELINE_STYLE_ID","PIPELINE_WEB_CSS","dealHealthLabel","dealHealthTone","joinDealName","resolvePipelinePaint","jsx","_jsx","jsxs","_jsxs","DealCardComponent","title","account","amount","closeDate","owner","stage","health","healthLabel","stalledFor","onPress","onMove","moveLabel","actions","accessibilityLabel","style","testID","theme","paint","colors","card","id","part","undefined","signal","HealthIcon","icon","titleBlock","flex","minWidth","gap","children","variant","numberOfLines","color","text","textSecondary","ringVars","ring","subject","accessibilityRole","bloomDealSubject","pressed","borderRadius","opacity","level","fill","surface","radius","padding","flexDirection","alignItems","size","glyphSize","hoverFill","raised","flexShrink","justifyContent","textTertiary","textAlign","content","source","avatar","name","alt","DealCard","displayName"],"sourceRoot":"../../../src","sources":["pipeline/DealCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/pipeline/PipelineBoard.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { ScrollView, View } from 'react-native';
+import { Chip, ChipRow } from "../chip/index.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { PipelineColumn } from "./PipelineColumn.js";
+import { PIPELINE_COLUMN_WIDTH, PIPELINE_SINGLE_MAX_WIDTH } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The stages side by side, or one at a time.
+ *
+ *   board    a horizontal scroller of fixed-width columns, 12 apart. The
+ *            scroller is the board's own, so the page behind it does not move
+ *            sideways when a column overflows.
+ *   single   a scrolling TAB ROW of stage names and the selected column at full
+ *            width. This is the phone layout: five stage names do not fit a
+ *            `SegmentedControl` at 390, and a segmented control that clips is
+ *            worse than a row that admits it scrolls.
+ *   auto     measures ITSELF and picks — so a board in a side panel behaves
+ *            like a phone without asking the window how wide it is.
+ *
+ * **THERE IS NO DRAG AND DROP, deliberately.** Moving a deal between stages is
+ * the app's transaction — it has the optimistic update, the rollback, the
+ * permission check and the undo — and a half-built drag (one that reorders the
+ * view and forgets to tell the server, or that fights a horizontal scroller on
+ * a touch screen) is worse than none. What the board exposes instead is the
+ * AFFORDANCE: `DealCard`'s `onMove`, plus its `actions` slot for a menu. See
+ * `docs/pipeline.mdx`.
+ *
+ * The board never inspects what `renderStage` returns, and never reads a child's
+ * type to decide anything: the stage list is data, the cards are opaque.
+ */
+function resolveLayout(layout, width, singleMaxWidth) {
+  if (layout !== 'auto') return layout;
+  // Before the first layout the width is unknown. `board` is the honest default:
+  // it scrolls, so it is merely cramped at a phone width, while `single` on a
+  // desktop would hide four columns behind a tab row nobody asked for.
+  if (width === null) return 'board';
+  return width <= singleMaxWidth ? 'single' : 'board';
+}
+function PipelineBoardComponent({
+  stages,
+  renderStage,
+  layout = 'auto',
+  stageId,
+  defaultStageId,
+  onStageChange,
+  columnWidth = PIPELINE_COLUMN_WIDTH,
+  singleMaxWidth = PIPELINE_SINGLE_MAX_WIDTH,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const [selectedId, setSelectedId] = useControllableState({
+    value: stageId,
+    defaultValue: defaultStageId ?? stages[0]?.id,
+    onChange: next => {
+      if (next !== undefined) onStageChange?.(next);
+    }
+  });
+  const resolved = resolveLayout(layout, width, singleMaxWidth);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const column = (stage, fixedWidth) => /*#__PURE__*/_jsx(PipelineColumn, {
+    name: stage.name,
+    count: stage.count,
+    total: stage.total,
+    tone: stage.tone,
+    emptyLabel: stage.emptyLabel,
+    loading: stage.loading,
+    onLoadMore: stage.onLoadMore,
+    loadMoreLabel: stage.loadMoreLabel,
+    width: fixedWidth,
+    testID: id(`column-${stage.id}`),
+    children: renderStage(stage)
+  }, stage.id);
+  if (resolved === 'single') {
+    const current = stages.find(stage => stage.id === selectedId) ?? stages[0];
+    return /*#__PURE__*/_jsxs(View, {
+      onLayout: onLayout,
+      style: [{
+        minWidth: 0
+      }, style],
+      testID: testID,
+      children: [/*#__PURE__*/_jsx(ChipRow, {
+        role: "tablist",
+        accessibilityLabel: accessibilityLabel ?? 'Pipeline stages',
+        gap: 6,
+        style: {
+          minWidth: 0
+        },
+        testID: id('tabs'),
+        children: stages.map(stage => /*#__PURE__*/_jsx(Chip, {
+          role: "tab",
+          size: "xl",
+          selected: stage.id === current?.id,
+          onPress: () => setSelectedId(stage.id),
+          accessibilityLabel: stage.count === undefined ? stage.name : `${stage.name}, ${stage.count} deals`,
+          testID: id(`tab-${stage.id}`),
+          children: stage.name
+        }, stage.id))
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          marginTop: 12
+        },
+        children: current ? column(current, undefined) : null
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    style: [{
+      minWidth: 0
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      accessibilityLabel: accessibilityLabel
+      // `minWidth: 0` is what makes this SCROLL rather than stretch. A flex
+      // item's automatic minimum is its content width, so without it five
+      // 288 columns widen the board, then the page, then the document — the
+      // whole screen scrolls sideways and the board never does.
+      ,
+      style: {
+        minWidth: 0
+      },
+      contentContainerStyle: {
+        gap: 12,
+        alignItems: 'flex-start'
+      },
+      testID: id('scroller'),
+      children: stages.map(stage => column(stage, columnWidth))
+    })
+  });
+}
+export const PipelineBoard = /*#__PURE__*/memo(PipelineBoardComponent);
+PipelineBoard.displayName = 'PipelineBoard';
+//# sourceMappingURL=PipelineBoard.js.map

package/lib/module/pipeline/PipelineBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","ScrollView","View","Chip","ChipRow","useControllableState","useContainerWidth","PipelineColumn","PIPELINE_COLUMN_WIDTH","PIPELINE_SINGLE_MAX_WIDTH","jsx","_jsx","jsxs","_jsxs","resolveLayout","layout","width","singleMaxWidth","PipelineBoardComponent","stages","renderStage","stageId","defaultStageId","onStageChange","columnWidth","accessibilityLabel","style","testID","onLayout","selectedId","setSelectedId","value","defaultValue","id","onChange","next","undefined","resolved","part","column","stage","fixedWidth","name","count","total","tone","emptyLabel","loading","onLoadMore","loadMoreLabel","children","current","find","minWidth","role","gap","map","size","selected","onPress","marginTop","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","alignItems","PipelineBoard","displayName"],"sourceRoot":"../../../src","sources":["pipeline/PipelineBoard.tsx"],"mappings":"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","ignoreList":[]}