@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/module/cart-panel/CartTipPicker.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveCartPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What to add for the courier: a single choice among a few pre-formatted
+ * amounts.
+ *
+ * It is `SegmentedControl type="radio"`, which already IS a `radiogroup` of
+ * `radio`s that reads a `Field`, slides its thumb and carries one focus ring —
+ * a row of pills would be a second grouped-choice control with the same
+ * meaning, and the one thing it could not do is announce "2 of 4".
+ *
+ * `large` is the rung, because the segments are a finger's target: the control
+ * is 44 tall there, which is the floor a touch target has.
+ *
+ * Every amount is a STRING the app formatted. A percentage and a fixed amount
+ * are both just labels here; nothing computes either, and "No tip" is an
+ * option like any other rather than a state this component invents.
+ */
+function CartTipPickerComponent({
+  options,
+  value,
+  onValueChange,
+  label = 'Tip',
+  description,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveCartPaint(theme, surface), [theme, surface]);
+  if (options.length === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "body-medium",
+      testID: testID ? `${testID}-label` : undefined,
+      style: {
+        color: paint.text
+      },
+      children: label
+    }), /*#__PURE__*/_jsx(SegmentedControl, {
+      label: label,
+      type: "radio",
+      size: "large",
+      value: value ?? '',
+      onChange: onValueChange,
+      disabled: disabled,
+      style: {
+        alignSelf: 'stretch'
+      },
+      testID: testID ? `${testID}-options` : undefined,
+      children: options.map(option => /*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: option.id,
+        testID: testID ? `${testID}-option-${option.id}` : undefined,
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: option.label
+        })
+      }, option.id))
+    }), description ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      testID: testID ? `${testID}-description` : undefined,
+      style: {
+        color: paint.textSecondary
+      },
+      children: description
+    }) : null]
+  });
+}
+export const CartTipPicker = /*#__PURE__*/memo(CartTipPickerComponent);
+CartTipPicker.displayName = 'CartTipPicker';
+//# sourceMappingURL=CartTipPicker.js.map

package/lib/module/cart-panel/CartTipPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","useSurfaceFill","useTheme","Text","resolveCartPaint","jsx","_jsx","jsxs","_jsxs","CartTipPickerComponent","options","value","onValueChange","label","description","disabled","style","testID","theme","surface","paint","length","gap","children","variant","undefined","color","text","type","size","onChange","alignSelf","map","option","id","textSecondary","CartTipPicker","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartTipPicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,wBAAwB,QAAQ,+BAAsB;AACvG,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,gBAAgB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,sBAAsBA,CAAC;EAC9BC,OAAO;EACPC,KAAK;EACLC,aAAa;EACbC,KAAK,GAAG,KAAK;EACbC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,OAAO,GAAGlB,cAAc,CAAC,CAAC;EAChC,MAAMmB,KAAK,GAAGxB,OAAO,CAAC,MAAMQ,gBAAgB,CAACc,KAAK,EAAEC,OAAO,CAAC,EAAE,CAACD,KAAK,EAAEC,OAAO,CAAC,CAAC;EAE/E,IAAIT,OAAO,CAACW,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAErC,oBACEb,KAAA,CAACX,IAAI;IAACmB,KAAK,EAAE,CAAC;MAAEM,GAAG,EAAE;IAAE,CAAC,EAAEN,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAM,QAAA,gBAC/CjB,IAAA,CAACH,IAAI;MACHqB,OAAO,EAAC,aAAa;MACrBP,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGQ,SAAU;MAC/CT,KAAK,EAAE;QAAEU,KAAK,EAAEN,KAAK,CAACO;MAAK,CAAE;MAAAJ,QAAA,EAE5BV;IAAK,CACF,CAAC,eACPP,IAAA,CAACR,gBAAgB;MACfe,KAAK,EAAEA,KAAM;MACbe,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,OAAO;MACZlB,KAAK,EAAEA,KAAK,IAAI,EAAG;MACnBmB,QAAQ,EAAElB,aAAc;MACxBG,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAE;QAAEe,SAAS,EAAE;MAAU,CAAE;MAChCd,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGQ,SAAU;MAAAF,QAAA,EAEhDb,OAAO,CAACsB,GAAG,CAAEC,MAAM,iBAClB3B,IAAA,CAACP,oBAAoB;QAEnBY,KAAK,EAAEsB,MAAM,CAACC,EAAG;QACjBjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAWgB,MAAM,CAACC,EAAE,EAAE,GAAGT,SAAU;QAAAF,QAAA,eAE7DjB,IAAA,CAACN,wBAAwB;UAAAuB,QAAA,EAAEU,MAAM,CAACpB;QAAK,CAA2B;MAAC,GAJ9DoB,MAAM,CAACC,EAKQ,CACvB;IAAC,CACc,CAAC,EAClBpB,WAAW,gBACVR,IAAA,CAACH,IAAI;MACHqB,OAAO,EAAC,mBAAmB;MAC3BP,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAc,GAAGQ,SAAU;MACrDT,KAAK,EAAE;QAAEU,KAAK,EAAEN,KAAK,CAACe;MAAc,CAAE;MAAAZ,QAAA,EAErCT;IAAW,CACR,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,OAAO,MAAMsB,aAAa,gBAAGzC,IAAI,CAACc,sBAAsB,CAAC;AACzD2B,aAAa,CAACC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/cart-panel/constants.js

@@ -0,0 +1,36 @@
+"use strict";
+
+/**
+ * 56 is the basket rung: a line carries a name, its options and a price, which
+ * is three text lines, and a 56 square is exactly as tall as those three — the
+ * picture and the words end together. The menu's own 72 belongs to a row that
+ * also carries a two-line description.
+ */
+export const CART_GEOMETRY = {
+  comfortable: {
+    thumb: 56,
+    thumbRadius: 10,
+    vendorTile: 40
+  },
+  compact: {
+    thumb: 44,
+    thumbRadius: 8,
+    vendorTile: 32
+  }
+};
+
+/** Between the basket's blocks: the lines, the tip, the promo, the totals. */
+export const CART_BLOCK_GAP = 20;
+
+/** Between two lines. */
+export const CART_LINE_GAP = 4;
+
+/** The minimum-order bar's height. The `Meter` default, written down so the doc can name it. */
+export const CART_METER_HEIGHT = 6;
+
+/** How far a sold-out line's photo is washed toward the panel. */
+export const CART_WASH_OPACITY = 0.5;
+
+/** What the options line joins the chosen options with. */
+export const CART_OPTION_SEPARATOR = ' · ';
+//# sourceMappingURL=constants.js.map

package/lib/module/cart-panel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CART_GEOMETRY","comfortable","thumb","thumbRadius","vendorTile","compact","CART_BLOCK_GAP","CART_LINE_GAP","CART_METER_HEIGHT","CART_WASH_OPACITY","CART_OPTION_SEPARATOR"],"sourceRoot":"../../../src","sources":["cart-panel/constants.ts"],"mappings":";;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,aAAgD,GAAG;EAC9DC,WAAW,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC3DC,OAAO,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAG;AACvD,CAAC;;AAED;AACA,OAAO,MAAME,cAAc,GAAG,EAAE;;AAEhC;AACA,OAAO,MAAMC,aAAa,GAAG,CAAC;;AAE9B;AACA,OAAO,MAAMC,iBAAiB,GAAG,CAAC;;AAElC;AACA,OAAO,MAAMC,iBAAiB,GAAG,GAAG;;AAEpC;AACA,OAAO,MAAMC,qBAAqB,GAAG,KAAK","ignoreList":[]}

package/lib/module/cart-panel/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { CartLine } from "./CartLine.js";
+export { CartPanel } from "./CartPanel.js";
+export { CartPromoField } from "./CartPromoField.js";
+export { CartTipPicker } from "./CartTipPicker.js";
+export { CART_BLOCK_GAP, CART_GEOMETRY, CART_LINE_GAP, CART_WASH_OPACITY } from "./constants.js";
+export { composeCartLineName, optionsLine, resolveCartPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/cart-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CartLine","CartPanel","CartPromoField","CartTipPicker","CART_BLOCK_GAP","CART_GEOMETRY","CART_LINE_GAP","CART_WASH_OPACITY","composeCartLineName","optionsLine","resolveCartPaint"],"sourceRoot":"../../../src","sources":["cart-panel/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AACrC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,cAAc,EAAEC,aAAa,EAAEC,aAAa,EAAEC,iBAAiB,QAAQ,gBAAa;AAE7F,SAASC,mBAAmB,EAAEC,WAAW,EAAEC,gBAAgB,QAAQ,aAAU","ignoreList":[]}

package/lib/module/cart-panel/shared.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ * Everything `cart-panel` decides WITHOUT rendering: the options line, the
+ * sentence a line is announced as, and the colours a basket paints RELATIVE to
+ * whatever it was dropped on — a desktop panel puts it in a card, a phone puts
+ * it in a sheet, and a rule or a quiet caption picked by eye disappears on one
+ * of the two.
+ *
+ * Pure, so `CartPanel.test.tsx` can walk presets and modes without rendering.
+ */
+import { hairlineOn, surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+import { CART_OPTION_SEPARATOR } from "./constants.js";
+export function resolveCartPaint(theme, surface) {
+  return {
+    ...surfaceTextOn(theme, surface),
+    tile: surfaceFillOn(theme, surface),
+    wash: surface,
+    rule: hairlineOn(theme, surface)
+  };
+}
+
+/** "Large · Extra cheese", or `null` for a line with no choices. */
+export function optionsLine(options) {
+  if (!options || options.length === 0) return null;
+  const kept = options.filter(option => option !== '');
+  return kept.length > 0 ? kept.join(CART_OPTION_SEPARATOR) : null;
+}
+
+/**
+ * One line as one sentence, in the order it is read on screen. The quantity is
+ * said in words ("2") rather than left to the "×2" glyph, which announces
+ * nothing.
+ */
+export function composeCartLineName(line) {
+  const parts = [line.name];
+  const options = optionsLine(line.options);
+  if (options) parts.push(options);
+  if (line.note) parts.push(line.note);
+  parts.push(String(line.quantity));
+  if (line.originalPrice) parts.push(`${line.price}, originally ${line.originalPrice}`);else parts.push(line.price);
+  if (line.unavailable) parts.push(line.unavailableLabel ?? 'Sold out');
+  return parts.join(', ');
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/cart-panel/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hairlineOn","surfaceFillOn","surfaceTextOn","CART_OPTION_SEPARATOR","resolveCartPaint","theme","surface","tile","wash","rule","optionsLine","options","length","kept","filter","option","join","composeCartLineName","line","parts","name","push","note","String","quantity","originalPrice","price","unavailable","unavailableLabel"],"sourceRoot":"../../../src","sources":["cart-panel/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,aAAa,EAAEC,aAAa,QAA+B,6BAA0B;AAE1G,SAASC,qBAAqB,QAAQ,gBAAa;AAYnD,OAAO,SAASC,gBAAgBA,CAACC,KAAY,EAAEC,OAAe,EAAa;EACzE,OAAO;IACL,GAAGJ,aAAa,CAACG,KAAK,EAAEC,OAAO,CAAC;IAChCC,IAAI,EAAEN,aAAa,CAACI,KAAK,EAAEC,OAAO,CAAC;IACnCE,IAAI,EAAEF,OAAO;IACbG,IAAI,EAAET,UAAU,CAACK,KAAK,EAAEC,OAAO;EACjC,CAAC;AACH;;AAEA;AACA,OAAO,SAASI,WAAWA,CAACC,OAA0C,EAAiB;EACrF,IAAI,CAACA,OAAO,IAAIA,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EACjD,MAAMC,IAAI,GAAGF,OAAO,CAACG,MAAM,CAAEC,MAAM,IAAKA,MAAM,KAAK,EAAE,CAAC;EACtD,OAAOF,IAAI,CAACD,MAAM,GAAG,CAAC,GAAGC,IAAI,CAACG,IAAI,CAACb,qBAAqB,CAAC,GAAG,IAAI;AAClE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASc,mBAAmBA,CACjCC,IAGC,EACO;EACR,MAAMC,KAAe,GAAG,CAACD,IAAI,CAACE,IAAI,CAAC;EACnC,MAAMT,OAAO,GAAGD,WAAW,CAACQ,IAAI,CAACP,OAAO,CAAC;EACzC,IAAIA,OAAO,EAAEQ,KAAK,CAACE,IAAI,CAACV,OAAO,CAAC;EAChC,IAAIO,IAAI,CAACI,IAAI,EAAEH,KAAK,CAACE,IAAI,CAACH,IAAI,CAACI,IAAI,CAAC;EACpCH,KAAK,CAACE,IAAI,CAACE,MAAM,CAACL,IAAI,CAACM,QAAQ,CAAC,CAAC;EACjC,IAAIN,IAAI,CAACO,aAAa,EAAEN,KAAK,CAACE,IAAI,CAAC,GAAGH,IAAI,CAACQ,KAAK,gBAAgBR,IAAI,CAACO,aAAa,EAAE,CAAC,CAAC,KACjFN,KAAK,CAACE,IAAI,CAACH,IAAI,CAACQ,KAAK,CAAC;EAC3B,IAAIR,IAAI,CAACS,WAAW,EAAER,KAAK,CAACE,IAAI,CAACH,IAAI,CAACU,gBAAgB,IAAI,UAAU,CAAC;EACrE,OAAOT,KAAK,CAACH,IAAI,CAAC,IAAI,CAAC;AACzB","ignoreList":[]}

package/lib/module/cart-panel/types.js

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

package/lib/module/cart-panel/types.js.map

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

package/lib/module/chat-people/ContactRow.js

@@ -32,7 +32,7 @@ import { DISABLED_OPACITY } from "../styles/tokens.js";
  * The mark is a 20px circle (the picker idiom) rather than a square, so it
  * cannot be mistaken for the settings checkbox it is not.
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const AVATAR = {
   small: 36,
   medium: 44
@@ -47,6 +47,8 @@ function ContactRowComponent(props) {
   const {
     name,
     avatar,
+    avatarSlot,
+    identitySlot,
     avatarVariant,
     subtitle,
     status,
@@ -60,6 +62,7 @@ function ContactRowComponent(props) {
     onPress,
     disabled = false,
     size = 'medium',
+    horizontalInset = 10,
     style,
     textStyle,
     testID
@@ -75,7 +78,7 @@ function ContactRowComponent(props) {
   const checkboxRow = trailing === 'checkbox' && onSelectedChange !== undefined;
   const pressable = checkboxRow || onPress !== undefined;
   const body = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(AvatarPresence, {
+    children: [avatarSlot !== undefined ? avatarSlot : /*#__PURE__*/_jsx(AvatarPresence, {
       source: avatar,
       variant: avatarVariant,
       name: name,
@@ -83,29 +86,31 @@ function ContactRowComponent(props) {
       status: status,
       presenceRingColor: paint.surface,
       presenceLabel: ""
-    }), /*#__PURE__*/_jsxs(View, {
+    }), /*#__PURE__*/_jsx(View, {
       style: {
         flex: 1,
         minWidth: 0,
         gap: 1
       },
-      children: [/*#__PURE__*/_jsx(Text, {
-        variant: "body-medium",
-        numberOfLines: 1,
-        style: [{
-          color: paint.text
-        }, textStyle],
-        testID: testID ? `${testID}-name` : undefined,
-        children: name
-      }), subtitle === undefined ? null : /*#__PURE__*/_jsx(Text, {
-        variant: "caption-1-regular",
-        numberOfLines: 1,
-        style: {
-          color: paint.textSecondary
-        },
-        testID: testID ? `${testID}-subtitle` : undefined,
-        children: subtitle
-      })]
+      children: identitySlot !== undefined ? identitySlot : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: [{
+            color: paint.text
+          }, textStyle],
+          testID: testID ? `${testID}-name` : undefined,
+          children: name
+        }), subtitle === undefined ? null : /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textSecondary
+          },
+          testID: testID ? `${testID}-subtitle` : undefined,
+          children: subtitle
+        })]
+      })
     }), trailingSlot !== undefined ? trailingSlot : trailing === 'chevron' ? /*#__PURE__*/_jsx(RiArrowRightSLine, {
       width: 20,
       height: 20,
@@ -139,9 +144,9 @@ function ContactRowComponent(props) {
     borderRadius: 12,
     backgroundColor: hovered && pressable || checkboxRow && selected ? paint.rowHighlight : 'transparent',
     paddingTop: 8,
-    paddingRight: 10,
+    paddingRight: horizontalInset,
     paddingBottom: 8,
-    paddingLeft: 10,
+    paddingLeft: horizontalInset,
     opacity: disabled ? DISABLED_OPACITY : 1
   };
   const main = checkboxRow ? /*#__PURE__*/_jsx(Pressable, {
@@ -209,6 +214,7 @@ function ContactRowComponent(props) {
       size: "small",
       disabled: disabled,
       onPress: onAction,
+      accessibilityLabel: `${actionLabel} ${name}`,
       testID: testID ? `${testID}-action` : undefined,
       children: actionLabel
     }) : null]

package/lib/module/chat-people/ContactRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","Pressable","View","Button","AvatarPresence","useInteractionState","RiArrowRightSLine","RiCheckLine","useTheme","Text","resolveChatPeoplePaint","DISABLED_OPACITY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AVATAR","small","medium","resolveTrailing","props","trailing","undefined","onSelectedChange","onAction","ContactRowComponent","name","avatar","avatarVariant","subtitle","status","trailingSlot","selected","actionLabel","actionDone","actionDoneLabel","onPress","disabled","size","style","textStyle","testID","theme","paint","state","hovered","onIn","onOut","checkboxRow","pressable","body","children","source","variant","presenceRingColor","surface","presenceLabel","flex","minWidth","gap","numberOfLines","color","text","textSecondary","width","height","fill","textTertiary","pointerEvents","borderRadius","borderWidth","borderColor","backgroundColor","accent","alignItems","justifyContent","onAccent","shell","flexDirection","rowHighlight","paddingTop","paddingRight","paddingBottom","paddingLeft","opacity","main","role","accessibilityLabel","accessibilityState","checked","onHoverIn","onHoverOut","ContactRow","displayName"],"sourceRoot":"../../../src","sources":["chat-people/ContactRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useMemo","Pressable","View","Button","AvatarPresence","useInteractionState","RiArrowRightSLine","RiCheckLine","useTheme","Text","resolveChatPeoplePaint","DISABLED_OPACITY","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AVATAR","small","medium","resolveTrailing","props","trailing","undefined","onSelectedChange","onAction","ContactRowComponent","name","avatar","avatarSlot","identitySlot","avatarVariant","subtitle","status","trailingSlot","selected","actionLabel","actionDone","actionDoneLabel","onPress","disabled","size","horizontalInset","style","textStyle","testID","theme","paint","state","hovered","onIn","onOut","checkboxRow","pressable","body","children","source","variant","presenceRingColor","surface","presenceLabel","flex","minWidth","gap","numberOfLines","color","text","textSecondary","width","height","fill","textTertiary","pointerEvents","borderRadius","borderWidth","borderColor","backgroundColor","accent","alignItems","justifyContent","onAccent","shell","flexDirection","rowHighlight","paddingTop","paddingRight","paddingBottom","paddingLeft","opacity","main","role","accessibilityLabel","accessibilityState","checked","onHoverIn","onHoverOut","ContactRow","displayName"],"sourceRoot":"../../../src","sources":["chat-people/ContactRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAE9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,cAAc,QAAQ,sCAAmC;AAClE,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,iBAAiB,QAAQ,qCAAkC;AACpE,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,sBAAsB,QAAQ,aAAU;AAEjD,SAASC,gBAAgB,QAAQ,qBAAkB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAqBA,MAAMC,MAA0C,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAE5E,SAASC,eAAeA,CAACC,KAAsB,EAAsB;EACnE,IAAIA,KAAK,CAACC,QAAQ,KAAKC,SAAS,EAAE,OAAOF,KAAK,CAACC,QAAQ;EACvD,IAAID,KAAK,CAACG,gBAAgB,KAAKD,SAAS,EAAE,OAAO,UAAU;EAC3D,IAAIF,KAAK,CAACI,QAAQ,KAAKF,SAAS,EAAE,OAAO,QAAQ;EACjD,OAAO,MAAM;AACf;AAEA,SAASG,mBAAmBA,CAACL,KAAsB,EAAE;EACnD,MAAM;IACJM,IAAI;IACJC,MAAM;IACNC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,MAAM;IACNC,YAAY;IACZC,QAAQ,GAAG,KAAK;IAChBX,gBAAgB;IAChBY,WAAW,GAAG,KAAK;IACnBX,QAAQ;IACRY,UAAU,GAAG,KAAK;IAClBC,eAAe,GAAG,OAAO;IACzBC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,IAAI,GAAG,QAAQ;IACfC,eAAe,GAAG,EAAE;IACpBC,KAAK;IACLC,SAAS;IACTC;EACF,CAAC,GAAGxB,KAAK;EACT,MAAMyB,KAAK,GAAGvC,QAAQ,CAAC,CAAC;EACxB,MAAMwC,KAAK,GAAGhD,OAAO,CAAC,MAAMU,sBAAsB,CAACqC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACnE,MAAM;IAAEE,KAAK,EAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG/C,mBAAmB,CAAC,CAAC;EAC7D,MAAMkB,QAAQ,GAAGF,eAAe,CAACC,KAAK,CAAC;EACvC,MAAM+B,WAAW,GAAG9B,QAAQ,KAAK,UAAU,IAAIE,gBAAgB,KAAKD,SAAS;EAC7E,MAAM8B,SAAS,GAAGD,WAAW,IAAIb,OAAO,KAAKhB,SAAS;EAEtD,MAAM+B,IAAI,gBACRtC,KAAA,CAAAF,SAAA;IAAAyC,QAAA,GACG1B,UAAU,KAAKN,SAAS,GAAGM,UAAU,gBAAGjB,IAAA,CAACT,cAAc;MACtDqD,MAAM,EAAE5B,MAAO;MACf6B,OAAO,EAAE1B,aAAc;MACvBJ,IAAI,EAAEA,IAAK;MACXc,IAAI,EAAExB,MAAM,CAACwB,IAAI,CAAE;MACnBR,MAAM,EAAEA,MAAO;MACfyB,iBAAiB,EAAEX,KAAK,CAACY,OAAQ;MACjCC,aAAa,EAAC;IAAE,CACjB,CAAC,eACFhD,IAAA,CAACX,IAAI;MAAC0C,KAAK,EAAE;QAAEkB,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAR,QAAA,EAC3CzB,YAAY,KAAKP,SAAS,GAAGO,YAAY,gBAAGd,KAAA,CAAAF,SAAA;QAAAyC,QAAA,gBAC7C3C,IAAA,CAACJ,IAAI;UACHiD,OAAO,EAAC,aAAa;UACrBO,aAAa,EAAE,CAAE;UACjBrB,KAAK,EAAE,CAAC;YAAEsB,KAAK,EAAElB,KAAK,CAACmB;UAAK,CAAC,EAAEtB,SAAS,CAAE;UAC1CC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGtB,SAAU;UAAAgC,QAAA,EAE7C5B;QAAI,CACD,CAAC,EACNK,QAAQ,KAAKT,SAAS,GAAG,IAAI,gBAC5BX,IAAA,CAACJ,IAAI;UACHiD,OAAO,EAAC,mBAAmB;UAC3BO,aAAa,EAAE,CAAE;UACjBrB,KAAK,EAAE;YAAEsB,KAAK,EAAElB,KAAK,CAACoB;UAAc,CAAE;UACtCtB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGtB,SAAU;UAAAgC,QAAA,EAEjDvB;QAAQ,CACL,CACP;MAAA,CACC;IAAC,CACC,CAAC,EACNE,YAAY,KAAKX,SAAS,GACzBW,YAAY,GACVZ,QAAQ,KAAK,SAAS,gBACxBV,IAAA,CAACP,iBAAiB;MAAC+D,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE,EAAG;MAACC,IAAI,EAAEvB,KAAK,CAACwB;IAAa,CAAE,CAAC,GACpEnB,WAAW,gBACbxC,IAAA,CAACX,IAAI;MACHuE,aAAa,EAAC,MAAM;MACpB7B,KAAK,EAAE;QACLyB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVI,YAAY,EAAE,EAAE;QAChBC,WAAW,EAAEvC,QAAQ,GAAG,CAAC,GAAG,GAAG;QAC/BwC,WAAW,EAAE5B,KAAK,CAACwB,YAAY;QAC/BK,eAAe,EAAEzC,QAAQ,GAAGY,KAAK,CAAC8B,MAAM,GAAG,aAAa;QACxDC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAE;MACFlC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,WAAW,GAAGtB,SAAU;MAAAgC,QAAA,EAEjDpB,QAAQ,gBAAGvB,IAAA,CAACN,WAAW;QAAC8D,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEvB,KAAK,CAACiC;MAAS,CAAE,CAAC,GAAG;IAAI,CAC3E,CAAC,GACL,IAAI;EAAA,CACR,CACH;EAED,MAAMC,KAAK,GAAG;IACZC,aAAa,EAAE,KAAc;IAC7BJ,UAAU,EAAE,QAAiB;IAC7Bf,GAAG,EAAE,EAAE;IACPF,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXW,YAAY,EAAE,EAAE;IAChBG,eAAe,EACZ3B,OAAO,IAAII,SAAS,IAAMD,WAAW,IAAIjB,QAAS,GAAGY,KAAK,CAACoC,YAAY,GAAG,aAAa;IAC1FC,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE3C,eAAe;IAC7B4C,aAAa,EAAE,CAAC;IAChBC,WAAW,EAAE7C,eAAe;IAC5B8C,OAAO,EAAEhD,QAAQ,GAAG9B,gBAAgB,GAAG;EACzC,CAAC;EAED,MAAM+E,IAAI,GAAGrC,WAAW,gBACtBxC,IAAA,CAACZ,SAAS;IACR0F,IAAI,EAAC,UAAU;IACfC,kBAAkB,EAAEhE,IAAK;IACzB,gBAAcQ,QAAS;IACvByD,kBAAkB,EAAE;MAAEC,OAAO,EAAE1D,QAAQ;MAAEK;IAAS,CAAE;IACpD,iBAAeA,QAAQ,IAAIjB,SAAU;IACrCiB,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,GAAG,CAACW,QAAQ,CAAE;IAC7C2D,SAAS,EAAE5C,IAAK;IAChB6C,UAAU,EAAE5C,KAAM;IAClBR,KAAK,EAAEsC,KAAM;IACbpC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGtB,SAAU;IAAAgC,QAAA,EAE/CD;EAAI,CACI,CAAC,GACVf,OAAO,KAAKhB,SAAS,gBACvBX,IAAA,CAACX,IAAI;IAAC0C,KAAK,EAAEsC,KAAM;IAAA1B,QAAA,EAAED;EAAI,CAAO,CAAC,gBAEjC1C,IAAA,CAACZ,SAAS;IACR0F,IAAI,EAAC,QAAQ;IACbC,kBAAkB,EAAE3D,QAAQ,KAAKT,SAAS,GAAGI,IAAI,GAAG,GAAGA,IAAI,KAAKK,QAAQ,EAAG;IAC3E,iBAAeQ,QAAQ,IAAIjB,SAAU;IACrCqE,kBAAkB,EAAE;MAAEpD;IAAS,CAAE;IACjCA,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBuD,SAAS,EAAE5C,IAAK;IAChB6C,UAAU,EAAE5C,KAAM;IAClBR,KAAK,EAAEsC,KAAM;IACbpC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,OAAO,GAAGtB,SAAU;IAAAgC,QAAA,EAE7CD;EAAI,CACI,CACZ;EAED,oBACEtC,KAAA,CAACf,IAAI;IACH0C,KAAK,EAAE,CAAC;MAAEuC,aAAa,EAAE,KAAK;MAAEJ,UAAU,EAAE,QAAQ;MAAEf,GAAG,EAAE;IAAE,CAAC,EAAEpB,KAAK,CAAE;IACvEE,MAAM,EAAEA,MAAO;IAAAU,QAAA,GAEdkC,IAAI,EACJnE,QAAQ,KAAK,QAAQ,IAAIG,QAAQ,KAAKF,SAAS,GAC9Cc,UAAU,gBACRrB,KAAA,CAACf,IAAI;MACH0C,KAAK,EAAE;QAAEuC,aAAa,EAAE,KAAK;QAAEJ,UAAU,EAAE,QAAQ;QAAEf,GAAG,EAAE,CAAC;QAAEsB,YAAY,EAAE;MAAE,CAAE;MAC/ExC,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,cAAc,GAAGtB,SAAU;MAAAgC,QAAA,gBAErD3C,IAAA,CAACN,WAAW;QAAC8D,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACC,IAAI,EAAEvB,KAAK,CAACoB;MAAc,CAAE,CAAC,eACjEvD,IAAA,CAACJ,IAAI;QAACiD,OAAO,EAAC,eAAe;QAACd,KAAK,EAAE;UAAEsB,KAAK,EAAElB,KAAK,CAACoB;QAAc,CAAE;QAAAZ,QAAA,EACjEjB;MAAe,CACZ,CAAC;IAAA,CACH,CAAC,gBAEP1B,IAAA,CAACV,MAAM;MACLuD,OAAO,EAAC,WAAW;MACnBhB,IAAI,EAAC,OAAO;MACZD,QAAQ,EAAEA,QAAS;MACnBD,OAAO,EAAEd,QAAS;MAClBkE,kBAAkB,EAAE,GAAGvD,WAAW,IAAIT,IAAI,EAAG;MAC7CkB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGtB,SAAU;MAAAgC,QAAA,EAE/CnB;IAAW,CACN,CACT,GACC,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,OAAO,MAAM4D,UAAU,gBAAGlG,IAAI,CAAC4B,mBAAmB,CAAC;AACnDsE,UAAU,CAACC,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/checkout-summary/CheckoutConfirm.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { ActionCardNote } from "../booking/ActionCard.js";
+import { Button } from '../button';
+import { CHECKOUT_CONFIRM_BUSY_LABEL, CHECKOUT_CONFIRM_LABEL } from "./constants.js";
+import { checkoutConfirmLabel } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The press that places the order: the words, the amount it commits to, the
+ * terms under it, and the state where it must not fire twice.
+ *
+ *   button   `Button` primary large, full width, "Place order · €24.80"
+ *   terms    12 under it; the centred secondary line every Bloom action card
+ *            draws under its primary (`ActionCardNote`)
+ *   footer   16 under the terms
+ *
+ * ## Why the amount is ON the button
+ *
+ * The number a press commits to and the press are one decision. A total
+ * elsewhere on the screen and a button reading "Place order" are two, and the
+ * gap between them is where a reader confirms a figure they last saw before a
+ * tip picker changed it.
+ *
+ * ## Why there are TWO guards against a double order
+ *
+ * `busy` is the app's: while the order is in flight the button spins and every
+ * press is dropped. It is not enough on its own — a press calls `onConfirm`,
+ * the app sets its state, and `busy` only reaches this component on the NEXT
+ * commit; the second tap of a double-tap lands inside that window and places a
+ * second order. So the component also latches on its own press, synchronously,
+ * in a ref: state would not do, because two presses in one tick both read the
+ * same render's value.
+ *
+ * The latch clears on the first commit where `busy` is false again — so an app
+ * that never sets `busy` (a confirm that navigates away, a demo) gets exactly
+ * one press per tick and is never wedged, and an app that does keeps the button
+ * inert for the whole flight.
+ */
+function CheckoutConfirmComponent({
+  label = CHECKOUT_CONFIRM_LABEL,
+  amount,
+  terms,
+  onConfirm,
+  disabled = false,
+  busy = false,
+  busyLabel = CHECKOUT_CONFIRM_BUSY_LABEL,
+  footer,
+  style,
+  testID
+}) {
+  const latch = useRef(false);
+  const [latched, setLatched] = useState(false);
+  const handlePress = useCallback(() => {
+    if (disabled || busy || latch.current) return;
+    latch.current = true;
+    setLatched(true);
+    onConfirm?.();
+  }, [disabled, busy, onConfirm]);
+  useEffect(() => {
+    if (!latched || busy) return;
+    latch.current = false;
+    setLatched(false);
+  }, [latched, busy]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const words = checkoutConfirmLabel(label, amount);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "large",
+      fullWidth: true,
+      onPress: handlePress,
+      disabled: disabled,
+      loading: busy
+      // The name is the STATE while it is busy: a spinner draws no words, and
+      // a button still announcing "Place order · €24.80" while the order is
+      // being placed invites the press this component exists to refuse.
+      ,
+      accessibilityLabel: busy ? busyLabel : words,
+      style: {
+        alignSelf: 'stretch'
+      },
+      testID: id('button'),
+      children: words
+    }), terms != null ? /*#__PURE__*/_jsx(ActionCardNote, {
+      style: {
+        marginTop: 12
+      },
+      testID: id('terms'),
+      children: terms
+    }) : null, footer != null ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: 16,
+        alignItems: 'center'
+      },
+      testID: id('footer'),
+      children: footer
+    }) : null]
+  });
+}
+export const CheckoutConfirm = /*#__PURE__*/memo(CheckoutConfirmComponent);
+CheckoutConfirm.displayName = 'CheckoutConfirm';
+//# sourceMappingURL=CheckoutConfirm.js.map

package/lib/module/checkout-summary/CheckoutConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useRef","useState","View","ActionCardNote","Button","CHECKOUT_CONFIRM_BUSY_LABEL","CHECKOUT_CONFIRM_LABEL","checkoutConfirmLabel","jsx","_jsx","jsxs","_jsxs","CheckoutConfirmComponent","label","amount","terms","onConfirm","disabled","busy","busyLabel","footer","style","testID","latch","latched","setLatched","handlePress","current","id","part","undefined","words","children","variant","size","fullWidth","onPress","loading","accessibilityLabel","alignSelf","marginTop","alignItems","CheckoutConfirm","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutConfirm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkout-summary/CheckoutSummary.js

@@ -0,0 +1,186 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { AddressRow } from "../address/index.js";
+import { Divider } from "../divider/index.js";
+import { PriceSummary } from "../price-breakdown/index.js";
+import { SurfaceLevelProvider, surfaceFillVars, useSurfaceLevel, useSurfaceLevelValue } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CheckoutConfirm } from "./CheckoutConfirm.js";
+import { CheckoutSummaryRow } from "./CheckoutSummaryRow.js";
+import { CHECKOUT_GROUP_RADIUS, CHECKOUT_PRICE_PADDING, CHECKOUT_ROW_ICON, CHECKOUT_SECTION_GAP } from "./constants.js";
+import { checkoutRowName } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** The style that takes `Item`'s own chrome back off a row nested inside a row. */
+const NESTED_ROW_STYLE = {
+  // The LONGHANDS `Item` itself writes, on both axes. `Item`'s base uses
+  // `paddingVertical` for the vertical pair and `paddingLeft`/`paddingRight`
+  // for the horizontal one; overriding a shorthand with longhands (or the other
+  // way round) is honoured by Yoga and silently dropped by react-native-web,
+  // whose atomic sheet ranks `padding-block` above `padding-top` whatever the
+  // array's order — so the reset would have worked on native only.
+  paddingVertical: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  minHeight: 0
+};
+
+/**
+ * Review and confirm: where it goes, when, how it is paid, what it costs, and
+ * the note to the seller — each shown as its chosen value, each opening the
+ * thing that changes it.
+ *
+ *   group    one surface rung above whatever it was dropped on, radius 16, a
+ *            hairline, with 1px rules between rows
+ *   rows     `CheckoutSummaryRow`, in the order a buyer checks them
+ *   totals   `price-breakdown`'s `PriceSummary`, inside the group under a rule,
+ *            16 all round
+ *   confirm  `CheckoutConfirm`, 20 under the group and OUTSIDE it: the group is
+ *            a list of decisions and the button is the consequence
+ *
+ * ## What this family does not own
+ *
+ * The totals are `PriceSummary` and nothing else — no second breakdown, no
+ * arithmetic, and every amount is a string the app formatted. The address row
+ * is `address`'s own `AddressRow`. Tracking, afterwards, is `order-status`.
+ * The payment row is a SLOT: the payment-method row is its own family, and a
+ * placeholder drawn here would be a second spelling of it.
+ *
+ * ## Why the address row nests
+ *
+ * `AddressRow` is `Item` with an address's slots filled in — the tile, the
+ * badge beside the title, the name joined from the row's own text. Reaching for
+ * it here rather than redrawing two lines is the whole point; it goes INSIDE
+ * the summary row's value column with `leading={null}` (the row already drew
+ * the gutter, which is the case `AddressRow` documents) and with `Item`'s
+ * padding reset, so there is one row's chrome rather than two.
+ */
+function CheckoutSummaryComponent({
+  title = 'Review your order',
+  address,
+  delivery,
+  payment,
+  note,
+  extras,
+  price,
+  confirm,
+  children,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const level = useSurfaceLevelValue();
+  const own = useSurfaceLevel(1);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const line = (row, fallbackIcon, key) => /*#__PURE__*/_jsx(CheckoutSummaryRow, {
+    label: row.label,
+    icon: row.icon ?? fallbackIcon,
+    value: row.value,
+    placeholder: row.placeholder,
+    detail: row.detail,
+    badge: row.badge,
+    onPress: row.onPress,
+    disabled: row.disabled,
+    accessibilityHint: row.accessibilityHint,
+    accessibilityLabel: row.accessibilityLabel,
+    testID: row.testID ?? id(key)
+  }, row.id ?? key);
+  const rows = [];
+  if (address) {
+    const label = address.label ?? 'Deliver to';
+    rows.push(/*#__PURE__*/_jsx(CheckoutSummaryRow, {
+      label: label,
+      icon: address.icon ?? CHECKOUT_ROW_ICON.address,
+      onPress: address.onPress,
+      disabled: address.disabled,
+      accessibilityHint: address.accessibilityHint,
+      accessibilityLabel: checkoutRowName(label, [address.title, address.subtitle].filter(Boolean).join(', ')),
+      testID: address.testID ?? id('address'),
+      content: /*#__PURE__*/_jsx(AddressRow, {
+        title: address.title,
+        subtitle: address.subtitle,
+        kind: address.kind,
+        badge: address.badge,
+        leading: null,
+        style: NESTED_ROW_STYLE,
+        testID: id('address-row')
+      })
+    }, "address"));
+  }
+  if (delivery) rows.push(line(delivery, CHECKOUT_ROW_ICON.delivery, 'delivery'));
+  if (payment != null) rows.push(/*#__PURE__*/_jsx(View, {
+    children: payment
+  }, "payment"));
+  if (note) rows.push(line(note, CHECKOUT_ROW_ICON.note, 'note'));
+  if (extras) {
+    extras.forEach((row, index) => rows.push(line(row, undefined, `extra-${index}`)));
+  }
+
+  // One rung above the ambient surface, and PUBLISHED, so the rows inside
+  // resolve their tiles off the group's real fill rather than off the page's.
+  const raised = Math.min(3, level + 1);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    children: [title != null ? /*#__PURE__*/_jsx(Text, {
+      variant: "title-3-semibold",
+      role: "heading",
+      "aria-level": 2,
+      testID: id('title'),
+      style: {
+        color: theme.colors.text,
+        marginBottom: 12
+      },
+      children: title
+    }) : null, /*#__PURE__*/_jsx(View, {
+      role: "group",
+      accessibilityLabel: accessibilityLabel ?? title ?? 'Order summary',
+      testID: id('group'),
+      style: [{
+        borderRadius: CHECKOUT_GROUP_RADIUS,
+        borderWidth: 1,
+        borderColor: own.border,
+        backgroundColor: own.background,
+        overflow: 'hidden'
+      }, surfaceFillVars(own.background)],
+      children: /*#__PURE__*/_jsxs(SurfaceLevelProvider, {
+        level: raised,
+        fill: own.background,
+        children: [rows.map((row, index) => /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [index > 0 ? /*#__PURE__*/_jsx(Divider, {
+            color: own.border
+          }) : null, row]
+        }, index)), price ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [rows.length > 0 ? /*#__PURE__*/_jsx(Divider, {
+            color: own.border
+          }) : null, /*#__PURE__*/_jsx(View, {
+            style: {
+              padding: CHECKOUT_PRICE_PADDING
+            },
+            children: /*#__PURE__*/_jsx(PriceSummary, {
+              ...price,
+              testID: price.testID ?? id('price')
+            })
+          })]
+        }) : null]
+      })
+    }), children != null ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: CHECKOUT_SECTION_GAP
+      },
+      children: children
+    }) : null, confirm ? /*#__PURE__*/_jsx(CheckoutConfirm, {
+      ...confirm,
+      style: [{
+        marginTop: CHECKOUT_SECTION_GAP
+      }, confirm.style],
+      testID: confirm.testID ?? id('confirm')
+    }) : null]
+  });
+}
+export const CheckoutSummary = /*#__PURE__*/memo(CheckoutSummaryComponent);
+CheckoutSummary.displayName = 'CheckoutSummary';
+//# sourceMappingURL=CheckoutSummary.js.map