@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/listing-details/constants.js

@@ -14,4 +14,10 @@ export const REVIEW_SUMMARY_WIDE_MIN_WIDTH = 640;
 export const LISTING_HEADER_WIDE_MIN_WIDTH = 640;
 /** `HostCard`'s avatar diameter. */
 export const HOST_CARD_AVATAR_SIZE = 104;
+/** From this width `PropertyFacts` (`columns="auto"`) draws three columns. */
+export const PROPERTY_FACTS_THREE_COLUMN_MIN_WIDTH = 480;
+/** From this width `PropertyFacts` (`columns="auto"`) draws four columns. */
+export const PROPERTY_FACTS_FOUR_COLUMN_MIN_WIDTH = 720;
+/** From this width `FloorPlan` (`columns="auto"`) draws two columns. */
+export const FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH = 560;
 //# sourceMappingURL=constants.js.map

package/lib/module/listing-details/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["LISTING_PHOTO_GRID_BREAKPOINT","LISTING_PHOTO_GRID_GAP","LISTING_PHOTO_GRID_RADIUS","AMENITY_LIST_TWO_COLUMN_MIN_WIDTH","REVIEW_SUMMARY_WIDE_MIN_WIDTH","LISTING_HEADER_WIDE_MIN_WIDTH","HOST_CARD_AVATAR_SIZE"],"sourceRoot":"../../../src","sources":["listing-details/constants.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AACvC;AACA,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAC3C;AACA,OAAO,MAAMC,iCAAiC,GAAG,GAAG;AACpD;AACA,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,qBAAqB,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["LISTING_PHOTO_GRID_BREAKPOINT","LISTING_PHOTO_GRID_GAP","LISTING_PHOTO_GRID_RADIUS","AMENITY_LIST_TWO_COLUMN_MIN_WIDTH","REVIEW_SUMMARY_WIDE_MIN_WIDTH","LISTING_HEADER_WIDE_MIN_WIDTH","HOST_CARD_AVATAR_SIZE","PROPERTY_FACTS_THREE_COLUMN_MIN_WIDTH","PROPERTY_FACTS_FOUR_COLUMN_MIN_WIDTH","FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH"],"sourceRoot":"../../../src","sources":["listing-details/constants.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AACvC;AACA,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAC3C;AACA,OAAO,MAAMC,iCAAiC,GAAG,GAAG;AACpD;AACA,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,6BAA6B,GAAG,GAAG;AAChD;AACA,OAAO,MAAMC,qBAAqB,GAAG,GAAG;AACxC;AACA,OAAO,MAAMC,qCAAqC,GAAG,GAAG;AACxD;AACA,OAAO,MAAMC,oCAAoC,GAAG,GAAG;AACvD;AACA,OAAO,MAAMC,+BAA+B,GAAG,GAAG","ignoreList":[]}

package/lib/module/listing-details/index.js

@@ -1,12 +1,15 @@
 "use strict";
 
 export { AmenityList } from "./AmenityList.js";
+export { ContactCard } from "./ContactCard.js";
+export { FloorPlan } from "./FloorPlan.js";
 export { HostCard } from "./HostCard.js";
 export { ListingHeader, ListingHeaderAction } from "./ListingHeader.js";
 export { ListingHighlights } from "./ListingHighlights.js";
 export { ListingPhotoGrid } from "./ListingPhotoGrid.js";
 export { ListingSection } from "./ListingSection.js";
+export { PropertyFacts } from "./PropertyFacts.js";
 export { ReviewCard } from "./ReviewCard.js";
 export { ReviewSummary } from "./ReviewSummary.js";
-export { AMENITY_LIST_TWO_COLUMN_MIN_WIDTH, LISTING_PHOTO_GRID_BREAKPOINT } from "./constants.js";
+export { AMENITY_LIST_TWO_COLUMN_MIN_WIDTH, FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH, LISTING_PHOTO_GRID_BREAKPOINT, PROPERTY_FACTS_FOUR_COLUMN_MIN_WIDTH, PROPERTY_FACTS_THREE_COLUMN_MIN_WIDTH } from "./constants.js";
 //# sourceMappingURL=index.js.map

package/lib/module/listing-details/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AmenityList","HostCard","ListingHeader","ListingHeaderAction","ListingHighlights","ListingPhotoGrid","ListingSection","ReviewCard","ReviewSummary","AMENITY_LIST_TWO_COLUMN_MIN_WIDTH","LISTING_PHOTO_GRID_BREAKPOINT"],"sourceRoot":"../../../src","sources":["listing-details/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,oBAAiB;AACpE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SACEC,iCAAiC,EACjCC,6BAA6B,QACxB,gBAAa","ignoreList":[]}
+{"version":3,"names":["AmenityList","ContactCard","FloorPlan","HostCard","ListingHeader","ListingHeaderAction","ListingHighlights","ListingPhotoGrid","ListingSection","PropertyFacts","ReviewCard","ReviewSummary","AMENITY_LIST_TWO_COLUMN_MIN_WIDTH","FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH","LISTING_PHOTO_GRID_BREAKPOINT","PROPERTY_FACTS_FOUR_COLUMN_MIN_WIDTH","PROPERTY_FACTS_THREE_COLUMN_MIN_WIDTH"],"sourceRoot":"../../../src","sources":["listing-details/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAC3C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,oBAAiB;AACpE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SACEC,iCAAiC,EACjCC,+BAA+B,EAC/BC,6BAA6B,EAC7BC,oCAAoC,EACpCC,qCAAqC,QAChC,gBAAa","ignoreList":[]}

package/lib/module/listing-editor/AddressPrecisionPicker.js

@@ -0,0 +1,203 @@
+"use strict";
+
+import React, { memo, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { mixColor, resolveButtonRamps } from "../button/shared.js";
+import { RiMapPin2Fill } from "../icons/remix/RiMapPin2Fill.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveSelectionPaint, SelectionCard } from "./SelectionCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * How precisely the published listing shows where the home is: three radio
+ * cards, each with a map preview over its title and explanation.
+ *
+ *   layout    three cards side by side from 720 wide, stacked below
+ *   card      the listing editor's selection card (radius 16, 2px text-primary
+ *             border when selected) with Bloom's `RadioIndicator` at 20 beside
+ *             the title
+ *   map       112 tall (96 stacked), radius 12, inset 12 — `renderMap(precision)`
+ *             or Bloom's placeholder: a neutral-100 (dark neutral-800) street
+ *             grid with a pin (exact), the street drawn in the accent (street),
+ *             or an accent circle at 20% over the grid (approximate)
+ *   footnote  caption-1-regular, text-secondary, 12 under the cards
+ *
+ * THE CHOICE DECIDES WHAT IS PUBLISHED. The component only records it; the app
+ * must derive the public location from `value` on its server — exact
+ * coordinates for `exact`, the street's centreline for `street`, and a point
+ * jittered inside roughly 500 m for `approximate` — and never send the exact
+ * coordinates to a client that should not see them.
+ *
+ * Accessibility: a `radiogroup` of `radio`s with `aria-checked`, each named by
+ * its title with the explanation as its hint. The map previews are decorative.
+ */
+
+export const DEFAULT_ADDRESS_PRECISION_OPTIONS = [{
+  value: 'exact',
+  title: 'Exact address',
+  description: 'The pin sits on the building. Best for homes that are easy to find anyway.'
+}, {
+  value: 'street',
+  title: 'Street only',
+  description: 'Shows the street, not the number. The exact address is shared after booking or signing.'
+}, {
+  value: 'approximate',
+  title: 'Approximate area',
+  description: 'Shows a circle of about 500 m. The most private option.'
+}];
+const DEFAULT_FOOTNOTE = 'The published map follows this choice. Your exact address is only shared with people you confirm.';
+function resolveMapPaint(theme) {
+  const {
+    accent,
+    neutral: n
+  } = resolveButtonRamps(theme);
+  const dark = theme.isDark;
+  const ground = dark ? n[800] : n[100];
+  return {
+    ground,
+    block: dark ? mixColor(n[800], n[700], 0.5) : n[200],
+    road: dark ? n[900] : n[50],
+    accent: accent[500],
+    accentWash: mixColor(ground, accent[500], 0.2),
+    pin: theme.colors.text
+  };
+}
+
+/** Bloom's placeholder map for one precision. Decorative. */
+export function PrecisionMapPlaceholder({
+  precision,
+  height
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMapPaint(theme), [theme]);
+  const circle = Math.round(height * 0.72);
+  return /*#__PURE__*/_jsxs(View, {
+    "aria-hidden": true,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: {
+      height,
+      backgroundColor: paint.ground,
+      overflow: 'hidden'
+    },
+    children: [[0.08, 0.62].map(top => [0.04, 0.3, 0.62].map(left => /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: `${top * 100}%`,
+        left: `${left * 100}%`,
+        width: '20%',
+        height: '28%',
+        borderRadius: 4,
+        backgroundColor: paint.block
+      }
+    }, `${top}-${left}`))), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: '44%',
+        height: 10,
+        backgroundColor: precision === 'street' ? paint.accent : paint.road
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: '55%',
+        width: 8,
+        backgroundColor: paint.road
+      }
+    }), precision === 'approximate' ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: '50%',
+        left: '42%',
+        width: circle,
+        height: circle,
+        marginTop: -circle / 2,
+        marginLeft: -circle / 2,
+        borderRadius: circle / 2,
+        borderWidth: 2,
+        borderColor: paint.accent,
+        backgroundColor: paint.accentWash
+      }
+    }) : null, precision === 'exact' ? /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: '50%',
+        left: '42%',
+        marginTop: -30,
+        marginLeft: -14
+      },
+      children: /*#__PURE__*/_jsx(RiMapPin2Fill, {
+        width: 28,
+        height: 28,
+        fill: paint.pin
+      })
+    }) : null]
+  });
+}
+function AddressPrecisionPickerComponent({
+  value,
+  onValueChange,
+  renderMap,
+  options = DEFAULT_ADDRESS_PRECISION_OPTIONS,
+  footnote = DEFAULT_FOOTNOTE,
+  accessibilityLabel = 'Address precision',
+  disabled = false,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveSelectionPaint(theme), [theme]);
+  const [width, setWidth] = useState(0);
+  const row = width >= 720;
+  const mapHeight = row ? 112 : 96;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      gap: 12
+    }, style],
+    onLayout: e => setWidth(e.nativeEvent.layout.width),
+    children: [/*#__PURE__*/_jsx(View, {
+      role: "radiogroup",
+      accessibilityLabel: accessibilityLabel,
+      "aria-disabled": disabled || undefined,
+      style: {
+        flexDirection: row ? 'row' : 'column',
+        alignItems: row ? 'stretch' : undefined,
+        gap: 12
+      },
+      children: options.map(option => /*#__PURE__*/_jsx(SelectionCard, {
+        selection: "single",
+        indicator: "radio",
+        selected: value === option.value,
+        onPress: () => {
+          if (value !== option.value) onValueChange(option.value);
+        },
+        title: option.title,
+        description: option.description,
+        media: renderMap ? renderMap(option.value) : /*#__PURE__*/_jsx(PrecisionMapPlaceholder, {
+          precision: option.value,
+          height: mapHeight
+        }),
+        disabled: disabled,
+        style: row ? {
+          flex: 1,
+          flexBasis: 0
+        } : undefined,
+        testID: testID ? `${testID}-${option.value}` : undefined
+      }, option.value))
+    }), footnote ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: paint.textSecondary
+      },
+      children: footnote
+    }) : null]
+  });
+}
+export const AddressPrecisionPicker = /*#__PURE__*/memo(AddressPrecisionPickerComponent);
+AddressPrecisionPicker.displayName = 'AddressPrecisionPicker';
+//# sourceMappingURL=AddressPrecisionPicker.js.map

package/lib/module/listing-editor/AddressPrecisionPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","useState","View","mixColor","resolveButtonRamps","RiMapPin2Fill","useTheme","Text","resolveSelectionPaint","SelectionCard","jsx","_jsx","jsxs","_jsxs","DEFAULT_ADDRESS_PRECISION_OPTIONS","value","title","description","DEFAULT_FOOTNOTE","resolveMapPaint","theme","accent","neutral","n","dark","isDark","ground","block","road","accentWash","pin","colors","text","PrecisionMapPlaceholder","precision","height","paint","circle","Math","round","accessibilityElementsHidden","importantForAccessibility","style","backgroundColor","overflow","children","map","top","left","position","width","borderRadius","right","bottom","marginTop","marginLeft","borderWidth","borderColor","fill","AddressPrecisionPickerComponent","onValueChange","renderMap","options","footnote","accessibilityLabel","disabled","testID","setWidth","row","mapHeight","gap","onLayout","e","nativeEvent","layout","role","undefined","flexDirection","alignItems","option","selection","indicator","selected","onPress","media","flex","flexBasis","variant","color","textSecondary","AddressPrecisionPicker","displayName"],"sourceRoot":"../../../src","sources":["listing-editor/AddressPrecisionPicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/listing-editor/ListingPreviewPane.js

@@ -0,0 +1,221 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Image, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { useControllableState } from "../hooks/use-controllable-state.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { ListingCard } from "../listing-card/index.js";
+import { resolvePhoto } from "../listing-card/shared.js";
+import { ListingHeader } from "../listing-details/index.js";
+import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from "../segmented-control/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A side panel that previews the listing while it is edited: Bloom's own
+ * `ListingCard`, or a compact listing page, switched by a toggle.
+ *
+ *   panel    neutral-50 (dark neutral-900) fill, radius 20, p 20, gap 16
+ *   head     title (headline-semibold) and description (body-2-regular,
+ *            text-secondary) over a `SegmentedControl` (`tabs`, stretched)
+ *   card     `ListingCard` at most 320 wide, centred, non-interactive
+ *   page     a 340-wide frame (radius 20, 1px neutral-200 / dark neutral-700,
+ *            the page background): the cover photo at 4:3, `ListingHeader`
+ *            at `medium`, the facts row, the description (six lines), and the
+ *            price line under a hairline
+ *
+ * The preview is DRAWN from `listing`, so it is live as long as the app passes
+ * the draft it is editing. `renderPage` replaces the built-in page.
+ */
+
+const CARD_MAX_WIDTH = 320;
+const PAGE_WIDTH = 340;
+function ListingPreviewPaneComponent({
+  listing,
+  mode: modeProp,
+  defaultMode = 'card',
+  onModeChange,
+  renderPage,
+  title = 'Preview',
+  description = 'This is how guests will see your listing.',
+  cardLabel = 'Card',
+  pageLabel = 'Page',
+  toggleLabel = 'Preview as',
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const {
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const [mode, setMode] = useControllableState({
+    value: modeProp,
+    defaultValue: defaultMode,
+    onChange: onModeChange
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      gap: 16,
+      paddingTop: 20,
+      paddingBottom: 20,
+      paddingLeft: 20,
+      paddingRight: 20,
+      borderRadius: 20,
+      backgroundColor: theme.isDark ? neutral[900] : neutral[50]
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 2
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "headline-semibold",
+        style: {
+          color: theme.colors.text
+        },
+        children: title
+      }), description ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: description
+      }) : null]
+    }), /*#__PURE__*/_jsxs(SegmentedControl, {
+      label: toggleLabel,
+      type: "tabs",
+      value: mode,
+      onChange: next => setMode(next),
+      style: {
+        alignSelf: 'stretch'
+      },
+      children: [/*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: "card",
+        testID: testID ? `${testID}-card-tab` : undefined,
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: cardLabel
+        })
+      }), /*#__PURE__*/_jsx(SegmentedControlItem, {
+        value: "page",
+        testID: testID ? `${testID}-page-tab` : undefined,
+        children: /*#__PURE__*/_jsx(SegmentedControlItemText, {
+          children: pageLabel
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      role: "tabpanel",
+      accessibilityLabel: mode === 'card' ? cardLabel : pageLabel,
+      testID: testID ? `${testID}-${mode}` : undefined,
+      style: {
+        alignItems: 'center'
+      },
+      children: mode === 'card' ? /*#__PURE__*/_jsx(ListingCard, {
+        ...listing,
+        style: {
+          width: '100%',
+          maxWidth: CARD_MAX_WIDTH
+        }
+      }) : renderPage ? renderPage(listing) : /*#__PURE__*/_jsx(PagePreview, {
+        listing: listing
+      })
+    })]
+  });
+}
+function PagePreview({
+  listing
+}) {
+  const theme = useTheme();
+  const resolver = useImageResolver();
+  const {
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const cover = listing.photos[0] ? resolvePhoto(listing.photos[0], resolver, listing.photoVariant) : undefined;
+  const hairline = theme.isDark ? neutral[700] : neutral[200];
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: '100%',
+      maxWidth: PAGE_WIDTH,
+      borderRadius: 20,
+      borderWidth: 1,
+      borderColor: hairline,
+      backgroundColor: theme.colors.background,
+      overflow: 'hidden'
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: '100%',
+        aspectRatio: 4 / 3,
+        backgroundColor: theme.isDark ? neutral[800] : neutral[100]
+      },
+      children: cover ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: cover
+        },
+        resizeMode: "cover",
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }) : null
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 12,
+        paddingTop: 16,
+        paddingBottom: 16,
+        paddingLeft: 16,
+        paddingRight: 16
+      },
+      children: [/*#__PURE__*/_jsx(ListingHeader, {
+        title: listing.title,
+        size: "medium",
+        headingLevel: 2,
+        subtitle: listing.subtitle,
+        rating: listing.rating,
+        reviewsLabel: listing.reviewCount != null ? `${listing.reviewCount} reviews` : undefined,
+        location: listing.location
+      }), listing.facts && listing.facts.length > 0 ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: listing.facts.map(fact => fact.accessibilityLabel ?? fact.label).join(' · ')
+      }) : null, listing.description ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        numberOfLines: 6,
+        style: {
+          color: theme.colors.text
+        },
+        children: listing.description
+      }) : null]
+    }), listing.price || listing.total ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'baseline',
+        gap: 4,
+        borderTopWidth: 1,
+        borderTopColor: hairline,
+        paddingTop: 14,
+        paddingBottom: 14,
+        paddingLeft: 16,
+        paddingRight: 16
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "headline-semibold",
+        style: {
+          color: theme.colors.text
+        },
+        children: listing.price ?? listing.total
+      }), listing.price && listing.priceUnit ? /*#__PURE__*/_jsx(Text, {
+        variant: "body-regular",
+        style: {
+          color: theme.colors.textSecondary
+        },
+        children: listing.priceUnit
+      }) : null]
+    }) : null]
+  });
+}
+export const ListingPreviewPane = /*#__PURE__*/memo(ListingPreviewPaneComponent);
+ListingPreviewPane.displayName = 'ListingPreviewPane';
+//# sourceMappingURL=ListingPreviewPane.js.map

package/lib/module/listing-editor/ListingPreviewPane.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Image","View","resolveButtonRamps","useControllableState","useImageResolver","ListingCard","resolvePhoto","ListingHeader","SegmentedControl","SegmentedControlItem","SegmentedControlItemText","useTheme","Text","jsx","_jsx","jsxs","_jsxs","CARD_MAX_WIDTH","PAGE_WIDTH","ListingPreviewPaneComponent","listing","mode","modeProp","defaultMode","onModeChange","renderPage","title","description","cardLabel","pageLabel","toggleLabel","style","testID","theme","neutral","setMode","value","defaultValue","onChange","gap","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","backgroundColor","isDark","children","variant","color","colors","text","textSecondary","label","type","next","alignSelf","undefined","role","accessibilityLabel","alignItems","width","maxWidth","PagePreview","resolver","cover","photos","photoVariant","hairline","borderWidth","borderColor","background","overflow","aspectRatio","source","uri","resizeMode","height","size","headingLevel","subtitle","rating","reviewsLabel","reviewCount","location","facts","length","map","fact","join","numberOfLines","price","total","flexDirection","borderTopWidth","borderTopColor","priceUnit","ListingPreviewPane","displayName"],"sourceRoot":"../../../src","sources":["listing-editor/ListingPreviewPane.tsx"],"mappings":"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","ignoreList":[]}