@oxy.so/bloom 2.9.0 → 2.11.0

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":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export { PlaceReviewCard } from "./PlaceReviewCard.js";
+export { PlaceReviewSummary } from "./PlaceReviewSummary.js";
+export { WriteReviewPrompt } from "./WriteReviewPrompt.js";
+export { PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH } from "./constants.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PlaceReviewCard","PlaceReviewSummary","WriteReviewPrompt","PLACE_REVIEW_CATEGORIES_WIDE_MIN_WIDTH"],"sourceRoot":"../../../src","sources":["place-reviews/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,sCAAsC,QAAQ,gBAAa","ignoreList":[]}

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

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

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

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

package/lib/module/property-insights/EnergyBadge.js

@@ -0,0 +1,108 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiTimeLine } from "../icons/remix/index.js";
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ENERGY_CLASSES, resolveEnergyTones, resolveInsightPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The energy class inline — on a listing card, in a facts row.
+ *
+ *            small                 medium
+ *   height   20                    24
+ *   disc     16, caption-2-bold    20, caption-1-bold
+ *   label    caption-1-medium      body-2-medium
+ *
+ * A pill on neutral-100 (dark neutral-800): a disc in the class colour with
+ * the letter (white or neutral-950, whichever contrasts more), 2 inset, then
+ * `label` ("Energy") 6 after it and 8 from the end. Pending: a neutral disc
+ * with a clock and `pendingLabel`. One image named "Energy rating C".
+ */
+
+const GEOMETRY = {
+  small: {
+    height: 20,
+    disc: 16,
+    letter: 'caption-2-bold',
+    label: 'caption-1-medium',
+    icon: 10
+  },
+  medium: {
+    height: 24,
+    disc: 20,
+    letter: 'caption-1-bold',
+    label: 'body-2-medium',
+    icon: 12
+  }
+};
+function EnergyBadgeComponent({
+  rating,
+  pending: pendingProp = false,
+  label = 'Energy',
+  pendingLabel = 'Pending',
+  size = 'medium',
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveInsightPalette(theme), [theme]);
+  const tones = useMemo(() => resolveEnergyTones(theme), [theme]);
+  const g = GEOMETRY[size];
+  const pending = pendingProp || !rating;
+  const tone = rating ? tones[ENERGY_CLASSES.indexOf(rating)] : undefined;
+  const text = pending ? pendingLabel : label;
+  const inset = (g.height - g.disc) / 2;
+  return /*#__PURE__*/_jsxs(View, {
+    accessible: true,
+    accessibilityRole: "image",
+    accessibilityLabel: accessibilityLabel ?? (pending ? `Energy rating ${pendingLabel.toLowerCase()}` : `Energy rating ${rating}`),
+    testID: testID,
+    style: [{
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      height: g.height,
+      gap: 6,
+      paddingLeft: inset,
+      paddingRight: text ? 8 : inset,
+      borderRadius: borderRadius.full,
+      backgroundColor: palette.track
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-disc` : undefined,
+      style: {
+        width: g.disc,
+        height: g.disc,
+        borderRadius: g.disc / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: pending || !tone ? palette.bar : tone.fill
+      },
+      children: pending || !tone ? /*#__PURE__*/_jsx(RiTimeLine, {
+        width: g.icon,
+        height: g.icon,
+        fill: palette.text
+      }) : /*#__PURE__*/_jsx(Text, {
+        variant: g.letter,
+        style: {
+          color: tone.foreground
+        },
+        children: rating
+      })
+    }), text ? /*#__PURE__*/_jsx(Text, {
+      variant: g.label,
+      numberOfLines: 1,
+      style: {
+        color: palette.text
+      },
+      children: text
+    }) : null]
+  });
+}
+export const EnergyBadge = /*#__PURE__*/memo(EnergyBadgeComponent);
+EnergyBadge.displayName = 'EnergyBadge';
+//# sourceMappingURL=EnergyBadge.js.map

package/lib/module/property-insights/EnergyBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiTimeLine","borderRadius","useTheme","Text","ENERGY_CLASSES","resolveEnergyTones","resolveInsightPalette","jsx","_jsx","jsxs","_jsxs","GEOMETRY","small","height","disc","letter","label","icon","medium","EnergyBadgeComponent","rating","pending","pendingProp","pendingLabel","size","accessibilityLabel","style","testID","theme","palette","tones","g","tone","indexOf","undefined","text","inset","accessible","accessibilityRole","toLowerCase","alignSelf","flexDirection","alignItems","gap","paddingLeft","paddingRight","full","backgroundColor","track","children","width","justifyContent","bar","fill","variant","color","foreground","numberOfLines","EnergyBadge","displayName"],"sourceRoot":"../../../src","sources":["property-insights/EnergyBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/property-insights/EnergyLabel.js

@@ -0,0 +1,268 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { RiTimeLine } from "../icons/remix/index.js";
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { ENERGY_LABEL_INLINE_VALUES_MIN_WIDTH, ENERGY_LABEL_MIN_BAR_RATIO, ENERGY_LABEL_ROW_HEIGHT } from "./constants.js";
+import { ENERGY_CLASSES, resolveEnergyTones, resolveInsightPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The A–G energy efficiency scale of a home.
+ *
+ *   scale     seven bars, 24 tall, 4 apart, radius 6; bar A is 40% of the
+ *             scale column and each class adds 10% (G is 100%). Each bar is
+ *             its class colour (`resolveEnergyTones`: the success → warning →
+ *             error hues on a fixed lightness curve) with the letter in body-2-semibold at 12
+ *             in, white or neutral-950, whichever contrasts more
+ *   columns   one per rating given (`consumption`, `emissions`), 16 right of
+ *             the scale, each headed by its label (caption-1-medium,
+ *             text-secondary). The rating is an arrow tag on its class's row:
+ *             a left-pointing 8px tip + a body-2-semibold "C · 112 kWh/m²·year"
+ *             in the class colour, radius 6 on the right
+ *   narrow    with two columns below 560 wide the columns are 84 wide, the
+ *             tags hold the letter only, and the values move under the scale
+ *             as "Consumption  C · 412 kWh/m²·year" rows (body-2), so nothing
+ *             truncates at phone width
+ *   ends      "More efficient" over A, "Less efficient" under G
+ *             (caption-1-regular, text-tertiary)
+ *   pending   every bar neutral-200 (dark neutral-800) with a text-tertiary
+ *             letter, no columns, and a clock + "Certificate in progress"
+ *             (body-medium) under the scale
+ *
+ * The whole label is ONE image with a composed name — "Energy rating.
+ * Consumption: C, 112 kWh/m²·year. Emissions: D, 24 kg CO₂/m²·year." — the
+ * bars are a picture of a standard scale, not seven things to visit.
+ */
+
+const ROW_GAP = 4;
+const TIP = 8;
+const INLINE_COLUMN_WIDTH = 176;
+const COMPACT_COLUMN_WIDTH = 84;
+function Tag({
+  tone,
+  text,
+  testID
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      height: ENERGY_LABEL_ROW_HEIGHT,
+      maxWidth: '100%'
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Svg, {
+      width: TIP,
+      height: ENERGY_LABEL_ROW_HEIGHT,
+      children: /*#__PURE__*/_jsx(Path, {
+        d: `M${TIP} 0L0 ${ENERGY_LABEL_ROW_HEIGHT / 2}L${TIP} ${ENERGY_LABEL_ROW_HEIGHT}Z`,
+        fill: tone.fill
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      testID: testID ? `${testID}-body` : undefined,
+      style: {
+        flexShrink: 1,
+        minWidth: 0,
+        justifyContent: 'center',
+        paddingLeft: 4,
+        paddingRight: 8,
+        borderTopRightRadius: 6,
+        borderBottomRightRadius: 6,
+        backgroundColor: tone.fill
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-semibold",
+        numberOfLines: 1,
+        style: {
+          color: tone.foreground,
+          fontVariant: ['tabular-nums']
+        },
+        children: text
+      })
+    })]
+  });
+}
+function EnergyLabelComponent({
+  consumption,
+  emissions,
+  pending = false,
+  pendingLabel = 'Certificate in progress',
+  consumptionLabel = 'Consumption',
+  emissionsLabel = 'Emissions',
+  bestLabel = 'More efficient',
+  worstLabel = 'Less efficient',
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveInsightPalette(theme), [theme]);
+  const tones = useMemo(() => resolveEnergyTones(theme), [theme]);
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const columns = pending ? [] : [...(consumption ? [{
+    key: 'consumption',
+    label: consumptionLabel,
+    rating: consumption
+  }] : []), ...(emissions ? [{
+    key: 'emissions',
+    label: emissionsLabel,
+    rating: emissions
+  }] : [])];
+  // One column always fits its value; two only once there is room for both.
+  const inline = columns.length < 2 || width != null && width >= ENERGY_LABEL_INLINE_VALUES_MIN_WIDTH;
+  const columnWidth = inline ? INLINE_COLUMN_WIDTH : COMPACT_COLUMN_WIDTH;
+  const name = accessibilityLabel ?? (pending ? `Energy rating: ${pendingLabel}` : ['Energy rating', ...columns.map(c => `${c.label}: ${[c.rating.rating, c.rating.value].filter(Boolean).join(', ')}`)].join('. ') + '.');
+  const caption = (text, testIDSuffix) => /*#__PURE__*/_jsx(Text, {
+    variant: "caption-1-regular",
+    numberOfLines: 1,
+    style: {
+      color: palette.muted
+    },
+    testID: testID ? `${testID}-${testIDSuffix}` : undefined,
+    children: text
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    accessible: true,
+    accessibilityRole: "image",
+    accessibilityLabel: name,
+    style: [{
+      width: '100%',
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap: 16
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        children: caption(bestLabel, 'best')
+      }), columns.map(column => /*#__PURE__*/_jsx(View, {
+        style: {
+          width: columnWidth,
+          gap: 2
+        },
+        testID: testID ? `${testID}-${column.key}-header` : undefined,
+        children: /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-medium",
+          numberOfLines: 1,
+          style: {
+            color: palette.textSecondary
+          },
+          children: column.label
+        })
+      }, column.key))]
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        gap: ROW_GAP
+      },
+      children: ENERGY_CLASSES.map((letter, index) => {
+        const tone = tones[index];
+        const fill = pending ? palette.hairline : tone.fill;
+        const ink = pending ? palette.muted : tone.foreground;
+        return /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 16
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: /*#__PURE__*/_jsx(View, {
+              testID: testID ? `${testID}-bar-${letter}` : undefined,
+              style: {
+                width: `${Math.round((ENERGY_LABEL_MIN_BAR_RATIO + index * 0.1) * 100)}%`,
+                height: ENERGY_LABEL_ROW_HEIGHT,
+                borderRadius: 6,
+                backgroundColor: fill,
+                justifyContent: 'center',
+                paddingLeft: 12
+              },
+              children: /*#__PURE__*/_jsx(Text, {
+                variant: "body-2-semibold",
+                style: {
+                  color: ink
+                },
+                children: letter
+              })
+            })
+          }), columns.map(column => /*#__PURE__*/_jsx(View, {
+            style: {
+              width: columnWidth,
+              flexDirection: 'row'
+            },
+            children: column.rating.rating === letter ? /*#__PURE__*/_jsx(Tag, {
+              tone: tone,
+              text: inline && column.rating.value ? `${letter} · ${column.rating.value}` : letter,
+              testID: testID ? `${testID}-${column.key}-tag` : undefined
+            }) : null
+          }, column.key))]
+        }, letter);
+      })
+    }), caption(worstLabel, 'worst'), !inline ? /*#__PURE__*/_jsx(View, {
+      style: {
+        gap: 4,
+        marginTop: 4
+      },
+      testID: testID ? `${testID}-values` : undefined,
+      children: columns.map(column => column.rating.value ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          columnGap: 6
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          style: {
+            color: palette.textSecondary
+          },
+          children: column.label
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-semibold",
+          style: {
+            color: palette.text,
+            fontVariant: ['tabular-nums']
+          },
+          children: `${column.rating.rating} · ${column.rating.value}`
+        })]
+      }, column.key) : null)
+    }) : null, pending ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        marginTop: 4
+      },
+      testID: testID ? `${testID}-pending` : undefined,
+      children: [/*#__PURE__*/_jsx(RiTimeLine, {
+        width: 18,
+        height: 18,
+        fill: palette.textSecondary
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        style: {
+          color: palette.text
+        },
+        children: pendingLabel
+      })]
+    }) : null]
+  });
+}
+export const EnergyLabel = /*#__PURE__*/memo(EnergyLabelComponent);
+EnergyLabel.displayName = 'EnergyLabel';
+//# sourceMappingURL=EnergyLabel.js.map

package/lib/module/property-insights/EnergyLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","Svg","Path","RiTimeLine","useContainerWidth","useTheme","Text","ENERGY_LABEL_INLINE_VALUES_MIN_WIDTH","ENERGY_LABEL_MIN_BAR_RATIO","ENERGY_LABEL_ROW_HEIGHT","ENERGY_CLASSES","resolveEnergyTones","resolveInsightPalette","jsx","_jsx","jsxs","_jsxs","ROW_GAP","TIP","INLINE_COLUMN_WIDTH","COMPACT_COLUMN_WIDTH","Tag","tone","text","testID","style","flexDirection","height","maxWidth","children","width","d","fill","undefined","flexShrink","minWidth","justifyContent","paddingLeft","paddingRight","borderTopRightRadius","borderBottomRightRadius","backgroundColor","variant","numberOfLines","color","foreground","fontVariant","EnergyLabelComponent","consumption","emissions","pending","pendingLabel","consumptionLabel","emissionsLabel","bestLabel","worstLabel","accessibilityLabel","theme","palette","tones","onLayout","columns","key","label","rating","inline","length","columnWidth","name","map","c","value","filter","Boolean","join","caption","testIDSuffix","muted","accessible","accessibilityRole","gap","alignItems","flex","column","textSecondary","letter","index","hairline","ink","Math","round","borderRadius","marginTop","flexWrap","columnGap","EnergyLabel","displayName"],"sourceRoot":"../../../src","sources":["property-insights/EnergyLabel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/property-insights/NearbyPlaces.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiWalkLine } from "../icons/remix/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveInsightPalette } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * What is within reach of a home: one row per place.
+ *
+ *   row    a 40 disc (neutral-100, dark neutral-800) with a 20 icon; the
+ *          name (body-medium) over the category (body-2-regular,
+ *          text-secondary); on the right a 16 walking glyph (or `modeIcon`)
+ *          and the time (body-2-medium, tabular). 12 above and below.
+ *
+ * Each row is one `listitem` named "Rossio Metro, Metro station, 4 min walk"
+ * (`formatTime`).
+ */
+function NearbyPlacesComponent({
+  items,
+  formatTime = time => `${time} walk`,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveInsightPalette(theme), [theme]);
+  return /*#__PURE__*/_jsx(View, {
+    role: "list",
+    style: [{
+      width: '100%'
+    }, style],
+    testID: testID,
+    children: items.map(({
+      icon: Icon,
+      name,
+      category,
+      time,
+      modeIcon: ModeIcon = RiWalkLine
+    }, index) => /*#__PURE__*/_jsxs(View, {
+      role: "listitem",
+      accessible: true,
+      accessibilityLabel: [name, category, formatTime(time)].filter(Boolean).join(', '),
+      testID: testID ? `${testID}-item-${index}` : undefined,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingTop: 12,
+        paddingBottom: 12
+      },
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: 20,
+          backgroundColor: palette.iconSurface,
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Icon, {
+          width: 20,
+          height: 20,
+          fill: palette.text
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: palette.text
+          },
+          children: name
+        }), category ? /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          numberOfLines: 1,
+          style: {
+            color: palette.textSecondary
+          },
+          children: category
+        }) : null]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 4
+        },
+        children: [/*#__PURE__*/_jsx(ModeIcon, {
+          width: 16,
+          height: 16,
+          fill: palette.textSecondary
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-medium",
+          style: {
+            color: palette.text,
+            fontVariant: ['tabular-nums']
+          },
+          children: time
+        })]
+      })]
+    }, `${name}-${index}`))
+  });
+}
+export const NearbyPlaces = /*#__PURE__*/memo(NearbyPlacesComponent);
+NearbyPlaces.displayName = 'NearbyPlaces';
+//# sourceMappingURL=NearbyPlaces.js.map

package/lib/module/property-insights/NearbyPlaces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiWalkLine","useTheme","Text","resolveInsightPalette","jsx","_jsx","jsxs","_jsxs","NearbyPlacesComponent","items","formatTime","time","style","testID","theme","palette","role","width","children","map","icon","Icon","name","category","modeIcon","ModeIcon","index","accessible","accessibilityLabel","filter","Boolean","join","undefined","flexDirection","alignItems","gap","paddingTop","paddingBottom","height","borderRadius","backgroundColor","iconSurface","justifyContent","fill","text","flex","minWidth","variant","numberOfLines","color","textSecondary","fontVariant","NearbyPlaces","displayName"],"sourceRoot":"../../../src","sources":["property-insights/NearbyPlaces.tsx"],"mappings":"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","ignoreList":[]}