@vinaverse/react-native 0.0.0-stage → 0.1.0-alpha.11

package/dist/chunk-MG32E4JI.cjs

@@ -0,0 +1,268 @@
+'use strict';
+
+var chunk6QYDPGRS_cjs = require('./chunk-6QYDPGRS.cjs');
+var react = require('@vinaverse/react');
+var agent = require('@vinaverse/react/agent');
+var react$1 = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LAUNCHER_SIZE = 56;
+function AgentLauncher(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.CopyProvider, { locale: props.locale, copy: props.copy, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6QYDPGRS_cjs.ThemeProvider, { theme: props.theme, colorScheme: props.colorScheme, children: /* @__PURE__ */ jsxRuntime.jsx(Launcher, { ...props }) }) });
+}
+function useKeyboardShown() {
+  const [shown, setShown] = react$1.useState(false);
+  react$1.useEffect(() => {
+    const ios = reactNative.Platform.OS === "ios";
+    const show = reactNative.Keyboard.addListener(
+      ios ? "keyboardWillShow" : "keyboardDidShow",
+      () => setShown(true)
+    );
+    const hide = reactNative.Keyboard.addListener(
+      ios ? "keyboardWillHide" : "keyboardDidHide",
+      () => setShown(false)
+    );
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return shown;
+}
+function Launcher(props) {
+  const { t } = react.useCopy();
+  const name = agent.useAgentName(t("agentFallbackName"));
+  const keyboard = useKeyboardShown();
+  const reducedMotion = chunk6QYDPGRS_cjs.useReducedMotion();
+  chunk6QYDPGRS_cjs.useAgentSweep(agent.useAgentRuntime());
+  const { route = null, routes, mode } = props;
+  const visible = props.hidden !== true && !(keyboard && props.hideWithKeyboard !== false) && (!routes || route !== null && routes.includes(route));
+  const launcher = agent.useAgentLauncher({
+    subject: props.subject,
+    mode,
+    visible,
+    onOpen: () => props.onOpen({ route, mode, entryPoint: "launcher" }),
+    ...props.storage ? { storage: props.storage } : {},
+    ...props.storageKey ? { storageKey: props.storageKey } : {},
+    ...props.delayMs === void 0 ? {} : { delayMs: props.delayMs }
+  });
+  const text = typeof props.greeting === "function" ? props.greeting(mode) : props.greeting ?? t("launcherGreeting", { agent: name });
+  const say = props.announce ?? chunk6QYDPGRS_cjs.announce;
+  const said = react$1.useRef(false);
+  react$1.useEffect(() => {
+    if (!launcher.greets) {
+      said.current = false;
+      return;
+    }
+    if (said.current) return;
+    said.current = true;
+    say(text);
+  }, [launcher.greets, text, say]);
+  if (!launcher.shows) return null;
+  const edge = props.placement?.edge ?? "right";
+  const look = props.appearance ?? {};
+  const greeting = {
+    text,
+    closeLabel: t("close"),
+    onOpen: launcher.open,
+    onClose: launcher.dismiss,
+    tail: look.tail !== false,
+    edge
+  };
+  const button = {
+    label: t("launcherOpen", { agent: name }),
+    name,
+    onPress: launcher.open,
+    Mark: props.Mark,
+    ring: look.ring ?? null,
+    shadow: look.shadow !== false
+  };
+  const { Greeting, Button, Entrance } = props.components ?? {};
+  const enter = (part, children) => Entrance ? /* @__PURE__ */ jsxRuntime.jsx(
+    Entrance,
+    {
+      part,
+      reducedMotion,
+      Default: LauncherEntrance,
+      children
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(LauncherEntrance, { part, reducedMotion, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      pointerEvents: "box-none",
+      style: [
+        {
+          position: "absolute",
+          bottom: props.placement?.bottom ?? 16,
+          [edge]: props.placement?.inset ?? 16,
+          alignItems: edge === "right" ? "flex-end" : "flex-start",
+          gap: 8
+        },
+        props.style
+      ],
+      testID: "vinaverse-launcher",
+      children: [
+        launcher.greets ? enter(
+          "greeting",
+          Greeting ? /* @__PURE__ */ jsxRuntime.jsx(Greeting, { ...greeting, Default: LauncherGreeting }) : /* @__PURE__ */ jsxRuntime.jsx(LauncherGreeting, { ...greeting })
+        ) : null,
+        enter(
+          "button",
+          Button ? /* @__PURE__ */ jsxRuntime.jsx(Button, { ...button, Default: LauncherButton }) : /* @__PURE__ */ jsxRuntime.jsx(LauncherButton, { ...button })
+        )
+      ]
+    }
+  );
+}
+function LauncherEntrance(props) {
+  const { motion } = chunk6QYDPGRS_cjs.useTheme();
+  const shown = react$1.useRef(new reactNative.Animated.Value(props.reducedMotion ? 1 : 0)).current;
+  react$1.useEffect(() => {
+    if (props.reducedMotion) {
+      shown.setValue(1);
+      return;
+    }
+    const run = reactNative.Animated.timing(shown, {
+      toValue: 1,
+      duration: motion.normal,
+      useNativeDriver: true
+    });
+    run.start();
+    return () => run.stop();
+  }, [shown, props.reducedMotion, motion.normal]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Animated.View,
+    {
+      pointerEvents: "box-none",
+      style: {
+        opacity: shown,
+        transform: [
+          {
+            scale: shown.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0.9, 1]
+            })
+          }
+        ]
+      },
+      testID: `vinaverse-launcher-entrance-${props.part}`,
+      children: props.children
+    }
+  );
+}
+function LauncherGreeting(props) {
+  const { colors, radius, space, font } = chunk6QYDPGRS_cjs.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      style: {
+        maxWidth: 296,
+        flexDirection: "row",
+        alignItems: "flex-start",
+        borderRadius: radius.lg,
+        backgroundColor: colors.text
+      },
+      testID: "vinaverse-launcher-greeting",
+      children: [
+        props.tail ? /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.View,
+          {
+            accessible: false,
+            style: {
+              position: "absolute",
+              bottom: -5,
+              [props.edge]: LAUNCHER_SIZE / 2 - 6,
+              width: 12,
+              height: 12,
+              backgroundColor: colors.text,
+              transform: [{ rotate: "45deg" }]
+            },
+            testID: "vinaverse-launcher-tail"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: props.text,
+            onPress: props.onOpen,
+            style: {
+              flexShrink: 1,
+              paddingVertical: space.sm,
+              paddingLeft: space.md
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.background, fontSize: font.size.md }, children: props.text })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: props.closeLabel,
+            onPress: props.onClose,
+            style: {
+              minWidth: 44,
+              minHeight: 44,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            testID: "vinaverse-launcher-close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.background, fontSize: font.size.md }, children: "\xD7" })
+          }
+        )
+      ]
+    }
+  );
+}
+function LauncherButton(props) {
+  const { colors, font } = chunk6QYDPGRS_cjs.useTheme();
+  const { Mark, ring } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: props.label,
+      onPress: props.onPress,
+      style: ({ pressed }) => ({
+        width: LAUNCHER_SIZE,
+        height: LAUNCHER_SIZE,
+        borderRadius: LAUNCHER_SIZE / 2,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: colors.primary,
+        opacity: pressed ? 0.85 : 1,
+        ...ring ? { borderWidth: ring.width, borderColor: ring.color } : {},
+        ...props.shadow ? {
+          elevation: 6,
+          shadowColor: "#000",
+          shadowOpacity: 0.2,
+          shadowRadius: 8,
+          shadowOffset: { width: 0, height: 3 }
+        } : {}
+      }),
+      testID: "vinaverse-launcher-button",
+      children: Mark ? /* @__PURE__ */ jsxRuntime.jsx(Mark, { size: 34, color: colors.onPrimary }) : /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.Text,
+        {
+          style: {
+            color: colors.onPrimary,
+            fontSize: font.size.lg,
+            fontWeight: "600"
+          },
+          children: (props.name.trim()[0] ?? "?").toUpperCase()
+        }
+      )
+    }
+  );
+}
+
+exports.AgentLauncher = AgentLauncher;
+exports.LAUNCHER_SIZE = LAUNCHER_SIZE;
+exports.LauncherButton = LauncherButton;
+exports.LauncherEntrance = LauncherEntrance;
+exports.LauncherGreeting = LauncherGreeting;
+exports.useKeyboardShown = useKeyboardShown;
+//# sourceMappingURL=chunk-MG32E4JI.cjs.map
+//# sourceMappingURL=chunk-MG32E4JI.cjs.map

package/dist/chunk-MG32E4JI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AgentLauncher.tsx"],"names":["jsx","CopyProvider","ThemeProvider","useState","useEffect","Platform","Keyboard","useCopy","useAgentName","useReducedMotion","useAgentSweep","useAgentRuntime","useAgentLauncher","announce","useRef","jsxs","View","useTheme","Animated","Pressable","Text"],"mappings":"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","file":"chunk-MG32E4JI.cjs","sourcesContent":["// The agent's floating launcher: a round button over the app's screens and, once per person and mode, a greeting\n// bubble above it, read to screen readers as it appears. Where it shows is a policy: the routes the app allows, never\n// with the keyboard up, never while the app says it should step aside (a sheet, a map). The app places it (`placement`,\n// `style`), gives its brand mark (`Mark`), sets its ring, shadow and the bubble's tail (`appearance`), and can replace\n// the button, the bubble and how they come in (slots, each given the kit's own part; no motion when reduced).\nimport { type CopyOverrides, CopyProvider, useCopy } from '@vinaverse/react';\nimport {\n  type GreetingStorage,\n  useAgentLauncher,\n  useAgentName,\n  useAgentRuntime,\n} from '@vinaverse/react/agent';\nimport {\n  type ComponentType,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Animated,\n  Keyboard,\n  Platform,\n  Pressable,\n  type StyleProp,\n  Text,\n  View,\n  type ViewStyle,\n} from 'react-native';\nimport {\n  announce as platformAnnounce,\n  useAgentSweep,\n  useReducedMotion,\n} from '../platform.js';\nimport {\n  type ColorSchemeSetting,\n  type ThemeOverrides,\n  ThemeProvider,\n  useTheme,\n} from '../theme.js';\n\n/** The launcher's button side, in dp. */\nexport const LAUNCHER_SIZE = 56;\n\n/** The launcher's look: a ring around the button, its shadow, the bubble's tail toward it. */\nexport interface LauncherAppearance {\n  /** Default none. */\n  readonly ring?: { readonly color: string; readonly width: number } | null;\n  /** Default true. */\n  readonly shadow?: boolean;\n  /** Default true. */\n  readonly tail?: boolean;\n}\n\n/** Where it floats: the screen's edge, its distance from the bottom (above a tab bar) and from the side. */\nexport interface LauncherPlacement {\n  /** Default `right`. */\n  readonly edge?: 'left' | 'right';\n  /** Default 16. */\n  readonly bottom?: number;\n  /** Default 16. */\n  readonly inset?: number;\n}\n\nexport interface LauncherButtonProps {\n  readonly label: string;\n  readonly name: string;\n  readonly onPress: () => void;\n  readonly Mark:\n    | ComponentType<{ readonly size: number; readonly color: string }>\n    | undefined;\n  readonly ring: { readonly color: string; readonly width: number } | null;\n  readonly shadow: boolean;\n}\nexport interface LauncherGreetingProps {\n  readonly text: string;\n  readonly closeLabel: string;\n  readonly onOpen: () => void;\n  readonly onClose: () => void;\n  readonly tail: boolean;\n  readonly edge: 'left' | 'right';\n}\n/** How the button and the bubble come in; `reducedMotion` when the person asked for none. */\nexport interface LauncherEntranceProps {\n  readonly part: 'button' | 'greeting';\n  readonly reducedMotion: boolean;\n  readonly children: ReactNode;\n}\ntype Slot<P> = ComponentType<P & { readonly Default: ComponentType<P> }>;\n\n/** Where the person opened the agent from: the app's route, the mode, and `entryPoint` to give the chat. */\nexport interface LauncherContext {\n  readonly route: string | null;\n  readonly mode: string;\n  readonly entryPoint: 'launcher';\n}\n\nexport interface AgentLauncherProps {\n  readonly subject: string | null;\n  readonly mode: string;\n  readonly onOpen: (from: LauncherContext) => void;\n  /** The app's current route; with `routes`, the launcher shows only on those. */\n  readonly route?: string | null;\n  readonly routes?: readonly string[];\n  /** The app says step aside (a sheet is up, a map with its own cards…). */\n  readonly hidden?: boolean;\n  /** Hidden while the keyboard is up. Default true. */\n  readonly hideWithKeyboard?: boolean;\n  /** Where it remembers the greeting was shown (the app's preferences store); default: for this launch only. */\n  readonly storage?: GreetingStorage;\n  /** The storage's key for a person and mode (a record the app already keeps); default `greetedKey`. */\n  readonly storageKey?: (subject: string | null, mode: string) => string;\n  /** The greeting's words, or by mode; default the copy's `launcherGreeting`. */\n  readonly greeting?: string | ((mode: string) => string);\n  /** How long after showing the greeting appears. Default 1200 ms. */\n  readonly delayMs?: number;\n  /** The app's brand mark inside the button; default the agent name's first letter. */\n  readonly Mark?: ComponentType<{\n    readonly size: number;\n    readonly color: string;\n  }>;\n  /** Reads the greeting to a screen reader as it appears. Default: the platform's. */\n  readonly announce?: (text: string) => void;\n  readonly components?: {\n    readonly Button?: Slot<LauncherButtonProps>;\n    readonly Greeting?: Slot<LauncherGreetingProps>;\n    /** Default: a short fade and scale; none with reduced motion. */\n    readonly Entrance?: Slot<LauncherEntranceProps>;\n  };\n  readonly appearance?: LauncherAppearance;\n  /** Where it floats over the app's screens; `style` comes after it, for anything else. */\n  readonly placement?: LauncherPlacement;\n  readonly style?: StyleProp<ViewStyle>;\n  /** As on the chat: the person's locale, the app's words, theme and color scheme. */\n  readonly locale?: string;\n  readonly copy?: CopyOverrides;\n  readonly theme?: ThemeOverrides;\n  readonly colorScheme?: ColorSchemeSetting;\n}\n\nexport function AgentLauncher(props: AgentLauncherProps): ReactNode {\n  return (\n    <CopyProvider locale={props.locale} copy={props.copy}>\n      <ThemeProvider theme={props.theme} colorScheme={props.colorScheme}>\n        <Launcher {...props} />\n      </ThemeProvider>\n    </CopyProvider>\n  );\n}\n\n/** Whether the keyboard is up: on iOS from the moment it starts to rise or fall, on Android (no `Will` events) once it has. */\nexport function useKeyboardShown(): boolean {\n  const [shown, setShown] = useState(false);\n  useEffect(() => {\n    const ios = Platform.OS === 'ios';\n    const show = Keyboard.addListener(\n      ios ? 'keyboardWillShow' : 'keyboardDidShow',\n      () => setShown(true),\n    );\n    const hide = Keyboard.addListener(\n      ios ? 'keyboardWillHide' : 'keyboardDidHide',\n      () => setShown(false),\n    );\n    return () => {\n      show.remove();\n      hide.remove();\n    };\n  }, []);\n  return shown;\n}\n\nfunction Launcher(props: AgentLauncherProps): ReactNode {\n  const { t } = useCopy();\n  const name = useAgentName(t('agentFallbackName'));\n  const keyboard = useKeyboardShown();\n  const reducedMotion = useReducedMotion();\n  useAgentSweep(useAgentRuntime());\n  const { route = null, routes, mode } = props;\n  const visible =\n    props.hidden !== true &&\n    !(keyboard && props.hideWithKeyboard !== false) &&\n    (!routes || (route !== null && routes.includes(route)));\n  const launcher = useAgentLauncher({\n    subject: props.subject,\n    mode,\n    visible,\n    onOpen: () => props.onOpen({ route, mode, entryPoint: 'launcher' }),\n    ...(props.storage ? { storage: props.storage } : {}),\n    ...(props.storageKey ? { storageKey: props.storageKey } : {}),\n    ...(props.delayMs === undefined ? {} : { delayMs: props.delayMs }),\n  });\n  const text =\n    typeof props.greeting === 'function'\n      ? props.greeting(mode)\n      : (props.greeting ?? t('launcherGreeting', { agent: name }));\n  const say = props.announce ?? platformAnnounce;\n  const said = useRef(false);\n  useEffect(() => {\n    if (!launcher.greets) {\n      said.current = false;\n      return;\n    }\n    if (said.current) return;\n    said.current = true; // once per greeting, however often the app's `announce` changes\n    say(text);\n  }, [launcher.greets, text, say]);\n  if (!launcher.shows) return null;\n  const edge = props.placement?.edge ?? 'right';\n  const look = props.appearance ?? {};\n  const greeting: LauncherGreetingProps = {\n    text,\n    closeLabel: t('close'),\n    onOpen: launcher.open,\n    onClose: launcher.dismiss,\n    tail: look.tail !== false,\n    edge,\n  };\n  const button: LauncherButtonProps = {\n    label: t('launcherOpen', { agent: name }),\n    name,\n    onPress: launcher.open,\n    Mark: props.Mark,\n    ring: look.ring ?? null,\n    shadow: look.shadow !== false,\n  };\n  const { Greeting, Button, Entrance } = props.components ?? {};\n  const enter = (part: LauncherEntranceProps['part'], children: ReactNode) =>\n    Entrance ? (\n      <Entrance\n        part={part}\n        reducedMotion={reducedMotion}\n        Default={LauncherEntrance}\n      >\n        {children}\n      </Entrance>\n    ) : (\n      <LauncherEntrance part={part} reducedMotion={reducedMotion}>\n        {children}\n      </LauncherEntrance>\n    );\n  return (\n    <View\n      pointerEvents=\"box-none\"\n      style={[\n        {\n          position: 'absolute',\n          bottom: props.placement?.bottom ?? 16,\n          [edge]: props.placement?.inset ?? 16,\n          alignItems: edge === 'right' ? 'flex-end' : 'flex-start',\n          gap: 8,\n        },\n        props.style,\n      ]}\n      testID=\"vinaverse-launcher\"\n    >\n      {launcher.greets\n        ? enter(\n            'greeting',\n            Greeting ? (\n              <Greeting {...greeting} Default={LauncherGreeting} />\n            ) : (\n              <LauncherGreeting {...greeting} />\n            ),\n          )\n        : null}\n      {enter(\n        'button',\n        Button ? (\n          <Button {...button} Default={LauncherButton} />\n        ) : (\n          <LauncherButton {...button} />\n        ),\n      )}\n    </View>\n  );\n}\n\n/** The kit's entrance: a short fade and scale up; none when the person asked for reduced motion. */\nexport function LauncherEntrance(props: LauncherEntranceProps): ReactNode {\n  const { motion } = useTheme();\n  const shown = useRef(new Animated.Value(props.reducedMotion ? 1 : 0)).current;\n  useEffect(() => {\n    if (props.reducedMotion) {\n      shown.setValue(1);\n      return;\n    }\n    const run = Animated.timing(shown, {\n      toValue: 1,\n      duration: motion.normal,\n      useNativeDriver: true,\n    });\n    run.start();\n    return () => run.stop();\n  }, [shown, props.reducedMotion, motion.normal]);\n  return (\n    <Animated.View\n      pointerEvents=\"box-none\"\n      style={{\n        opacity: shown,\n        transform: [\n          {\n            scale: shown.interpolate({\n              inputRange: [0, 1],\n              outputRange: [0.9, 1],\n            }),\n          },\n        ],\n      }}\n      testID={`vinaverse-launcher-entrance-${props.part}`}\n    >\n      {props.children}\n    </Animated.View>\n  );\n}\n\n/** The kit's greeting bubble: the words (a tap opens the agent), a close button, and a tail toward the button. */\nexport function LauncherGreeting(props: LauncherGreetingProps): ReactNode {\n  const { colors, radius, space, font } = useTheme();\n  return (\n    <View\n      style={{\n        maxWidth: 296,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        borderRadius: radius.lg,\n        backgroundColor: colors.text,\n      }}\n      testID=\"vinaverse-launcher-greeting\"\n    >\n      {props.tail ? (\n        <View\n          accessible={false}\n          style={{\n            position: 'absolute',\n            bottom: -5,\n            [props.edge]: LAUNCHER_SIZE / 2 - 6,\n            width: 12,\n            height: 12,\n            backgroundColor: colors.text,\n            transform: [{ rotate: '45deg' }],\n          }}\n          testID=\"vinaverse-launcher-tail\"\n        />\n      ) : null}\n      <Pressable\n        accessibilityRole=\"button\"\n        accessibilityLabel={props.text}\n        onPress={props.onOpen}\n        style={{\n          flexShrink: 1,\n          paddingVertical: space.sm,\n          paddingLeft: space.md,\n        }}\n      >\n        <Text style={{ color: colors.background, fontSize: font.size.md }}>\n          {props.text}\n        </Text>\n      </Pressable>\n      <Pressable\n        accessibilityRole=\"button\"\n        accessibilityLabel={props.closeLabel}\n        onPress={props.onClose}\n        style={{\n          minWidth: 44,\n          minHeight: 44,\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n        testID=\"vinaverse-launcher-close\"\n      >\n        <Text style={{ color: colors.background, fontSize: font.size.md }}>\n          ×\n        </Text>\n      </Pressable>\n    </View>\n  );\n}\n\n/** The kit's round button: the app's mark, else the agent name's first letter; its ring and shadow as asked. */\nexport function LauncherButton(props: LauncherButtonProps): ReactNode {\n  const { colors, font } = useTheme();\n  const { Mark, ring } = props;\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityLabel={props.label}\n      onPress={props.onPress}\n      style={({ pressed }) => ({\n        width: LAUNCHER_SIZE,\n        height: LAUNCHER_SIZE,\n        borderRadius: LAUNCHER_SIZE / 2,\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: colors.primary,\n        opacity: pressed ? 0.85 : 1,\n        ...(ring ? { borderWidth: ring.width, borderColor: ring.color } : {}),\n        ...(props.shadow\n          ? {\n              elevation: 6,\n              shadowColor: '#000',\n              shadowOpacity: 0.2,\n              shadowRadius: 8,\n              shadowOffset: { width: 0, height: 3 },\n            }\n          : {}),\n      })}\n      testID=\"vinaverse-launcher-button\"\n    >\n      {Mark ? (\n        <Mark size={34} color={colors.onPrimary} />\n      ) : (\n        <Text\n          style={{\n            color: colors.onPrimary,\n            fontSize: font.size.lg,\n            fontWeight: '600',\n          }}\n        >\n          {(props.name.trim()[0] ?? '?').toUpperCase()}\n        </Text>\n      )}\n    </Pressable>\n  );\n}\n"]}

package/dist/chunk-NMKJ7LIJ.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var chunk6QYDPGRS_cjs = require('./chunk-6QYDPGRS.cjs');
+var react = require('@vinaverse/react');
+var agent = require('@vinaverse/react/agent');
+var react$1 = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('react/jsx-runtime');
+
+function AskAboutRow(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.CopyProvider, { locale: props.locale, copy: props.copy, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6QYDPGRS_cjs.ThemeProvider, { theme: props.theme, colorScheme: props.colorScheme, children: /* @__PURE__ */ jsxRuntime.jsx(Row, { ...props }) }) });
+}
+function Row(props) {
+  const { t } = react.useCopy();
+  const { colors, radius, space, font } = chunk6QYDPGRS_cjs.useTheme();
+  const name = agent.useAgentName(t("agentFallbackName"));
+  const runtime = agent.useAgentRuntime();
+  agent.useAgentStatus();
+  chunk6QYDPGRS_cjs.useAgentSweep(runtime);
+  const [shows] = react$1.useState(() => !!runtime.getStatus()?.available);
+  if (!shows) return null;
+  const { Mark, appearance: look } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: props.body ? `${props.title}. ${props.body}` : props.title,
+      onPress: () => props.onPress({ entryPoint: "ask" }),
+      style: ({ pressed }) => ({
+        flexDirection: "row",
+        alignItems: "center",
+        gap: space.md,
+        padding: space.md,
+        borderRadius: radius.lg,
+        backgroundColor: look?.background ?? colors.surface,
+        opacity: pressed ? 0.85 : 1
+      }),
+      testID: props.testID ?? "vinaverse-ask-about",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.View,
+          {
+            style: {
+              width: 36,
+              height: 36,
+              borderRadius: 18,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: colors.primary
+            },
+            children: Mark ? /* @__PURE__ */ jsxRuntime.jsx(Mark, { size: 22, color: colors.onPrimary }) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.onPrimary, fontWeight: "600" }, children: (name.trim()[0] ?? "?").toUpperCase() })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, gap: space.xxs }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              style: {
+                color: colors.text,
+                fontSize: font.size.md,
+                fontWeight: "600"
+              },
+              children: props.title
+            }
+          ),
+          props.body ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.textMuted, fontSize: font.size.sm }, children: props.body }) : null
+        ] }),
+        look?.chevron === false ? null : /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { color: colors.textMuted, fontSize: font.size.lg }, children: "\u203A" })
+      ]
+    }
+  );
+}
+
+exports.AskAboutRow = AskAboutRow;
+//# sourceMappingURL=chunk-NMKJ7LIJ.cjs.map
+//# sourceMappingURL=chunk-NMKJ7LIJ.cjs.map

package/dist/chunk-NMKJ7LIJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AskAboutRow.tsx"],"names":["jsx","CopyProvider","ThemeProvider","useCopy","useTheme","useAgentName","useAgentRuntime","useAgentStatus","useAgentSweep","useState","jsxs","Pressable","View","Text"],"mappings":"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","file":"chunk-NMKJ7LIJ.cjs","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-POJP52GE.js

@@ -0,0 +1,261 @@
+import { ThemeProvider, useReducedMotion, useAgentSweep, announce, useTheme } from './chunk-EFEXTVIT.js';
+import { CopyProvider, useCopy } from '@vinaverse/react';
+import { useAgentName, useAgentRuntime, useAgentLauncher } from '@vinaverse/react/agent';
+import { useState, useEffect, useRef } from 'react';
+import { Platform, Keyboard, View, Animated, Pressable, Text } from 'react-native';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var LAUNCHER_SIZE = 56;
+function AgentLauncher(props) {
+  return /* @__PURE__ */ jsx(CopyProvider, { locale: props.locale, copy: props.copy, children: /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, colorScheme: props.colorScheme, children: /* @__PURE__ */ jsx(Launcher, { ...props }) }) });
+}
+function useKeyboardShown() {
+  const [shown, setShown] = useState(false);
+  useEffect(() => {
+    const ios = Platform.OS === "ios";
+    const show = Keyboard.addListener(
+      ios ? "keyboardWillShow" : "keyboardDidShow",
+      () => setShown(true)
+    );
+    const hide = Keyboard.addListener(
+      ios ? "keyboardWillHide" : "keyboardDidHide",
+      () => setShown(false)
+    );
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return shown;
+}
+function Launcher(props) {
+  const { t } = useCopy();
+  const name = useAgentName(t("agentFallbackName"));
+  const keyboard = useKeyboardShown();
+  const reducedMotion = useReducedMotion();
+  useAgentSweep(useAgentRuntime());
+  const { route = null, routes, mode } = props;
+  const visible = props.hidden !== true && !(keyboard && props.hideWithKeyboard !== false) && (!routes || route !== null && routes.includes(route));
+  const launcher = useAgentLauncher({
+    subject: props.subject,
+    mode,
+    visible,
+    onOpen: () => props.onOpen({ route, mode, entryPoint: "launcher" }),
+    ...props.storage ? { storage: props.storage } : {},
+    ...props.storageKey ? { storageKey: props.storageKey } : {},
+    ...props.delayMs === void 0 ? {} : { delayMs: props.delayMs }
+  });
+  const text = typeof props.greeting === "function" ? props.greeting(mode) : props.greeting ?? t("launcherGreeting", { agent: name });
+  const say = props.announce ?? announce;
+  const said = useRef(false);
+  useEffect(() => {
+    if (!launcher.greets) {
+      said.current = false;
+      return;
+    }
+    if (said.current) return;
+    said.current = true;
+    say(text);
+  }, [launcher.greets, text, say]);
+  if (!launcher.shows) return null;
+  const edge = props.placement?.edge ?? "right";
+  const look = props.appearance ?? {};
+  const greeting = {
+    text,
+    closeLabel: t("close"),
+    onOpen: launcher.open,
+    onClose: launcher.dismiss,
+    tail: look.tail !== false,
+    edge
+  };
+  const button = {
+    label: t("launcherOpen", { agent: name }),
+    name,
+    onPress: launcher.open,
+    Mark: props.Mark,
+    ring: look.ring ?? null,
+    shadow: look.shadow !== false
+  };
+  const { Greeting, Button, Entrance } = props.components ?? {};
+  const enter = (part, children) => Entrance ? /* @__PURE__ */ jsx(
+    Entrance,
+    {
+      part,
+      reducedMotion,
+      Default: LauncherEntrance,
+      children
+    }
+  ) : /* @__PURE__ */ jsx(LauncherEntrance, { part, reducedMotion, children });
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      pointerEvents: "box-none",
+      style: [
+        {
+          position: "absolute",
+          bottom: props.placement?.bottom ?? 16,
+          [edge]: props.placement?.inset ?? 16,
+          alignItems: edge === "right" ? "flex-end" : "flex-start",
+          gap: 8
+        },
+        props.style
+      ],
+      testID: "vinaverse-launcher",
+      children: [
+        launcher.greets ? enter(
+          "greeting",
+          Greeting ? /* @__PURE__ */ jsx(Greeting, { ...greeting, Default: LauncherGreeting }) : /* @__PURE__ */ jsx(LauncherGreeting, { ...greeting })
+        ) : null,
+        enter(
+          "button",
+          Button ? /* @__PURE__ */ jsx(Button, { ...button, Default: LauncherButton }) : /* @__PURE__ */ jsx(LauncherButton, { ...button })
+        )
+      ]
+    }
+  );
+}
+function LauncherEntrance(props) {
+  const { motion } = useTheme();
+  const shown = useRef(new Animated.Value(props.reducedMotion ? 1 : 0)).current;
+  useEffect(() => {
+    if (props.reducedMotion) {
+      shown.setValue(1);
+      return;
+    }
+    const run = Animated.timing(shown, {
+      toValue: 1,
+      duration: motion.normal,
+      useNativeDriver: true
+    });
+    run.start();
+    return () => run.stop();
+  }, [shown, props.reducedMotion, motion.normal]);
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      pointerEvents: "box-none",
+      style: {
+        opacity: shown,
+        transform: [
+          {
+            scale: shown.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0.9, 1]
+            })
+          }
+        ]
+      },
+      testID: `vinaverse-launcher-entrance-${props.part}`,
+      children: props.children
+    }
+  );
+}
+function LauncherGreeting(props) {
+  const { colors, radius, space, font } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        maxWidth: 296,
+        flexDirection: "row",
+        alignItems: "flex-start",
+        borderRadius: radius.lg,
+        backgroundColor: colors.text
+      },
+      testID: "vinaverse-launcher-greeting",
+      children: [
+        props.tail ? /* @__PURE__ */ jsx(
+          View,
+          {
+            accessible: false,
+            style: {
+              position: "absolute",
+              bottom: -5,
+              [props.edge]: LAUNCHER_SIZE / 2 - 6,
+              width: 12,
+              height: 12,
+              backgroundColor: colors.text,
+              transform: [{ rotate: "45deg" }]
+            },
+            testID: "vinaverse-launcher-tail"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: props.text,
+            onPress: props.onOpen,
+            style: {
+              flexShrink: 1,
+              paddingVertical: space.sm,
+              paddingLeft: space.md
+            },
+            children: /* @__PURE__ */ jsx(Text, { style: { color: colors.background, fontSize: font.size.md }, children: props.text })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            accessibilityRole: "button",
+            accessibilityLabel: props.closeLabel,
+            onPress: props.onClose,
+            style: {
+              minWidth: 44,
+              minHeight: 44,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            testID: "vinaverse-launcher-close",
+            children: /* @__PURE__ */ jsx(Text, { style: { color: colors.background, fontSize: font.size.md }, children: "\xD7" })
+          }
+        )
+      ]
+    }
+  );
+}
+function LauncherButton(props) {
+  const { colors, font } = useTheme();
+  const { Mark, ring } = props;
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: props.label,
+      onPress: props.onPress,
+      style: ({ pressed }) => ({
+        width: LAUNCHER_SIZE,
+        height: LAUNCHER_SIZE,
+        borderRadius: LAUNCHER_SIZE / 2,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: colors.primary,
+        opacity: pressed ? 0.85 : 1,
+        ...ring ? { borderWidth: ring.width, borderColor: ring.color } : {},
+        ...props.shadow ? {
+          elevation: 6,
+          shadowColor: "#000",
+          shadowOpacity: 0.2,
+          shadowRadius: 8,
+          shadowOffset: { width: 0, height: 3 }
+        } : {}
+      }),
+      testID: "vinaverse-launcher-button",
+      children: Mark ? /* @__PURE__ */ jsx(Mark, { size: 34, color: colors.onPrimary }) : /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: colors.onPrimary,
+            fontSize: font.size.lg,
+            fontWeight: "600"
+          },
+          children: (props.name.trim()[0] ?? "?").toUpperCase()
+        }
+      )
+    }
+  );
+}
+
+export { AgentLauncher, LAUNCHER_SIZE, LauncherButton, LauncherEntrance, LauncherGreeting, useKeyboardShown };
+//# sourceMappingURL=chunk-POJP52GE.js.map
+//# sourceMappingURL=chunk-POJP52GE.js.map