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

package/dist/{chunk-NJ6ARGZS.js → chunk-7KPCO443.js}

@@ -33,7 +33,7 @@ function Row(props) {
         backgroundColor: look?.background ?? colors.surface,
         opacity: pressed ? 0.85 : 1
       }),
-      testID: "vinaverse-ask-about",
+      testID: props.testID ?? "vinaverse-ask-about",
       children: [
         /* @__PURE__ */ jsx(
           View,
@@ -70,5 +70,5 @@ function Row(props) {
 }
 
 export { AskAboutRow };
-//# sourceMappingURL=chunk-NJ6ARGZS.js.map
-//# sourceMappingURL=chunk-NJ6ARGZS.js.map
+//# sourceMappingURL=chunk-7KPCO443.js.map
+//# sourceMappingURL=chunk-7KPCO443.js.map

package/dist/chunk-7KPCO443.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AskAboutRow.tsx"],"names":[],"mappings":"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","file":"chunk-7KPCO443.js","sourcesContent":["// \"Ask the agent about this\" on one of the app's own pages (a professional's, a space's, a booking's): a row that opens\n// the agent told the place. It shows only when the agent is available, decided once as the page draws, from the status\n// already read, so it never appears or disappears under content the person is reading.\nimport { type CopyOverrides, CopyProvider, useCopy } from '@vinaverse/react';\nimport {\n  useAgentName,\n  useAgentRuntime,\n  useAgentStatus,\n} from '@vinaverse/react/agent';\nimport { type ComponentType, type ReactNode, useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport { useAgentSweep } from '../platform.js';\nimport {\n  type ColorSchemeSetting,\n  type ThemeOverrides,\n  ThemeProvider,\n  useTheme,\n} from '../theme.js';\n\n/** The row's look beyond the theme. */\nexport interface AskAboutRowAppearance {\n  /** A tint behind the row; default the theme's `surface`. */\n  readonly background?: string;\n  /** The chevron at the row's end. Default true. */\n  readonly chevron?: boolean;\n}\n\nexport interface AskAboutRowProps {\n  /** \"Ask Example Agent about Riley Sample\". */\n  readonly title: string;\n  readonly body?: string;\n  /** The person asks: open the chat with `entryPoint` (`ask`), so the session says where it was opened from. */\n  readonly onPress: (from: { readonly entryPoint: 'ask' }) => void;\n  /** The app's brand mark at the row's start; default the agent name's first letter. */\n  readonly Mark?: ComponentType<{\n    readonly size: number;\n    readonly color: string;\n  }>;\n  readonly appearance?: AskAboutRowAppearance;\n  readonly locale?: string;\n  readonly copy?: CopyOverrides;\n  readonly theme?: ThemeOverrides;\n  readonly colorScheme?: ColorSchemeSetting;\n  /** The row's test id. Default `vinaverse-ask-about`. */\n  readonly testID?: string;\n}\n\nexport function AskAboutRow(props: AskAboutRowProps): ReactNode {\n  return (\n    <CopyProvider locale={props.locale} copy={props.copy}>\n      <ThemeProvider theme={props.theme} colorScheme={props.colorScheme}>\n        <Row {...props} />\n      </ThemeProvider>\n    </CopyProvider>\n  );\n}\n\nfunction Row(props: AskAboutRowProps): ReactNode {\n  const { t } = useCopy();\n  const { colors, radius, space, font } = useTheme();\n  const name = useAgentName(t('agentFallbackName'));\n  const runtime = useAgentRuntime();\n  useAgentStatus(); // reads the status when none is held, for the pages after this one\n  useAgentSweep(runtime);\n  // Decided once, as the page draws, from the status already read: an agent unknown or unavailable then stays away for\n  // the visit, and the row is never added under content the person is reading.\n  const [shows] = useState(() => !!runtime.getStatus()?.available);\n  if (!shows) return null;\n  const { Mark, appearance: look } = props;\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityLabel={\n        props.body ? `${props.title}. ${props.body}` : props.title\n      }\n      onPress={() => props.onPress({ entryPoint: 'ask' })}\n      style={({ pressed }) => ({\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: space.md,\n        padding: space.md,\n        borderRadius: radius.lg,\n        backgroundColor: look?.background ?? colors.surface,\n        opacity: pressed ? 0.85 : 1,\n      })}\n      testID={props.testID ?? 'vinaverse-ask-about'}\n    >\n      <View\n        style={{\n          width: 36,\n          height: 36,\n          borderRadius: 18,\n          alignItems: 'center',\n          justifyContent: 'center',\n          backgroundColor: colors.primary,\n        }}\n      >\n        {Mark ? (\n          <Mark size={22} color={colors.onPrimary} />\n        ) : (\n          <Text style={{ color: colors.onPrimary, fontWeight: '600' }}>\n            {(name.trim()[0] ?? '?').toUpperCase()}\n          </Text>\n        )}\n      </View>\n      <View style={{ flex: 1, gap: space.xxs }}>\n        <Text\n          style={{\n            color: colors.text,\n            fontSize: font.size.md,\n            fontWeight: '600',\n          }}\n        >\n          {props.title}\n        </Text>\n        {props.body ? (\n          <Text style={{ color: colors.textMuted, fontSize: font.size.sm }}>\n            {props.body}\n          </Text>\n        ) : null}\n      </View>\n      {look?.chevron === false ? null : (\n        <Text style={{ color: colors.textMuted, fontSize: font.size.lg }}>\n          ›\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n"]}

package/dist/{chunk-HTUXHZ7X.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 })
       ]
     }
@@ -320,7 +340,7 @@ function ListingCard(props) {
   );
   const hero = photoUrl === failed ? null : photoUrl;
   const Img = slots.Image ?? Image;
-  const rating = card.rating ? `\u2605 ${ratingText(card.rating.value_ppm, locale)} (${card.rating.count})` : null;
+  const rating = card.rating ? `\u2605 ${ratingText(card.rating.value_ppm, locale)} (${card.rating.count})` : t("ratingNone") || null;
   const price = card.price_from ? t("priceFrom", {
     price: formatMoney(
       card.price_from.amount,
@@ -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: [
@@ -349,7 +379,7 @@ function ListingCard(props) {
         accessible: false,
         testID: `vinaverse-photo-${card.id}`
       }
-    ) : imagePolicy?.Placeholder ? /* @__PURE__ */ jsx(View, { style: photo, testID: `vinaverse-placeholder-${card.id}`, children: /* @__PURE__ */ jsx(imagePolicy.Placeholder, { title: card.title }) }) : /* @__PURE__ */ jsx(
+    ) : imagePolicy?.Placeholder ? /* @__PURE__ */ jsx(View, { style: photo, testID: `vinaverse-placeholder-${card.id}`, children: /* @__PURE__ */ jsx(imagePolicy.Placeholder, { title: card.title, kind: card.kind }) }) : /* @__PURE__ */ jsx(
       View,
       {
         accessible: false,
@@ -504,7 +534,9 @@ function ProposalCard(props) {
       props.card.id,
       () => onProposal(props.card, decision)
     ).catch(
-      (error) => handlers.current?.onWarning?.(`Vinaverse proposal: ${String(error)}`)
+      (error) => handlers.current?.onWarning?.(`Vinaverse proposal: ${String(error)}`, {
+        code: "proposal_failed"
+      })
     );
   };
   const fields = proposal.fields.map((f) => {
@@ -626,7 +658,9 @@ function QuestionCard(props) {
     try {
       store.answer(held.id, questionId, answer);
     } catch (error) {
-      handlers.current?.onWarning?.(`Vinaverse answer: ${String(error)}`);
+      handlers.current?.onWarning?.(`Vinaverse answer: ${String(error)}`, {
+        code: "answer_failed"
+      });
     }
   };
   const locked = held.locked.includes(question.question_id);
@@ -737,7 +771,8 @@ function Answer(props) {
                 if (picked) send({ upload_ref: picked.upload_ref });
               }).catch(
                 (error) => handlers.current?.onWarning?.(
-                  `Vinaverse photo: ${String(error)}`
+                  `Vinaverse photo: ${String(error)}`,
+                  { code: "photo_failed" }
                 )
               );
             }
@@ -1290,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;
@@ -1313,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
@@ -1899,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 };
 }
@@ -2198,10 +2237,11 @@ function VinaverseChatProvider(props) {
   useEffect(() => {
     if (!onWarning) return;
     for (const problem of themeProblems(theme))
-      onWarning(`Vinaverse theme: ${problem}`);
+      onWarning(`Vinaverse theme: ${problem}`, { code: "theme" });
     for (const key of bannedWordsIn(copy ?? {}))
       onWarning(
-        `Vinaverse copy: "${key}" says assistant, bot or crew; the copy says agent.`
+        `Vinaverse copy: "${key}" says assistant, bot or crew; the copy says agent.`,
+        { code: "copy" }
       );
   }, [onWarning, theme, copy]);
   return /* @__PURE__ */ jsx(CopyProvider, { locale: props.locale, copy: props.copy, children: /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, colorScheme: props.colorScheme, children: /* @__PURE__ */ jsx(ChatContextProvider, { value, children: props.children }) }) });
@@ -2225,7 +2265,7 @@ function Layout(props) {
   const { direction } = useCopy();
   const { onError } = props;
   const reportError = useMemo(
-    () => onError ? (e) => onError(String(e)) : void 0,
+    () => onError ? (e) => onError(String(e), { code: "send_failed" }) : void 0,
     [onError]
   );
   return /* @__PURE__ */ jsxs(
@@ -2558,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-HTUXHZ7X.js.map
-//# sourceMappingURL=chunk-HTUXHZ7X.js.map
+//# sourceMappingURL=chunk-GIQYOTNH.js.map
+//# sourceMappingURL=chunk-GIQYOTNH.js.map