@vinaverse/react-native 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/{chunk-EXN5TNLU.cjs → chunk-V7XYOLLT.cjs}

@@ -171,7 +171,7 @@ function safeImage(url) {
 function InfoCard(props) {
   const card = cardOf(props.card);
   const { locale, t } = react$1.useCopy();
-  const { slots, timeZone } = useChat();
+  const { slots, timeZone, handlers } = useChat();
   const { colors, radius, space, font } = chunk6QYDPGRS_cjs.useTheme();
   const image = safeImage(card.image_url);
   const Img = slots.Image ?? reactNative.Image;
@@ -180,13 +180,42 @@ function InfoCard(props) {
   const amount = money ? react$1.formatMoney(money.amount, money.currency, locale) : null;
   const price = amount && !card.price ? t("priceFrom", { price: amount }) : amount;
   const when = card.starts_at ? react$1.formatTimeRange(card.starts_at, void 0, locale, timeZone) : null;
+  const status = typeof card.status === "string" && card.status ? card.status : null;
+  const ref = card.ref;
+  const onOpenTarget = handlers.current?.onOpenTarget;
+  const open = ref && onOpenTarget && !props.restored ? () => onOpenTarget({ type: ref.type, id: ref.id }, props.card) : null;
   const label = [
     card.title,
     card.subtitle,
+    status,
     rating && `\u2605 ${rating}`,
     price,
     when
   ].filter(Boolean).join(", ");
+  const top = /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", gap: space.md }, children: [
+    image ? /* @__PURE__ */ jsxRuntime.jsx(
+      Img,
+      {
+        source: { uri: image },
+        style: {
+          width: 64,
+          height: 64,
+          borderRadius: radius.md,
+          backgroundColor: colors.surface
+        },
+        accessible: false
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, gap: space.xxs }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Title, { numberOfLines: 2, children: card.title }),
+      card.subtitle ? /* @__PURE__ */ jsxRuntime.jsx(Body, { muted: true, children: card.subtitle }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.textMuted, fontSize: font.size.sm }, children: [
+        rating && `\u2605 ${rating}${card.rating ? ` (${card.rating.count})` : ""}`,
+        price,
+        when
+      ].filter(Boolean).join(" \xB7 ") })
+    ] })
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     CardFrame,
     {
@@ -194,32 +223,23 @@ function InfoCard(props) {
       restored: props.restored,
       testID: `vinaverse-card-${card.id}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", gap: space.md }, children: [
-          image ? /* @__PURE__ */ jsxRuntime.jsx(
-            Img,
-            {
-              source: { uri: image },
-              style: {
-                width: 64,
-                height: 64,
-                borderRadius: radius.md,
-                backgroundColor: colors.surface
-              },
-              accessible: false
-            }
-          ) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, gap: space.xxs }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Title, { numberOfLines: 2, children: card.title }),
-            card.subtitle ? /* @__PURE__ */ jsxRuntime.jsx(Body, { muted: true, children: card.subtitle }) : null,
-            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.textMuted, fontSize: font.size.sm }, children: [
-              rating && `\u2605 ${rating}${card.rating ? ` (${card.rating.count})` : ""}`,
-              price,
-              when
-            ].filter(Boolean).join(" \xB7 ") })
-          ] })
-        ] }),
+        open ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            accessibilityRole: "link",
+            accessibilityLabel: card.title,
+            onPress: open,
+            testID: `vinaverse-open-${card.id}`,
+            children: top
+          }
+        ) : top,
         card.body ? /* @__PURE__ */ jsxRuntime.jsx(Body, { children: card.body }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Badges, { badges: card.badges }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Badges,
+          {
+            badges: status ? [status, ...card.badges ?? []] : card.badges
+          }
+        ),
         props.restored ? null : /* @__PURE__ */ jsxRuntime.jsx(CardActions, { ...props })
       ]
     }
@@ -330,14 +350,24 @@ function ListingCard(props) {
     )
   }) : null;
   const next = card.next_available ? t("nextAvailable", {
-    time: react$1.formatTimeRange(card.next_available, void 0, locale, timeZone)
+    // "today, 10:00 AM", "tomorrow, 10:00 AM", else the date (the copy's `today` and `tomorrow`).
+    time: react$1.formatDayTime(
+      card.next_available,
+      { today: t("today"), tomorrow: t("tomorrow") },
+      locale,
+      timeZone
+    )
   }) : null;
   const ref = card.ref;
   const onOpenTarget = handlers.current?.onOpenTarget;
   const open = ref && onOpenTarget && !props.restored ? () => onOpenTarget({ type: ref.type, id: ref.id }, props.card) : null;
+  const asked = imagePolicy?.aspectRatio;
+  const size2 = card.images?.[0];
+  const range = imagePolicy?.naturalAspect ?? { min: 1, max: 2 };
+  const own = asked === "natural" && !props.grouped && size2?.width && size2.height ? Math.min(range.max, Math.max(range.min, size2.width / size2.height)) : null;
   const photo = {
     width: "100%",
-    aspectRatio: imagePolicy?.aspectRatio ?? 1.6,
+    aspectRatio: own ?? (typeof asked === "number" ? asked : 1.6),
     borderRadius: radius.md
   };
   const top = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1296,7 +1326,13 @@ var CardView = /* @__PURE__ */ react.memo(function CardView2(props) {
   const Default = defaultCard(card.kind);
   const Custom = slots.cards?.[card.kind];
   const read = react.useMemo(() => agent$1.readCard(card.card), [card]);
-  const own = { card, read, busy, restored: props.item.restored === true };
+  const own = {
+    card,
+    read,
+    busy,
+    restored: props.item.restored === true,
+    grouped: props.grouped === true
+  };
   return Custom ? /* @__PURE__ */ jsxRuntime.jsx(Custom, { ...own, Default }) : /* @__PURE__ */ jsxRuntime.jsx(Default, { ...own });
 });
 var keyOf = (item) => item.key;
@@ -1319,7 +1355,7 @@ function CardCarousel(props) {
           data: props.items,
           keyExtractor: keyOf,
           getItemType: kindOf,
-          renderItem: ({ item }) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { width: size2 }, children: /* @__PURE__ */ jsxRuntime.jsx(CardView, { item }) }),
+          renderItem: ({ item }) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { width: size2 }, children: /* @__PURE__ */ jsxRuntime.jsx(CardView, { item, grouped: true }) }),
           snapToInterval: size2,
           decelerationRate: "fast",
           showsHorizontalScrollIndicator: false
@@ -1905,29 +1941,27 @@ function authorOf(item) {
   return item?.type === "message" ? item.role : null;
 }
 function carousels(items, previous) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    if (item.type !== "card") continue;
+    const group = item.card.card.group;
+    if (group?.layout !== "carousel" || typeof group.id !== "string") continue;
+    const id = `${item.card.turnId ?? ""}\0${group.id}`;
+    const members = groups.get(id);
+    if (members) members.push(item);
+    else groups.set(id, [item]);
+  }
   const runs = /* @__PURE__ */ new Map();
   const inside = /* @__PURE__ */ new Set();
-  const groupOf = (item) => {
-    if (item?.type !== "card") return null;
-    const group = item.card.card.group;
-    return group?.layout === "carousel" && typeof group.id === "string" ? group.id : null;
-  };
-  for (let i = 0; i < items.length; i++) {
-    const id = groupOf(items[i]);
-    if (id === null) continue;
-    let end = i + 1;
-    while (end < items.length && groupOf(items[end]) === id) end++;
-    if (end - i > 1) {
-      const run = items.slice(i, end);
-      const key = run[0]?.key;
-      const before = previous.get(key);
-      runs.set(
-        key,
-        before && before.length === run.length && before.every((c, n) => c === run[n]) ? before : run
-      );
-      for (const card of run.slice(1)) inside.add(card.key);
-    }
-    i = end - 1;
+  for (const run of groups.values()) {
+    if (run.length < 2) continue;
+    const key = run[0]?.key;
+    const before = previous.get(key);
+    runs.set(
+      key,
+      before && before.length === run.length && before.every((c, n) => c === run[n]) ? before : run
+    );
+    for (const card of run.slice(1)) inside.add(card.key);
   }
   return { runs, inside };
 }
@@ -2604,6 +2638,10 @@ Object.defineProperty(exports, "useAgentStatus", {
   enumerable: true,
   get: function () { return agent.useAgentStatus; }
 });
+Object.defineProperty(exports, "useAgentStatusState", {
+  enumerable: true,
+  get: function () { return agent.useAgentStatusState; }
+});
 exports.ActivityLine = ActivityLine;
 exports.AgentChat = AgentChat;
 exports.AgentFooter = AgentFooter;
@@ -2652,5 +2690,5 @@ exports.monogram = monogram;
 exports.newestWholeReply = newestWholeReply;
 exports.ratingText = ratingText;
 exports.useChat = useChat;
-//# sourceMappingURL=chunk-EXN5TNLU.cjs.map
-//# sourceMappingURL=chunk-EXN5TNLU.cjs.map
+//# sourceMappingURL=chunk-V7XYOLLT.cjs.map
+//# sourceMappingURL=chunk-V7XYOLLT.cjs.map