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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vinaverse/react-native",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.8",
   "description": "Vinaverse for React Native: a ready, themeable agent conversation for Expo and bare apps, built on the conversation store; every part replaceable, the AI disclosure never.",
   "license": "Apache-2.0",
   "author": "Vinaverse, Inc.",
@@ -21,6 +21,10 @@
   "sideEffects": false,
   "exports": {
     ".": {
+      "react-native": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      },
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
@@ -31,6 +35,10 @@
       }
     },
     "./chat": {
+      "react-native": {
+        "types": "./dist/chat.d.cts",
+        "default": "./dist/chat.cjs"
+      },
       "import": {
         "types": "./dist/chat.d.ts",
         "default": "./dist/chat.js"
@@ -41,6 +49,10 @@
       }
     },
     "./launcher": {
+      "react-native": {
+        "types": "./dist/launcher.d.cts",
+        "default": "./dist/launcher.cjs"
+      },
       "import": {
         "types": "./dist/launcher.d.ts",
         "default": "./dist/launcher.js"
@@ -51,6 +63,10 @@
       }
     },
     "./ask": {
+      "react-native": {
+        "types": "./dist/ask.d.cts",
+        "default": "./dist/ask.cjs"
+      },
       "import": {
         "types": "./dist/ask.d.ts",
         "default": "./dist/ask.js"
@@ -82,9 +98,9 @@
     "dist"
   ],
   "dependencies": {
-    "@vinaverse/client": "0.1.0-alpha.6",
-    "@vinaverse/tokens": "0.1.0-alpha.6",
-    "@vinaverse/react": "0.1.0-alpha.6"
+    "@vinaverse/client": "0.1.0-alpha.8",
+    "@vinaverse/react": "0.1.0-alpha.8",
+    "@vinaverse/tokens": "0.1.0-alpha.8"
   },
   "peerDependencies": {
     "@shopify/flash-list": ">=2.3.2 <3",
@@ -101,6 +117,7 @@
     "babel-jest": "29.7.0",
     "esbuild": "0.27.7",
     "jest": "29.7.0",
+    "metro": "0.84.6",
     "metro-resolver": "0.84.6",
     "react-native": "0.86.3",
     "test-renderer": "1.3.0"
@@ -223,6 +240,6 @@
     "build": "tsup",
     "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p test/tsconfig.json",
     "test": "jest",
-    "package:check": "publint --strict && attw --pack . && size-limit && node scripts/check-entries.mjs && jest --ci --config jest.built.config.cjs"
+    "package:check": "publint --strict && attw --pack . && size-limit && node scripts/check-entries.mjs && node scripts/check-metro-bundle.mjs && jest --ci --config jest.built.config.cjs"
   }
 }

package/dist/chunk-643GOUTG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AskAboutRow.tsx"],"names":["jsx","CopyProvider","ThemeProvider","useCopy","useTheme","useAgentName","useAgentFeatures","useState","jsxs","Pressable","View","Text"],"mappings":"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","file":"chunk-643GOUTG.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 per visit, so it never appears or\n// disappears while the person reads the page.\nimport { type CopyOverrides, CopyProvider, useCopy } from '@vinaverse/react';\nimport { useAgentFeatures, useAgentName } from '@vinaverse/react/agent';\nimport { type ComponentType, type ReactNode, useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport {\n  type ColorSchemeSetting,\n  type ThemeOverrides,\n  ThemeProvider,\n  useTheme,\n} from '../theme.js';\n\nexport interface AskAboutRowProps {\n  /** \"Ask Example Agent about Riley Sample\". */\n  readonly title: string;\n  readonly body?: string;\n  readonly onPress: () => 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 locale?: string;\n  readonly copy?: CopyOverrides;\n  readonly theme?: ThemeOverrides;\n  readonly colorScheme?: ColorSchemeSetting;\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 { available } = useAgentFeatures();\n  // Decided once per visit: the first answer stands until the page goes.\n  const [shows, setShows] = useState<boolean | null>(null);\n  if (shows === null && available) setShows(true);\n  if (!shows) return null;\n  const { Mark } = props;\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityLabel={\n        props.body ? `${props.title}. ${props.body}` : props.title\n      }\n      onPress={props.onPress}\n      style={({ pressed }) => ({\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: space.md,\n        padding: space.md,\n        borderRadius: radius.lg,\n        backgroundColor: colors.surface,\n        opacity: pressed ? 0.85 : 1,\n      })}\n      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      <Text style={{ color: colors.textMuted, fontSize: font.size.lg }}>›</Text>\n    </Pressable>\n  );\n}\n"]}