@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/commonjs/cart-panel/CartLine.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CartLine = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _RiDeleteBinLine = require("../icons/remix/RiDeleteBinLine.js");
+var _index = require("../item/index.js");
+var _parts = require("../listing-card/parts.js");
+var _parts2 = require("../menu-item/parts.js");
+var _index2 = require("../stepper/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * One thing in the basket: what it is, what was chosen for it, how many, and
+ * what that comes to.
+ *
+ *   leading   the square photo (56; 44 compact), washed while it is sold out
+ *   body      the name; the chosen options on one quiet line; the note; then
+ *             the quantity control and remove, side by side
+ *   trailing  the price, right-aligned, with an optional struck original
+ *
+ * THE STEPPER DOES NOT REMOVE. Its floor is 1, and removing is its own control
+ * with its own name — a stepper that deletes the line when you press `−` once
+ * too often is a destructive action behind an arithmetic one, and it has no
+ * label saying so.
+ *
+ * The row is never pressable, which is what lets the controls live in it: a
+ * pressable `Item` is a real `<button>` on web and a control inside one is
+ * invalid HTML whose click also fires the row. Opening a basket line to edit it
+ * is `MenuItemOptions` in a sheet, reached from the name — not from the whole
+ * row, which is mostly controls.
+ *
+ * A SOLD-OUT LINE IS QUIETENED, NOT DISABLED. The photo washes and the name
+ * drops to the secondary rung, but the row itself keeps full opacity: the one
+ * thing a reader needs on a line that cannot be delivered is REMOVE, and a
+ * control drawn at half opacity that still fires is exactly the affordance this
+ * library refuses elsewhere. The stepper is the one that goes disabled, because
+ * changing how many of a sold-out dish you want is the action with no meaning.
+ */
+function CartLineComponent(props) {
+  const {
+    name,
+    options,
+    note,
+    price,
+    originalPrice,
+    quantity,
+    photo,
+    photoVariant,
+    unavailable = false,
+    unavailableLabel = 'Sold out',
+    onQuantityChange,
+    onRemove,
+    removeLabel,
+    density = 'comfortable',
+    accessibilityLabel,
+    style,
+    testID
+  } = props;
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCartPaint)(theme, surface), [theme, surface]);
+  const g = _constants.CART_GEOMETRY[density];
+  const compact = density === 'compact';
+  const chosen = (0, _shared.optionsLine)(options);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Item, {
+    role: "listitem",
+    density: density,
+    accessibilityLabel: accessibilityLabel ?? (0, _shared.composeCartLineName)(props),
+    leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts2.MenuItemThumb, {
+      photo: photo,
+      photoVariant: photoVariant,
+      size: g.thumb,
+      radius: g.thumbRadius,
+      placeholder: paint.tile,
+      wash: paint.wash,
+      washed: unavailable,
+      testID: testID
+    }),
+    trailing: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        alignItems: 'flex-end',
+        minWidth: 0
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.ListingPriceLines, {
+        lines: [{
+          price,
+          originalPrice
+        }],
+        size: compact ? 'small' : 'medium',
+        color: paint.text,
+        secondaryColor: paint.textSecondary,
+        testID: testID ? `${testID}-price` : undefined
+      })
+    }),
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: compact ? 'body-2-semibold' : 'body-semibold',
+        numberOfLines: 2,
+        testID: testID ? `${testID}-name` : undefined,
+        style: {
+          color: unavailable ? paint.textSecondary : paint.text
+        },
+        children: name
+      }), chosen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: testID ? `${testID}-options` : undefined,
+        style: {
+          color: paint.textSecondary
+        },
+        children: chosen
+      }) : null, note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: testID ? `${testID}-note` : undefined,
+        style: {
+          color: paint.textTertiary
+        },
+        children: note
+      }) : null, unavailable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+        variant: "body-2-medium",
+        testID: testID ? `${testID}-unavailable` : undefined,
+        style: {
+          color: paint.textSecondary
+        },
+        children: unavailableLabel
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8,
+          marginTop: 6
+        },
+        children: [onQuantityChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Stepper, {
+          size: "small",
+          value: quantity,
+          min: 1,
+          disabled: unavailable,
+          onValueChange: onQuantityChange,
+          accessibilityLabel: name,
+          testID: testID ? `${testID}-stepper` : undefined
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "body-2-regular",
+          testID: testID ? `${testID}-quantity` : undefined,
+          style: {
+            color: paint.textSecondary,
+            fontVariant: ['tabular-nums']
+          },
+          children: `×${quantity}`
+        }), onRemove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.GlyphButton, {
+          size: 32,
+          icon: _RiDeleteBinLine.RiDeleteBinLine,
+          accessibilityLabel: removeLabel ?? `Remove ${name}`,
+          onPress: onRemove,
+          testID: testID ? `${testID}-remove` : undefined
+        }) : null]
+      })]
+    })
+  });
+}
+const CartLine = exports.CartLine = /*#__PURE__*/(0, _react.memo)(CartLineComponent);
+CartLine.displayName = 'CartLine';
+//# sourceMappingURL=CartLine.js.map

package/lib/commonjs/cart-panel/CartLine.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_RiDeleteBinLine","_index","_parts","_parts2","_index2","_surfaceLevels","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CartLineComponent","props","name","options","note","price","originalPrice","quantity","photo","photoVariant","unavailable","unavailableLabel","onQuantityChange","onRemove","removeLabel","density","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveCartPaint","g","CART_GEOMETRY","compact","chosen","optionsLine","jsx","Item","role","composeCartLineName","leading","MenuItemThumb","size","thumb","radius","thumbRadius","placeholder","tile","wash","washed","trailing","View","alignItems","minWidth","children","ListingPriceLines","lines","color","text","secondaryColor","textSecondary","undefined","jsxs","flex","gap","Text","variant","numberOfLines","textTertiary","flexDirection","marginTop","Stepper","value","min","disabled","onValueChange","fontVariant","GlyphButton","icon","RiDeleteBinLine","onPress","CartLine","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartLine.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/cart-panel/CartPanel.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CartPanel = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../admonition/index.js");
+var _button = require("../button");
+var _index2 = require("../divider/index.js");
+var _RiShoppingBag3Line = require("../icons/remix/RiShoppingBag3Line.js");
+var _RiStore2Line = require("../icons/remix/RiStore2Line.js");
+var _context = require("../image-resolver/context.js");
+var _index3 = require("../item/index.js");
+var _shared = require("../listing-card/shared.js");
+var _index4 = require("../price-breakdown/index.js");
+var _index5 = require("../stat-bar/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index6 = require("../typography/index.js");
+var _CartLine = require("./CartLine.js");
+var _CartPromoField = require("./CartPromoField.js");
+var _CartTipPicker = require("./CartTipPicker.js");
+var _constants = require("./constants.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The basket, and what it costs.
+ *
+ *   vendor    one row: the shop's picture, its name and its delivery line. A
+ *             basket belongs to exactly ONE vendor, which is why it is a header
+ *             and not a field on every line.
+ *   lines     a `list` of `CartLine`s
+ *   tip       `CartTipPicker`
+ *   promo     `CartPromoField`
+ *   shortfall the minimum-order warning, drawn directly above the totals —
+ *             beside the number it is about, not at the top where it is read
+ *             before there is a total to compare it to
+ *   totals    `price-breakdown`'s `PriceSummary`, handed straight through
+ *   footer    one `Button`, full width
+ *
+ * IT IS CONTENT, NOT A SURFACE. Inline in a desktop sidebar it is dropped in a
+ * `Card`; on a phone it is what a `BottomSheet` holds. It paints no background
+ * of its own and claims no edge, so the same tree works in both — and every
+ * colour it does paint is read RELATIVE to whatever it was dropped on
+ * (`styles/surface-levels.ts`), because a hairline picked for a card disappears
+ * on a sheet.
+ *
+ * IT ADDS NOTHING UP. Subtotal, delivery, service, discount, tip and total are
+ * `PriceLine`s the app formatted, drawn by the ONE breakdown Bloom has. There
+ * is no second summary in here, and the shortfall `message` is a sentence the
+ * app wrote rather than a subtraction this component performed.
+ */
+
+function VendorHeader({
+  name,
+  photo,
+  photoVariant,
+  meta,
+  onPress,
+  tile,
+  paint,
+  testID
+}) {
+  const resolver = (0, _context.useImageResolver)();
+  const uri = photo ? (0, _shared.resolvePhoto)(photo, resolver, photoVariant) : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Item, {
+    title: name,
+    subtitle: meta,
+    onPress: onPress,
+    accessibilityLabel: meta ? `${name}, ${meta}` : name,
+    leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: tile,
+        height: tile,
+        borderRadius: tile / 2,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: paint.tile
+      },
+      testID: testID ? `${testID}-vendor-tile` : undefined,
+      children: uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiStore2Line.RiStore2Line, {
+        width: tile / 2,
+        height: tile / 2,
+        fill: paint.textSecondary
+      })
+    }),
+    testID: testID ? `${testID}-vendor` : undefined
+  });
+}
+function MinimumNotice({
+  minimum,
+  fill,
+  track,
+  testID
+}) {
+  const {
+    message,
+    progress
+  } = minimum;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AdmonitionRoot, {
+    type: "warning",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.AdmonitionRow, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AdmonitionIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.AdmonitionContent, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AdmonitionText, {
+          children: message
+        }), progress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Meter, {
+          value: progress.value,
+          max: progress.max,
+          height: _constants.CART_METER_HEIGHT,
+          fill: fill,
+          track: track,
+          accessibilityLabel: progress.accessibilityLabel,
+          valueText: progress.valueText,
+          testID: testID ? `${testID}-minimum-meter` : undefined
+        }) : null]
+      })]
+    })
+  });
+}
+function EmptyBasket({
+  title,
+  description,
+  paint,
+  testID
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      alignItems: 'center',
+      gap: 8,
+      paddingTop: 24,
+      paddingBottom: 24
+    },
+    testID: testID ? `${testID}-empty` : undefined,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiShoppingBag3Line.RiShoppingBag3Line, {
+      width: 32,
+      height: 32,
+      fill: paint.textGraphical
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+      variant: "headline-semibold",
+      style: {
+        color: paint.text,
+        textAlign: 'center'
+      },
+      children: title
+    }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
+      variant: "body-2-regular",
+      style: {
+        color: paint.textSecondary,
+        textAlign: 'center'
+      },
+      children: description
+    }) : null]
+  });
+}
+function CartPanelComponent({
+  vendorName,
+  vendorPhoto,
+  vendorPhotoVariant,
+  vendorMeta,
+  onPressVendor,
+  lines,
+  onLineQuantityChange,
+  onLineRemove,
+  minimumOrder,
+  tip,
+  promo,
+  summary,
+  onCheckout,
+  checkoutLabel = 'Go to checkout',
+  checkoutDisabled = false,
+  empty,
+  emptyTitle = 'Your basket is empty',
+  emptyDescription = 'Add something from the menu and it will show up here.',
+  density = 'comfortable',
+  accessibilityLabel = 'Basket',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveCartPaint)(theme, surface), [theme, surface]);
+  const g = _constants.CART_GEOMETRY[density];
+  const warning = (0, _react.useMemo)(() => (0, _accentColors.resolveAccentColors)(theme.colors, 'warning', 'solid'), [theme]);
+  const hasLines = lines.length > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      gap: _constants.CART_BLOCK_GAP
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: _constants.CART_LINE_GAP
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(VendorHeader, {
+        name: vendorName,
+        photo: vendorPhoto,
+        photoVariant: vendorPhotoVariant,
+        meta: vendorMeta,
+        onPress: onPressVendor,
+        tile: g.vendorTile,
+        paint: paint,
+        testID: testID
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Divider, {
+        color: paint.rule
+      }), hasLines ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        role: "list",
+        accessibilityLabel: accessibilityLabel,
+        "aria-label": accessibilityLabel,
+        style: {
+          gap: _constants.CART_LINE_GAP
+        },
+        testID: testID ? `${testID}-lines` : undefined,
+        children: lines.map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartLine.CartLine, {
+          name: line.name,
+          options: line.options,
+          note: line.note,
+          price: line.price,
+          originalPrice: line.originalPrice,
+          quantity: line.quantity,
+          photo: line.photo,
+          photoVariant: line.photoVariant,
+          unavailable: line.unavailable,
+          unavailableLabel: line.unavailableLabel,
+          density: density,
+          onQuantityChange: onLineQuantityChange ? quantity => onLineQuantityChange(line.id, quantity) : undefined,
+          onRemove: onLineRemove ? () => onLineRemove(line.id) : undefined,
+          testID: testID ? `${testID}-line-${line.id}` : undefined
+        }, line.id))
+      }) : empty ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyBasket, {
+        title: emptyTitle,
+        description: emptyDescription,
+        paint: paint,
+        testID: testID
+      })]
+    }), hasLines && tip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartTipPicker.CartTipPicker, {
+      ...tip,
+      testID: tip.testID ?? (testID ? `${testID}-tip` : undefined)
+    }) : null, hasLines && promo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartPromoField.CartPromoField, {
+      ...promo,
+      testID: promo.testID ?? (testID ? `${testID}-promo` : undefined)
+    }) : null, hasLines && minimumOrder ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MinimumNotice, {
+      minimum: minimumOrder,
+      fill: warning.background,
+      track: paint.rule,
+      testID: testID
+    }) : null, hasLines && summary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.PriceSummary, {
+      lines: summary.lines,
+      total: summary.total,
+      collapsible: summary.collapsible,
+      defaultExpanded: summary.defaultExpanded,
+      testID: testID ? `${testID}-summary` : undefined
+    }) : null, hasLines && onCheckout ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+      variant: "primary",
+      size: "large",
+      fullWidth: true,
+      disabled: checkoutDisabled,
+      onPress: onCheckout,
+      testID: testID ? `${testID}-checkout` : undefined,
+      children: checkoutLabel
+    }) : null]
+  });
+}
+const CartPanel = exports.CartPanel = /*#__PURE__*/(0, _react.memo)(CartPanelComponent);
+CartPanel.displayName = 'CartPanel';
+//# sourceMappingURL=CartPanel.js.map

package/lib/commonjs/cart-panel/CartPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_button","_index2","_RiShoppingBag3Line","_RiStore2Line","_context","_index3","_shared","_index4","_index5","_surfaceLevels","_accentColors","_useTheme","_index6","_CartLine","_CartPromoField","_CartTipPicker","_constants","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VendorHeader","name","photo","photoVariant","meta","onPress","tile","paint","testID","resolver","useImageResolver","uri","resolvePhoto","undefined","jsx","Item","title","subtitle","accessibilityLabel","leading","View","style","width","height","borderRadius","overflow","alignItems","justifyContent","backgroundColor","children","Image","source","resizeMode","accessibilityIgnoresInvertColors","RiStore2Line","fill","textSecondary","MinimumNotice","minimum","track","message","progress","AdmonitionRoot","type","jsxs","AdmonitionRow","AdmonitionIcon","AdmonitionContent","AdmonitionText","Meter","value","max","CART_METER_HEIGHT","valueText","EmptyBasket","description","gap","paddingTop","paddingBottom","RiShoppingBag3Line","textGraphical","Text","variant","color","text","textAlign","CartPanelComponent","vendorName","vendorPhoto","vendorPhotoVariant","vendorMeta","onPressVendor","lines","onLineQuantityChange","onLineRemove","minimumOrder","tip","promo","summary","onCheckout","checkoutLabel","checkoutDisabled","empty","emptyTitle","emptyDescription","density","theme","useTheme","surface","useSurfaceFill","useMemo","resolveCartPaint","g","CART_GEOMETRY","warning","resolveAccentColors","colors","hasLines","length","CART_BLOCK_GAP","CART_LINE_GAP","vendorTile","Divider","rule","role","map","line","CartLine","options","note","price","originalPrice","quantity","unavailable","unavailableLabel","onQuantityChange","id","onRemove","CartTipPicker","CartPromoField","background","PriceSummary","total","collapsible","defaultExpanded","Button","size","fullWidth","disabled","CartPanel","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/cart-panel/CartPromoField.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CartPromoField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _button = require("../button");
+var _index = require("../chip/index.js");
+var _index2 = require("../field/index.js");
+var _RiTicketLine = require("../icons/remix/RiTicketLine.js");
+var _index3 = require("../input-group/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _index4 = require("../text-field/index.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The ticket glyph in an applied code's pill, at the `xl` chip's icon rung. */
+const PROMO_GLYPH = 16;
+
+/**
+ * A promo code: type it, apply it, and see it once it is on.
+ *
+ *   empty    `InputGroup` — a `TextFieldInput` with the apply button as a
+ *            divided addon, so the code and the action share one shell and one
+ *            focus ring
+ *   applied  the input is REPLACED by a removable pill. A field still holding a
+ *            code that has already been accepted invites a reader to press
+ *            Apply again and wonder why nothing happened.
+ *   rejected `error` on the `Field`, which paints the group invalid and wires
+ *            `aria-describedby` to the message — both through the field
+ *            contract rather than by hand.
+ *
+ * The apply button is disabled while the field is blank: an Apply that can only
+ * fail is a control that teaches a reader to distrust it. Whether a code is
+ * VALID is the app's to say, and it says it by handing back `error` or
+ * `applied`.
+ */
+function CartPromoFieldComponent({
+  value,
+  onChangeText,
+  onApply,
+  applied,
+  onRemove,
+  removeLabel,
+  label = 'Promo code',
+  placeholder,
+  applyLabel = 'Apply',
+  error,
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCartPaint)(theme, surface), [theme, surface]);
+  // The pill's glyph is painted by the caller — `Chip` renders `startIcon` as
+  // given — so it is read from the same recipe the pill's own label comes from.
+  const glyph = (0, _accentColors.resolveAccentColors)(theme.colors, 'success', 'subtle').foreground;
+  if (applied) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Field, {
+      label: label,
+      disabled: disabled,
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Chip, {
+          size: "xl",
+          variant: "subtle",
+          color: "success",
+          surface: paint.wash,
+          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiTicketLine.RiTicketLine, {
+            width: PROMO_GLYPH,
+            height: PROMO_GLYPH,
+            fill: glyph
+          }),
+          onClose: disabled ? undefined : onRemove,
+          closeLabel: removeLabel ?? `Remove ${applied}`,
+          testID: testID ? `${testID}-applied` : undefined,
+          children: applied
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Field, {
+    label: label,
+    error: error,
+    disabled: disabled,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.InputGroup, {
+      disabled: disabled,
+      testID: testID ? `${testID}-group` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.TextFieldInput, {
+        label: label,
+        value: value,
+        onChangeText: onChangeText,
+        placeholder: placeholder,
+        disabled: disabled,
+        autoCapitalize: "characters",
+        autoCorrect: false,
+        returnKeyType: "done",
+        onSubmitEditing: onApply,
+        testID: testID ? `${testID}-input` : undefined
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.InputGroupAddon, {
+        divider: true,
+        noPadding: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "ghost",
+          size: "small",
+          onPress: onApply,
+          disabled: disabled || value.trim() === '',
+          testID: testID ? `${testID}-apply` : undefined,
+          children: applyLabel
+        })
+      })]
+    })
+  });
+}
+const CartPromoField = exports.CartPromoField = /*#__PURE__*/(0, _react.memo)(CartPromoFieldComponent);
+CartPromoField.displayName = 'CartPromoField';
+//# sourceMappingURL=CartPromoField.js.map

package/lib/commonjs/cart-panel/CartPromoField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_button","_index","_index2","_RiTicketLine","_index3","_surfaceLevels","_index4","_accentColors","_useTheme","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PROMO_GLYPH","CartPromoFieldComponent","value","onChangeText","onApply","applied","onRemove","removeLabel","label","placeholder","applyLabel","error","disabled","style","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveCartPaint","glyph","resolveAccentColors","colors","foreground","jsx","Field","children","View","flexDirection","alignItems","Chip","size","variant","color","wash","startIcon","RiTicketLine","width","height","fill","onClose","undefined","closeLabel","jsxs","InputGroup","TextFieldInput","autoCapitalize","autoCorrect","returnKeyType","onSubmitEditing","InputGroupAddon","divider","noPadding","Button","onPress","trim","CartPromoField","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartPromoField.tsx"],"mappings":"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","ignoreList":[]}