@oxy.so/bloom 4.0.0 → 4.2.0

package/lib/module/vendor-card/VendorCard.js

@@ -0,0 +1,466 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Image, Linking, Pressable, View } from 'react-native';
+import { Badge } from "../badge/index.js";
+import { Chip } from "../chip/index.js";
+import { RiPriceTag3Line } from "../icons/remix/RiPriceTag3Line.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { FavoriteButton } from "../listing-card/index.js";
+import { ListingFacts, ListingStatusPill } from "../listing-card/parts.js";
+import { COMPACT_PHOTO_RADIUS, COMPACT_PHOTO_SIZE, IS_WEB, LISTING_CARD_CSS, LISTING_CARD_STYLE_ID, PHOTO_RADIUS, resolveListingCardPaint, resolvePhoto, STATUS_WASH_OPACITY } from "../listing-card/shared.js";
+import { OFFERING_BADGE_RUNG } from "../offering-badge/shared.js";
+import { Rating } from "../rating/index.js";
+import { Box as SkeletonBox } from "../skeleton/index.js";
+import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { VENDOR_CUISINE_CHIP_HEIGHT, VENDOR_PHOTO_ASPECT_RATIO, VENDOR_TEXT_GAP } from "./constants.js";
+import { availabilityLabelFor, composeVendorName, VENDOR_CARD_CSS, VENDOR_CARD_STYLE_ID, vendorCuisines, vendorFacts } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A restaurant or a shop in a list.
+ *
+ *   comfortable  a 16:9 cover (radius 16) with the marks over it, 12 below it
+ *                the name + `Rating`, the cuisines, the "opens at" line and
+ *                the fact row
+ *   compact      a 112 square thumbnail (radius 12), 12 right of it the marks
+ *                row, the name + small `Rating`, the cuisines, the "opens at"
+ *                line and the fact row
+ *   marks        the status pill first, then the promo — the reader decides
+ *                "can I order at all" before "is it cheap"
+ *   not open     the cover washed 50% toward the page, exactly as a home that
+ *                is not available is
+ *
+ * IT IS `listing-card`'s CARD WITH A VENDOR'S DATA IN IT, deliberately. The
+ * wash, the status pill, the fact row, the heart, the placeholder and every
+ * colour are `listing-card`'s own parts — a food app and a housing app put the
+ * same object on the screen, and this family owns only what is different: the
+ * cover's shape, the cuisines, the four delivery readings and the promo mark.
+ *
+ * THE CARD IS A LINK AND THE CONTROLS ARE ITS SIBLINGS, NOT ITS CHILDREN — the
+ * rule `ListingCard` records: a button inside an anchor is invalid HTML and
+ * makes the heart's press open the vendor. The heart sits in an overlay laid
+ * over the cover from outside the link.
+ *
+ * The cover is ONE picture. A vendor is not a gallery, so there is no pager, no
+ * dots and no arrows; a shelf scrolls sideways through vendors, not through one
+ * vendor's photos.
+ */
+
+// ---------------------------------------------------------------------------
+//  Cover
+// ---------------------------------------------------------------------------
+
+function coverStyle(density) {
+  return density === 'compact' ? {
+    width: COMPACT_PHOTO_SIZE,
+    height: COMPACT_PHOTO_SIZE,
+    borderRadius: COMPACT_PHOTO_RADIUS
+  } : {
+    width: '100%',
+    aspectRatio: VENDOR_PHOTO_ASPECT_RATIO,
+    borderRadius: PHOTO_RADIUS
+  };
+}
+function Cover({
+  photo,
+  photoVariant,
+  density,
+  paint,
+  washed,
+  testID
+}) {
+  const resolver = useImageResolver();
+  const uri = photo ? resolvePhoto(photo, resolver, photoVariant) : undefined;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [coverStyle(density), {
+      flexShrink: 0,
+      overflow: 'hidden',
+      backgroundColor: paint.photoPlaceholder
+    }],
+    testID: testID ? `${testID}-photo` : undefined,
+    children: [uri ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      resizeMode: "cover",
+      accessibilityIgnoresInvertColors: true,
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }) : null, washed ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
+        backgroundColor: paint.statusWash,
+        opacity: STATUS_WASH_OPACITY
+      },
+      testID: testID ? `${testID}-wash` : undefined
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Marks — the status pill and the promo, in one wrapping row
+// ---------------------------------------------------------------------------
+
+function Marks({
+  status,
+  promo,
+  promoTone,
+  size,
+  paint,
+  testID
+}) {
+  if (!status && !promo) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    pointerEvents: "none",
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'flex-start',
+      gap: 6
+    },
+    testID: testID ? `${testID}-marks` : undefined,
+    children: [status ? /*#__PURE__*/_jsx(ListingStatusPill, {
+      label: status,
+      fill: paint.statusFill,
+      text: paint.statusText,
+      size: size,
+      testID: testID ? `${testID}-status` : undefined
+    }) : null, promo ? /*#__PURE__*/_jsx(Badge, {
+      content: promo,
+      variant: "solid",
+      color: promoTone,
+      size: OFFERING_BADGE_RUNG[size],
+      icon: RiPriceTag3Line,
+      testID: testID ? `${testID}-promo` : undefined
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Cuisines
+// ---------------------------------------------------------------------------
+
+/**
+ * The cuisines as pills, on ONE line. The row wraps inside a box one pill tall
+ * and clips, so a pill that does not fit moves to a second line nobody sees —
+ * cuisines drop out WHOLE from the end rather than each being truncated to
+ * "Jap…". The card's accessible name carries every one of them.
+ */
+function Cuisines({
+  cuisines,
+  surface,
+  style,
+  testID
+}) {
+  if (cuisines.length === 0) return null;
+  return /*#__PURE__*/_jsx(View
+  // `aria-hidden` for the reason the doc comment gives: these words are
+  // already in the card's own accessible name, in full, and a screen reader
+  // reading the clipped row as well would say the first three twice.
+  , {
+    "aria-hidden": true,
+    importantForAccessibility: "no-hide-descendants",
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      columnGap: 6,
+      rowGap: 6,
+      height: VENDOR_CUISINE_CHIP_HEIGHT,
+      overflow: 'hidden'
+    }, style],
+    testID: testID ? `${testID}-cuisines` : undefined,
+    children: cuisines.map(cuisine => /*#__PURE__*/_jsx(Chip, {
+      size: "small",
+      variant: "subtle",
+      color: "default",
+      surface: surface,
+      children: cuisine
+    }, cuisine))
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Skeleton
+// ---------------------------------------------------------------------------
+
+function VendorCardSkeleton({
+  density,
+  style,
+  testID
+}) {
+  const compact = density === 'compact';
+  return /*#__PURE__*/_jsxs(View, {
+    "aria-busy": true,
+    accessibilityLabel: "Loading",
+    style: [{
+      flexDirection: compact ? 'row' : 'column',
+      alignItems: 'flex-start'
+    }, style],
+    testID: testID,
+    children: [compact ? /*#__PURE__*/_jsx(SkeletonBox, {
+      width: COMPACT_PHOTO_SIZE,
+      height: COMPACT_PHOTO_SIZE,
+      borderRadius: COMPACT_PHOTO_RADIUS,
+      style: {
+        flexShrink: 0
+      }
+    }) : /*#__PURE__*/_jsx(SkeletonBox, {
+      borderRadius: PHOTO_RADIUS,
+      style: {
+        width: '100%',
+        aspectRatio: VENDOR_PHOTO_ASPECT_RATIO
+      }
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: compact ? 1 : undefined,
+        alignSelf: compact ? 'center' : 'stretch',
+        marginTop: compact ? 0 : VENDOR_TEXT_GAP,
+        marginLeft: compact ? VENDOR_TEXT_GAP : 0,
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(SkeletonBox, {
+        width: "60%",
+        height: 14,
+        borderRadius: 4
+      }), /*#__PURE__*/_jsx(SkeletonBox, {
+        width: "45%",
+        height: 12,
+        borderRadius: 4
+      }), /*#__PURE__*/_jsx(SkeletonBox, {
+        width: "70%",
+        height: 12,
+        borderRadius: 4
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Card
+// ---------------------------------------------------------------------------
+
+function VendorCardComponent(props) {
+  const {
+    name,
+    photo,
+    photoVariant,
+    cuisines,
+    rating,
+    reviewCount,
+    newLabel,
+    promo,
+    promoTone = 'success',
+    availability,
+    availabilityLabel,
+    opensAt,
+    favorite = false,
+    onFavoriteChange,
+    saveLabel,
+    removeLabel,
+    onPress,
+    href,
+    loading = false,
+    density = 'comfortable',
+    accessibilityLabel,
+    style,
+    testID
+  } = props;
+  const theme = useTheme();
+  // The card adopts BOTH sheets: its own link ring, and `listing-card`'s, which
+  // is where the heart's `:focus-visible` rule lives. `adoptStyleSheet` replaces
+  // by id, so a page of vendor cards adopts each exactly once.
+  useInteractiveWebCss(VENDOR_CARD_STYLE_ID, VENDOR_CARD_CSS);
+  useInteractiveWebCss(LISTING_CARD_STYLE_ID, LISTING_CARD_CSS);
+  const paint = useMemo(() => resolveListingCardPaint(theme), [theme]);
+  const compact = density === 'compact';
+  if (loading) return /*#__PURE__*/_jsx(VendorCardSkeleton, {
+    density: density,
+    style: style,
+    testID: testID
+  });
+  const status = availabilityLabelFor(availability, availabilityLabel);
+  const facts = vendorFacts(props);
+  const shownCuisines = vendorCuisines(cuisines, density);
+  const markSize = compact ? 'small' : 'medium';
+  const label = accessibilityLabel ?? composeVendorName(props);
+  const handlePress = event => {
+    if (onPress) {
+      if (IS_WEB && href) event.preventDefault();
+      onPress();
+      return;
+    }
+    if (!IS_WEB && href) void Linking.openURL(href).catch(() => undefined);
+  };
+  const linkProps = {
+    ...webDataSet({
+      bloomVendorCardLink: ''
+    }),
+    ...(IS_WEB && href ? {
+      href
+    } : null),
+    role: href ? 'link' : onPress ? 'button' : undefined,
+    accessibilityLabel: label,
+    onPress: onPress || !IS_WEB && href ? handlePress : undefined,
+    testID: testID ? `${testID}-link` : undefined
+  };
+  const linkStyle = {
+    flexDirection: compact ? 'row' : 'column',
+    alignItems: 'flex-start',
+    '--bloom-vendor-card-ring': paint.ring
+  };
+  const details = /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: compact ? 1 : undefined,
+      minWidth: 0,
+      alignSelf: compact ? 'center' : 'stretch',
+      marginTop: compact ? 0 : VENDOR_TEXT_GAP,
+      marginLeft: compact ? VENDOR_TEXT_GAP : 0,
+      gap: 4
+    },
+    children: [compact ? /*#__PURE__*/_jsx(Marks, {
+      status: status,
+      promo: promo,
+      promoTone: promoTone,
+      size: markSize,
+      paint: paint,
+      testID: testID
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: compact ? 'body-semibold' : 'headline-semibold',
+        numberOfLines: 1,
+        testID: testID ? `${testID}-name` : undefined,
+        style: {
+          flex: 1,
+          minWidth: 0,
+          color: paint.text
+        },
+        children: name
+      }), rating !== undefined ? /*#__PURE__*/_jsx(Rating, {
+        size: compact ? 'small' : 'medium',
+        value: rating,
+        count: reviewCount,
+        newLabel: newLabel,
+        style: {
+          flexShrink: 0
+        },
+        testID: testID ? `${testID}-rating` : undefined
+      }) : null]
+    }), /*#__PURE__*/_jsx(Cuisines, {
+      cuisines: shownCuisines,
+      surface: theme.colors.background,
+      style: {
+        marginTop: 2
+      },
+      testID: testID
+    }), status && opensAt ? /*#__PURE__*/_jsx(Text, {
+      variant: "body-2-regular",
+      numberOfLines: 1,
+      testID: testID ? `${testID}-opens-at` : undefined,
+      style: {
+        marginTop: 2,
+        color: paint.textSecondary
+      },
+      children: opensAt
+    }) : null, facts.length > 0 ? /*#__PURE__*/_jsx(ListingFacts, {
+      facts: facts,
+      size: compact ? 'small' : 'medium',
+      color: paint.textSecondary,
+      style: {
+        marginTop: 2
+      },
+      testID: testID ? `${testID}-facts` : undefined
+    }) : null]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomVendorCard: density
+    }),
+    style: [{
+      position: 'relative'
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      ...linkProps,
+      style: linkStyle,
+      children: [/*#__PURE__*/_jsx(Cover, {
+        photo: photo,
+        photoVariant: photoVariant,
+        density: density,
+        paint: paint,
+        washed: status != null,
+        testID: testID
+      }), details]
+    }), compact ? null : /*#__PURE__*/_jsxs(View, {
+      pointerEvents: "box-none",
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        aspectRatio: VENDOR_PHOTO_ASPECT_RATIO
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          top: 12,
+          left: 12,
+          right: 56
+        },
+        children: /*#__PURE__*/_jsx(Marks, {
+          status: status,
+          promo: promo,
+          promoTone: promoTone,
+          size: markSize,
+          paint: paint,
+          testID: testID
+        })
+      }), onFavoriteChange ? /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          top: 6,
+          right: 6
+        },
+        children: /*#__PURE__*/_jsx(FavoriteButton, {
+          favorite: favorite,
+          onFavoriteChange: onFavoriteChange,
+          saveLabel: saveLabel,
+          removeLabel: removeLabel,
+          testID: testID ? `${testID}-favorite` : undefined
+        })
+      }) : null]
+    }), compact && onFavoriteChange ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 2,
+        left: COMPACT_PHOTO_SIZE - 34
+      },
+      children: /*#__PURE__*/_jsx(FavoriteButton, {
+        favorite: favorite,
+        size: 20,
+        onFavoriteChange: onFavoriteChange,
+        saveLabel: saveLabel,
+        removeLabel: removeLabel,
+        testID: testID ? `${testID}-favorite` : undefined
+      })
+    }) : null]
+  });
+}
+export const VendorCard = /*#__PURE__*/memo(VendorCardComponent);
+VendorCard.displayName = 'VendorCard';
+//# sourceMappingURL=VendorCard.js.map

package/lib/module/vendor-card/VendorCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Image","Linking","Pressable","View","Badge","Chip","RiPriceTag3Line","useImageResolver","FavoriteButton","ListingFacts","ListingStatusPill","COMPACT_PHOTO_RADIUS","COMPACT_PHOTO_SIZE","IS_WEB","LISTING_CARD_CSS","LISTING_CARD_STYLE_ID","PHOTO_RADIUS","resolveListingCardPaint","resolvePhoto","STATUS_WASH_OPACITY","OFFERING_BADGE_RUNG","Rating","Box","SkeletonBox","useInteractiveWebCss","webDataSet","useTheme","Text","VENDOR_CUISINE_CHIP_HEIGHT","VENDOR_PHOTO_ASPECT_RATIO","VENDOR_TEXT_GAP","availabilityLabelFor","composeVendorName","VENDOR_CARD_CSS","VENDOR_CARD_STYLE_ID","vendorCuisines","vendorFacts","jsx","_jsx","jsxs","_jsxs","coverStyle","density","width","height","borderRadius","aspectRatio","Cover","photo","photoVariant","paint","washed","testID","resolver","uri","undefined","style","flexShrink","overflow","backgroundColor","photoPlaceholder","children","source","resizeMode","accessibilityIgnoresInvertColors","pointerEvents","position","top","right","bottom","left","statusWash","opacity","Marks","status","promo","promoTone","size","flexDirection","flexWrap","alignItems","gap","label","fill","statusFill","text","statusText","content","variant","color","icon","Cuisines","cuisines","surface","length","importantForAccessibility","columnGap","rowGap","map","cuisine","VendorCardSkeleton","compact","accessibilityLabel","flex","alignSelf","marginTop","marginLeft","VendorCardComponent","props","name","rating","reviewCount","newLabel","availability","availabilityLabel","opensAt","favorite","onFavoriteChange","saveLabel","removeLabel","onPress","href","loading","theme","facts","shownCuisines","markSize","handlePress","event","preventDefault","openURL","catch","linkProps","bloomVendorCardLink","role","linkStyle","ring","details","minWidth","numberOfLines","value","count","colors","background","textSecondary","bloomVendorCard","VendorCard","displayName"],"sourceRoot":"../../../src","sources":["vendor-card/VendorCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/vendor-card/constants.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { RiBikeLine } from "../icons/remix/RiBikeLine.js";
+import { RiShoppingBag3Line } from "../icons/remix/RiShoppingBag3Line.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+import { RiWalkLine } from "../icons/remix/RiWalkLine.js";
+/**
+ * The cover's shape in the comfortable density. 16:9 rather than the 20:19 a
+ * home is drawn at: a shelf of vendors is scanned SIDEWAYS, and a near-square
+ * cover at shelf width pushes the name off the first screen.
+ */
+export const VENDOR_PHOTO_ASPECT_RATIO = 16 / 9;
+
+/** The readings, in the order the fact row draws them. */
+export const VENDOR_FACT_ORDER = ['deliveryTime', 'deliveryFee', 'distance', 'minimumOrder'];
+
+/**
+ * The glyph beside each reading. A bike for the fee because the fee is what the
+ * ride costs; a walker for distance, which is the one reading that is about the
+ * reader's own position rather than the order's.
+ */
+export const VENDOR_FACT_ICON = {
+  deliveryTime: RiTimeLine,
+  deliveryFee: RiBikeLine,
+  distance: RiWalkLine,
+  minimumOrder: RiShoppingBag3Line
+};
+
+/** The word said before each reading in the card's accessible name. */
+export const VENDOR_FACT_LABELS = {
+  deliveryTime: 'Delivery time',
+  deliveryFee: 'Delivery',
+  distance: 'Distance',
+  minimumOrder: 'Minimum order'
+};
+
+/** The English status pill labels. `open` draws none. */
+export const VENDOR_AVAILABILITY_LABELS = {
+  paused: 'Paused',
+  closed: 'Closed'
+};
+
+/** The cuisine pills' rung: 24 tall, caption weight — the densest pill Bloom has. */
+export const VENDOR_CUISINE_CHIP_HEIGHT = 24;
+
+/** Space between the cover and the text, and between the text lines. */
+export const VENDOR_TEXT_GAP = 12;
+
+/** How many cuisines are drawn at all. Past this the row is a list, not a mark. */
+export const VENDOR_CUISINE_LIMIT = {
+  comfortable: 4,
+  compact: 3
+};
+//# sourceMappingURL=constants.js.map

package/lib/module/vendor-card/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RiBikeLine","RiShoppingBag3Line","RiTimeLine","RiWalkLine","VENDOR_PHOTO_ASPECT_RATIO","VENDOR_FACT_ORDER","VENDOR_FACT_ICON","deliveryTime","deliveryFee","distance","minimumOrder","VENDOR_FACT_LABELS","VENDOR_AVAILABILITY_LABELS","paused","closed","VENDOR_CUISINE_CHIP_HEIGHT","VENDOR_TEXT_GAP","VENDOR_CUISINE_LIMIT","comfortable","compact"],"sourceRoot":"../../../src","sources":["vendor-card/constants.ts"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAA2B;AACtD,SAASC,kBAAkB,QAAQ,sCAAmC;AACtE,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,UAAU,QAAQ,8BAA2B;AAGtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,EAAE,GAAG,CAAC;;AAE/C;AACA,OAAO,MAAMC,iBAA2C,GAAG,CACzD,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,CACf;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAA2D,GAAG;EACzEC,YAAY,EAAEL,UAAU;EACxBM,WAAW,EAAER,UAAU;EACvBS,QAAQ,EAAEN,UAAU;EACpBO,YAAY,EAAET;AAChB,CAAC;;AAED;AACA,OAAO,MAAMU,kBAAiD,GAAG;EAC/DJ,YAAY,EAAE,eAAe;EAC7BC,WAAW,EAAE,UAAU;EACvBC,QAAQ,EAAE,UAAU;EACpBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA,OAAO,MAAME,0BAA+E,GAAG;EAC7FC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC;;AAED;AACA,OAAO,MAAMC,0BAA0B,GAAG,EAAE;;AAE5C;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;;AAEjC;AACA,OAAO,MAAMC,oBAAuD,GAAG;EACrEC,WAAW,EAAE,CAAC;EACdC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/module/vendor-card/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { VendorCard } from "./VendorCard.js";
+export { VENDOR_AVAILABILITY_LABELS, VENDOR_FACT_ICON, VENDOR_FACT_LABELS, VENDOR_FACT_ORDER, VENDOR_PHOTO_ASPECT_RATIO } from "./constants.js";
+export { availabilityLabelFor, composeVendorName, vendorCuisines, vendorFacts } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/vendor-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VendorCard","VENDOR_AVAILABILITY_LABELS","VENDOR_FACT_ICON","VENDOR_FACT_LABELS","VENDOR_FACT_ORDER","VENDOR_PHOTO_ASPECT_RATIO","availabilityLabelFor","composeVendorName","vendorCuisines","vendorFacts"],"sourceRoot":"../../../src","sources":["vendor-card/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SACEC,0BAA0B,EAC1BC,gBAAgB,EAChBC,kBAAkB,EAClBC,iBAAiB,EACjBC,yBAAyB,QACpB,gBAAa;AACpB,SAASC,oBAAoB,EAAEC,iBAAiB,EAAEC,cAAc,EAAEC,WAAW,QAAQ,aAAU","ignoreList":[]}

package/lib/module/vendor-card/shared.js

@@ -0,0 +1,107 @@
+"use strict";
+
+/**
+ * Everything the vendor card decides WITHOUT rendering: which readings the fact
+ * row carries, what the status pill says, and the sentence a screen reader
+ * hears. Pure, so `VendorCard.test.tsx` can assert each one directly instead of
+ * inferring it from markup.
+ *
+ * The card's COLOURS are not here, because they are not this family's to pick:
+ * a vendor card is the same object as a housing card — a photo with a wash, a
+ * pill over it, a heart, a title and a fact row — and it paints itself with
+ * `listing-card`'s own `resolveListingCardPaint`. A second table of the same
+ * eleven colours is how two cards that are meant to be the same drift apart.
+ */
+import { PHOTO_RADIUS } from "../listing-card/shared.js";
+import { formatRatingValue } from "../rating/Rating.js";
+import { VENDOR_AVAILABILITY_LABELS, VENDOR_CUISINE_LIMIT, VENDOR_FACT_ICON, VENDOR_FACT_LABELS, VENDOR_FACT_ORDER } from "./constants.js";
+/** The status pill's label, or `null` for a vendor that is taking orders. */
+export function availabilityLabelFor(availability, override) {
+  if (!availability || availability === 'open') return null;
+  return override ?? VENDOR_AVAILABILITY_LABELS[availability];
+}
+
+/**
+ * The readings the fact row draws, in {@link VENDOR_FACT_ORDER}, skipping the
+ * ones the app did not give. Each carries the glyph it is drawn with and the
+ * words it is ANNOUNCED with, which are not the same string: "€1.90" beside a
+ * bike reads as a fee to an eye and as a price to a screen reader.
+ */
+export function vendorFacts(props) {
+  const values = {
+    deliveryTime: props.deliveryTime,
+    deliveryFee: props.deliveryFee,
+    distance: props.distance,
+    minimumOrder: props.minimumOrder
+  };
+  const facts = [];
+  for (const key of VENDOR_FACT_ORDER) {
+    const value = values[key];
+    if (!value) continue;
+    const word = props.factLabels?.[key] ?? VENDOR_FACT_LABELS[key];
+    facts.push({
+      icon: VENDOR_FACT_ICON[key],
+      label: value,
+      accessibilityLabel: `${word} ${value}`
+    });
+  }
+  return facts;
+}
+
+/** The cuisines actually drawn: the first few, de-duplicated, in the order given. */
+export function vendorCuisines(cuisines, density) {
+  if (!cuisines) return [];
+  return Array.from(new Set(cuisines.filter(c => c !== ''))).slice(0, VENDOR_CUISINE_LIMIT[density]);
+}
+
+/**
+ * The whole card as one sentence, in the order it is read on screen. EVERY
+ * cuisine is in it, including the ones the clipped row dropped — the row drops
+ * pills because it ran out of width, which is not a reason to withhold them
+ * from someone who is listening rather than looking.
+ */
+export function composeVendorName(props) {
+  const parts = [props.name];
+  const status = availabilityLabelFor(props.availability, props.availabilityLabel);
+  if (status) parts.push(status);
+  if (status && props.opensAt) parts.push(props.opensAt);
+  if (props.promo) parts.push(props.promo);
+  for (const cuisine of props.cuisines ?? []) if (cuisine !== '') parts.push(cuisine);
+  if (props.rating !== undefined) {
+    const rated = props.rating !== null && props.rating !== '';
+    if (rated) {
+      const count = props.reviewCount != null && props.reviewCount !== '' ? `, ${props.reviewCount} reviews` : '';
+      parts.push(`Rated ${formatRatingValue(props.rating)} out of 5${count}`);
+    } else {
+      parts.push(props.newLabel ?? 'New');
+    }
+  }
+  for (const fact of vendorFacts(props)) parts.push(fact.accessibilityLabel ?? fact.label);
+  return parts.join(', ');
+}
+
+// ---------------------------------------------------------------------------
+//  Web CSS — the focus ring on the card's own link. `adoptStyleSheet` no-ops
+//  without a document, so this is inert on native.
+//
+//  The heart is `listing-card`'s `FavoriteButton`, and ITS rules live in
+//  `LISTING_CARD_CSS`. The card adopts that sheet too (same id, so two cards on
+//  one page adopt it once) rather than restating the two rules here: a copy
+//  would be a second place for the ring colour to be wrong.
+// ---------------------------------------------------------------------------
+
+export const VENDOR_CARD_STYLE_ID = 'bloom-vendor-card-web-css';
+const LINK = '[data-bloom-vendor-card-link]';
+export const VENDOR_CARD_CSS = `
+${LINK} {
+  outline: none;
+  text-decoration: none;
+  color: inherit;
+}
+${LINK}:focus-visible {
+  outline: 2px solid var(--bloom-vendor-card-ring, currentColor);
+  outline-offset: 4px;
+  border-radius: ${PHOTO_RADIUS + 4}px;
+}
+`;
+//# sourceMappingURL=shared.js.map