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

package/dist/{chunk-NXGLI4Y7.js → chunk-GIQYOTNH.js}

@@ -1,8 +1,8 @@
 import { useTheme, useReducedMotion, announce, useNativeLifecycle, themeProblems, ThemeProvider, useAgentSweep } from './chunk-EFEXTVIT.js';
 import { useAgentRuntime, useAgentConversation, useAgentName } from '@vinaverse/react/agent';
-export { AgentRuntimeProvider, forgetGreeting, greetedKey, useAgentConversation, useAgentFeatures, useAgentLauncher, useAgentName, useAgentProfile, useAgentRuntime, useAgentStatus } from '@vinaverse/react/agent';
+export { AgentRuntimeProvider, forgetGreeting, greetedKey, useAgentConversation, useAgentFeatures, useAgentLauncher, useAgentName, useAgentProfile, useAgentRuntime, useAgentStatus, useAgentStatusState } from '@vinaverse/react/agent';
 import { FlashList } from '@shopify/flash-list';
-import { useCopy, formatMoney, formatTimeRange, useConversationSelector, formatDate, useStreamingText, bannedWordsIn, CopyProvider } from '@vinaverse/react';
+import { useCopy, formatMoney, formatTimeRange, formatDayTime, useConversationSelector, formatDate, useStreamingText, bannedWordsIn, CopyProvider } from '@vinaverse/react';
 import { Pressable, ActivityIndicator, Text, View, Image, Linking, TextInput, useWindowDimensions, Platform, KeyboardAvoidingView } from 'react-native';
 import { readCard } from '@vinaverse/client/agent';
 import { useContext, memo, useState, useMemo, useCallback, useRef, useEffect, createContext } from 'react';
@@ -170,7 +170,7 @@ function safeImage(url) {
 function InfoCard(props) {
   const card = cardOf(props.card);
   const { locale, t } = useCopy();
-  const { slots, timeZone } = useChat();
+  const { slots, timeZone, handlers } = useChat();
   const { colors, radius, space, font } = useTheme();
   const image = safeImage(card.image_url);
   const Img = slots.Image ?? Image;
@@ -179,13 +179,42 @@ function InfoCard(props) {
   const amount = money ? formatMoney(money.amount, money.currency, locale) : null;
   const price = amount && !card.price ? t("priceFrom", { price: amount }) : amount;
   const when = card.starts_at ? 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__ */ jsxs(View, { style: { flexDirection: "row", gap: space.md }, children: [
+    image ? /* @__PURE__ */ jsx(
+      Img,
+      {
+        source: { uri: image },
+        style: {
+          width: 64,
+          height: 64,
+          borderRadius: radius.md,
+          backgroundColor: colors.surface
+        },
+        accessible: false
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: space.xxs }, children: [
+      /* @__PURE__ */ jsx(Title, { numberOfLines: 2, children: card.title }),
+      card.subtitle ? /* @__PURE__ */ jsx(Body, { muted: true, children: card.subtitle }) : null,
+      /* @__PURE__ */ jsx(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__ */ jsxs(
     CardFrame,
     {
@@ -193,32 +222,23 @@ function InfoCard(props) {
       restored: props.restored,
       testID: `vinaverse-card-${card.id}`,
       children: [
-        /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", gap: space.md }, children: [
-          image ? /* @__PURE__ */ jsx(
-            Img,
-            {
-              source: { uri: image },
-              style: {
-                width: 64,
-                height: 64,
-                borderRadius: radius.md,
-                backgroundColor: colors.surface
-              },
-              accessible: false
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: space.xxs }, children: [
-            /* @__PURE__ */ jsx(Title, { numberOfLines: 2, children: card.title }),
-            card.subtitle ? /* @__PURE__ */ jsx(Body, { muted: true, children: card.subtitle }) : null,
-            /* @__PURE__ */ jsx(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__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "link",
+            accessibilityLabel: card.title,
+            onPress: open,
+            testID: `vinaverse-open-${card.id}`,
+            children: top
+          }
+        ) : top,
         card.body ? /* @__PURE__ */ jsx(Body, { children: card.body }) : null,
-        /* @__PURE__ */ jsx(Badges, { badges: card.badges }),
+        /* @__PURE__ */ jsx(
+          Badges,
+          {
+            badges: status ? [status, ...card.badges ?? []] : card.badges
+          }
+        ),
         props.restored ? null : /* @__PURE__ */ jsx(CardActions, { ...props })
       ]
     }
@@ -329,14 +349,24 @@ function ListingCard(props) {
     )
   }) : null;
   const next = card.next_available ? t("nextAvailable", {
-    time: 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: 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__ */ jsxs(Fragment, { children: [
@@ -1295,7 +1325,13 @@ var CardView = /* @__PURE__ */ memo(function CardView2(props) {
   const Default = defaultCard(card.kind);
   const Custom = slots.cards?.[card.kind];
   const read = useMemo(() => 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__ */ jsx(Custom, { ...own, Default }) : /* @__PURE__ */ jsx(Default, { ...own });
 });
 var keyOf = (item) => item.key;
@@ -1318,7 +1354,7 @@ function CardCarousel(props) {
           data: props.items,
           keyExtractor: keyOf,
           getItemType: kindOf,
-          renderItem: ({ item }) => /* @__PURE__ */ jsx(View, { style: { width: size2 }, children: /* @__PURE__ */ jsx(CardView, { item }) }),
+          renderItem: ({ item }) => /* @__PURE__ */ jsx(View, { style: { width: size2 }, children: /* @__PURE__ */ jsx(CardView, { item, grouped: true }) }),
           snapToInterval: size2,
           decelerationRate: "fast",
           showsHorizontalScrollIndicator: false
@@ -1904,29 +1940,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 };
 }
@@ -2564,5 +2598,5 @@ function AgentFooter(props) {
 }
 
 export { ActivityLine, AgentChat, AgentFooter, Avatar, Button, CardActions, CardCarousel, CardFrame, CardView, ChatHeader, ChatSkeleton, Composer, DefaultBubble, DefaultComposer, DefaultEnded, DefaultHeader, DefaultTurnFailed, DefaultUnavailable, DefaultUnavailableScreen, DefaultUnreachable, DisclosureBar, FailureActionButton, InfoCard, LinksCard, ListingCard, MessageBubble, MessageList, NextStepCard, ProposalCard, QuestionCard, Row, StatusBanner, StreamingBubble, SystemRow, TimeSlotsCard, VinaverseChat, VinaverseChatProvider, Welcome, allowedImage, answerText, carousels, defaultCard, fieldText, itemType, monogram, newestWholeReply, ratingText, useChat };
-//# sourceMappingURL=chunk-NXGLI4Y7.js.map
-//# sourceMappingURL=chunk-NXGLI4Y7.js.map
+//# sourceMappingURL=chunk-GIQYOTNH.js.map
+//# sourceMappingURL=chunk-GIQYOTNH.js.map