@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/commonjs/listing-details/FloorPlan.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloorPlan = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _shared = require("../button/shared.js");
+var _useInteractionState = require("../hooks/use-interaction-state.js");
+var _index = require("../icons/remix/index.js");
+var _context = require("../image-resolver/context.js");
+var _interactiveWebCss = require("../styles/interactive-web-css.js");
+var _webData = require("../styles/web-data.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared2 = require("./shared.js");
+var _useContainerWidth = require("../hooks/use-container-width.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 floor plans of a home: one tile per plan, a label under each.
+ *
+ *   columns   `auto` measures its own width: 1 below 560, 2 from 560, 16 apart
+ *             (rows 24 apart); one plan always spans the width
+ *   tile      radius 16, 1px neutral-200 (dark neutral-800) border, aspect
+ *             `aspectRatio` (4 / 3), the plan CONTAINED with 16 inset on
+ *             neutral-50 in BOTH modes — a plan is dark line work on a light
+ *             or transparent sheet, and would vanish on a dark tile
+ *   expand    a 32 disc top-right (card surface, hairline border) with an
+ *             expand glyph, when `onPressPlan` is set; hover steps the tile's
+ *             border to neutral-400 (web)
+ *   label     body-semibold, 12 under the tile; `description` body-2-regular
+ *             text-secondary
+ *
+ * Pressing a tile reports its index — open `ZoomableMediaGallery` there (the
+ * same wiring as `ListingPhotoGrid`).
+ */const GAP = 16;
+function defaultPlanLabel(plan, position, total) {
+  return `${plan.alt ?? plan.label}, floor plan ${position} of ${total}`;
+}
+function PlanTile({
+  plan,
+  uri,
+  name,
+  aspectRatio,
+  onPress,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const palette = (0, _react.useMemo)(() => (0, _shared2.resolveListingPalette)(theme), [theme]);
+  const {
+    neutral: n
+  } = (0, _react.useMemo)(() => (0, _shared.resolveButtonRamps)(theme), [theme]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = (0, _useInteractionState.useInteractionState)();
+  const frame = {
+    width: '100%',
+    aspectRatio,
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: onPress && hovered ? n[400] : palette.cardBorder,
+    backgroundColor: n[50],
+    overflow: 'hidden',
+    '--bloom-listing-ring': palette.ring
+  };
+  const inner = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [uri ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, {
+        paddingTop: 16,
+        paddingBottom: 16,
+        paddingLeft: 16,
+        paddingRight: 16
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri
+        },
+        resizeMode: "contain",
+        accessible: false,
+        importantForAccessibility: "no",
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }) : null, onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      importantForAccessibility: "no-hide-descendants",
+      accessibilityElementsHidden: true,
+      testID: testID ? `${testID}-expand` : undefined,
+      style: {
+        position: 'absolute',
+        top: 12,
+        right: 12,
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        borderWidth: 1,
+        borderColor: palette.cardBorder,
+        backgroundColor: palette.card,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RiExpandDiagonalSLine, {
+        width: 16,
+        height: 16,
+        fill: palette.text
+      })
+    }) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 12
+    },
+    children: [onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...(0, _webData.webDataSet)({
+        bloomListingPress: ''
+      }),
+      accessibilityRole: "button",
+      accessibilityLabel: name,
+      onPress: onPress,
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      style: frame,
+      testID: testID,
+      children: inner
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: name,
+      style: frame,
+      testID: testID,
+      children: inner
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        gap: 2
+      },
+      importantForAccessibility: "no-hide-descendants",
+      accessibilityElementsHidden: true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-semibold",
+        style: {
+          color: palette.text
+        },
+        testID: testID ? `${testID}-label` : undefined,
+        children: plan.label
+      }), plan.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        style: {
+          color: palette.textSecondary
+        },
+        children: plan.description
+      }) : null]
+    })]
+  });
+}
+function FloorPlanComponent({
+  plans,
+  onPressPlan,
+  columns = 'auto',
+  aspectRatio = 4 / 3,
+  planLabel = defaultPlanLabel,
+  imageVariant = 'large',
+  style,
+  testID
+}) {
+  (0, _interactiveWebCss.useInteractiveWebCss)(_shared2.LISTING_DETAILS_STYLE_ID, _shared2.LISTING_DETAILS_CSS);
+  const resolver = (0, _context.useImageResolver)();
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const wanted = columns === 'auto' ? width != null && width >= _constants.FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH ? 2 : 1 : columns;
+  const count = plans.length <= 1 ? 1 : wanted;
+  const total = plans.length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    role: "list",
+    style: [{
+      width: '100%',
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      rowGap: 24
+    }, style],
+    testID: testID,
+    children: plans.map((plan, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "listitem",
+      style: {
+        width: `${100 / count}%`,
+        // Two columns split the gutter, so both tiles are equal and the edges stay flush.
+        paddingRight: count > 1 && index % 2 === 0 ? GAP / 2 : 0,
+        paddingLeft: count > 1 && index % 2 === 1 ? GAP / 2 : 0
+      },
+      testID: testID ? `${testID}-item-${index}` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanTile, {
+        plan: plan,
+        uri: (0, _shared2.resolveImageUri)(plan.source, resolver, imageVariant),
+        name: planLabel(plan, index + 1, total),
+        aspectRatio: aspectRatio,
+        onPress: onPressPlan ? () => onPressPlan(index) : undefined,
+        testID: testID ? `${testID}-plan-${index}` : undefined
+      })
+    }, `${plan.source}-${index}`))
+  });
+}
+const FloorPlan = exports.FloorPlan = /*#__PURE__*/(0, _react.memo)(FloorPlanComponent);
+FloorPlan.displayName = 'FloorPlan';
+//# sourceMappingURL=FloorPlan.js.map

package/lib/commonjs/listing-details/FloorPlan.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_shared","_useInteractionState","_index","_context","_interactiveWebCss","_webData","_useTheme","_index2","_constants","_shared2","_useContainerWidth","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GAP","defaultPlanLabel","plan","position","total","alt","label","PlanTile","uri","name","aspectRatio","onPress","testID","theme","useTheme","palette","useMemo","resolveListingPalette","neutral","resolveButtonRamps","state","hovered","onIn","onOut","useInteractionState","frame","width","borderRadius","borderWidth","borderColor","cardBorder","backgroundColor","overflow","ring","inner","jsxs","Fragment","children","jsx","View","style","StyleSheet","absoluteFill","paddingTop","paddingBottom","paddingLeft","paddingRight","Image","source","resizeMode","accessible","importantForAccessibility","height","pointerEvents","accessibilityElementsHidden","undefined","top","right","card","alignItems","justifyContent","RiExpandDiagonalSLine","fill","text","gap","Pressable","webDataSet","bloomListingPress","accessibilityRole","accessibilityLabel","onHoverIn","onHoverOut","Text","variant","color","description","textSecondary","FloorPlanComponent","plans","onPressPlan","columns","planLabel","imageVariant","useInteractiveWebCss","LISTING_DETAILS_STYLE_ID","LISTING_DETAILS_CSS","resolver","useImageResolver","onLayout","useContainerWidth","wanted","FLOOR_PLAN_TWO_COLUMN_MIN_WIDTH","count","length","role","flexDirection","flexWrap","rowGap","map","index","resolveImageUri","FloorPlan","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["listing-details/FloorPlan.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/listing-details/HostCard.js

@@ -5,268 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HostCard = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../avatar/index.js");
-var _button = require("../button");
-var _menuPalette = require("../floating/menu-palette.js");
-var _useInteractionState = require("../hooks/use-interaction-state.js");
-var _index2 = require("../icons/remix/index.js");
-var _interactiveWebCss = require("../styles/interactive-web-css.js");
-var _useTheme = require("../theme/use-theme.js");
-var _index3 = require("../typography/index.js");
-var _constants = require("./constants.js");
-var _shared = require("./shared.js");
+var _ContactCard = require("./ContactCard.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 host of a listing: a profile card, then details and a message button.
- *
- *   card       radius 20, card surface (dark neutral-900), 1px neutral-200
- *              (dark neutral-800) border, dropdown shadow, padding 24 / 20,
- *              max width 420; hover (when pressable) steps the surface to
- *              neutral-100 (dark neutral-800)
- *   identity   avatar 104 with a verified check badge (primary disc, card
- *              ring), name title-1-semibold, label body-2-semibold + 14 icon
- *   stats      a column on the right, 1px hairlines between rows;
- *              value headline-semibold (+ 12 star), label caption-1-medium
- *              text-secondary
- *   details    icon 20 + body-regular rows, 12 apart
- *   response   body-regular text-secondary lines
- *   message    a medium secondary Button
+ * The host of a stay: `ContactCard` with `role="host"` — a profile card, then
+ * details and a "Message host" button. Geometry, colours and testIDs are
+ * `ContactCard`'s (see its header).
  */
 function HostCardComponent({
-  name,
-  avatar,
-  verified = false,
-  verifiedLabel = 'Verified',
-  label,
-  labelIcon: LabelIcon,
-  stats,
-  details,
-  responseLines,
-  onMessage,
   messageLabel = 'Message host',
-  onPressProfile,
-  avatarVariant = 'medium',
-  style,
-  testID
+  ...props
 }) {
-  const theme = (0, _useTheme.useTheme)();
-  (0, _interactiveWebCss.useInteractiveWebCss)(_shared.LISTING_DETAILS_STYLE_ID, _shared.LISTING_DETAILS_CSS);
-  const palette = (0, _react.useMemo)(() => (0, _shared.resolveListingPalette)(theme), [theme]);
-  const {
-    state: hovered,
-    onIn,
-    onOut
-  } = (0, _useInteractionState.useInteractionState)();
-  const badgeSize = Math.round(_constants.HOST_CARD_AVATAR_SIZE * 0.3);
-  const badge = verified ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    accessible: true,
-    accessibilityRole: "image",
-    accessibilityLabel: verifiedLabel,
-    testID: testID ? `${testID}-verified` : undefined,
-    style: {
-      width: badgeSize,
-      height: badgeSize,
-      borderRadius: badgeSize / 2,
-      borderWidth: 3,
-      borderColor: palette.card,
-      backgroundColor: palette.badge,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RiCheckLine, {
-      width: 16,
-      height: 16,
-      fill: palette.badgeForeground
-    })
-  }) : null;
-  const identity = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: {
-      flex: 1,
-      minWidth: 0,
-      alignItems: 'center',
-      justifyContent: 'center',
-      gap: 4
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        marginBottom: 8
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-        source: avatar,
-        variant: avatarVariant,
-        size: _constants.HOST_CARD_AVATAR_SIZE,
-        name: name,
-        verified: verified,
-        verifiedIcon: badge
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-      variant: "title-1-semibold",
-      numberOfLines: 2,
-      style: {
-        color: palette.text,
-        textAlign: 'center'
-      },
-      testID: testID ? `${testID}-name` : undefined,
-      children: name
-    }), label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: 4
-      },
-      children: [LabelIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelIcon, {
-        width: 14,
-        height: 14,
-        fill: palette.text
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-        variant: "body-2-semibold",
-        style: {
-          color: palette.text
-        },
-        children: label
-      })]
-    }) : null]
-  });
-  const statsColumn = stats && stats.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      width: 112
-    },
-    testID: testID ? `${testID}-stats` : undefined,
-    children: stats.map((stat, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      testID: testID ? `${testID}-stat-${index}` : undefined,
-      style: {
-        paddingTop: index === 0 ? 0 : 12,
-        paddingBottom: index === stats.length - 1 ? 0 : 12,
-        borderTopWidth: index === 0 ? 0 : 1,
-        borderTopColor: palette.hairline,
-        gap: 2
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: {
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 4
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-          variant: "title-3-semibold",
-          style: {
-            color: palette.text,
-            fontVariant: ['tabular-nums']
-          },
-          children: stat.value
-        }), stat.star ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RiStarFill, {
-          width: 12,
-          height: 12,
-          fill: palette.text
-        }) : null]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-        variant: "caption-1-medium",
-        style: {
-          color: palette.textSecondary
-        },
-        children: stat.label
-      })]
-    }, `${stat.label}-${index}`))
-  }) : null;
-  const cardStyle = {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 20,
-    width: '100%',
-    maxWidth: 420,
-    paddingTop: 24,
-    paddingBottom: 24,
-    paddingLeft: 20,
-    paddingRight: 24,
-    borderRadius: 20,
-    borderWidth: 1,
-    borderColor: palette.cardBorder,
-    backgroundColor: onPressProfile && hovered ? palette.hover : palette.card,
-    boxShadow: theme.isDark ? _menuPalette.MENU_SHADOW.dark : _menuPalette.MENU_SHADOW.light,
-    '--bloom-listing-ring': palette.ring
-  };
-  const statsName = (stats ?? []).map(s => `${s.value} ${s.label}`).join(', ');
-  const cardName = [name, label, verified ? verifiedLabel : undefined, statsName].filter(Boolean).join(', ');
-  const card = onPressProfile ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    ...(0, _shared.webData)({
-      bloomListingPress: ''
-    }),
-    accessibilityRole: "button",
-    accessibilityLabel: cardName,
-    onPress: onPressProfile,
-    onHoverIn: onIn,
-    onHoverOut: onOut,
-    style: cardStyle,
-    testID: testID ? `${testID}-card` : undefined,
-    children: [identity, statsColumn]
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: cardStyle,
-    testID: testID ? `${testID}-card` : undefined,
-    children: [identity, statsColumn]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [{
-      width: '100%',
-      gap: 24
-    }, style],
-    testID: testID,
-    children: [card, details && details.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      role: "list",
-      style: {
-        gap: 12
-      },
-      children: details.map(({
-        icon: Icon,
-        text
-      }, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        role: "listitem",
-        style: {
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 12
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          importantForAccessibility: "no-hide-descendants",
-          accessibilityElementsHidden: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-            width: 20,
-            height: 20,
-            fill: palette.text
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-          variant: "body-regular",
-          style: {
-            flex: 1,
-            minWidth: 0,
-            color: palette.text
-          },
-          children: text
-        })]
-      }, `${text}-${index}`))
-    }) : null, responseLines && responseLines.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        gap: 4
-      },
-      children: responseLines.map((line, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
-        variant: "body-regular",
-        style: {
-          color: palette.textSecondary
-        },
-        children: line
-      }, `${line}-${index}`))
-    }) : null, onMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        flexDirection: 'row'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
-        variant: "secondary",
-        onPress: onMessage,
-        testID: testID ? `${testID}-message` : undefined,
-        children: messageLabel
-      })
-    }) : null]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContactCard.ContactCard, {
+    ...props,
+    role: "host",
+    messageLabel: messageLabel
   });
 }
 const HostCard = exports.HostCard = /*#__PURE__*/(0, _react.memo)(HostCardComponent);

package/lib/commonjs/listing-details/HostCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_button","_menuPalette","_useInteractionState","_index2","_interactiveWebCss","_useTheme","_index3","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HostCardComponent","name","avatar","verified","verifiedLabel","label","labelIcon","LabelIcon","stats","details","responseLines","onMessage","messageLabel","onPressProfile","avatarVariant","style","testID","theme","useTheme","useInteractiveWebCss","LISTING_DETAILS_STYLE_ID","LISTING_DETAILS_CSS","palette","useMemo","resolveListingPalette","state","hovered","onIn","onOut","useInteractionState","badgeSize","Math","round","HOST_CARD_AVATAR_SIZE","badge","jsx","View","accessible","accessibilityRole","accessibilityLabel","undefined","width","height","borderRadius","borderWidth","borderColor","card","backgroundColor","alignItems","justifyContent","children","RiCheckLine","fill","badgeForeground","identity","jsxs","flex","minWidth","gap","marginBottom","Avatar","source","variant","size","verifiedIcon","Text","numberOfLines","color","text","textAlign","flexDirection","statsColumn","length","map","stat","index","paddingTop","paddingBottom","borderTopWidth","borderTopColor","hairline","fontVariant","value","star","RiStarFill","textSecondary","cardStyle","maxWidth","paddingLeft","paddingRight","cardBorder","hover","boxShadow","isDark","MENU_SHADOW","dark","light","ring","statsName","s","join","cardName","filter","Boolean","Pressable","webData","bloomListingPress","onPress","onHoverIn","onHoverOut","role","icon","Icon","importantForAccessibility","accessibilityElementsHidden","line","Button","HostCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["listing-details/HostCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ContactCard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HostCardComponent","messageLabel","props","jsx","ContactCard","role","HostCard","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["listing-details/HostCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG5C;AACA;AACA;AACA;AACA;AACA,SAASkB,iBAAiBA,CAAC;EAAEC,YAAY,GAAG,cAAc;EAAE,GAAGC;AAAqB,CAAC,EAAE;EACrF,oBAAO,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,YAAA,CAAAyB,WAAW;IAAA,GAAKF,KAAK;IAAEG,IAAI,EAAC,MAAM;IAACJ,YAAY,EAAEA;EAAa,CAAE,CAAC;AAC3E;AAEO,MAAMK,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,WAAI,EAACR,iBAAiB,CAAC;AAC/CM,QAAQ,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/listing-details/ListingHeader.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ListingHeaderAction = exports.ListingHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _button = require("../button");
 var _useInteractionState = require("../hooks/use-interaction-state.js");
 var _index = require("../rating/index.js");
 var _interactiveWebCss = require("../styles/interactive-web-css.js");
@@ -14,7 +15,8 @@ var _useTheme = require("../theme/use-theme.js");
 var _index2 = require("../typography/index.js");
 var _constants = require("./constants.js");
 var _shared = require("./shared.js");
-var _useContainerWidth = require("./use-container-width.js");
+var _webData = require("../styles/web-data.js");
+var _useContainerWidth = require("../hooks/use-container-width.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); }
 /**
@@ -42,16 +44,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
     children: "\xB7"
   });
 }
+
+/**
+ * `Button variant="link"` with the reading tone and the underline at rest —
+ * what this drew by hand before `linkTone="text"` / `underline="rest"` existed.
+ * Without a handler it is not a control at all, so it stays plain text.
+ */
 function InlineLink({
   label,
   onPress,
   palette,
   testID
 }) {
-  const textStyle = {
-    color: palette.text,
-    textDecorationLine: 'underline'
-  };
   if (!onPress) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
       variant: "body-medium",
@@ -62,24 +66,17 @@ function InlineLink({
       children: label
     });
   }
-  const ring = {
-    '--bloom-listing-ring': palette.ring,
-    borderRadius: 4
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ...(0, _shared.webData)({
-      bloomListingPress: ''
-    }),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
+    variant: "link",
+    linkTone: "text",
+    underline: "rest",
+    size: "small",
+    textVariant: "body-medium",
     accessibilityRole: _shared.IS_WEB ? 'link' : 'button',
     accessibilityLabel: label,
     onPress: onPress,
-    style: ring,
     testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
-      variant: "body-medium",
-      style: textStyle,
-      children: label
-    })
+    children: label
   });
 }
 function ListingHeaderActionComponent({
@@ -112,7 +109,7 @@ function ListingHeaderActionComponent({
     '--bloom-listing-ring': palette.ring
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    ...(0, _shared.webData)({
+    ...(0, _webData.webDataSet)({
       bloomListingPress: ''
     }),
     accessibilityRole: "button",