stream-chat-react-native-core 9.9.4 → 9.10.0-beta.1

package/ai-components/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/ai-components/index.js",
+  "module": "../lib/module/ai-components/index.js",
+  "react-native": "../src/ai-components/index.ts",
+  "types": "../lib/typescript/ai-components/index.d.ts"
+}

package/lib/commonjs/ai-components/AITypingIndicatorView.js

@@ -0,0 +1,49 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AITypingIndicatorView = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _contexts = require("./contexts");
+var _NativeShimmerView = require("../components/UIComponents/NativeShimmerView");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/ai-components/AITypingIndicatorView.tsx";
+var AITypingIndicatorView = ({
+  text
+}) => {
+  var _useTheme = (0, _contexts.useTheme)(),
+    shimmer = _useTheme.theme.colors.shimmer;
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.wrapper,
+    children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.text,
+      children: text
+    }), (0, _jsxRuntime.jsx)(_NativeShimmerView.NativeShimmerView, {
+      baseColor: 'transparent',
+      duration: 1200,
+      gradientColor: shimmer,
+      pointerEvents: "none",
+      style: [_reactNative.StyleSheet.absoluteFill, styles.shimmer]
+    })]
+  });
+};
+exports.AITypingIndicatorView = AITypingIndicatorView;
+var useStyles = () => {
+  var _useTheme2 = (0, _contexts.useTheme)(),
+    theme = _useTheme2.theme;
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    shimmer: {
+      opacity: 0.8
+    },
+    text: {
+      fontSize: 16,
+      color: theme.colors.grey_dark
+    },
+    wrapper: {
+      alignSelf: 'flex-start',
+      backgroundColor: 'transparent'
+    }
+  }), [theme]);
+};
+//# sourceMappingURL=AITypingIndicatorView.js.map

package/lib/commonjs/ai-components/AITypingIndicatorView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_contexts","_NativeShimmerView","_jsxRuntime","_jsxFileName","AITypingIndicatorView","text","_useTheme","useTheme","shimmer","theme","colors","styles","useStyles","jsxs","View","style","wrapper","children","jsx","Text","NativeShimmerView","baseColor","duration","gradientColor","pointerEvents","StyleSheet","absoluteFill","exports","_useTheme2","useMemo","create","opacity","fontSize","color","grey_dark","alignSelf","backgroundColor"],"sourceRoot":"../../../src","sources":["ai-components/AITypingIndicatorView.tsx"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AAAiF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,YAAA;AAE1E,IAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACnE,IAAAC,SAAA,GAII,IAAAC,kBAAQ,EAAC,CAAC;IAFAC,OAAO,GAAAF,SAAA,CADnBG,KAAK,CACHC,MAAM,CAAIF,OAAO;EAGrB,IAAMG,MAAM,GAAGC,SAAS,CAAC,CAAC;EAI1B,OACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEJ,MAAM,CAACK,OAAQ;IAAAC,QAAA,GAC1B,IAAAf,WAAA,CAAAgB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;MAACJ,KAAK,EAAEJ,MAAM,CAACN,IAAK;MAAAY,QAAA,EAAEZ;IAAI,CAAO,CAAC,EACvC,IAAAH,WAAA,CAAAgB,GAAA,EAACjB,kBAAA,CAAAmB,iBAAiB;MAChBC,SAAS,EAAE,aAAc;MACzBC,QAAQ,EAAE,IAAK;MACfC,aAAa,EAAEf,OAAQ;MACvBgB,aAAa,EAAC,MAAM;MACpBT,KAAK,EAAE,CAACU,uBAAU,CAACC,YAAY,EAAEf,MAAM,CAACH,OAAO;IAAE,CAClD,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAACmB,OAAA,CAAAvB,qBAAA,GAAAA,qBAAA;AAEF,IAAMQ,SAAS,GAAGA,CAAA,KAAM;EACtB,IAAAgB,UAAA,GAAkB,IAAArB,kBAAQ,EAAC,CAAC;IAApBE,KAAK,GAAAmB,UAAA,CAALnB,KAAK;EAEb,OAAO,IAAAoB,cAAO,EACZ,MACEJ,uBAAU,CAACK,MAAM,CAAC;IAEhBtB,OAAO,EAAE;MAAEuB,OAAO,EAAE;IAAI,CAAC;IACzB1B,IAAI,EAAE;MACJ2B,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAExB,KAAK,CAACC,MAAM,CAACwB;IACtB,CAAC;IACDlB,OAAO,EAAE;MACPmB,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC,EACJ,CAAC3B,KAAK,CACR,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/commonjs/ai-components/README.md

@@ -0,0 +1,279 @@
+# AI components for Stream Chat React Native
+
+`stream-chat-react-native/ai-components` (and `stream-chat-expo/ai-components`) contains Stream Chat's UI components for AI-first applications. Paired with the [Chat API](https://getstream.io/chat/), they render responses from LLM providers such as ChatGPT, Gemini, Anthropic or any custom backend: Markdown, code blocks with syntax highlighting, tables, charts, thinking indicators and more.
+
+- `StreamingMessageView` - renders text, markdown and code in real time, using a ChatGPT-like typewriter animation
+- `ComposerView` - a prompt composer with attachments and speech input
+- `SpeechToTextButton` - records voice input and streams the recognized transcript into your UI
+- `AITypingIndicatorView` - displays the state of the LLM (thinking, checking external sources, etc.)
+
+The components live in their own entry point. Apps that never import `stream-chat-react-native/ai-components` do not bundle any of it, and apps that only use the AI components do not bundle the rest of the chat SDK.
+
+## Migrating from `@stream-io/chat-react-native-ai`
+
+These components used to ship as the standalone `@stream-io/chat-react-native-ai` package, which is now deprecated. Their API is unchanged; to migrate:
+
+1. Uninstall `@stream-io/chat-react-native-ai` and import from `stream-chat-react-native/ai-components` (or `stream-chat-expo/ai-components`) instead:
+
+   ```diff
+   - import { ComposerView, StreamingMessageView } from '@stream-io/chat-react-native-ai';
+   + import { ComposerView, StreamingMessageView } from 'stream-chat-react-native/ai-components';
+   ```
+
+2. Dictation is now opt-in on iOS (see [Dictation](#dictation-speech-to-text)): add `$StreamChatEnableDictation = true` to your `Podfile`, or, with Expo, replace the `@stream-io/chat-react-native-ai` config plugin with `stream-chat-expo`.
+3. Keep the `export-namespace-from` Babel plugin (see [Installation](#️-installation)); it is needed by the `zod` dependency.
+4. `ShimmeringView` and `toHexFromRNColor` were removed. `AITypingIndicatorView` now uses the SDK's native shimmer, so `@shopify/react-native-skia` is only needed for charts.
+5. `SpeechToTextButton` and `isDictationAvailable` are now exported.
+
+## 🛠️ Installation
+
+The AI components ship with `stream-chat-react-native` and `stream-chat-expo`; their JavaScript dependencies are installed with them. Charts additionally need the following peer dependencies, which only apps using the AI components have to install:
+
+```bash
+yarn add victory-native @shopify/react-native-skia
+```
+
+`react-native-reanimated`, `react-native-gesture-handler` and `react-native-svg` are already required by the chat SDK.
+
+The `zod` dependency ships `export * as` syntax, which the React Native Babel preset does not transform, so add the `export-namespace-from` plugin to your `babel.config.js`:
+
+```bash
+yarn add -D @babel/plugin-transform-export-namespace-from
+```
+
+```js
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [
+    // ... rest of your @babel plugins
+    '@babel/plugin-transform-export-namespace-from',
+    // react-native-worklets/plugin has to be the last one
+    'react-native-worklets/plugin',
+  ],
+};
+```
+
+Apps that do not import the AI components do not bundle `zod` and do not need the plugin.
+
+### Dictation (speech-to-text)
+
+The speech-to-text button uses the platform speech recognizers.
+
+#### `iOS`
+
+Because App Store Connect requires a speech recognition usage description from every app whose binary references the Speech framework, the dictation module is only compiled into apps that opt in. Add this to your `Podfile`, before `use_native_modules!`, and run `pod install`:
+
+```ruby
+$StreamChatEnableDictation = true
+```
+
+(`STREAM_CHAT_ENABLE_DICTATION=1 pod install` works as well.) Then add the usage descriptions to your `Info.plist`:
+
+```txt
+<key>NSMicrophoneUsageDescription</key>
+<string>$(PRODUCT_NAME) would like to access your microphone to capture your voice.</string>
+<key>NSSpeechRecognitionUsageDescription</key>
+<string>$(PRODUCT_NAME) would like to access speech recognition to transcribe your voice.</string>
+```
+
+The text you pick for the capabilities is up to you. Without the opt-in the speech-to-text button is hidden, and a development-only warning explains how to enable it.
+
+#### `Android`
+
+Add the permission to `android/app/src/main/AndroidManifest.xml`:
+
+```xml
+<uses-permission android:name="android.permission.RECORD_AUDIO" />
+```
+
+#### `Expo`
+
+Add the `stream-chat-expo` config plugin to your `app.json`/`app.config.[js|ts]`. It enables the dictation module and adds the permissions (with default descriptions unless you provide your own):
+
+```json
+"plugins": [
+  // ... rest of your plugins
+  [
+    "stream-chat-expo",
+    {
+      "dictationMicrophoneUsageDescription": "$(PRODUCT_NAME) would like to access your microphone to capture your voice.",
+      "dictationSpeechRecognitionUsageDescription": "$(PRODUCT_NAME) would like to access speech recognition to transcribe your voice."
+    }
+  ]
+],
+```
+
+Pass `"enableDictation": false` to leave dictation out.
+
+## Optional features
+
+### Media Picker
+
+The media picker of the `ComposerView` picks existing images and takes photos with the camera. It works with whichever of these libraries you have installed:
+
+- `react-native-image-picker` (React Native CLI). For the camera, add `NSCameraUsageDescription` to your `Info.plist` and the `android.permission.CAMERA` permission to your `AndroidManifest.xml`.
+- `expo-image-picker` (Expo). See the [Expo documentation](https://docs.expo.dev/versions/latest/sdk/imagepicker/) for its permissions.
+
+### Clipboard
+
+The copy button of code blocks works with whichever of these libraries you have installed:
+
+- `@react-native-clipboard/clipboard` (React Native CLI)
+- `expo-clipboard` (Expo)
+
+### Syntax highlighting on Android
+
+On Android with the New Architecture, highlighted code is rendered by a native `PerfText` view: a single text view with colour spans instead of one `Text` per token, which keeps long code blocks cheap to render and scroll. Elsewhere, code is rendered with nested `Text`.
+
+## ⚙️ Usage
+
+All of the components listed below are designed to work seamlessly with our existing React Native [Chat SDK](https://getstream.io/chat/react-native-chat/tutorial/). Our [developer guide](https://getstream.io/chat/solutions/ai-integration/) explains how to get started building AI integrations with Stream.
+
+In order to use them, they have to be wrapped within our `StreamTheme` provider that will make sure theming is applied to them. It is recommended that you put the provider somewhere high up in the component tree so that it encapsulates all components used downstream.
+
+### `StreamingMessageView`
+
+The `StreamingMessageView` is a component that can render markdown content efficiently. It has code syntax highlighting, supporting all the major languages. It can render most of the standard markdown content, such as tables, inline code, headings, lists etc.
+
+Under the hood, it implements a letter-by-letter typewriter animation with a character queue, similar to ChatGPT.
+
+| Name                     | Type                                   | Required | Description                                                                                                                                                                                                                                                                                                                                                                   |
+| ------------------------ | -------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `text`                   | `string`                               | yes      | The text we want to pass as markdown.                                                                                                                                                                                                                                                                                                                                         |
+| `paragraphNumberOfLines` | `number`                               | no       | The `numberOfLines` applied to markdown `Paragraph` and `Text` components. Particularly useful if we want to display the same message, but in a "cut" fashion (for example when replying to someone).                                                                                                                                                                         |
+| `rules`                  | [`MarkdownRules`](./markdown/types.ts) | no       | An object of `MarkdownRules` that is then going to be deeply merged with our default rules, based on the [`SimpleMarkdown` parsing engine](https://github.com/Khan/perseus/tree/main/packages/simple-markdown#adding-a-simple-extension). Can be used to add custom rules or change existing rules. You can disable a rule by passing `{ [ruleName]: { match: () => null }}`. |
+| `onLink`                 | `(url: string) => void`                | no       | A function that is going to be invoked whenever a link is pressed within markdown parsed text.                                                                                                                                                                                                                                                                                |
+| `letterInterval`         | `number`                               | no       | A number signifying the interval at which the typewriter animation is going to render characters. Defaults to `0`                                                                                                                                                                                                                                                             |
+| `renderingLetterCount`   | `number`                               | no       | A number signifying the number of letters that are going to be rendered per tick of the interval during the typewriter animation. Defaults to `2`                                                                                                                                                                                                                             |
+
+#### Example
+
+Provided below is an example of how to use the component.
+
+````tsx
+const markdownText = ```
+# Heading
+
+some text
+
+## Another heading
+```;
+
+<StreamingMessageView
+  text={markdownText}
+  letterInterval={5} // every 5ms
+  renderingLetterCount={3} // render 3 letters at a time
+/>;
+````
+
+### `AITypingIndicatorView`
+
+The `AITypingIndicatorView` is used to represent different states of the LLM, such as `Thinking`, `Checking External Sources` and so on, depending on the states you've defined on your backend. The only thing that needs to be passed to the component is the `text` property, which will then be displayed with a shimmering animation.
+
+| Name   | Type     | Required | Description                                          |
+| ------ | -------- | -------- | ---------------------------------------------------- |
+| `text` | `string` | yes      | The text we want to be displayed inside of the view. |
+
+#### Example
+
+```tsx
+<AITypingIndivacorView text={'Thinking of an answer...'} />
+```
+
+### `ComposerView`
+
+The `ComposerView` gives users a modern text entry surface with attachment previews, actionable bottom sheet, speech-to-text button and an integrated send button.
+
+| Name                 | Type                                                                                                                     | Required | Description                                                                                                                                                                                                                                                                    |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `onSendMessage`      | `(opts: { text: string; attachments?: MediaPickerState['assets']; custom?: Record<string, unknown>; }) => Promise<void>` | yes      | A callback that will be invoked whenever the send button is pressed. The `text`, `attachments` and any `custom` data we've added to the state will be passed to it.                                                                                                            |
+| `bottomSheetOptions` | [`BottomSheetOption[]`](./message-composer/ComposerView.tsx)                                                             | no       | An array of [`BottomSheetOption`](./message-composer/ComposerView.tsx) objects that will render the extra options in the bottom sheet.                                                                                                                                         |
+| `bottomSheetInsets`  | `{ top: number; bottom: number; left: number; right: number }`                                                           | no       | An object containing extra insets we can pass to the `ComposerView` in order to make sure the bottom sheet can extend properly beyond them.                                                                                                                                    |
+| `isGenerating`       | `boolean`                                                                                                                | no       | A boolean signifying whether the LLM is currently generating a response or not. It will be used to render the stop-generating button in the composer instead of the send button whenever this happens.                                                                         |
+| `stopGenerating`     | `() => Promise<void>`                                                                                                    | no       | A callback that is going to be invoked if the stop-generating button is clicked.                                                                                                                                                                                               |
+| `mediaPickerService` | `AbstractMediaPickerService`                                                                                             | no       | An instance of the `MediaPickerService` we may decide to inject from the outside for more fine-grained control over attachment state. You can create an instance as `const customInstance = MediaPickerService()` and it will automatically detect which library you're using. |
+| `state`              | `StateStore<ComposerState>`                                                                                              | no       | A state store of the `ComposerState` we may decide to inject from the outside for more fine-grained control over the composer state. You can create an instance as `const customComposerState = createNewComposerStore()`.                                                     |
+
+#### Example
+
+```tsx
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+const options = [
+  {
+    title: 'Create Image',
+    subtitle: 'Visualize anything',
+    action: () => Alert.alert('Pressed on Create Image !'),
+    Icon: DownloadArrow,
+  },
+  {
+    title: 'Thinking',
+    subtitle: 'Think longer for better answers',
+    action: () => Alert.alert('Pressed on Thinking !'),
+    Icon: Flag,
+  },
+];
+
+const insets = useSafeAreaInsets();
+
+<ComposerView onSendMessage={sendMessage} bottomSheetOptions={bottomSheetOptions} bottomSheetInsets={insets} />;
+```
+
+### `SpeechToTextButton`
+
+The `SpeechToTextButton` turns voice input into text using native implementations of the iOS and Android speech frameworks, respectively. When tapped it asks for microphone access, records audio and forwards the recognized transcript to the `ComposerState` directly.
+
+It uses the `useDictation` hook under the hood, which can also be used without the button as well for voice transcription purposes outside of the button.
+
+It takes a single property named `options` that has the following keys:
+
+| Name               | Type      | Required | Description                                                                                                                                                                        |
+| ------------------ | --------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `language`         | `string`  | no       | The language we want to transcribe from. It will default to `en-US`.                                                                                                               |
+| `interimResults`   | `boolean` | no       | A boolean signifying whether we want to receive the intermediate results from the transcription or just the final result when the transcription is deemed done. Defaults to `true` |
+| `silenceTimeoutMs` | `number`  | no       | A number signifying the number of milliseconds of silence until transcription is deemed finished. Defaults to `2500`.                                                              |
+
+```tsx
+const options = {
+  language: 'de-DE', // set the language to german
+  interimResults: false, // disable intermediate results and only use the final results
+  silenceTimeoutMs: 3500 // set the silence timeout to 3.5 seconds
+}
+<SpeechToTextButton options={options} />
+```
+
+The `SpeechToTextButton` is already integrated within the `ComposerView`, however feel free to use it elsewhere as well. It renders nothing when dictation is not part of the build (see [Dictation](#dictation-speech-to-text)); `isDictationAvailable()` tells you whether it is.
+
+### Theming
+
+Each one of the components in the SDK is fully theme-compatible. The `StreamTheme` provider takes care of this for you.
+
+In order to modify the theme, you may refer to our full fledged theme object [as seen here](./theme.ts).
+
+#### Example
+
+In the example below, we introduce a dark color scheme through the theming system.
+
+```tsx
+const customTheme = {
+  colors: colorScheme === 'dark'
+    ? {
+      accent_blue: '#4C9DFF',
+      accent_red: '#FF636E',
+      black: '#FFFFFF',
+      code_block: '#1E1E22',
+      grey: '#A1A1AA',
+      grey_neutral: '#C5C5C8',
+      grey_dark: '#71717A',
+      grey_gainsboro: '#3F3F46',
+      grey_whisper: '#27272F',
+      overlay: '#000000CC',
+      transparent: 'transparent',
+      white: '#050509',
+      white_smoke: '#121214',
+      shimmer: '#FFFFFF',
+    } : {}
+}
+
+<StreamTheme style={customTheme}>{children}</StreamTheme>
+```

package/lib/commonjs/ai-components/StreamingMessageView.js

@@ -0,0 +1,75 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStreamingMessage = exports.StreamingMessageView = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useStableCallback = require("./internal/hooks/useStableCallback");
+var _markdown = require("./markdown");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/ai-components/StreamingMessageView.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var useStreamingMessage = ({
+  letterInterval = 0,
+  renderingLetterCount = 2,
+  text
+}) => {
+  var _useState = (0, _react.useState)(text),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    streamedMessageText = _useState2[0],
+    setStreamedMessageText = _useState2[1];
+  var textCursor = (0, _react.useRef)(text.length);
+  (0, _react.useEffect)(() => {
+    var textLength = text.length;
+    var interval = setInterval(() => {
+      if (!text || textCursor.current >= textLength) {
+        clearInterval(interval);
+      }
+      var newCursorValue = textCursor.current + renderingLetterCount;
+      var newText = text.substring(0, newCursorValue);
+      textCursor.current += newText.length - textCursor.current;
+      var codeBlockCounts = (newText.match(/```/g) || []).length;
+      var shouldOptimisticallyCloseCodeBlock = codeBlockCounts > 0 && codeBlockCounts % 2 > 0;
+      setStreamedMessageText(shouldOptimisticallyCloseCodeBlock ? newText + '```' : newText);
+    }, letterInterval);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [letterInterval, renderingLetterCount, text]);
+  return {
+    streamedMessageText
+  };
+};
+exports.useStreamingMessage = useStreamingMessage;
+var StreamingMessageView = ({
+  text,
+  paragraphNumberOfLines,
+  rules,
+  onLink: onLinkParam,
+  letterInterval,
+  renderingLetterCount
+}) => {
+  var markdownText = (0, _react.useMemo)(() => (0, _markdown.generateMarkdownText)(text), [text]);
+  var _useStreamingMessage = useStreamingMessage({
+      text: markdownText != null ? markdownText : '',
+      letterInterval,
+      renderingLetterCount
+    }),
+    streamedMessageText = _useStreamingMessage.streamedMessageText;
+  var onLink = (0, _useStableCallback.useStableCallback)(url => onLinkParam ? onLinkParam(url) : _reactNative.Linking.canOpenURL(url).then(canOpenUrl => {
+    if (canOpenUrl) {
+      return _reactNative.Linking.openURL(url);
+    }
+    return undefined;
+  }));
+  return (0, _jsxRuntime.jsx)(_markdown.Markdown, {
+    rules: rules,
+    onLink: onLink,
+    paragraphNumberOfLines: paragraphNumberOfLines,
+    children: streamedMessageText
+  });
+};
+exports.StreamingMessageView = StreamingMessageView;
+//# sourceMappingURL=StreamingMessageView.js.map

package/lib/commonjs/ai-components/StreamingMessageView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useStableCallback","_markdown","_jsxRuntime","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStreamingMessage","letterInterval","renderingLetterCount","text","_useState","useState","_useState2","_slicedToArray2","streamedMessageText","setStreamedMessageText","textCursor","useRef","length","useEffect","textLength","interval","setInterval","current","clearInterval","newCursorValue","newText","substring","codeBlockCounts","match","shouldOptimisticallyCloseCodeBlock","exports","StreamingMessageView","paragraphNumberOfLines","rules","onLink","onLinkParam","markdownText","useMemo","generateMarkdownText","_useStreamingMessage","useStableCallback","url","Linking","canOpenURL","then","canOpenUrl","openURL","undefined","jsx","Markdown","children"],"sourceRoot":"../../../src","sources":["ai-components/StreamingMessageView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAU3C,IAAMmB,mBAAmB,GAAGA,CAAC;EAClCC,cAAc,GAAG,CAAC;EAClBC,oBAAoB,GAAG,CAAC;EACxBC;AACwB,CAAC,KAAsC;EAC/D,IAAAC,SAAA,GAAsD,IAAAC,eAAQ,EAASF,IAAI,CAAC;IAAAG,UAAA,OAAAC,eAAA,CAAAjB,OAAA,EAAAc,SAAA;IAArEI,mBAAmB,GAAAF,UAAA;IAAEG,sBAAsB,GAAAH,UAAA;EAClD,IAAMI,UAAU,GAAG,IAAAC,aAAM,EAASR,IAAI,CAACS,MAAM,CAAC;EAE9C,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAMC,UAAU,GAAGX,IAAI,CAACS,MAAM;IAC9B,IAAMG,QAAQ,GAAGC,WAAW,CAAC,MAAM;MACjC,IAAI,CAACb,IAAI,IAAIO,UAAU,CAACO,OAAO,IAAIH,UAAU,EAAE;QAC7CI,aAAa,CAACH,QAAQ,CAAC;MACzB;MACA,IAAMI,cAAc,GAAGT,UAAU,CAACO,OAAO,GAAGf,oBAAoB;MAChE,IAAMkB,OAAO,GAAGjB,IAAI,CAACkB,SAAS,CAAC,CAAC,EAAEF,cAAc,CAAC;MACjDT,UAAU,CAACO,OAAO,IAAIG,OAAO,CAACR,MAAM,GAAGF,UAAU,CAACO,OAAO;MACzD,IAAMK,eAAe,GAAG,CAACF,OAAO,CAACG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,EAAEX,MAAM;MAC5D,IAAMY,kCAAkC,GAAGF,eAAe,GAAG,CAAC,IAAIA,eAAe,GAAG,CAAC,GAAG,CAAC;MACzFb,sBAAsB,CAACe,kCAAkC,GAAGJ,OAAO,GAAG,KAAK,GAAGA,OAAO,CAAC;IACxF,CAAC,EAAEnB,cAAc,CAAC;IAElB,OAAO,MAAM;MACXiB,aAAa,CAACH,QAAQ,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACd,cAAc,EAAEC,oBAAoB,EAAEC,IAAI,CAAC,CAAC;EAEhD,OAAO;IAAEK;EAAoB,CAAC;AAChC,CAAC;AAACiB,OAAA,CAAAzB,mBAAA,GAAAA,mBAAA;AAEK,IAAM0B,oBAAoB,GAAGA,CAAC;EACnCvB,IAAI;EACJwB,sBAAsB;EACtBC,KAAK;EACLC,MAAM,EAAEC,WAAW;EACnB7B,cAAc;EACdC;AAQF,CAAC,KAAK;EACJ,IAAM6B,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,8BAAoB,EAAC9B,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEtE,IAAA+B,oBAAA,GAAgClC,mBAAmB,CAAC;MAClDG,IAAI,EAAE4B,YAAY,WAAZA,YAAY,GAAI,EAAE;MACxB9B,cAAc;MACdC;IACF,CAAC,CAAC;IAJMM,mBAAmB,GAAA0B,oBAAA,CAAnB1B,mBAAmB;EAM3B,IAAMqB,MAAM,GAAG,IAAAM,oCAAiB,EAAEC,GAAW,IAC3CN,WAAW,GACPA,WAAW,CAACM,GAAG,CAAC,GAChBC,oBAAO,CAACC,UAAU,CAACF,GAAG,CAAC,CAACG,IAAI,CAAEC,UAAU,IAAK;IAC3C,IAAIA,UAAU,EAAE;MACd,OAAOH,oBAAO,CAACI,OAAO,CAACL,GAAG,CAAC;IAC7B;IACA,OAAOM,SAAS;EAClB,CAAC,CACP,CAAC;EAED,OACE,IAAAhE,WAAA,CAAAiE,GAAA,EAAClE,SAAA,CAAAmE,QAAQ;IAAChB,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACF,sBAAsB,EAAEA,sBAAuB;IAAAkB,QAAA,EACpFrC;EAAmB,CACZ,CAAC;AAEf,CAAC;AAACiB,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/ai-components/charts/Chart.js

@@ -0,0 +1,25 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("./components");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/ai-components/charts/Chart.tsx";
+var Chart = ({
+  spec,
+  height = 260,
+  width
+}) => {
+  if (!spec) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)(_components.VictoryChart, {
+    spec: spec,
+    width: width,
+    height: height
+  });
+};
+var _default = exports.default = Chart;
+//# sourceMappingURL=Chart.js.map

package/lib/commonjs/ai-components/charts/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_jsxRuntime","_jsxFileName","Chart","spec","height","width","jsx","VictoryChart","_default","exports","default"],"sourceRoot":"../../../../src","sources":["ai-components/charts/Chart.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,IAAAG,YAAA;AAS5C,IAAMC,KAAK,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM,GAAG,GAAG;EAAEC;AAA2B,CAAC,KAAK;EACpE,IAAI,CAACF,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,OAAO,IAAAH,WAAA,CAAAM,GAAA,EAACP,WAAA,CAAAQ,YAAY;IAACJ,IAAI,EAAEA,IAAK;IAACE,KAAK,EAAEA,KAAM;IAACD,MAAM,EAAEA;EAAO,CAAE,CAAC;AACnE,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaR,KAAK","ignoreList":[]}

package/lib/commonjs/ai-components/charts/components/PieLegend.js

@@ -0,0 +1,54 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieLegend = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/ai-components/charts/components/PieLegend.tsx";
+var PieLegend = ({
+  items,
+  maxRows = 3
+}) => {
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: items.slice(0, maxRows * 4).map((item, i) => (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.item,
+      children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.swatch, {
+          backgroundColor: item.color
+        }]
+      }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        numberOfLines: 1,
+        style: styles.label,
+        children: item.dimension
+      })]
+    }, `${item.dimension}-${i}`))
+  });
+};
+exports.PieLegend = PieLegend;
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    marginTop: 8,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    flexWrap: 'wrap',
+    gap: 10
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    maxWidth: '48%'
+  },
+  swatch: {
+    borderRadius: 2,
+    width: 12,
+    height: 12
+  },
+  label: {
+    fontSize: 13
+  }
+});
+//# sourceMappingURL=PieLegend.js.map

package/lib/commonjs/ai-components/charts/components/PieLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","_jsxFileName","PieLegend","items","maxRows","jsx","View","style","styles","container","children","slice","map","item","i","jsxs","swatch","backgroundColor","color","Text","numberOfLines","label","dimension","exports","StyleSheet","create","marginTop","flexDirection","justifyContent","flexWrap","gap","alignItems","maxWidth","borderRadius","width","height","fontSize"],"sourceRoot":"../../../../../src","sources":["ai-components/charts/components/PieLegend.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,IAAAG,YAAA;AAI/C,IAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO,GAAG;AAAwC,CAAC,KAAK;EACzF,OACE,IAAAJ,WAAA,CAAAK,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BP,KAAK,CAACQ,KAAK,CAAC,CAAC,EAAEP,OAAO,GAAG,CAAC,CAAC,CAACQ,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KACvC,IAAAd,WAAA,CAAAe,IAAA,EAAChB,YAAA,CAAAO,IAAI;MAAgCC,KAAK,EAAEC,MAAM,CAACK,IAAK;MAAAH,QAAA,GACtD,IAAAV,WAAA,CAAAK,GAAA,EAACN,YAAA,CAAAO,IAAI;QACHC,KAAK,EAAE,CACLC,MAAM,CAACQ,MAAM,EACb;UACEC,eAAe,EAAEJ,IAAI,CAACK;QACxB,CAAC;MACD,CACH,CAAC,EACF,IAAAlB,WAAA,CAAAK,GAAA,EAACN,YAAA,CAAAoB,IAAI;QAACC,aAAa,EAAE,CAAE;QAACb,KAAK,EAAEC,MAAM,CAACa,KAAM;QAAAX,QAAA,EACzCG,IAAI,CAACS;MAAS,CACX,CAAC;IAAA,GAXE,GAAGT,IAAI,CAACS,SAAS,IAAIR,CAAC,EAY3B,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAACS,OAAA,CAAArB,SAAA,GAAAA,SAAA;AAEF,IAAMM,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,SAAS,EAAE,CAAC;IACZC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAE;EACP,CAAC;EACDjB,IAAI,EAAE;IACJc,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBD,GAAG,EAAE,CAAC;IACNE,QAAQ,EAAE;EACZ,CAAC;EACDhB,MAAM,EAAE;IACNiB,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDd,KAAK,EAAE;IACLe,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}