@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/offering-badge/shared.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { resolveButtonRamps } from "../button/shared.js";
+import { RiArrowLeftRightLine } from "../icons/remix/RiArrowLeftRightLine.js";
+import { RiKey2Line } from "../icons/remix/RiKey2Line.js";
+import { RiPriceTag3Line } from "../icons/remix/RiPriceTag3Line.js";
+import { RiSuitcaseLine } from "../icons/remix/RiSuitcaseLine.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+/** Every offering, in the order a listing lists them. */
+export const OFFERINGS = ['long_term_rent', 'sale', 'short_term_rent', 'exchange'];
+
+/** The English default labels. Apps in other languages pass `label`. */
+export const OFFERING_LABELS = {
+  long_term_rent: 'For rent',
+  sale: 'For sale',
+  short_term_rent: 'Vacation rental',
+  exchange: 'Swap'
+};
+export const OFFERING_ICONS = {
+  long_term_rent: RiKey2Line,
+  sale: RiPriceTag3Line,
+  short_term_rent: RiSuitcaseLine,
+  exchange: RiArrowLeftRightLine
+};
+
+/**
+ * The tone each offering is tinted in — FIXED, never the preset's brand
+ * colour. `info`, `success` and `warning` are the policy's own hues and do not
+ * move with the preset, so "blue means rent" holds in every app; a brand tint
+ * would collide with one of them in some preset (a blue brand is `info`, a
+ * green one `success`). Swap is the one neutral: four hues would leave a
+ * fourth colour to the brand, and the neutral is the one member no preset can
+ * collide with.
+ */
+export const OFFERING_TONES = {
+  long_term_rent: 'info',
+  sale: 'success',
+  short_term_rent: 'warning',
+  exchange: 'default'
+};
+/**
+ *             height  padding-x  gap  icon  text
+ *   small     20      8          4    12    caption-1-semibold
+ *   medium    24      10         4    14    body-2-semibold
+ */
+export const OFFERING_BADGE_GEOMETRY = {
+  small: {
+    height: 20,
+    paddingHorizontal: 8,
+    gap: 4,
+    icon: 12,
+    type: 'caption-1-semibold'
+  },
+  medium: {
+    height: 24,
+    paddingHorizontal: 10,
+    gap: 4,
+    icon: 14,
+    type: 'body-2-semibold'
+  }
+};
+/**
+ * Pure.
+ *
+ *   tinted    the tone's `subtle` pair from `resolveAccentColors` — the pair the
+ *             colour policy gates at AA over the page, so nothing is derived here
+ *   onMedia   neutral-50 pill, neutral-900 label and icon, shadow-s; the same in
+ *             both modes, because the photo under it does not change with them
+ */
+export function resolveOfferingBadgePaint(theme, offering, variant) {
+  if (variant === 'onMedia') {
+    const {
+      neutral: n
+    } = resolveButtonRamps(theme);
+    return {
+      background: n[50],
+      foreground: n[900],
+      icon: n[900],
+      shadow: 's'
+    };
+  }
+  const pair = resolveAccentColors(theme.colors, OFFERING_TONES[offering], 'subtle');
+  return {
+    background: pair.background,
+    foreground: pair.foreground,
+    icon: pair.foreground,
+    shadow: null
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/offering-badge/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveButtonRamps","RiArrowLeftRightLine","RiKey2Line","RiPriceTag3Line","RiSuitcaseLine","resolveAccentColors","OFFERINGS","OFFERING_LABELS","long_term_rent","sale","short_term_rent","exchange","OFFERING_ICONS","OFFERING_TONES","OFFERING_BADGE_GEOMETRY","small","height","paddingHorizontal","gap","icon","type","medium","resolveOfferingBadgePaint","theme","offering","variant","neutral","n","background","foreground","shadow","pair","colors"],"sourceRoot":"../../../src","sources":["offering-badge/shared.ts"],"mappings":";;AAEA,SAASA,kBAAkB,QAAQ,qBAAkB;AACrD,SAASC,oBAAoB,QAAQ,wCAAqC;AAC1E,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,cAAc,QAAQ,kCAA+B;AAE9D,SAASC,mBAAmB,QAAyB,2BAAwB;AAK7E;AACA,OAAO,MAAMC,SAA8B,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,CAAC;;AAEvG;AACA,OAAO,MAAMC,eAAmD,GAAG;EACjEC,cAAc,EAAE,UAAU;EAC1BC,IAAI,EAAE,UAAU;EAChBC,eAAe,EAAE,iBAAiB;EAClCC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,cAEZ,GAAG;EACFJ,cAAc,EAAEN,UAAU;EAC1BO,IAAI,EAAEN,eAAe;EACrBO,eAAe,EAAEN,cAAc;EAC/BO,QAAQ,EAAEV;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMY,cAAsD,GAAG;EACpEL,cAAc,EAAE,MAAM;EACtBC,IAAI,EAAE,SAAS;EACfC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE;AACZ,CAAC;AAUD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,uBAAmF,GAAG;EACjGC,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,iBAAiB,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAqB,CAAC;EACzFC,MAAM,EAAE;IAAEL,MAAM,EAAE,EAAE;IAAEC,iBAAiB,EAAE,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAkB;AACzF,CAAC;AAWD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,yBAAyBA,CACvCC,KAAY,EACZC,QAAkB,EAClBC,OAA6B,EACT;EACpB,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,MAAM;MAAEC,OAAO,EAAEC;IAAE,CAAC,GAAG3B,kBAAkB,CAACuB,KAAK,CAAC;IAChD,OAAO;MAAEK,UAAU,EAAED,CAAC,CAAC,EAAE,CAAC;MAAEE,UAAU,EAAEF,CAAC,CAAC,GAAG,CAAC;MAAER,IAAI,EAAEQ,CAAC,CAAC,GAAG,CAAC;MAAEG,MAAM,EAAE;IAAI,CAAC;EAC7E;EACA,MAAMC,IAAI,GAAG1B,mBAAmB,CAACkB,KAAK,CAACS,MAAM,EAAEnB,cAAc,CAACW,QAAQ,CAAC,EAAE,QAAQ,CAAC;EAClF,OAAO;IAAEI,UAAU,EAAEG,IAAI,CAACH,UAAU;IAAEC,UAAU,EAAEE,IAAI,CAACF,UAAU;IAAEV,IAAI,EAAEY,IAAI,CAACF,UAAU;IAAEC,MAAM,EAAE;EAAK,CAAC;AAC1G","ignoreList":[]}

package/lib/module/offering-badge/types.js

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

package/lib/module/offering-badge/types.js.map

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

package/lib/module/place-reviews/PlaceReviewCard.js

@@ -0,0 +1,286 @@
+"use strict";
+
+import React, { memo, useCallback, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { Button } from '../button';
+import { Chip } from "../chip/index.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { RiCheckLine, RiCloseLine, RiFlagLine, RiThumbDownLine, RiThumbUpFill, RiThumbUpLine } from "../icons/remix/index.js";
+import { useContainerWidth } from "../listing-details/use-container-width.js";
+import { Rating, RatingBar } from "../rating/index.js";
+import { HousingCard, HousingToggleButton, useHousingPalette, useHousingWebCss } from "../tenancy/parts.js";
+import { IS_WEB, webData } from "../tenancy/shared.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH } from "./constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One past tenant's review of a building.
+ *
+ *   card        the housing card, 16 between blocks
+ *   author      an optional 40 initial disc, the anonymised author line
+ *               body-semibold and the date caption-1-regular text-secondary;
+ *               the overall `Rating` (small) on the right
+ *   chips       small subtle `Chip`s with a 12 icon: would recommend (success)
+ *               or not (neutral); deposit returned (success) or not (error)
+ *   categories  `RatingBar`s, 2 columns 24 apart from 520 wide, 1 below
+ *   text        body-regular clamped to 4 lines; "Show more" (body-semibold,
+ *               underlined) only when the text IS clamped — measured against an
+ *               invisible unclamped copy. `aria-expanded` + `expanded`.
+ *   footer      a hairline, then the "Helpful" pill toggle with its count
+ *               (`aria-pressed` + `selected`) and a secondary link "Report" button
+ */
+
+function ChipIcon({
+  icon: Icon,
+  tone
+}) {
+  const theme = useTheme();
+  const color = resolveAccentColors(theme.colors, tone, 'subtle').foreground;
+  return /*#__PURE__*/_jsx(Icon, {
+    width: 12,
+    height: 12,
+    fill: color
+  });
+}
+function PlaceReviewCardComponent({
+  authorLabel,
+  authorInitial,
+  date,
+  rating,
+  categories,
+  depositReturned,
+  depositReturnedLabel = 'Deposit returned',
+  depositNotReturnedLabel = 'Deposit not returned',
+  wouldRecommend,
+  recommendLabel = 'Would recommend',
+  notRecommendLabel = "Wouldn't recommend",
+  text,
+  numberOfLines = 4,
+  showMoreLabel = 'Show more',
+  showLessLabel = 'Show less',
+  expanded: expandedProp,
+  onExpandedChange,
+  helpfulCount,
+  helpful = false,
+  onHelpfulChange,
+  helpfulLabel = 'Helpful',
+  onReport,
+  reportLabel = 'Report',
+  layout = 'auto',
+  style,
+  testID
+}) {
+  useHousingWebCss();
+  const palette = useHousingPalette();
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const wide = layout === 'wide' || layout === 'auto' && width != null && width >= PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH;
+  const [expanded, setExpanded] = useControllableState({
+    value: expandedProp,
+    defaultValue: false,
+    onChange: onExpandedChange
+  });
+  const clamps = numberOfLines > 0;
+  const [clampedHeight, setClampedHeight] = useState(0);
+  const [fullHeight, setFullHeight] = useState(0);
+  const onClampedLayout = useCallback(event => {
+    if (!expanded) setClampedHeight(Math.round(event.nativeEvent.layout.height));
+  }, [expanded]);
+  const onFullLayout = useCallback(event => {
+    setFullHeight(Math.round(event.nativeEvent.layout.height));
+  }, []);
+  const truncatable = clamps && clampedHeight > 0 && fullHeight > clampedHeight + 1;
+  const ring = {
+    '--bloom-housing-ring': palette.ring,
+    borderRadius: 4,
+    alignSelf: 'flex-start'
+  };
+  const helpfulText = helpfulCount != null && helpfulCount > 0 ? `${helpfulLabel} · ${helpfulCount}` : helpfulLabel;
+  const cellWidth = wide && width != null ? Math.floor((width - 24) / 2) : undefined;
+  return /*#__PURE__*/_jsx(HousingCard, {
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      onLayout: onLayout,
+      style: {
+        gap: 16
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12
+        },
+        children: [authorInitial ? /*#__PURE__*/_jsx(Avatar, {
+          name: authorInitial,
+          size: 40,
+          testID: id('avatar')
+        }) : null, /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-semibold",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            testID: id('author'),
+            children: authorLabel
+          }), date ? /*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: palette.textSecondary
+            },
+            children: date
+          }) : null]
+        }), /*#__PURE__*/_jsx(Rating, {
+          value: rating,
+          size: "small",
+          testID: id('rating')
+        })]
+      }), wouldRecommend != null || depositReturned != null ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 6
+        },
+        children: [wouldRecommend != null ? /*#__PURE__*/_jsx(Chip, {
+          size: "small",
+          variant: "subtle",
+          color: wouldRecommend ? 'success' : 'default',
+          startIcon: /*#__PURE__*/_jsx(ChipIcon, {
+            icon: wouldRecommend ? RiThumbUpLine : RiThumbDownLine,
+            tone: wouldRecommend ? 'success' : 'default'
+          }),
+          testID: id('recommend'),
+          children: wouldRecommend ? recommendLabel : notRecommendLabel
+        }) : null, depositReturned != null ? /*#__PURE__*/_jsx(Chip, {
+          size: "small",
+          variant: "subtle",
+          color: depositReturned ? 'success' : 'error',
+          startIcon: /*#__PURE__*/_jsx(ChipIcon, {
+            icon: depositReturned ? RiCheckLine : RiCloseLine,
+            tone: depositReturned ? 'success' : 'error'
+          }),
+          testID: id('deposit'),
+          children: depositReturned ? depositReturnedLabel : depositNotReturnedLabel
+        }) : null]
+      }) : null, categories && categories.length > 0 ? /*#__PURE__*/_jsx(View, {
+        testID: id('categories'),
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          columnGap: 24,
+          rowGap: 8
+        },
+        children: categories.map((category, index) => /*#__PURE__*/_jsx(RatingBar, {
+          label: category.label,
+          value: category.value,
+          display: category.display ?? category.value.toFixed(1),
+          style: {
+            width: cellWidth ?? '100%'
+          },
+          testID: id(`category-${index}`)
+        }, `${category.label}-${index}`))
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: {
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            overflow: 'hidden'
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-regular",
+            numberOfLines: clamps && !expanded ? numberOfLines : undefined,
+            onLayout: onClampedLayout,
+            style: {
+              color: palette.text
+            },
+            testID: id('text'),
+            children: text
+          }), clamps ? /*#__PURE__*/_jsx(View, {
+            pointerEvents: "none",
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            ...(IS_WEB ? {
+              'aria-hidden': true
+            } : null),
+            style: {
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              right: 0,
+              opacity: 0
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "body-regular",
+              onLayout: onFullLayout,
+              children: text
+            })
+          }) : null]
+        }), truncatable ? /*#__PURE__*/_jsx(Pressable, {
+          ...webData({
+            bloomHousingFocus: ''
+          }),
+          accessibilityRole: "button",
+          accessibilityLabel: expanded ? showLessLabel : showMoreLabel,
+          "aria-expanded": expanded,
+          accessibilityState: {
+            expanded
+          },
+          onPress: () => setExpanded(!expanded),
+          style: ring,
+          testID: id('toggle'),
+          children: /*#__PURE__*/_jsx(Text, {
+            variant: "body-semibold",
+            style: {
+              color: palette.text,
+              textDecorationLine: 'underline'
+            },
+            children: expanded ? showLessLabel : showMoreLabel
+          })
+        }) : null]
+      }), onHelpfulChange || onReport ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          gap: 8,
+          paddingTop: 16,
+          borderTopWidth: 1,
+          borderTopColor: palette.hairline
+        },
+        children: [onHelpfulChange ? /*#__PURE__*/_jsx(HousingToggleButton, {
+          label: helpfulText,
+          accessibilityLabel: helpfulCount != null ? `${helpfulLabel}, ${helpfulCount}` : helpfulLabel,
+          pressed: helpful,
+          onPress: () => onHelpfulChange(!helpful),
+          icon: RiThumbUpLine,
+          pressedIcon: RiThumbUpFill,
+          testID: id('helpful')
+        }) : /*#__PURE__*/_jsx(View, {}), onReport ? /*#__PURE__*/_jsx(Button, {
+          variant: "link",
+          linkTone: "secondary",
+          size: "small",
+          leadingIcon: RiFlagLine,
+          onPress: onReport,
+          testID: id('report'),
+          children: reportLabel
+        }) : null]
+      }) : null]
+    })
+  });
+}
+export const PlaceReviewCard = /*#__PURE__*/memo(PlaceReviewCardComponent);
+PlaceReviewCard.displayName = 'PlaceReviewCard';
+//# sourceMappingURL=PlaceReviewCard.js.map

package/lib/module/place-reviews/PlaceReviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useState","Pressable","View","Avatar","Button","Chip","useControllableState","RiCheckLine","RiCloseLine","RiFlagLine","RiThumbDownLine","RiThumbUpFill","RiThumbUpLine","useContainerWidth","Rating","RatingBar","HousingCard","HousingToggleButton","useHousingPalette","useHousingWebCss","IS_WEB","webData","resolveAccentColors","useTheme","Text","PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH","jsx","_jsx","jsxs","_jsxs","ChipIcon","icon","Icon","tone","theme","color","colors","foreground","width","height","fill","PlaceReviewCardComponent","authorLabel","authorInitial","date","rating","categories","depositReturned","depositReturnedLabel","depositNotReturnedLabel","wouldRecommend","recommendLabel","notRecommendLabel","text","numberOfLines","showMoreLabel","showLessLabel","expanded","expandedProp","onExpandedChange","helpfulCount","helpful","onHelpfulChange","helpfulLabel","onReport","reportLabel","layout","style","testID","palette","id","part","undefined","onLayout","wide","setExpanded","value","defaultValue","onChange","clamps","clampedHeight","setClampedHeight","fullHeight","setFullHeight","onClampedLayout","event","Math","round","nativeEvent","onFullLayout","truncatable","ring","borderRadius","alignSelf","helpfulText","cellWidth","floor","children","gap","flexDirection","alignItems","name","size","flex","minWidth","variant","textSecondary","flexWrap","startIcon","length","columnGap","rowGap","map","category","index","label","display","toFixed","overflow","pointerEvents","accessibilityElementsHidden","importantForAccessibility","position","top","left","right","opacity","bloomHousingFocus","accessibilityRole","accessibilityLabel","accessibilityState","onPress","textDecorationLine","justifyContent","paddingTop","borderTopWidth","borderTopColor","hairline","pressed","pressedIcon","linkTone","leadingIcon","PlaceReviewCard","displayName"],"sourceRoot":"../../../src","sources":["place-reviews/PlaceReviewCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/place-reviews/PlaceReviewSummary.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { RiShieldCheckLine, RiThumbUpLine } from "../icons/remix/index.js";
+import { ReviewSummary } from "../listing-details/ReviewSummary.js";
+import { useHousingPalette } from "../tenancy/parts.js";
+import { Text } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The top of a building's reviews: `ReviewSummary` (the listing-details part,
+ * reused — not copied) with housing categories, then the tenancy stat lines.
+ *
+ *   summary   `ReviewSummary`: the big rating, `title`, "46 reviews" and the
+ *             category `RatingBar`s (2 columns from 640 wide)
+ *   stats     a row that wraps, 24 apart: a 20 icon + body-medium line —
+ *             "Deposit returned in 82% of tenancies", "91% would recommend
+ *             living here"; each one accessible element
+ *
+ * The rates are fractions (0..1) and are rounded to whole percents here; every
+ * sentence is a formatter prop for translation.
+ */
+
+const defaultReviewCount = count => typeof count === 'number' ? count === 1 ? '1 review' : `${count} reviews` : count;
+const defaultDeposit = percent => `Deposit returned in ${percent}% of tenancies`;
+const defaultRecommend = percent => `${percent}% would recommend living here`;
+const toPercent = rate => Math.round(Math.min(1, Math.max(0, rate)) * 100);
+function PlaceReviewSummaryComponent({
+  rating,
+  title,
+  reviewCount,
+  formatReviewCount = defaultReviewCount,
+  categories,
+  depositReturnedRate,
+  formatDepositReturned = defaultDeposit,
+  recommendRate,
+  formatRecommend = defaultRecommend,
+  style,
+  testID
+}) {
+  const palette = useHousingPalette();
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const stats = [];
+  if (depositReturnedRate != null) {
+    stats.push({
+      key: 'deposit',
+      icon: RiShieldCheckLine,
+      text: formatDepositReturned(toPercent(depositReturnedRate))
+    });
+  }
+  if (recommendRate != null) {
+    stats.push({
+      key: 'recommend',
+      icon: RiThumbUpLine,
+      text: formatRecommend(toPercent(recommendRate))
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: '100%',
+      gap: 24
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(ReviewSummary, {
+      rating: rating,
+      title: title,
+      description: reviewCount != null ? formatReviewCount(reviewCount) : undefined,
+      categories: categories,
+      testID: id('summary')
+    }), stats.length > 0 ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        columnGap: 24,
+        rowGap: 12
+      },
+      children: stats.map(({
+        key,
+        icon: Icon,
+        text
+      }) => /*#__PURE__*/_jsxs(View, {
+        accessible: true,
+        accessibilityLabel: text,
+        testID: id(key),
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(Icon, {
+          width: 20,
+          height: 20,
+          fill: palette.text
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          style: {
+            color: palette.text
+          },
+          children: text
+        })]
+      }, key))
+    }) : null]
+  });
+}
+export const PlaceReviewSummary = /*#__PURE__*/memo(PlaceReviewSummaryComponent);
+PlaceReviewSummary.displayName = 'PlaceReviewSummary';
+//# sourceMappingURL=PlaceReviewSummary.js.map

package/lib/module/place-reviews/PlaceReviewSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","RiShieldCheckLine","RiThumbUpLine","ReviewSummary","useHousingPalette","Text","jsx","_jsx","jsxs","_jsxs","defaultReviewCount","count","defaultDeposit","percent","defaultRecommend","toPercent","rate","Math","round","min","max","PlaceReviewSummaryComponent","rating","title","reviewCount","formatReviewCount","categories","depositReturnedRate","formatDepositReturned","recommendRate","formatRecommend","style","testID","palette","id","part","undefined","stats","push","key","icon","text","width","gap","children","description","length","flexDirection","flexWrap","columnGap","rowGap","map","Icon","accessible","accessibilityLabel","alignItems","height","fill","variant","color","PlaceReviewSummary","displayName"],"sourceRoot":"../../../src","sources":["place-reviews/PlaceReviewSummary.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,yBAAgB;AACjE,SAASC,aAAa,QAAQ,qCAAkC;AAChE,SAASC,iBAAiB,QAAQ,qBAAkB;AACpD,SAASC,IAAI,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,kBAAkB,GAAIC,KAAsB,IAChD,OAAOA,KAAK,KAAK,QAAQ,GAAIA,KAAK,KAAK,CAAC,GAAG,UAAU,GAAG,GAAGA,KAAK,UAAU,GAAIA,KAAK;AACrF,MAAMC,cAAc,GAAIC,OAAe,IAAK,uBAAuBA,OAAO,gBAAgB;AAC1F,MAAMC,gBAAgB,GAAID,OAAe,IAAK,GAAGA,OAAO,+BAA+B;AAEvF,MAAME,SAAS,GAAIC,IAAY,IAAKC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEF,IAAI,CAACG,GAAG,CAAC,CAAC,EAAEJ,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC;AAEpF,SAASK,2BAA2BA,CAAC;EACnCC,MAAM;EACNC,KAAK;EACLC,WAAW;EACXC,iBAAiB,GAAGf,kBAAkB;EACtCgB,UAAU;EACVC,mBAAmB;EACnBC,qBAAqB,GAAGhB,cAAc;EACtCiB,aAAa;EACbC,eAAe,GAAGhB,gBAAgB;EAClCiB,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,MAAMC,OAAO,GAAG7B,iBAAiB,CAAC,CAAC;EACnC,MAAM8B,EAAE,GAAIC,IAAY,IAAMH,MAAM,GAAG,GAAGA,MAAM,IAAIG,IAAI,EAAE,GAAGC,SAAU;EAEvE,MAAMC,KAAsE,GAAG,EAAE;EACjF,IAAIV,mBAAmB,IAAI,IAAI,EAAE;IAC/BU,KAAK,CAACC,IAAI,CAAC;MAAEC,GAAG,EAAE,SAAS;MAAEC,IAAI,EAAEvC,iBAAiB;MAAEwC,IAAI,EAAEb,qBAAqB,CAACb,SAAS,CAACY,mBAAmB,CAAC;IAAE,CAAC,CAAC;EACtH;EACA,IAAIE,aAAa,IAAI,IAAI,EAAE;IACzBQ,KAAK,CAACC,IAAI,CAAC;MAAEC,GAAG,EAAE,WAAW;MAAEC,IAAI,EAAEtC,aAAa;MAAEuC,IAAI,EAAEX,eAAe,CAACf,SAAS,CAACc,aAAa,CAAC;IAAE,CAAC,CAAC;EACxG;EAEA,oBACEpB,KAAA,CAACT,IAAI;IAAC+B,KAAK,EAAE,CAAC;MAAEW,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAG,CAAC,EAAEZ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAY,QAAA,gBAC/DrC,IAAA,CAACJ,aAAa;MACZmB,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA,KAAM;MACbsB,WAAW,EAAErB,WAAW,IAAI,IAAI,GAAGC,iBAAiB,CAACD,WAAW,CAAC,GAAGY,SAAU;MAC9EV,UAAU,EAAEA,UAAW;MACvBM,MAAM,EAAEE,EAAE,CAAC,SAAS;IAAE,CACvB,CAAC,EACDG,KAAK,CAACS,MAAM,GAAG,CAAC,gBACfvC,IAAA,CAACP,IAAI;MAAC+B,KAAK,EAAE;QAAEgB,aAAa,EAAE,KAAK;QAAEC,QAAQ,EAAE,MAAM;QAAEC,SAAS,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG,CAAE;MAAAN,QAAA,EAChFP,KAAK,CAACc,GAAG,CAAC,CAAC;QAAEZ,GAAG;QAAEC,IAAI,EAAEY,IAAI;QAAEX;MAAK,CAAC,kBACnChC,KAAA,CAACT,IAAI;QAEHqD,UAAU;QACVC,kBAAkB,EAAEb,IAAK;QACzBT,MAAM,EAAEE,EAAE,CAACK,GAAG,CAAE;QAChBR,KAAK,EAAE;UAAEgB,aAAa,EAAE,KAAK;UAAEQ,UAAU,EAAE,QAAQ;UAAEZ,GAAG,EAAE;QAAE,CAAE;QAAAC,QAAA,gBAE9DrC,IAAA,CAAC6C,IAAI;UAACV,KAAK,EAAE,EAAG;UAACc,MAAM,EAAE,EAAG;UAACC,IAAI,EAAExB,OAAO,CAACQ;QAAK,CAAE,CAAC,eACnDlC,IAAA,CAACF,IAAI;UAACqD,OAAO,EAAC,aAAa;UAAC3B,KAAK,EAAE;YAAE4B,KAAK,EAAE1B,OAAO,CAACQ;UAAK,CAAE;UAAAG,QAAA,EACxDH;QAAI,CACD,CAAC;MAAA,GATFF,GAUD,CACP;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,OAAO,MAAMqB,kBAAkB,gBAAG7D,IAAI,CAACsB,2BAA2B,CAAC;AACnEuC,kBAAkB,CAACC,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/lib/module/place-reviews/WriteReviewPrompt.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { Button } from '../button';
+import { RiBuilding2Line, RiCloseLine, RiQuillPenLine } from "../icons/remix/index.js";
+import { HousingCard, IconTile, useHousingPalette } from "../tenancy/parts.js";
+import { Text } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * An invitation for a past tenant to review the building.
+ *
+ *   card      the housing card; a row: a 48 building tile (radius 12,
+ *             neutral-100 / 700, 24 icon) or `media`, then the text and the
+ *             button; wraps so the button drops under the text when narrow
+ *   text      title headline-semibold (a heading), description body-2-regular
+ *             text-secondary
+ *   action    a small primary `Button` with a pen icon
+ *   dismiss   a secondary xs icon button in the top-right corner, named
+ *             "Dismiss"; the row keeps 28 clear of it
+ */
+function WriteReviewPromptComponent({
+  buildingTitle,
+  title = 'Did you live here?',
+  description,
+  actionLabel = 'Write a review',
+  onStart,
+  onDismiss,
+  dismissLabel = 'Dismiss',
+  media,
+  style,
+  testID
+}) {
+  const palette = useHousingPalette();
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const body = description ?? `Help future tenants of ${buildingTitle}. Reviews are anonymous.`;
+  return /*#__PURE__*/_jsxs(HousingCard, {
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        columnGap: 16,
+        rowGap: 12,
+        paddingRight: onDismiss ? 28 : 0
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 16,
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: 260
+        },
+        children: [media ?? /*#__PURE__*/_jsx(IconTile, {
+          icon: RiBuilding2Line,
+          size: 48,
+          iconSize: 24,
+          testID: id('icon')
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            role: "heading",
+            "aria-level": 3,
+            variant: "headline-semibold",
+            style: {
+              color: palette.text
+            },
+            testID: id('title'),
+            children: title
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            style: {
+              color: palette.textSecondary
+            },
+            testID: id('description'),
+            children: body
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        size: "small",
+        leadingIcon: RiQuillPenLine,
+        onPress: onStart,
+        testID: id('start'),
+        children: actionLabel
+      })]
+    }), onDismiss ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 12,
+        right: 12
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        size: "xs",
+        iconOnly: true,
+        leadingIcon: RiCloseLine,
+        accessibilityLabel: dismissLabel,
+        onPress: onDismiss,
+        testID: id('dismiss')
+      })
+    }) : null]
+  });
+}
+export const WriteReviewPrompt = /*#__PURE__*/memo(WriteReviewPromptComponent);
+WriteReviewPrompt.displayName = 'WriteReviewPrompt';
+//# sourceMappingURL=WriteReviewPrompt.js.map

package/lib/module/place-reviews/WriteReviewPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Button","RiBuilding2Line","RiCloseLine","RiQuillPenLine","HousingCard","IconTile","useHousingPalette","Text","jsx","_jsx","jsxs","_jsxs","WriteReviewPromptComponent","buildingTitle","title","description","actionLabel","onStart","onDismiss","dismissLabel","media","style","testID","palette","id","part","undefined","body","children","flexDirection","flexWrap","alignItems","columnGap","rowGap","paddingRight","gap","flexGrow","flexShrink","flexBasis","icon","size","iconSize","flex","minWidth","role","variant","color","text","textSecondary","leadingIcon","onPress","position","top","right","iconOnly","accessibilityLabel","WriteReviewPrompt","displayName"],"sourceRoot":"../../../src","sources":["place-reviews/WriteReviewPrompt.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/place-reviews/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+
+/** `PlaceReviewCard` (`layout="auto"`) lays its category ratings in 2 columns from this width. */
+export const PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH = 520;
+//# sourceMappingURL=constants.js.map

package/lib/module/place-reviews/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH"],"sourceRoot":"../../../src","sources":["place-reviews/constants.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,sCAAsC,GAAG,GAAG","ignoreList":[]}