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

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":";;;;;;;;;AA+CO,SAAS,YAAY,KAAA,EAAoC;AAC9D,EAAA,uBACEA,cAAA,CAACC,sBAAa,MAAA,EAAQ,KAAA,CAAM,QAAQ,IAAA,EAAM,KAAA,CAAM,MAC9C,QAAA,kBAAAD,cAAA,CAACE,+BAAA,EAAA,EAAc,OAAO,KAAA,CAAM,KAAA,EAAO,aAAa,KAAA,CAAM,WAAA,EACpD,yCAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAO,CAAA,EAClB,CAAA,EACF,CAAA;AAEJ;AAEA,SAAS,IAAI,KAAA,EAAoC;AAC/C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,aAAA,EAAQ;AACtB,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,KAASC,0BAAA,EAAS;AACjD,EAAA,MAAM,IAAA,GAAOC,kBAAA,CAAa,CAAA,CAAE,mBAAmB,CAAC,CAAA;AAChD,EAAA,MAAM,UAAUC,qBAAA,EAAgB;AAChC,EAAAC,oBAAA,EAAe;AACf,EAAAC,+BAAA,CAAc,OAAO,CAAA;AAGrB,EAAA,MAAM,CAAC,KAAK,CAAA,GAAIC,gBAAA,CAAS,MAAM,CAAC,CAAC,OAAA,CAAQ,SAAA,EAAU,EAAG,SAAS,CAAA;AAC/D,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,IAAA,EAAK,GAAI,KAAA;AACnC,EAAA,uBACEC,eAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAkB,QAAA;AAAA,MAClB,kBAAA,EACE,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,EAAK,KAAA,CAAM,IAAI,CAAA,CAAA,GAAK,KAAA,CAAM,KAAA;AAAA,MAEvD,SAAS,MAAM,KAAA,CAAM,QAAQ,EAAE,UAAA,EAAY,OAAO,CAAA;AAAA,MAClD,KAAA,EAAO,CAAC,EAAE,OAAA,EAAQ,MAAO;AAAA,QACvB,aAAA,EAAe,KAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,KAAK,KAAA,CAAM,EAAA;AAAA,QACX,SAAS,KAAA,CAAM,EAAA;AAAA,QACf,cAAc,MAAA,CAAO,EAAA;AAAA,QACrB,eAAA,EAAiB,IAAA,EAAM,UAAA,IAAc,MAAA,CAAO,OAAA;AAAA,QAC5C,OAAA,EAAS,UAAU,IAAA,GAAO;AAAA,OAC5B,CAAA;AAAA,MACA,MAAA,EAAQ,MAAM,MAAA,IAAU,qBAAA;AAAA,MAExB,QAAA,EAAA;AAAA,wBAAAX,cAAA;AAAA,UAACY,gBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,EAAA;AAAA,cACd,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,iBAAiB,MAAA,CAAO;AAAA,aAC1B;AAAA,YAEC,QAAA,EAAA,IAAA,mBACCZ,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,CAAA,mBAEzCA,cAAA,CAACa,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,OAAO,MAAA,CAAO,SAAA,EAAW,UAAA,EAAY,KAAA,EAAM,EACtD,QAAA,EAAA,CAAA,IAAA,CAAK,IAAA,EAAK,CAAE,CAAC,CAAA,IAAK,GAAA,EAAK,WAAA,EAAY,EACvC;AAAA;AAAA,SAEJ;AAAA,wBACAH,eAAA,CAACE,oBAAK,KAAA,EAAO,EAAE,MAAM,CAAA,EAAG,GAAA,EAAK,KAAA,CAAM,GAAA,EAAI,EACrC,QAAA,EAAA;AAAA,0BAAAZ,cAAA;AAAA,YAACa,gBAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,OAAO,MAAA,CAAO,IAAA;AAAA,gBACd,QAAA,EAAU,KAAK,IAAA,CAAK,EAAA;AAAA,gBACpB,UAAA,EAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,WACT;AAAA,UACC,MAAM,IAAA,mBACLb,cAAA,CAACa,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,QAAA,EAAU,KAAK,IAAA,CAAK,EAAA,EAAG,EAC5D,QAAA,EAAA,KAAA,CAAM,MACT,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,QACC,MAAM,OAAA,KAAY,KAAA,GAAQ,IAAA,mBACzBb,cAAA,CAACa,oBAAK,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,CAAO,WAAW,QAAA,EAAU,IAAA,CAAK,IAAA,CAAK,EAAA,IAAM,QAAA,EAAA,QAAA,EAElE;AAAA;AAAA;AAAA,GAEJ;AAEJ","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"]}