@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/commonjs/offering-badge/OfferingBadge.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OfferingBadge = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shadows = require("../design-tokens/shadows");
+var _tokens = require("../styles/tokens.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.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); }
+/**
+ * A small pill naming how a home is offered: for rent, for sale, as a vacation
+ * rental, or for a swap.
+ *
+ *             height  padding-x  icon  text
+ *   small     20      8          12    caption-1-semibold
+ *   medium    24      10         14    body-2-semibold
+ *
+ * Full pill radius; 4 between the icon and the label; one line, truncated.
+ *
+ *   tinted    the offering's fixed tone (rent info, sale success, vacation
+ *             rental warning, swap neutral), its `subtle` pair
+ *   onMedia   a light pill with shadow-s, for over a photo
+ *
+ * It is text, not a control: no role, and the icon is hidden from assistive
+ * technology, so it reads as its label.
+ */
+function OfferingBadgeComponent({
+  offering,
+  label,
+  icon = true,
+  size = 'medium',
+  variant = 'tinted',
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveOfferingBadgePaint)(theme, offering, variant), [theme, offering, variant]);
+  const geometry = _shared.OFFERING_BADGE_GEOMETRY[size];
+  const Icon = icon === true ? _shared.OFFERING_ICONS[offering] : icon === false ? null : icon;
+  const pillStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start',
+    flexShrink: 1,
+    minWidth: 0,
+    gap: geometry.gap,
+    height: geometry.height,
+    paddingLeft: Icon ? geometry.paddingHorizontal - 2 : geometry.paddingHorizontal,
+    paddingRight: geometry.paddingHorizontal,
+    borderRadius: _tokens.borderRadius.full,
+    backgroundColor: paint.background,
+    ...(paint.shadow ? (0, _shadows.bloomShadowStyle)(paint.shadow) : null)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [pillStyle, style],
+    testID: testID,
+    children: [Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      "aria-hidden": true,
+      importantForAccessibility: "no-hide-descendants",
+      testID: testID ? `${testID}-icon` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        width: geometry.icon,
+        height: geometry.icon,
+        fill: paint.icon
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: geometry.type,
+      numberOfLines: 1,
+      style: {
+        flexShrink: 1,
+        minWidth: 0,
+        color: paint.foreground
+      },
+      children: label ?? _shared.OFFERING_LABELS[offering]
+    })]
+  });
+}
+const OfferingBadge = exports.OfferingBadge = /*#__PURE__*/(0, _react.memo)(OfferingBadgeComponent);
+OfferingBadge.displayName = 'OfferingBadge';
+//# sourceMappingURL=OfferingBadge.js.map

package/lib/commonjs/offering-badge/OfferingBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shadows","_tokens","_useTheme","_index","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OfferingBadgeComponent","offering","label","icon","size","variant","style","testID","theme","useTheme","paint","useMemo","resolveOfferingBadgePaint","geometry","OFFERING_BADGE_GEOMETRY","Icon","OFFERING_ICONS","pillStyle","flexDirection","alignItems","alignSelf","flexShrink","minWidth","gap","height","paddingLeft","paddingHorizontal","paddingRight","borderRadius","full","backgroundColor","background","shadow","bloomShadowStyle","jsxs","View","children","jsx","importantForAccessibility","undefined","width","fill","Text","type","numberOfLines","color","foreground","OFFERING_LABELS","OfferingBadge","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["offering-badge/OfferingBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/offering-badge/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OfferingBadge", {
+  enumerable: true,
+  get: function () {
+    return _OfferingBadge.OfferingBadge;
+  }
+});
+var _OfferingBadge = require("./OfferingBadge.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/offering-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_OfferingBadge","require"],"sourceRoot":"../../../src","sources":["offering-badge/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OFFERING_TONES = exports.OFFERING_LABELS = exports.OFFERING_ICONS = exports.OFFERING_BADGE_GEOMETRY = exports.OFFERINGS = void 0;
+exports.resolveOfferingBadgePaint = resolveOfferingBadgePaint;
+var _shared = require("../button/shared.js");
+var _RiArrowLeftRightLine = require("../icons/remix/RiArrowLeftRightLine.js");
+var _RiKey2Line = require("../icons/remix/RiKey2Line.js");
+var _RiPriceTag3Line = require("../icons/remix/RiPriceTag3Line.js");
+var _RiSuitcaseLine = require("../icons/remix/RiSuitcaseLine.js");
+var _accentColors = require("../theme/accent-colors.js");
+/** Every offering, in the order a listing lists them. */
+const OFFERINGS = exports.OFFERINGS = ['long_term_rent', 'sale', 'short_term_rent', 'exchange'];
+
+/** The English default labels. Apps in other languages pass `label`. */
+const OFFERING_LABELS = exports.OFFERING_LABELS = {
+  long_term_rent: 'For rent',
+  sale: 'For sale',
+  short_term_rent: 'Vacation rental',
+  exchange: 'Swap'
+};
+const OFFERING_ICONS = exports.OFFERING_ICONS = {
+  long_term_rent: _RiKey2Line.RiKey2Line,
+  sale: _RiPriceTag3Line.RiPriceTag3Line,
+  short_term_rent: _RiSuitcaseLine.RiSuitcaseLine,
+  exchange: _RiArrowLeftRightLine.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.
+ */
+const OFFERING_TONES = exports.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
+ */
+const OFFERING_BADGE_GEOMETRY = exports.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
+ */
+function resolveOfferingBadgePaint(theme, offering, variant) {
+  if (variant === 'onMedia') {
+    const {
+      neutral: n
+    } = (0, _shared.resolveButtonRamps)(theme);
+    return {
+      background: n[50],
+      foreground: n[900],
+      icon: n[900],
+      shadow: 's'
+    };
+  }
+  const pair = (0, _accentColors.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/commonjs/offering-badge/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_shared","require","_RiArrowLeftRightLine","_RiKey2Line","_RiPriceTag3Line","_RiSuitcaseLine","_accentColors","OFFERINGS","exports","OFFERING_LABELS","long_term_rent","sale","short_term_rent","exchange","OFFERING_ICONS","RiKey2Line","RiPriceTag3Line","RiSuitcaseLine","RiArrowLeftRightLine","OFFERING_TONES","OFFERING_BADGE_GEOMETRY","small","height","paddingHorizontal","gap","icon","type","medium","resolveOfferingBadgePaint","theme","offering","variant","neutral","n","resolveButtonRamps","background","foreground","shadow","pair","resolveAccentColors","colors"],"sourceRoot":"../../../src","sources":["offering-badge/shared.ts"],"mappings":";;;;;;;AAEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AAKA;AACO,MAAMM,SAA8B,GAAAC,OAAA,CAAAD,SAAA,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,CAAC;;AAEvG;AACO,MAAME,eAAmD,GAAAD,OAAA,CAAAC,eAAA,GAAG;EACjEC,cAAc,EAAE,UAAU;EAC1BC,IAAI,EAAE,UAAU;EAChBC,eAAe,EAAE,iBAAiB;EAClCC,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAMC,cAEZ,GAAAN,OAAA,CAAAM,cAAA,GAAG;EACFJ,cAAc,EAAEK,sBAAU;EAC1BJ,IAAI,EAAEK,gCAAe;EACrBJ,eAAe,EAAEK,8BAAc;EAC/BJ,QAAQ,EAAEK;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAsD,GAAAX,OAAA,CAAAW,cAAA,GAAG;EACpET,cAAc,EAAE,MAAM;EACtBC,IAAI,EAAE,SAAS;EACfC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE;AACZ,CAAC;AAUD;AACA;AACA;AACA;AACA;AACO,MAAMO,uBAAmF,GAAAZ,OAAA,CAAAY,uBAAA,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;AACO,SAASE,yBAAyBA,CACvCC,KAAY,EACZC,QAAkB,EAClBC,OAA6B,EACT;EACpB,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,MAAM;MAAEC,OAAO,EAAEC;IAAE,CAAC,GAAG,IAAAC,0BAAkB,EAACL,KAAK,CAAC;IAChD,OAAO;MAAEM,UAAU,EAAEF,CAAC,CAAC,EAAE,CAAC;MAAEG,UAAU,EAAEH,CAAC,CAAC,GAAG,CAAC;MAAER,IAAI,EAAEQ,CAAC,CAAC,GAAG,CAAC;MAAEI,MAAM,EAAE;IAAI,CAAC;EAC7E;EACA,MAAMC,IAAI,GAAG,IAAAC,iCAAmB,EAACV,KAAK,CAACW,MAAM,EAAErB,cAAc,CAACW,QAAQ,CAAC,EAAE,QAAQ,CAAC;EAClF,OAAO;IAAEK,UAAU,EAAEG,IAAI,CAACH,UAAU;IAAEC,UAAU,EAAEE,IAAI,CAACF,UAAU;IAAEX,IAAI,EAAEa,IAAI,CAACF,UAAU;IAAEC,MAAM,EAAE;EAAK,CAAC;AAC1G","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,291 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaceReviewCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../avatar/index.js");
+var _button = require("../button");
+var _index2 = require("../chip/index.js");
+var _useControllableState = require("../hooks/use-controllable-state.js");
+var _index3 = require("../icons/remix/index.js");
+var _useContainerWidth = require("../listing-details/use-container-width.js");
+var _index4 = require("../rating/index.js");
+var _parts = require("../tenancy/parts.js");
+var _shared = require("../tenancy/shared.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index5 = require("../typography/index.js");
+var _constants = require("./constants.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 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 = (0, _useTheme.useTheme)();
+  const color = (0, _accentColors.resolveAccentColors)(theme.colors, tone, 'subtle').foreground;
+  return /*#__PURE__*/(0, _jsxRuntime.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
+}) {
+  (0, _parts.useHousingWebCss)();
+  const palette = (0, _parts.useHousingPalette)();
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const wide = layout === 'wide' || layout === 'auto' && width != null && width >= _constants.PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH;
+  const [expanded, setExpanded] = (0, _useControllableState.useControllableState)({
+    value: expandedProp,
+    defaultValue: false,
+    onChange: onExpandedChange
+  });
+  const clamps = numberOfLines > 0;
+  const [clampedHeight, setClampedHeight] = (0, _react.useState)(0);
+  const [fullHeight, setFullHeight] = (0, _react.useState)(0);
+  const onClampedLayout = (0, _react.useCallback)(event => {
+    if (!expanded) setClampedHeight(Math.round(event.nativeEvent.layout.height));
+  }, [expanded]);
+  const onFullLayout = (0, _react.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__*/(0, _jsxRuntime.jsx)(_parts.HousingCard, {
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: onLayout,
+      style: {
+        gap: 16
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 12
+        },
+        children: [authorInitial ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+          name: authorInitial,
+          size: 40,
+          testID: id('avatar')
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "body-semibold",
+            numberOfLines: 1,
+            style: {
+              color: palette.text
+            },
+            testID: id('author'),
+            children: authorLabel
+          }), date ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: palette.textSecondary
+            },
+            children: date
+          }) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Rating, {
+          value: rating,
+          size: "small",
+          testID: id('rating')
+        })]
+      }), wouldRecommend != null || depositReturned != null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: 6
+        },
+        children: [wouldRecommend != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Chip, {
+          size: "small",
+          variant: "subtle",
+          color: wouldRecommend ? 'success' : 'default',
+          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipIcon, {
+            icon: wouldRecommend ? _index3.RiThumbUpLine : _index3.RiThumbDownLine,
+            tone: wouldRecommend ? 'success' : 'default'
+          }),
+          testID: id('recommend'),
+          children: wouldRecommend ? recommendLabel : notRecommendLabel
+        }) : null, depositReturned != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Chip, {
+          size: "small",
+          variant: "subtle",
+          color: depositReturned ? 'success' : 'error',
+          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipIcon, {
+            icon: depositReturned ? _index3.RiCheckLine : _index3.RiCloseLine,
+            tone: depositReturned ? 'success' : 'error'
+          }),
+          testID: id('deposit'),
+          children: depositReturned ? depositReturnedLabel : depositNotReturnedLabel
+        }) : null]
+      }) : null, categories && categories.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: id('categories'),
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          columnGap: 24,
+          rowGap: 8
+        },
+        children: categories.map((category, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            overflow: 'hidden'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "body-regular",
+            numberOfLines: clamps && !expanded ? numberOfLines : undefined,
+            onLayout: onClampedLayout,
+            style: {
+              color: palette.text
+            },
+            testID: id('text'),
+            children: text
+          }), clamps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            pointerEvents: "none",
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            ...(_shared.IS_WEB ? {
+              'aria-hidden': true
+            } : null),
+            style: {
+              position: 'absolute',
+              top: 0,
+              left: 0,
+              right: 0,
+              opacity: 0
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+              variant: "body-regular",
+              onLayout: onFullLayout,
+              children: text
+            })
+          }) : null]
+        }), truncatable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          ...(0, _shared.webData)({
+            bloomHousingFocus: ''
+          }),
+          accessibilityRole: "button",
+          accessibilityLabel: expanded ? showLessLabel : showMoreLabel,
+          "aria-expanded": expanded,
+          accessibilityState: {
+            expanded
+          },
+          onPress: () => setExpanded(!expanded),
+          style: ring,
+          testID: id('toggle'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+            variant: "body-semibold",
+            style: {
+              color: palette.text,
+              textDecorationLine: 'underline'
+            },
+            children: expanded ? showLessLabel : showMoreLabel
+          })
+        }) : null]
+      }), onHelpfulChange || onReport ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          gap: 8,
+          paddingTop: 16,
+          borderTopWidth: 1,
+          borderTopColor: palette.hairline
+        },
+        children: [onHelpfulChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_parts.HousingToggleButton, {
+          label: helpfulText,
+          accessibilityLabel: helpfulCount != null ? `${helpfulLabel}, ${helpfulCount}` : helpfulLabel,
+          pressed: helpful,
+          onPress: () => onHelpfulChange(!helpful),
+          icon: _index3.RiThumbUpLine,
+          pressedIcon: _index3.RiThumbUpFill,
+          testID: id('helpful')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), onReport ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+          variant: "link",
+          linkTone: "secondary",
+          size: "small",
+          leadingIcon: _index3.RiFlagLine,
+          onPress: onReport,
+          testID: id('report'),
+          children: reportLabel
+        }) : null]
+      }) : null]
+    })
+  });
+}
+const PlaceReviewCard = exports.PlaceReviewCard = /*#__PURE__*/(0, _react.memo)(PlaceReviewCardComponent);
+PlaceReviewCard.displayName = 'PlaceReviewCard';
+//# sourceMappingURL=PlaceReviewCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_button","_index2","_useControllableState","_index3","_useContainerWidth","_index4","_parts","_shared","_accentColors","_useTheme","_index5","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChipIcon","icon","Icon","tone","theme","useTheme","color","resolveAccentColors","colors","foreground","jsx","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","useHousingWebCss","palette","useHousingPalette","id","part","undefined","onLayout","useContainerWidth","wide","PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH","setExpanded","useControllableState","value","defaultValue","onChange","clamps","clampedHeight","setClampedHeight","useState","fullHeight","setFullHeight","onClampedLayout","useCallback","event","Math","round","nativeEvent","onFullLayout","truncatable","ring","borderRadius","alignSelf","helpfulText","cellWidth","floor","HousingCard","children","jsxs","View","gap","flexDirection","alignItems","Avatar","name","size","flex","minWidth","Text","variant","textSecondary","Rating","flexWrap","Chip","startIcon","RiThumbUpLine","RiThumbDownLine","RiCheckLine","RiCloseLine","length","columnGap","rowGap","map","category","index","RatingBar","label","display","toFixed","overflow","pointerEvents","accessibilityElementsHidden","importantForAccessibility","IS_WEB","position","top","left","right","opacity","Pressable","webData","bloomHousingFocus","accessibilityRole","accessibilityLabel","accessibilityState","onPress","textDecorationLine","justifyContent","paddingTop","borderTopWidth","borderTopColor","hairline","HousingToggleButton","pressed","pressedIcon","RiThumbUpFill","Button","linkTone","leadingIcon","RiFlagLine","PlaceReviewCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["place-reviews/PlaceReviewCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlaceReviewSummary = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../icons/remix/index.js");
+var _ReviewSummary = require("../listing-details/ReviewSummary.js");
+var _parts = require("../tenancy/parts.js");
+var _index2 = require("../typography/index.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 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 = (0, _parts.useHousingPalette)();
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const stats = [];
+  if (depositReturnedRate != null) {
+    stats.push({
+      key: 'deposit',
+      icon: _index.RiShieldCheckLine,
+      text: formatDepositReturned(toPercent(depositReturnedRate))
+    });
+  }
+  if (recommendRate != null) {
+    stats.push({
+      key: 'recommend',
+      icon: _index.RiThumbUpLine,
+      text: formatRecommend(toPercent(recommendRate))
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: '100%',
+      gap: 24
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReviewSummary.ReviewSummary, {
+      rating: rating,
+      title: title,
+      description: reviewCount != null ? formatReviewCount(reviewCount) : undefined,
+      categories: categories,
+      testID: id('summary')
+    }), stats.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        columnGap: 24,
+        rowGap: 12
+      },
+      children: stats.map(({
+        key,
+        icon: Icon,
+        text
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        accessible: true,
+        accessibilityLabel: text,
+        testID: id(key),
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 8
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+          width: 20,
+          height: 20,
+          fill: palette.text
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-medium",
+          style: {
+            color: palette.text
+          },
+          children: text
+        })]
+      }, key))
+    }) : null]
+  });
+}
+const PlaceReviewSummary = exports.PlaceReviewSummary = /*#__PURE__*/(0, _react.memo)(PlaceReviewSummaryComponent);
+PlaceReviewSummary.displayName = 'PlaceReviewSummary';
+//# sourceMappingURL=PlaceReviewSummary.js.map