@oxy.so/bloom 4.0.0 → 4.1.0

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

@@ -0,0 +1,175 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { GlyphButton } from '../button';
+import { RiDeleteBinLine } from "../icons/remix/RiDeleteBinLine.js";
+import { Item } from "../item/index.js";
+import { ListingPriceLines } from "../listing-card/parts.js";
+import { MenuItemThumb } from "../menu-item/parts.js";
+import { Stepper } from "../stepper/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CART_GEOMETRY } from "./constants.js";
+import { composeCartLineName, optionsLine, resolveCartPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveCartPaint(theme, surface), [theme, surface]);
+  const g = CART_GEOMETRY[density];
+  const compact = density === 'compact';
+  const chosen = optionsLine(options);
+  return /*#__PURE__*/_jsx(Item, {
+    role: "listitem",
+    density: density,
+    accessibilityLabel: accessibilityLabel ?? composeCartLineName(props),
+    leading: /*#__PURE__*/_jsx(MenuItemThumb, {
+      photo: photo,
+      photoVariant: photoVariant,
+      size: g.thumb,
+      radius: g.thumbRadius,
+      placeholder: paint.tile,
+      wash: paint.wash,
+      washed: unavailable,
+      testID: testID
+    }),
+    trailing: /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'flex-end',
+        minWidth: 0
+      },
+      children: /*#__PURE__*/_jsx(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__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsx(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__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: testID ? `${testID}-options` : undefined,
+        style: {
+          color: paint.textSecondary
+        },
+        children: chosen
+      }) : null, note ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: testID ? `${testID}-note` : undefined,
+        style: {
+          color: paint.textTertiary
+        },
+        children: note
+      }) : null, unavailable ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-medium",
+        testID: testID ? `${testID}-unavailable` : undefined,
+        style: {
+          color: paint.textSecondary
+        },
+        children: unavailableLabel
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8,
+          marginTop: 6
+        },
+        children: [onQuantityChange ? /*#__PURE__*/_jsx(Stepper, {
+          size: "small",
+          value: quantity,
+          min: 1,
+          disabled: unavailable,
+          onValueChange: onQuantityChange,
+          accessibilityLabel: name,
+          testID: testID ? `${testID}-stepper` : undefined
+        }) : /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          testID: testID ? `${testID}-quantity` : undefined,
+          style: {
+            color: paint.textSecondary,
+            fontVariant: ['tabular-nums']
+          },
+          children: `×${quantity}`
+        }), onRemove ? /*#__PURE__*/_jsx(GlyphButton, {
+          size: 32,
+          icon: RiDeleteBinLine,
+          accessibilityLabel: removeLabel ?? `Remove ${name}`,
+          onPress: onRemove,
+          testID: testID ? `${testID}-remove` : undefined
+        }) : null]
+      })]
+    })
+  });
+}
+export const CartLine = /*#__PURE__*/memo(CartLineComponent);
+CartLine.displayName = 'CartLine';
+//# sourceMappingURL=CartLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","GlyphButton","RiDeleteBinLine","Item","ListingPriceLines","MenuItemThumb","Stepper","useSurfaceFill","useTheme","Text","CART_GEOMETRY","composeCartLineName","optionsLine","resolveCartPaint","jsx","_jsx","jsxs","_jsxs","CartLineComponent","props","name","options","note","price","originalPrice","quantity","photo","photoVariant","unavailable","unavailableLabel","onQuantityChange","onRemove","removeLabel","density","accessibilityLabel","style","testID","theme","surface","paint","g","compact","chosen","role","leading","size","thumb","radius","thumbRadius","placeholder","tile","wash","washed","trailing","alignItems","minWidth","children","lines","color","text","secondaryColor","textSecondary","undefined","flex","gap","variant","numberOfLines","textTertiary","flexDirection","marginTop","value","min","disabled","onValueChange","fontVariant","icon","onPress","CartLine","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartLine.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,275 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Image, View } from 'react-native';
+import { AdmonitionContent, AdmonitionIcon, AdmonitionRoot, AdmonitionRow, AdmonitionText } from "../admonition/index.js";
+import { Button } from '../button';
+import { Divider } from "../divider/index.js";
+import { RiShoppingBag3Line } from "../icons/remix/RiShoppingBag3Line.js";
+import { RiStore2Line } from "../icons/remix/RiStore2Line.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { Item } from "../item/index.js";
+import { resolvePhoto } from "../listing-card/shared.js";
+import { PriceSummary } from "../price-breakdown/index.js";
+import { Meter } from "../stat-bar/index.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 { CartLine } from "./CartLine.js";
+import { CartPromoField } from "./CartPromoField.js";
+import { CartTipPicker } from "./CartTipPicker.js";
+import { CART_BLOCK_GAP, CART_GEOMETRY, CART_LINE_GAP, CART_METER_HEIGHT } from "./constants.js";
+import { resolveCartPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 = useImageResolver();
+  const uri = photo ? resolvePhoto(photo, resolver, photoVariant) : undefined;
+  return /*#__PURE__*/_jsx(Item, {
+    title: name,
+    subtitle: meta,
+    onPress: onPress,
+    accessibilityLabel: meta ? `${name}, ${meta}` : name,
+    leading: /*#__PURE__*/_jsx(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__*/_jsx(Image, {
+        source: {
+          uri
+        },
+        resizeMode: "cover",
+        accessibilityIgnoresInvertColors: true,
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : /*#__PURE__*/_jsx(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__*/_jsx(AdmonitionRoot, {
+    type: "warning",
+    children: /*#__PURE__*/_jsxs(AdmonitionRow, {
+      children: [/*#__PURE__*/_jsx(AdmonitionIcon, {}), /*#__PURE__*/_jsxs(AdmonitionContent, {
+        children: [/*#__PURE__*/_jsx(AdmonitionText, {
+          children: message
+        }), progress ? /*#__PURE__*/_jsx(Meter, {
+          value: progress.value,
+          max: progress.max,
+          height: 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__*/_jsxs(View, {
+    style: {
+      alignItems: 'center',
+      gap: 8,
+      paddingTop: 24,
+      paddingBottom: 24
+    },
+    testID: testID ? `${testID}-empty` : undefined,
+    children: [/*#__PURE__*/_jsx(RiShoppingBag3Line, {
+      width: 32,
+      height: 32,
+      fill: paint.textGraphical
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "headline-semibold",
+      style: {
+        color: paint.text,
+        textAlign: 'center'
+      },
+      children: title
+    }), description ? /*#__PURE__*/_jsx(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 = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => resolveCartPaint(theme, surface), [theme, surface]);
+  const g = CART_GEOMETRY[density];
+  const warning = useMemo(() => resolveAccentColors(theme.colors, 'warning', 'solid'), [theme]);
+  const hasLines = lines.length > 0;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: CART_BLOCK_GAP
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: CART_LINE_GAP
+      },
+      children: [/*#__PURE__*/_jsx(VendorHeader, {
+        name: vendorName,
+        photo: vendorPhoto,
+        photoVariant: vendorPhotoVariant,
+        meta: vendorMeta,
+        onPress: onPressVendor,
+        tile: g.vendorTile,
+        paint: paint,
+        testID: testID
+      }), /*#__PURE__*/_jsx(Divider, {
+        color: paint.rule
+      }), hasLines ? /*#__PURE__*/_jsx(View, {
+        role: "list",
+        accessibilityLabel: accessibilityLabel,
+        "aria-label": accessibilityLabel,
+        style: {
+          gap: CART_LINE_GAP
+        },
+        testID: testID ? `${testID}-lines` : undefined,
+        children: lines.map(line => /*#__PURE__*/_jsx(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__*/_jsx(EmptyBasket, {
+        title: emptyTitle,
+        description: emptyDescription,
+        paint: paint,
+        testID: testID
+      })]
+    }), hasLines && tip ? /*#__PURE__*/_jsx(CartTipPicker, {
+      ...tip,
+      testID: tip.testID ?? (testID ? `${testID}-tip` : undefined)
+    }) : null, hasLines && promo ? /*#__PURE__*/_jsx(CartPromoField, {
+      ...promo,
+      testID: promo.testID ?? (testID ? `${testID}-promo` : undefined)
+    }) : null, hasLines && minimumOrder ? /*#__PURE__*/_jsx(MinimumNotice, {
+      minimum: minimumOrder,
+      fill: warning.background,
+      track: paint.rule,
+      testID: testID
+    }) : null, hasLines && summary ? /*#__PURE__*/_jsx(PriceSummary, {
+      lines: summary.lines,
+      total: summary.total,
+      collapsible: summary.collapsible,
+      defaultExpanded: summary.defaultExpanded,
+      testID: testID ? `${testID}-summary` : undefined
+    }) : null, hasLines && onCheckout ? /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      size: "large",
+      fullWidth: true,
+      disabled: checkoutDisabled,
+      onPress: onCheckout,
+      testID: testID ? `${testID}-checkout` : undefined,
+      children: checkoutLabel
+    }) : null]
+  });
+}
+export const CartPanel = /*#__PURE__*/memo(CartPanelComponent);
+CartPanel.displayName = 'CartPanel';
+//# sourceMappingURL=CartPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Image","View","AdmonitionContent","AdmonitionIcon","AdmonitionRoot","AdmonitionRow","AdmonitionText","Button","Divider","RiShoppingBag3Line","RiStore2Line","useImageResolver","Item","resolvePhoto","PriceSummary","Meter","useSurfaceFill","resolveAccentColors","useTheme","Text","CartLine","CartPromoField","CartTipPicker","CART_BLOCK_GAP","CART_GEOMETRY","CART_LINE_GAP","CART_METER_HEIGHT","resolveCartPaint","jsx","_jsx","jsxs","_jsxs","VendorHeader","name","photo","photoVariant","meta","onPress","tile","paint","testID","resolver","uri","undefined","title","subtitle","accessibilityLabel","leading","style","width","height","borderRadius","overflow","alignItems","justifyContent","backgroundColor","children","source","resizeMode","accessibilityIgnoresInvertColors","fill","textSecondary","MinimumNotice","minimum","track","message","progress","type","value","max","valueText","EmptyBasket","description","gap","paddingTop","paddingBottom","textGraphical","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","surface","g","warning","colors","hasLines","length","vendorTile","rule","role","map","line","options","note","price","originalPrice","quantity","unavailable","unavailableLabel","onQuantityChange","id","onRemove","background","total","collapsible","defaultExpanded","size","fullWidth","disabled","CartPanel","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { Button } from '../button';
+import { Chip } from "../chip/index.js";
+import { Field } from "../field/index.js";
+import { RiTicketLine } from "../icons/remix/RiTicketLine.js";
+import { InputGroup, InputGroupAddon } from "../input-group/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { TextFieldInput } from "../text-field/index.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { resolveCartPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** 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 = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => 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 = resolveAccentColors(theme.colors, 'success', 'subtle').foreground;
+  if (applied) {
+    return /*#__PURE__*/_jsx(Field, {
+      label: label,
+      disabled: disabled,
+      style: style,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Chip, {
+          size: "xl",
+          variant: "subtle",
+          color: "success",
+          surface: paint.wash,
+          startIcon: /*#__PURE__*/_jsx(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__*/_jsx(Field, {
+    label: label,
+    error: error,
+    disabled: disabled,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(InputGroup, {
+      disabled: disabled,
+      testID: testID ? `${testID}-group` : undefined,
+      children: [/*#__PURE__*/_jsx(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__*/_jsx(InputGroupAddon, {
+        divider: true,
+        noPadding: true,
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "ghost",
+          size: "small",
+          onPress: onApply,
+          disabled: disabled || value.trim() === '',
+          testID: testID ? `${testID}-apply` : undefined,
+          children: applyLabel
+        })
+      })]
+    })
+  });
+}
+export const CartPromoField = /*#__PURE__*/memo(CartPromoFieldComponent);
+CartPromoField.displayName = 'CartPromoField';
+//# sourceMappingURL=CartPromoField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Button","Chip","Field","RiTicketLine","InputGroup","InputGroupAddon","useSurfaceFill","TextFieldInput","resolveAccentColors","useTheme","resolveCartPaint","jsx","_jsx","jsxs","_jsxs","PROMO_GLYPH","CartPromoFieldComponent","value","onChangeText","onApply","applied","onRemove","removeLabel","label","placeholder","applyLabel","error","disabled","style","testID","theme","surface","paint","glyph","colors","foreground","children","flexDirection","alignItems","size","variant","color","wash","startIcon","width","height","fill","onClose","undefined","closeLabel","autoCapitalize","autoCorrect","returnKeyType","onSubmitEditing","divider","noPadding","onPress","trim","CartPromoField","displayName"],"sourceRoot":"../../../src","sources":["cart-panel/CartPromoField.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,YAAY,QAAQ,gCAA6B;AAC1D,SAASC,UAAU,EAAEC,eAAe,QAAQ,yBAAgB;AAC5D,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,cAAc,QAAQ,wBAAe;AAC9C,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,gBAAgB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA,MAAMC,WAAW,GAAG,EAAE;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,uBAAuBA,CAAC;EAC/BC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,KAAK,GAAG,YAAY;EACpBC,WAAW;EACXC,UAAU,GAAG,OAAO;EACpBC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGrB,QAAQ,CAAC,CAAC;EACxB,MAAMsB,OAAO,GAAGzB,cAAc,CAAC,CAAC;EAChC,MAAM0B,KAAK,GAAGlC,OAAO,CAAC,MAAMY,gBAAgB,CAACoB,KAAK,EAAEC,OAAO,CAAC,EAAE,CAACD,KAAK,EAAEC,OAAO,CAAC,CAAC;EAC/E;EACA;EACA,MAAME,KAAK,GAAGzB,mBAAmB,CAACsB,KAAK,CAACI,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAACC,UAAU;EAE/E,IAAIf,OAAO,EAAE;IACX,oBACER,IAAA,CAACV,KAAK;MAACqB,KAAK,EAAEA,KAAM;MAACI,QAAQ,EAAEA,QAAS;MAACC,KAAK,EAAEA,KAAM;MAACC,MAAM,EAAEA,MAAO;MAAAO,QAAA,eACpExB,IAAA,CAACb,IAAI;QAAC6B,KAAK,EAAE;UAAES,aAAa,EAAE,KAAK;UAAEC,UAAU,EAAE;QAAS,CAAE;QAAAF,QAAA,eAC1DxB,IAAA,CAACX,IAAI;UACHsC,IAAI,EAAC,IAAI;UACTC,OAAO,EAAC,QAAQ;UAChBC,KAAK,EAAC,SAAS;UACfV,OAAO,EAAEC,KAAK,CAACU,IAAK;UACpBC,SAAS,eAAE/B,IAAA,CAACT,YAAY;YAACyC,KAAK,EAAE7B,WAAY;YAAC8B,MAAM,EAAE9B,WAAY;YAAC+B,IAAI,EAAEb;UAAM,CAAE,CAAE;UAClFc,OAAO,EAAEpB,QAAQ,GAAGqB,SAAS,GAAG3B,QAAS;UACzC4B,UAAU,EAAE3B,WAAW,IAAI,UAAUF,OAAO,EAAG;UAC/CS,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,UAAU,GAAGmB,SAAU;UAAAZ,QAAA,EAEhDhB;QAAO,CACJ;MAAC,CACH;IAAC,CACF,CAAC;EAEZ;EAEA,oBACER,IAAA,CAACV,KAAK;IAACqB,KAAK,EAAEA,KAAM;IAACG,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAAAO,QAAA,eAClFtB,KAAA,CAACV,UAAU;MAACuB,QAAQ,EAAEA,QAAS;MAACE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGmB,SAAU;MAAAZ,QAAA,gBAC7ExB,IAAA,CAACL,cAAc;QACbgB,KAAK,EAAEA,KAAM;QACbN,KAAK,EAAEA,KAAM;QACbC,YAAY,EAAEA,YAAa;QAC3BM,WAAW,EAAEA,WAAY;QACzBG,QAAQ,EAAEA,QAAS;QACnBuB,cAAc,EAAC,YAAY;QAC3BC,WAAW,EAAE,KAAM;QACnBC,aAAa,EAAC,MAAM;QACpBC,eAAe,EAAElC,OAAQ;QACzBU,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGmB;MAAU,CAChD,CAAC,eACFpC,IAAA,CAACP,eAAe;QAACiD,OAAO;QAACC,SAAS;QAAAnB,QAAA,eAChCxB,IAAA,CAACZ,MAAM;UACLwC,OAAO,EAAC,OAAO;UACfD,IAAI,EAAC,OAAO;UACZiB,OAAO,EAAErC,OAAQ;UACjBQ,QAAQ,EAAEA,QAAQ,IAAIV,KAAK,CAACwC,IAAI,CAAC,CAAC,KAAK,EAAG;UAC1C5B,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,QAAQ,GAAGmB,SAAU;UAAAZ,QAAA,EAE9CX;QAAU,CACL;MAAC,CACM,CAAC;IAAA,CACR;EAAC,CACR,CAAC;AAEZ;AAEA,OAAO,MAAMiC,cAAc,gBAAG7D,IAAI,CAACmB,uBAAuB,CAAC;AAC3D0C,cAAc,CAACC,WAAW,GAAG,gBAAgB","ignoreList":[]}