@oxy.so/bloom 3.6.0 → 4.1.0

package/lib/module/order-status/OrderStatusBar.js

@@ -0,0 +1,175 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Meter } from "../stat-bar/index.js";
+import { SurfaceLevelProvider, surfaceFillVars, useSurfaceLevel, useSurfaceLevelValue } 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 { ORDER_STATUS_BAR_GLYPH, ORDER_STATUS_BAR_METER_HEIGHT, ORDER_STATUS_BAR_PADDING, ORDER_STATUS_BAR_TILE } from "./constants.js";
+import { resolveOrderStatusPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The compact live strip: where the thing is RIGHT NOW, when it arrives, how
+ * far along it is, and one action.
+ *
+ * It is the companion of `OrderStatusTimeline` and not a shorter version of it:
+ * a timeline answers "what is the whole journey", this answers "what is
+ * happening" and is what a card, a header or a sticky footer carries while the
+ * journey is in progress.
+ *
+ *   tile     40 round, the tone's tint, a 20 glyph in the tone's own accent
+ *   status   headline-semibold, one line; `eta` body-medium in TABULAR figures
+ *            at the end of the same line so a counting-down reading does not
+ *            jitter the layout
+ *   detail   body-2-regular, secondary, under the status
+ *   meter    6 tall, full width, 12 under the row — `Meter`, never a hand-rolled
+ *            track, so the one progressbar contract applies here too
+ *   surface  one rung above whatever it was dropped on, 16 radius, a hairline;
+ *            `variant="plain"` draws the content and no chrome, for a strip
+ *            that is already inside a card that paints
+ *
+ * Nothing here computes an ETA or a percentage: `eta` is a string the app
+ * formatted and `progress` is a value it measured.
+ */
+function OrderStatusBarComponent({
+  status,
+  eta,
+  detail,
+  progress,
+  tone = 'primary',
+  icon: Icon,
+  leading,
+  action,
+  variant = 'surface',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const level = useSurfaceLevelValue();
+  const own = useSurfaceLevel(variant === 'surface' ? 1 : 0);
+  const paint = useMemo(() => resolveOrderStatusPaint(theme, own.background), [theme, own.background]);
+  const accent = resolveAccentColors(theme.colors, tone, 'subtle');
+  const fill = resolveAccentColors(theme.colors, tone, 'solid').background;
+  const tile = leading ?? (Icon ? /*#__PURE__*/_jsx(View, {
+    testID: testID ? `${testID}-tile` : undefined,
+    style: {
+      width: ORDER_STATUS_BAR_TILE,
+      height: ORDER_STATUS_BAR_TILE,
+      borderRadius: ORDER_STATUS_BAR_TILE / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: accent.background
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: ORDER_STATUS_BAR_GLYPH,
+      height: ORDER_STATUS_BAR_GLYPH,
+      fill: accent.foreground
+    })
+  }) : null);
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: progress ? 12 : 0
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12
+      },
+      children: [tile, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'baseline',
+            gap: 8,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "headline-semibold",
+            numberOfLines: 1,
+            testID: testID ? `${testID}-status` : undefined,
+            style: {
+              flex: 1,
+              minWidth: 0,
+              color: paint.text
+            },
+            children: status
+          }), eta ? /*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: 1,
+            testID: testID ? `${testID}-eta` : undefined,
+            style: {
+              // The arrival reading is SHORT ("12 min", "Arrives 14:35"),
+              // and it never truncates at that length. The cap is there for
+              // the hostile case: a window ("between 15:00 and 17:00")
+              // ellipsizes rather than crushing the status beside it down
+              // to nothing, which is what an uncapped reading did.
+              maxWidth: '60%',
+              flexShrink: 1,
+              // …and `minWidth: 0`, or the reading's MIN-CONTENT (the whole
+              // nowrap string) becomes the strip's floor. A percentage
+              // `maxWidth` does not participate in intrinsic sizing, so it
+              // caps the drawn width and not the width the strip demands:
+              // without this the whole bar refused to go below ~330px and
+              // overflowed a 390 phone inside two levels of padding.
+              minWidth: 0,
+              color: paint.textSecondary,
+              fontVariant: ['tabular-nums']
+            },
+            children: eta
+          }) : null]
+        }), detail ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          numberOfLines: 2,
+          testID: testID ? `${testID}-detail` : undefined,
+          style: {
+            color: paint.textSecondary
+          },
+          children: detail
+        }) : null]
+      }), action]
+    }), progress ? /*#__PURE__*/_jsx(Meter, {
+      value: progress.value,
+      max: progress.max,
+      height: ORDER_STATUS_BAR_METER_HEIGHT,
+      fill: fill,
+      track: own.raised,
+      accessibilityLabel: progress.accessibilityLabel,
+      valueText: progress.valueText,
+      testID: testID ? `${testID}-meter` : undefined
+    }) : null]
+  });
+  if (variant === 'plain') {
+    return /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      style: style,
+      children: body
+    });
+  }
+  const raised = Math.min(3, level + 1);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [{
+      padding: ORDER_STATUS_BAR_PADDING,
+      borderRadius: 16,
+      borderWidth: 1,
+      borderColor: own.border,
+      backgroundColor: own.background
+    }, surfaceFillVars(own.background), style],
+    children: /*#__PURE__*/_jsx(SurfaceLevelProvider, {
+      level: raised,
+      fill: own.background,
+      children: body
+    })
+  });
+}
+export const OrderStatusBar = /*#__PURE__*/memo(OrderStatusBarComponent);
+OrderStatusBar.displayName = 'OrderStatusBar';
+//# sourceMappingURL=OrderStatusBar.js.map

package/lib/module/order-status/OrderStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Meter","SurfaceLevelProvider","surfaceFillVars","useSurfaceLevel","useSurfaceLevelValue","resolveAccentColors","useTheme","Text","ORDER_STATUS_BAR_GLYPH","ORDER_STATUS_BAR_METER_HEIGHT","ORDER_STATUS_BAR_PADDING","ORDER_STATUS_BAR_TILE","resolveOrderStatusPaint","jsx","_jsx","jsxs","_jsxs","OrderStatusBarComponent","status","eta","detail","progress","tone","icon","Icon","leading","action","variant","style","testID","theme","level","own","paint","background","accent","colors","fill","tile","undefined","width","height","borderRadius","alignItems","justifyContent","backgroundColor","children","foreground","body","gap","flexDirection","flex","minWidth","numberOfLines","color","text","maxWidth","flexShrink","textSecondary","fontVariant","value","max","track","raised","accessibilityLabel","valueText","Math","min","padding","borderWidth","borderColor","border","OrderStatusBar","displayName"],"sourceRoot":"../../../src","sources":["order-status/OrderStatusBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/order-status/OrderStatusTimeline.js

@@ -0,0 +1,260 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.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 { ORDER_STATUS_GEOMETRY, ORDER_STATUS_STATE_LABELS } from "./constants.js";
+import { IS_WEB, resolveOrderStatusPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Where a thing that moves through named steps is now.
+ *
+ * ONE component with two orientations, because the data is the same list and a
+ * screen that switches at a breakpoint must not switch components — the state a
+ * caller holds, the keys, the accessible tree and the announced words all stay
+ * put across the switch.
+ *
+ *   marker       comfortable: a `column` (24) disc — a filled tone disc with a
+ *                check for `done`, the same disc with the step's own glyph and
+ *                a 3px tint halo for `current`, a hollow 1.5px ring for
+ *                `upcoming`, a filled error disc with a cross for `failed`.
+ *                compact: an 8 dot, filled / haloed / hollow the same way and
+ *                with no glyph — there is no room for one, so at that rung the
+ *                state travels as colour plus the announced word.
+ *   connector    2px, radius 1. TRAVELLED between two steps when the LATER one
+ *                is `done`, `current` or `failed` — so the rail fills behind
+ *                the thing as it moves — and the neutral hairline otherwise.
+ *   vertical     marker column 24 (compact 16), 12 to the text, 20 between
+ *                steps (compact 12); label, "timestamp", note.
+ *   horizontal   each step is an equal column; the rail runs through the marker
+ *                row and the label sits centred under it, two lines at most.
+ *                `note` is not drawn — a rail has a column's width, and a
+ *                sentence in it would either clip or set the whole rail's
+ *                height by its longest entry.
+ *
+ * A `list` of `listitem`s. Each marker is an `img` named by its state, so a
+ * screen reader hears "Done, Picked up, 14:20" rather than a bare label with
+ * the state carried only by colour.
+ *
+ * Nothing here formats a date or reads a clock: `timestamp` arrives as the
+ * string it will be drawn as.
+ */
+
+/** Whether the rail between a step and the one before it has been travelled. */
+function travelled(state) {
+  return state === 'done' || state === 'current' || state === 'failed';
+}
+function Marker({
+  step,
+  state,
+  geometry,
+  label,
+  surface,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveOrderStatusPaint(theme, surface), [theme, surface]);
+  const tone = state === 'failed' ? 'error' : step.tone ?? 'primary';
+  const accent = resolveAccentColors(theme.colors, tone, 'solid');
+  const halo = resolveAccentColors(theme.colors, tone, 'subtle').background;
+  const upcoming = state === 'upcoming';
+  const size = geometry.glyph > 0 ? geometry.column : state === 'current' ? geometry.dot + geometry.halo : geometry.dot;
+  const Glyph = geometry.glyph === 0 ? undefined : step.icon ?? (state === 'done' ? RiCheckLine : state === 'failed' ? RiCloseLine : undefined);
+  return /*#__PURE__*/_jsx(View, {
+    accessible: true,
+    accessibilityLabel: label,
+    ...(IS_WEB ? {
+      role: 'img'
+    } : {
+      accessibilityRole: 'image'
+    }),
+    testID: testID,
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: upcoming ? surface : accent.background,
+      borderWidth: upcoming ? 1.5 : state === 'current' ? 3 : 0,
+      borderColor: upcoming ? paint.upcomingRing : halo
+    },
+    children: Glyph ? /*#__PURE__*/_jsx(Glyph, {
+      width: geometry.glyph,
+      height: geometry.glyph,
+      fill: upcoming ? paint.textSecondary : accent.foreground
+    }) : null
+  });
+}
+function OrderStatusTimelineComponent({
+  steps,
+  orientation = 'vertical',
+  density = 'comfortable',
+  accessibilityLabel = 'Status',
+  stateLabels,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveOrderStatusPaint(theme, surface), [theme, surface]);
+  const g = ORDER_STATUS_GEOMETRY[orientation][density];
+  const labels = {
+    ...ORDER_STATUS_STATE_LABELS,
+    ...stateLabels
+  };
+
+  /** The colour of the rail leading INTO step `index`. */
+  const segment = index => {
+    const step = steps[index];
+    if (step === undefined) return paint.connector;
+    const state = step.state ?? 'upcoming';
+    if (!travelled(state)) return paint.connector;
+    const tone = state === 'failed' ? 'error' : step.tone ?? 'primary';
+    return resolveAccentColors(theme.colors, tone, 'solid').background;
+  };
+  const markerBox = Math.max(g.lead, g.glyph > 0 ? g.column : g.dot + g.halo);
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [orientation === 'horizontal' ? {
+      flexDirection: 'row'
+    } : null, style],
+    children: steps.map((step, index) => {
+      const state = step.state ?? 'upcoming';
+      const last = index === steps.length - 1;
+      const first = index === 0;
+      const id = part => testID ? `${testID}-${index}-${part}` : undefined;
+      const quiet = state === 'upcoming';
+      const labelVariant = state === 'current' ? g.labelStrong : g.label;
+      const marker = /*#__PURE__*/_jsx(Marker, {
+        step: step,
+        state: state,
+        geometry: g,
+        label: labels[state],
+        surface: surface,
+        testID: id('marker')
+      });
+      if (orientation === 'horizontal') {
+        const rail = side => /*#__PURE__*/_jsx(View, {
+          testID: id(side === 'in' ? 'rail-in' : 'rail-out'),
+          style: {
+            flex: 1,
+            height: g.line,
+            borderRadius: g.line / 2,
+            backgroundColor: side === 'in' ? first ? 'transparent' : segment(index) : last ? 'transparent' : segment(index + 1)
+          }
+        });
+        return /*#__PURE__*/_jsxs(View, {
+          role: "listitem",
+          testID: id('item'),
+          style: {
+            flex: 1,
+            minWidth: 0,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              alignSelf: 'stretch',
+              height: markerBox
+            },
+            children: [rail('in'), marker, rail('out')]
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: labelVariant,
+            numberOfLines: 2,
+            testID: id('label'),
+            style: {
+              marginTop: g.gap,
+              textAlign: 'center',
+              color: quiet ? paint.textSecondary : paint.text
+            },
+            children: step.label
+          }), step.timestamp ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            numberOfLines: 1,
+            testID: id('meta'),
+            style: {
+              textAlign: 'center',
+              color: paint.textTertiary
+            },
+            children: step.timestamp
+          }) : null]
+        }, step.id ?? index);
+      }
+      return /*#__PURE__*/_jsxs(View, {
+        role: "listitem",
+        testID: id('item'),
+        style: {
+          flexDirection: 'row',
+          gap: 12
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: g.column,
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              height: markerBox,
+              alignItems: 'center',
+              justifyContent: 'center'
+            },
+            children: marker
+          }), last ? null : /*#__PURE__*/_jsx(View, {
+            testID: id('connector'),
+            style: {
+              flex: 1,
+              width: g.line,
+              minHeight: 8,
+              marginTop: 4,
+              borderRadius: g.line / 2,
+              backgroundColor: segment(index + 1)
+            }
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2,
+            paddingTop: (markerBox - g.lead) / 2,
+            paddingBottom: last ? 0 : g.gap
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: labelVariant,
+            testID: id('label'),
+            style: {
+              color: quiet ? paint.textSecondary : paint.text
+            },
+            children: step.label
+          }), step.timestamp ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            testID: id('meta'),
+            style: {
+              color: paint.textTertiary
+            },
+            children: step.timestamp
+          }) : null, step.note ? /*#__PURE__*/_jsx(Text, {
+            variant: g.meta,
+            testID: id('note'),
+            style: {
+              color: quiet ? paint.textTertiary : paint.textSecondary,
+              marginTop: 2
+            },
+            children: step.note
+          }) : null]
+        })]
+      }, step.id ?? index);
+    })
+  });
+}
+export const OrderStatusTimeline = /*#__PURE__*/memo(OrderStatusTimelineComponent);
+OrderStatusTimeline.displayName = 'OrderStatusTimeline';
+//# sourceMappingURL=OrderStatusTimeline.js.map

package/lib/module/order-status/OrderStatusTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiCheckLine","RiCloseLine","useSurfaceFill","resolveAccentColors","useTheme","Text","ORDER_STATUS_GEOMETRY","ORDER_STATUS_STATE_LABELS","IS_WEB","resolveOrderStatusPaint","jsx","_jsx","jsxs","_jsxs","travelled","state","Marker","step","geometry","label","surface","testID","theme","paint","tone","accent","colors","halo","background","upcoming","size","glyph","column","dot","Glyph","undefined","icon","accessible","accessibilityLabel","role","accessibilityRole","style","width","height","borderRadius","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","upcomingRing","children","fill","textSecondary","foreground","OrderStatusTimelineComponent","steps","orientation","density","stateLabels","g","labels","segment","index","connector","markerBox","Math","max","lead","flexDirection","map","last","length","first","id","part","quiet","labelVariant","labelStrong","marker","rail","side","flex","line","minWidth","alignSelf","variant","numberOfLines","marginTop","gap","textAlign","color","text","timestamp","meta","textTertiary","minHeight","paddingTop","paddingBottom","note","OrderStatusTimeline","displayName"],"sourceRoot":"../../../src","sources":["order-status/OrderStatusTimeline.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+/** What a screen reader says for each state, before the step's own label. */
+export const ORDER_STATUS_STATE_LABELS = {
+  done: 'Done',
+  current: 'In progress',
+  upcoming: 'Not yet',
+  failed: 'Failed'
+};
+/**
+ * The two rungs, per orientation. Written out rather than derived: a horizontal
+ * rail's label sits UNDER a marker and has a column's width to fit in, so it is
+ * a step smaller than the vertical label at the same density, and a formula
+ * that produced that would be a formula fitted to four numbers.
+ */
+export const ORDER_STATUS_GEOMETRY = {
+  vertical: {
+    comfortable: {
+      column: 24,
+      dot: 12,
+      halo: 6,
+      line: 2,
+      lead: 20,
+      gap: 20,
+      glyph: 14,
+      label: 'body-medium',
+      labelStrong: 'body-semibold',
+      meta: 'body-2-regular'
+    },
+    compact: {
+      column: 16,
+      dot: 8,
+      halo: 4,
+      line: 2,
+      lead: 18,
+      gap: 12,
+      glyph: 0,
+      label: 'body-2-medium',
+      labelStrong: 'body-2-semibold',
+      meta: 'caption-1-regular'
+    }
+  },
+  horizontal: {
+    comfortable: {
+      column: 24,
+      dot: 12,
+      halo: 6,
+      line: 2,
+      lead: 16,
+      gap: 8,
+      glyph: 14,
+      label: 'caption-1-medium',
+      labelStrong: 'caption-1-semibold',
+      meta: 'caption-2-regular'
+    },
+    compact: {
+      column: 16,
+      dot: 8,
+      halo: 4,
+      line: 2,
+      lead: 15,
+      gap: 6,
+      glyph: 0,
+      label: 'caption-2-medium',
+      labelStrong: 'caption-2-semibold',
+      meta: 'caption-2-regular'
+    }
+  }
+};
+
+/** The leading tile `OrderStatusBar` draws a glyph in. */
+export const ORDER_STATUS_BAR_TILE = 40;
+export const ORDER_STATUS_BAR_GLYPH = 20;
+export const ORDER_STATUS_BAR_PADDING = 14;
+export const ORDER_STATUS_BAR_METER_HEIGHT = 6;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ORDER_STATUS_STATE_LABELS","done","current","upcoming","failed","ORDER_STATUS_GEOMETRY","vertical","comfortable","column","dot","halo","line","lead","gap","glyph","label","labelStrong","meta","compact","horizontal","ORDER_STATUS_BAR_TILE","ORDER_STATUS_BAR_GLYPH","ORDER_STATUS_BAR_PADDING","ORDER_STATUS_BAR_METER_HEIGHT"],"sourceRoot":"../../../src","sources":["order-status/constants.ts"],"mappings":";;AAGA;AACA,OAAO,MAAMA,yBAA+D,GAAG;EAC7EC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,aAAa;EACtBC,QAAQ,EAAE,SAAS;EACnBC,MAAM,EAAE;AACV,CAAC;AAsBD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAGZ,GAAG;EACFC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,aAAa;MACpBC,WAAW,EAAE,eAAe;MAC5BC,IAAI,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACPV,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,iBAAiB;MAC9BC,IAAI,EAAE;IACR;EACF,CAAC;EACDE,UAAU,EAAE;IACVZ,WAAW,EAAE;MACXC,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,oBAAoB;MACjCC,IAAI,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACPV,MAAM,EAAE,EAAE;MACVC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,CAAC;MACPC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAE,kBAAkB;MACzBC,WAAW,EAAE,oBAAoB;MACjCC,IAAI,EAAE;IACR;EACF;AACF,CAAC;;AAED;AACA,OAAO,MAAMG,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,sBAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,6BAA6B,GAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export { OrderStatusBar } from "./OrderStatusBar.js";
+export { OrderStatusTimeline } from "./OrderStatusTimeline.js";
+export { ORDER_STATUS_GEOMETRY, ORDER_STATUS_STATE_LABELS } from "./constants.js";
+export { resolveOrderStatusPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["OrderStatusBar","OrderStatusTimeline","ORDER_STATUS_GEOMETRY","ORDER_STATUS_STATE_LABELS","resolveOrderStatusPaint"],"sourceRoot":"../../../src","sources":["order-status/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,qBAAqB,EAAEC,yBAAyB,QAAQ,gBAAa;AAE9E,SAASC,uBAAuB,QAAQ,aAAU","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ * What both `order-status` components need to paint themselves, read RELATIVE
+ * to the surface they were dropped on (`styles/surface-levels.ts`) rather than
+ * from a ramp stop — a status strip is put inside a card as often as on a page,
+ * and a connector picked by eye disappears on one of the two.
+ *
+ * Pure, so `OrderStatus.test.tsx` can walk presets and modes without rendering.
+ */
+import { Platform } from 'react-native';
+import { hairlineOn, surfaceTextOn } from "../styles/surface-levels.js";
+export const IS_WEB = Platform.OS === 'web';
+export function resolveOrderStatusPaint(theme, surface) {
+  const text = surfaceTextOn(theme, surface);
+  return {
+    ...text,
+    connector: hairlineOn(theme, surface),
+    upcomingRing: text.textGraphical
+  };
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","hairlineOn","surfaceTextOn","IS_WEB","OS","resolveOrderStatusPaint","theme","surface","text","connector","upcomingRing","textGraphical"],"sourceRoot":"../../../src","sources":["order-status/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,UAAU,EAAEC,aAAa,QAA+B,6BAA0B;AAG3F,OAAO,MAAMC,MAAM,GAAGH,QAAQ,CAACI,EAAE,KAAK,KAAK;AAa3C,OAAO,SAASC,uBAAuBA,CAACC,KAAY,EAAEC,OAAe,EAAoB;EACvF,MAAMC,IAAI,GAAGN,aAAa,CAACI,KAAK,EAAEC,OAAO,CAAC;EAC1C,OAAO;IACL,GAAGC,IAAI;IACPC,SAAS,EAAER,UAAU,CAACK,KAAK,EAAEC,OAAO,CAAC;IACrCG,YAAY,EAAEF,IAAI,CAACG;EACrB,CAAC;AACH","ignoreList":[]}

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

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

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

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