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

package/dist/{chunk-AGZ7IH7E.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 })
       ]
     }
@@ -321,7 +341,7 @@ function ListingCard(props) {
   );
   const hero = photoUrl === failed ? null : photoUrl;
   const Img = slots.Image ?? reactNative.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: react$1.formatMoney(
       card.price_from.amount,
@@ -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: [
@@ -350,7 +380,7 @@ function ListingCard(props) {
         accessible: false,
         testID: `vinaverse-photo-${card.id}`
       }
-    ) : imagePolicy?.Placeholder ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: photo, testID: `vinaverse-placeholder-${card.id}`, children: /* @__PURE__ */ jsxRuntime.jsx(imagePolicy.Placeholder, { title: card.title }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+    ) : imagePolicy?.Placeholder ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: photo, testID: `vinaverse-placeholder-${card.id}`, children: /* @__PURE__ */ jsxRuntime.jsx(imagePolicy.Placeholder, { title: card.title, kind: card.kind }) }) : /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.View,
       {
         accessible: false,
@@ -505,7 +535,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) => {
@@ -627,7 +659,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);
@@ -738,7 +772,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" }
                 )
               );
             }
@@ -1291,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;
@@ -1314,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
@@ -1900,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 };
 }
@@ -2199,10 +2238,11 @@ function VinaverseChatProvider(props) {
   react.useEffect(() => {
     if (!onWarning) return;
     for (const problem of chunk6QYDPGRS_cjs.themeProblems(theme))
-      onWarning(`Vinaverse theme: ${problem}`);
+      onWarning(`Vinaverse theme: ${problem}`, { code: "theme" });
     for (const key of react$1.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__ */ jsxRuntime.jsx(react$1.CopyProvider, { locale: props.locale, copy: props.copy, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6QYDPGRS_cjs.ThemeProvider, { theme: props.theme, colorScheme: props.colorScheme, children: /* @__PURE__ */ jsxRuntime.jsx(ChatContextProvider, { value, children: props.children }) }) });
@@ -2226,7 +2266,7 @@ function Layout(props) {
   const { direction } = react$1.useCopy();
   const { onError } = props;
   const reportError = react.useMemo(
-    () => onError ? (e) => onError(String(e)) : void 0,
+    () => onError ? (e) => onError(String(e), { code: "send_failed" }) : void 0,
     [onError]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2598,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;
@@ -2646,5 +2690,5 @@ exports.monogram = monogram;
 exports.newestWholeReply = newestWholeReply;
 exports.ratingText = ratingText;
 exports.useChat = useChat;
-//# sourceMappingURL=chunk-AGZ7IH7E.cjs.map
-//# sourceMappingURL=chunk-AGZ7IH7E.cjs.map
+//# sourceMappingURL=chunk-V7XYOLLT.cjs.map
+//# sourceMappingURL=chunk-V7XYOLLT.cjs.map