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

package/dist/chunk-EFEXTVIT.js

@@ -0,0 +1,88 @@
+import { size, motion, radius, space, font, colors, contrastProblems } from '@vinaverse/tokens';
+import { useMemo, useContext, useEffect, useState, createContext } from 'react';
+import { useColorScheme, AppState, AccessibilityInfo } from 'react-native';
+import { jsx } from 'react/jsx-runtime';
+
+// src/theme.tsx
+function createTheme(scheme, overrides = {}) {
+  return {
+    scheme,
+    colors: { ...colors(scheme), ...overrides[scheme] },
+    font: {
+      ...font,
+      ...overrides.fontFamily ? { family: overrides.fontFamily } : {}
+    },
+    space: { ...space, ...overrides.space },
+    radius: { ...radius, ...overrides.radius },
+    motion,
+    size
+  };
+}
+function themeProblems(overrides = {}) {
+  return ["light", "dark"].flatMap(
+    (scheme) => contrastProblems(createTheme(scheme, overrides).colors).map(
+      (p) => `${scheme}: ${p.foreground} on ${p.background} is ${p.ratio.toFixed(2)}:1, below ${p.minimum}:1`
+    )
+  );
+}
+var ThemeContext = /* @__PURE__ */ createContext(
+  /* @__PURE__ */ createTheme("light")
+);
+function ThemeProvider(props) {
+  const system = useColorScheme();
+  const setting = props.colorScheme ?? "system";
+  const scheme = setting === "system" ? system === "dark" ? "dark" : "light" : setting;
+  const overrides = props.theme;
+  const value = useMemo(
+    () => createTheme(scheme, overrides),
+    [scheme, overrides]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children: props.children });
+}
+function useTheme() {
+  return useContext(ThemeContext);
+}
+function useAgentSweep(runtime) {
+  useEffect(() => {
+    const subscription = AppState.addEventListener("change", (state) => {
+      if (state === "active") runtime.sweep();
+    });
+    return () => subscription.remove();
+  }, [runtime]);
+}
+function useNativeLifecycle(store) {
+  useEffect(() => {
+    const apply = (state) => store.setForeground(state === "active");
+    apply(AppState.currentState);
+    const subscription = AppState.addEventListener("change", apply);
+    return () => subscription.remove();
+  }, [store]);
+}
+function useReducedMotion() {
+  const [reduced, setReduced] = useState(false);
+  useEffect(() => {
+    let live = true;
+    AccessibilityInfo.isReduceMotionEnabled().then(
+      (value) => {
+        if (live) setReduced(value);
+      },
+      () => void 0
+    );
+    const subscription = AccessibilityInfo.addEventListener(
+      "reduceMotionChanged",
+      setReduced
+    );
+    return () => {
+      live = false;
+      subscription.remove();
+    };
+  }, []);
+  return reduced;
+}
+function announce(text) {
+  if (text) AccessibilityInfo.announceForAccessibility(text);
+}
+
+export { ThemeProvider, announce, createTheme, themeProblems, useAgentSweep, useNativeLifecycle, useReducedMotion, useTheme };
+//# sourceMappingURL=chunk-EFEXTVIT.js.map
+//# sourceMappingURL=chunk-EFEXTVIT.js.map

package/dist/chunk-EFEXTVIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme.tsx","../src/platform.ts"],"names":[],"mappings":";;;;;;AAsCO,SAAS,WAAA,CACd,MAAA,EACA,SAAA,GAA4B,EAAC,EACtB;AACP,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,MAAA,EAAQ,EAAE,GAAG,MAAA,CAAO,MAAM,CAAA,EAAG,GAAG,SAAA,CAAU,MAAM,CAAA,EAAE;AAAA,IAClD,IAAA,EAAM;AAAA,MACJ,GAAG,IAAA;AAAA,MACH,GAAI,UAAU,UAAA,GAAa,EAAE,QAAQ,SAAA,CAAU,UAAA,KAAe;AAAC,KACjE;AAAA,IACA,OAAO,EAAE,GAAG,KAAA,EAAO,GAAG,UAAU,KAAA,EAAM;AAAA,IACtC,QAAQ,EAAE,GAAG,MAAA,EAAQ,GAAG,UAAU,MAAA,EAAO;AAAA,IACzC,MAAA;AAAA,IACA;AAAA,GACF;AACF;AAGO,SAAS,aAAA,CAAc,SAAA,GAA4B,EAAC,EAAa;AACtE,EAAA,OAAQ,CAAC,OAAA,EAAS,MAAM,CAAA,CAAY,OAAA;AAAA,IAAQ,CAAC,WAC3C,gBAAA,CAAiB,WAAA,CAAY,QAAQ,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAA;AAAA,MACtD,CAAC,CAAA,KACC,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,CAAA,CAAE,UAAU,CAAA,IAAA,EAAO,CAAA,CAAE,UAAU,CAAA,IAAA,EAAO,EAAE,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,UAAA,EAAa,EAAE,OAAO,CAAA,EAAA;AAAA;AAChG,GACF;AACF;AAEA,IAAM,YAAA,mBAA+B,aAAA;AAAA,8BACP,OAAO;AACrC,CAAA;AAEO,SAAS,cAAc,KAAA,EAIhB;AACZ,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,OAAA,GAAU,MAAM,WAAA,IAAe,QAAA;AACrC,EAAA,MAAM,SACJ,OAAA,KAAY,QAAA,GAAY,MAAA,KAAW,MAAA,GAAS,SAAS,OAAA,GAAW,OAAA;AAClE,EAAA,MAAM,YAAY,KAAA,CAAM,KAAA;AACxB,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,MAAM,WAAA,CAAY,MAAA,EAAQ,SAAS,CAAA;AAAA,IACnC,CAAC,QAAQ,SAAS;AAAA,GACpB;AACA,EAAA,2BACG,YAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EACpB,gBAAM,QAAA,EACT,CAAA;AAEJ;AAEO,SAAS,QAAA,GAAkB;AAChC,EAAA,OAAO,WAAW,YAAY,CAAA;AAChC;AC/EO,SAAS,cAAc,OAAA,EAAkC;AAC9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAA,GAAe,QAAA,CAAS,gBAAA,CAAiB,QAAA,EAAU,CAAC,KAAA,KAAU;AAClE,MAAA,IAAI,KAAA,KAAU,QAAA,EAAU,OAAA,CAAQ,KAAA,EAAM;AAAA,IACxC,CAAC,CAAA;AACD,IAAA,OAAO,MAAM,aAAa,MAAA,EAAO;AAAA,EACnC,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd;AAGO,SAAS,mBAAmB,KAAA,EAA8B;AAC/D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,CAAC,KAAA,KACb,KAAA,CAAM,aAAA,CAAc,UAAU,QAAQ,CAAA;AACxC,IAAA,KAAA,CAAM,SAAS,YAAY,CAAA;AAC3B,IAAA,MAAM,YAAA,GAAe,QAAA,CAAS,gBAAA,CAAiB,QAAA,EAAU,KAAK,CAAA;AAC9D,IAAA,OAAO,MAAM,aAAa,MAAA,EAAO;AAAA,EACnC,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AACZ;AAGO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,GAAO,IAAA;AACX,IAAA,iBAAA,CAAkB,uBAAsB,CAAE,IAAA;AAAA,MACxC,CAAC,KAAA,KAAU;AACT,QAAA,IAAI,IAAA,aAAiB,KAAK,CAAA;AAAA,MAC5B,CAAA;AAAA,MACA,MAAM;AAAA,KACR;AACA,IAAA,MAAM,eAAe,iBAAA,CAAkB,gBAAA;AAAA,MACrC,qBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,GAAO,KAAA;AACP,MAAA,YAAA,CAAa,MAAA,EAAO;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,OAAA;AACT;AAGO,SAAS,SAAS,IAAA,EAAoB;AAC3C,EAAA,IAAI,IAAA,EAAM,iBAAA,CAAkB,wBAAA,CAAyB,IAAI,CAAA;AAC3D","file":"chunk-EFEXTVIT.js","sourcesContent":["// The theme: the shared design tokens, a tenant's brand on top, light and dark. A tenant changes colors, fonts, radii\n// and spacing; the disclosure bar keeps a legible pair whatever the tenant's colors (see DisclosureBar).\nimport {\n  type ColorScheme,\n  type Colors,\n  colors,\n  contrastProblems,\n  font,\n  motion,\n  radius,\n  size,\n  space,\n} from '@vinaverse/tokens';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\nimport { useColorScheme } from 'react-native';\n\nexport interface Theme {\n  readonly scheme: ColorScheme;\n  readonly colors: Colors;\n  readonly font: typeof font & { readonly family?: string };\n  readonly space: typeof space;\n  readonly radius: typeof radius;\n  readonly motion: typeof motion;\n  readonly size: typeof size;\n}\n\n/** A tenant's brand: colors per scheme, a font family, radii. Anything left out keeps the Vinaverse default. */\nexport interface ThemeOverrides {\n  readonly light?: Partial<Colors>;\n  readonly dark?: Partial<Colors>;\n  readonly fontFamily?: string;\n  readonly radius?: Partial<typeof radius>;\n  readonly space?: Partial<typeof space>;\n}\n\nexport type ColorSchemeSetting = 'system' | 'light' | 'dark';\n\n/** The theme for a scheme, with the tenant's overrides on top. */\nexport function createTheme(\n  scheme: ColorScheme,\n  overrides: ThemeOverrides = {},\n): Theme {\n  return {\n    scheme,\n    colors: { ...colors(scheme), ...overrides[scheme] },\n    font: {\n      ...font,\n      ...(overrides.fontFamily ? { family: overrides.fontFamily } : {}),\n    },\n    space: { ...space, ...overrides.space },\n    radius: { ...radius, ...overrides.radius },\n    motion,\n    size,\n  };\n}\n\n/** The pairs a tenant's colors made hard to read, in either scheme, as messages for a development warning. */\nexport function themeProblems(overrides: ThemeOverrides = {}): string[] {\n  return (['light', 'dark'] as const).flatMap((scheme) =>\n    contrastProblems(createTheme(scheme, overrides).colors).map(\n      (p) =>\n        `${scheme}: ${p.foreground} on ${p.background} is ${p.ratio.toFixed(2)}:1, below ${p.minimum}:1`,\n    ),\n  );\n}\n\nconst ThemeContext = /* @__PURE__ */ createContext<Theme>(\n  /* @__PURE__ */ createTheme('light'),\n);\n\nexport function ThemeProvider(props: {\n  readonly theme?: ThemeOverrides | undefined;\n  readonly colorScheme?: ColorSchemeSetting | undefined;\n  readonly children?: ReactNode;\n}): ReactNode {\n  const system = useColorScheme();\n  const setting = props.colorScheme ?? 'system';\n  const scheme: ColorScheme =\n    setting === 'system' ? (system === 'dark' ? 'dark' : 'light') : setting;\n  const overrides = props.theme;\n  const value = useMemo(\n    () => createTheme(scheme, overrides),\n    [scheme, overrides],\n  );\n  return (\n    <ThemeContext.Provider value={value}>\n      {props.children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme(): Theme {\n  return useContext(ThemeContext);\n}\n","// The React Native platform adapter: what the conversation store learns from the app (foreground, background) and\n// what the kit asks of the platform (reduced motion, screen reader announcements).\nimport { useEffect, useState } from 'react';\nimport { AccessibilityInfo, AppState, type AppStateStatus } from 'react-native';\n\n/** The part of the conversation store the adapter drives. */\nexport interface LifecycleTarget {\n  setForeground(foreground: boolean): void;\n}\n\n/**\n * When the app comes back to the foreground, the agent runtime ends the conversations no view shows that are past\n * their session's end (timers do not run in the background). Every agent part calls it; once is enough.\n */\nexport function useAgentSweep(runtime: { sweep(): void }): void {\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', (state) => {\n      if (state === 'active') runtime.sweep();\n    });\n    return () => subscription.remove();\n  }, [runtime]);\n}\n\n/** Tells the store when the app comes to the foreground or goes to the background (it pings only in the foreground). */\nexport function useNativeLifecycle(store: LifecycleTarget): void {\n  useEffect(() => {\n    const apply = (state: AppStateStatus) =>\n      store.setForeground(state === 'active');\n    apply(AppState.currentState);\n    const subscription = AppState.addEventListener('change', apply);\n    return () => subscription.remove();\n  }, [store]);\n}\n\n/** Whether the person asked for reduced motion: animations and animated scrolling stay off. */\nexport function useReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    let live = true;\n    AccessibilityInfo.isReduceMotionEnabled().then(\n      (value) => {\n        if (live) setReduced(value);\n      },\n      () => undefined,\n    );\n    const subscription = AccessibilityInfo.addEventListener(\n      'reduceMotionChanged',\n      setReduced,\n    );\n    return () => {\n      live = false;\n      subscription.remove();\n    };\n  }, []);\n  return reduced;\n}\n\n/** Reads a line to a screen reader, without moving focus. */\nexport function announce(text: string): void {\n  if (text) AccessibilityInfo.announceForAccessibility(text);\n}\n"]}

package/dist/{chunk-SF6LJTVJ.js → chunk-HTUXHZ7X.js}

@@ -1,7 +1,6 @@
-import { useReducedMotion, announce, useNativeLifecycle } from './chunk-PRXHS57U.js';
-import { useTheme, themeProblems, ThemeProvider } from './chunk-WKRCCPSN.js';
+import { useTheme, useReducedMotion, announce, useNativeLifecycle, themeProblems, ThemeProvider, useAgentSweep } from './chunk-EFEXTVIT.js';
 import { useAgentRuntime, useAgentConversation, useAgentName } from '@vinaverse/react/agent';
-export { AgentRuntimeProvider, greetedKey, useAgentConversation, useAgentFeatures, useAgentLauncher, useAgentName, useAgentProfile, useAgentRuntime, useAgentStatus } from '@vinaverse/react/agent';
+export { AgentRuntimeProvider, forgetGreeting, greetedKey, useAgentConversation, useAgentFeatures, useAgentLauncher, useAgentName, useAgentProfile, useAgentRuntime, useAgentStatus } from '@vinaverse/react/agent';
 import { FlashList } from '@shopify/flash-list';
 import { useCopy, formatMoney, formatTimeRange, useConversationSelector, formatDate, useStreamingText, bannedWordsIn, CopyProvider } from '@vinaverse/react';
 import { Pressable, ActivityIndicator, Text, View, Image, Linking, TextInput, useWindowDimensions, Platform, KeyboardAvoidingView } from 'react-native';
@@ -2296,6 +2295,7 @@ function AgentChat(props) {
     ...chat
   } = props;
   const runtime = useAgentRuntime();
+  useAgentSweep(runtime);
   const { conversation, state, startNew } = useAgentConversation(agentKey, {
     place: place ?? null,
     entryPoint: entryPoint ?? null
@@ -2344,30 +2344,23 @@ function AgentChat(props) {
     conversation: store,
     components: slots
   };
-  if (state.failure === "ended")
-    return /* @__PURE__ */ jsx(VinaverseChatProvider, { ...shared, children: /* @__PURE__ */ jsx(Centered, { children: Ended ? /* @__PURE__ */ jsx(
-      Ended,
-      {
-        onStartNew: startNew,
-        code: state.code,
-        Default: DefaultEnded
-      }
-    ) : /* @__PURE__ */ jsx(DefaultEnded, { onStartNew: startNew, code: state.code }) }) });
-  if (state.failure === "unreachable")
-    return /* @__PURE__ */ jsx(VinaverseChatProvider, { ...shared, children: /* @__PURE__ */ jsx(Centered, { children: Unreachable ? /* @__PURE__ */ jsx(
-      Unreachable,
-      {
-        onRetry: conversation.retry,
-        reason: state.reason,
-        Default: DefaultUnreachable
-      }
-    ) : /* @__PURE__ */ jsx(
-      DefaultUnreachable,
-      {
-        onRetry: conversation.retry,
-        reason: state.reason
-      }
-    ) }) });
+  if (state.failure === "ended") {
+    const own = {
+      onStartNew: startNew,
+      reason: state.reason,
+      code: state.code,
+      onContact
+    };
+    return /* @__PURE__ */ jsx(VinaverseChatProvider, { ...shared, children: /* @__PURE__ */ jsx(Centered, { children: Ended ? /* @__PURE__ */ jsx(Ended, { ...own, Default: DefaultEnded }) : /* @__PURE__ */ jsx(DefaultEnded, { ...own }) }) });
+  }
+  if (state.failure === "unreachable") {
+    const own = {
+      onRetry: conversation.retry,
+      reason: state.reason,
+      onContact
+    };
+    return /* @__PURE__ */ jsx(VinaverseChatProvider, { ...shared, children: /* @__PURE__ */ jsx(Centered, { children: Unreachable ? /* @__PURE__ */ jsx(Unreachable, { ...own, Default: DefaultUnreachable }) : /* @__PURE__ */ jsx(DefaultUnreachable, { ...own }) }) });
+  }
   if (state.failure === "unavailable") {
     const own = {
       reason: state.reason,
@@ -2388,6 +2381,7 @@ function AgentChat(props) {
           store,
           state,
           rate: conversation.rate,
+          canRate: conversation.canRate,
           Footer,
           onOpenPrivacy
         }
@@ -2396,7 +2390,8 @@ function AgentChat(props) {
   );
 }
 function FooterFor(props) {
-  const turnId = useConversationSelector(props.store, newestWholeReply);
+  const newest = useConversationSelector(props.store, newestWholeReply);
+  const turnId = newest && props.canRate(newest) ? newest : null;
   const own = {
     turnId,
     rating: turnId ? props.state.ratings.get(turnId) : void 0,
@@ -2563,5 +2558,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-SF6LJTVJ.js.map
-//# sourceMappingURL=chunk-SF6LJTVJ.js.map
+//# sourceMappingURL=chunk-HTUXHZ7X.js.map
+//# sourceMappingURL=chunk-HTUXHZ7X.js.map