stream-chat-react 14.11.0 → 14.12.0

package/dist/es/plugins/Emojis/EmojiPicker.mjs

@@ -0,0 +1,95 @@
+import { useComponentContextIcons } from "../../context/useComponentContextIcons.mjs";
+import { useMessageComposerContext } from "../../context/MessageComposerContext.mjs";
+import { useTranslationContext } from "../../context/TranslationContext.mjs";
+import { Button } from "../../components/Button/Button.mjs";
+import { usePopoverPosition } from "../../components/Dialog/hooks/usePopoverPosition.mjs";
+import { useIsCooldownActive } from "../../components/MessageComposer/hooks/useIsCooldownActive.mjs";
+import { useMessageComposerController } from "../../components/MessageComposer/hooks/useMessageComposerController.mjs";
+import { Picker } from "./Picker.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/plugins/Emojis/EmojiPicker.tsx
+var isShadowRoot = (node) => !!node.host;
+var defaultButtonClassName = "str-chat__emoji-picker-button";
+var classNames = {
+	pickerContainerClassName: "str-chat__message-textarea-emoji-picker-container",
+	wrapperClassName: "str-chat__message-textarea-emoji-picker"
+};
+var EmojiPicker = (props) => {
+	const { t } = useTranslationContext("EmojiPicker");
+	const { textareaRef } = useMessageComposerContext("EmojiPicker");
+	const { textComposer } = useMessageComposerController();
+	const isCooldownActive = useIsCooldownActive();
+	const [displayPicker, setDisplayPicker] = useState(false);
+	const [referenceElement, setReferenceElement] = useState(null);
+	const [popperElement, setPopperElement] = useState(null);
+	const { refs, strategy, x, y } = usePopoverPosition({
+		offset: 8,
+		placement: props.placement ?? "top-end"
+	});
+	useEffect(() => {
+		refs.setReference(referenceElement);
+	}, [referenceElement, refs]);
+	useEffect(() => {
+		refs.setFloating(popperElement);
+	}, [popperElement, refs]);
+	const { pickerContainerClassName, wrapperClassName } = classNames;
+	const { IconEmoji } = useComponentContextIcons();
+	const ResolvedButtonIconComponent = props.ButtonIconComponent ?? IconEmoji;
+	const pickerStyle = props.pickerProps?.style;
+	useEffect(() => {
+		if (!popperElement || !referenceElement) return;
+		const handlePointerDown = (e) => {
+			const target = e.target;
+			const rootNode = target.getRootNode();
+			if (popperElement.contains(isShadowRoot(rootNode) ? rootNode.host : target) || referenceElement.contains(target)) return;
+			setDisplayPicker(false);
+		};
+		window.addEventListener("pointerdown", handlePointerDown);
+		return () => window.removeEventListener("pointerdown", handlePointerDown);
+	}, [referenceElement, popperElement]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: props.wrapperClassName ?? wrapperClassName,
+		children: [displayPicker && /* @__PURE__ */ jsx("div", {
+			className: props.pickerContainerClassName ?? pickerContainerClassName,
+			ref: setPopperElement,
+			style: {
+				left: x ?? 0,
+				position: strategy,
+				top: y ?? 0
+			},
+			children: /* @__PURE__ */ jsx(Picker, {
+				data: async () => (await import("@emoji-mart/data")).default,
+				onEmojiSelect: (e) => {
+					const textarea = textareaRef.current;
+					if (!textarea) return;
+					textComposer.insertText({ text: e.native });
+					textarea.focus();
+					if (props.closeOnEmojiSelect) setDisplayPicker(false);
+				},
+				...props.pickerProps,
+				style: {
+					...pickerStyle,
+					"--shadow": "none"
+				}
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			appearance: "ghost",
+			"aria-expanded": displayPicker,
+			"aria-label": t("aria/Emoji picker"),
+			circular: true,
+			className: props.buttonClassName ?? defaultButtonClassName,
+			disabled: isCooldownActive,
+			onClick: () => setDisplayPicker((cv) => !cv),
+			ref: setReferenceElement,
+			size: "sm",
+			type: "button",
+			variant: "secondary",
+			children: ResolvedButtonIconComponent && /* @__PURE__ */ jsx(ResolvedButtonIconComponent, {})
+		})]
+	});
+};
+//#endregion
+export { EmojiPicker };
+
+//# sourceMappingURL=EmojiPicker.mjs.map

package/dist/es/plugins/Emojis/EmojiPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.mjs","names":[],"sources":["../../../../src/plugins/Emojis/EmojiPicker.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Picker, type PickerProps } from './Picker';\n\nimport {\n  useComponentContextIcons,\n  useMessageComposerContext,\n  useTranslationContext,\n} from '../../context';\nimport {\n  Button,\n  type PopperLikePlacement,\n  useMessageComposerController,\n} from '../../components';\nimport { usePopoverPosition } from '../../components/Dialog/hooks/usePopoverPosition';\nimport { useIsCooldownActive } from '../../components/MessageComposer/hooks/useIsCooldownActive';\n\nconst isShadowRoot = (node: Node): node is ShadowRoot => !!(node as ShadowRoot).host;\n\nexport type EmojiPickerProps = {\n  /**\n   * @deprecated Use the `icons.IconEmoji` slot on `ComponentContext` (via `<WithComponents overrides={{ icons: { IconEmoji: ... } }}>`) instead.\n   * Passing this prop still wins over the context slot for backwards compatibility.\n   */\n  ButtonIconComponent?: React.ComponentType;\n  buttonClassName?: string;\n  pickerContainerClassName?: string;\n  wrapperClassName?: string;\n  closeOnEmojiSelect?: boolean;\n  /**\n   * Untyped [properties](https://github.com/missive/emoji-mart/tree/v5.5.2#options--props) to be\n   * passed down to the [emoji-mart `Picker`](https://github.com/missive/emoji-mart/tree/v5.5.2#-picker) component\n   */\n  pickerProps?: Partial<{ theme: 'auto' | 'light' | 'dark' } & PickerProps>;\n  /**\n   * Floating UI placement (default: 'top-end') for the picker popover\n   */\n  placement?: PopperLikePlacement;\n};\n\nconst defaultButtonClassName = 'str-chat__emoji-picker-button';\n\nconst classNames: Pick<\n  EmojiPickerProps,\n  'pickerContainerClassName' | 'wrapperClassName'\n> = {\n  pickerContainerClassName: 'str-chat__message-textarea-emoji-picker-container',\n  wrapperClassName: 'str-chat__message-textarea-emoji-picker',\n};\n\nexport const EmojiPicker = (props: EmojiPickerProps) => {\n  const { t } = useTranslationContext('EmojiPicker');\n  const { textareaRef } = useMessageComposerContext('EmojiPicker');\n  const { textComposer } = useMessageComposerController();\n  const isCooldownActive = useIsCooldownActive();\n  const [displayPicker, setDisplayPicker] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(\n    null,\n  );\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n  const { refs, strategy, x, y } = usePopoverPosition({\n    offset: 8,\n    placement: props.placement ?? 'top-end',\n  });\n\n  useEffect(() => {\n    refs.setReference(referenceElement);\n  }, [referenceElement, refs]);\n  useEffect(() => {\n    refs.setFloating(popperElement);\n  }, [popperElement, refs]);\n\n  const { pickerContainerClassName, wrapperClassName } = classNames;\n\n  const { IconEmoji } = useComponentContextIcons();\n  const ResolvedButtonIconComponent = props.ButtonIconComponent ?? IconEmoji;\n\n  const pickerStyle = props.pickerProps?.style as React.CSSProperties | undefined;\n\n  useEffect(() => {\n    if (!popperElement || !referenceElement) return;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      const target = e.target as HTMLElement;\n\n      const rootNode = target.getRootNode();\n\n      if (\n        popperElement.contains(isShadowRoot(rootNode) ? rootNode.host : target) ||\n        referenceElement.contains(target)\n      ) {\n        return;\n      }\n\n      setDisplayPicker(false);\n    };\n\n    window.addEventListener('pointerdown', handlePointerDown);\n    return () => window.removeEventListener('pointerdown', handlePointerDown);\n  }, [referenceElement, popperElement]);\n\n  return (\n    <div className={props.wrapperClassName ?? wrapperClassName}>\n      {displayPicker && (\n        <div\n          className={props.pickerContainerClassName ?? pickerContainerClassName}\n          ref={setPopperElement}\n          style={{ left: x ?? 0, position: strategy, top: y ?? 0 }}\n        >\n          <Picker\n            data={async () => (await import('@emoji-mart/data')).default}\n            onEmojiSelect={(e: { native: string }) => {\n              const textarea = textareaRef.current;\n              if (!textarea) return;\n              textComposer.insertText({ text: e.native });\n              textarea.focus();\n              if (props.closeOnEmojiSelect) {\n                setDisplayPicker(false);\n              }\n            }}\n            {...props.pickerProps}\n            style={{ ...pickerStyle, '--shadow': 'none' }}\n          />\n        </div>\n      )}\n      <Button\n        appearance='ghost'\n        aria-expanded={displayPicker}\n        aria-label={t('aria/Emoji picker')}\n        circular\n        className={props.buttonClassName ?? defaultButtonClassName}\n        disabled={isCooldownActive}\n        onClick={() => setDisplayPicker((cv) => !cv)}\n        ref={setReferenceElement}\n        size='sm'\n        type='button'\n        variant='secondary'\n      >\n        {ResolvedButtonIconComponent && <ResolvedButtonIconComponent />}\n      </Button>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,gBAAgB,SAAmC,CAAC,CAAE,KAAoB;AAuBhF,IAAM,yBAAyB;AAE/B,IAAM,aAGF;CACF,0BAA0B;CAC1B,kBAAkB;AACpB;AAEA,IAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,MAAM,sBAAsB,aAAa;CACjD,MAAM,EAAE,gBAAgB,0BAA0B,aAAa;CAC/D,MAAM,EAAE,iBAAiB,6BAA6B;CACtD,MAAM,mBAAmB,oBAAoB;CAC7C,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CACxD,MAAM,CAAC,kBAAkB,uBAAuB,SAC9C,IACF;CACA,MAAM,CAAC,eAAe,oBAAoB,SAAgC,IAAI;CAC9E,MAAM,EAAE,MAAM,UAAU,GAAG,MAAM,mBAAmB;EAClD,QAAQ;EACR,WAAW,MAAM,aAAa;CAChC,CAAC;CAED,gBAAgB;EACd,KAAK,aAAa,gBAAgB;CACpC,GAAG,CAAC,kBAAkB,IAAI,CAAC;CAC3B,gBAAgB;EACd,KAAK,YAAY,aAAa;CAChC,GAAG,CAAC,eAAe,IAAI,CAAC;CAExB,MAAM,EAAE,0BAA0B,qBAAqB;CAEvD,MAAM,EAAE,cAAc,yBAAyB;CAC/C,MAAM,8BAA8B,MAAM,uBAAuB;CAEjE,MAAM,cAAc,MAAM,aAAa;CAEvC,gBAAgB;EACd,IAAI,CAAC,iBAAiB,CAAC,kBAAkB;EAEzC,MAAM,qBAAqB,MAAoB;GAC7C,MAAM,SAAS,EAAE;GAEjB,MAAM,WAAW,OAAO,YAAY;GAEpC,IACE,cAAc,SAAS,aAAa,QAAQ,IAAI,SAAS,OAAO,MAAM,KACtE,iBAAiB,SAAS,MAAM,GAEhC;GAGF,iBAAiB,KAAK;EACxB;EAEA,OAAO,iBAAiB,eAAe,iBAAiB;EACxD,aAAa,OAAO,oBAAoB,eAAe,iBAAiB;CAC1E,GAAG,CAAC,kBAAkB,aAAa,CAAC;CAEpC,OACE,qBAAC,OAAD;EAAK,WAAW,MAAM,oBAAoB;YAA1C,CACG,iBACC,oBAAC,OAAD;GACE,WAAW,MAAM,4BAA4B;GAC7C,KAAK;GACL,OAAO;IAAE,MAAM,KAAK;IAAG,UAAU;IAAU,KAAK,KAAK;GAAE;aAEvD,oBAAC,QAAD;IACE,MAAM,aAAa,MAAM,OAAO,oBAAA,CAAqB;IACrD,gBAAgB,MAA0B;KACxC,MAAM,WAAW,YAAY;KAC7B,IAAI,CAAC,UAAU;KACf,aAAa,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC;KAC1C,SAAS,MAAM;KACf,IAAI,MAAM,oBACR,iBAAiB,KAAK;IAE1B;IACA,GAAI,MAAM;IACV,OAAO;KAAE,GAAG;KAAa,YAAY;IAAO;GAC7C,CAAA;EACE,CAAA,GAEP,oBAAC,QAAD;GACE,YAAW;GACX,iBAAe;GACf,cAAY,EAAE,mBAAmB;GACjC,UAAA;GACA,WAAW,MAAM,mBAAmB;GACpC,UAAU;GACV,eAAe,kBAAkB,OAAO,CAAC,EAAE;GAC3C,KAAK;GACL,MAAK;GACL,MAAK;GACL,SAAQ;aAEP,+BAA+B,oBAAC,6BAAD,CAA8B,CAAA;EACxD,CAAA,CACL;;AAET"}

package/dist/es/plugins/Emojis/Picker.mjs

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Picker } from "emoji-mart";
+//#region src/plugins/Emojis/Picker.tsx
+var Picker$1 = (props) => {
+	const ref = useRef(null);
+	const instance = useRef(null);
+	if (instance.current) instance.current.update(props);
+	useEffect(() => {
+		instance.current = new Picker({
+			...props,
+			ref
+		});
+		return () => {
+			instance.current = null;
+		};
+	}, []);
+	return /* @__PURE__ */ jsx("div", { ref });
+};
+//#endregion
+export { Picker$1 as Picker };
+
+//# sourceMappingURL=Picker.mjs.map

package/dist/es/plugins/Emojis/Picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.mjs","names":[],"sources":["../../../../src/plugins/Emojis/Picker.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { Picker as EmojiMartPicker } from 'emoji-mart';\n\n/**\n * Untyped [properties](https://github.com/missive/emoji-mart/tree/v5.5.2#options--props) forwarded\n * to the emoji-mart `Picker` custom element.\n */\nexport type PickerProps = Record<string, unknown>;\n\n// React wrapper around the emoji-mart `Picker` custom element. Taken and adjusted from\n// @emoji-mart/react (MIT, Copyright (c) Missive):\n// https://github.com/missive/emoji-mart/blob/16978d04a766eec6455e2e8bb21cd8dc0b3c7436/packages/emoji-mart-react/react.tsx\n//\n// Vendored rather than depended upon because @emoji-mart/react does not declare React 19 in its\n// peer dependencies, which forces consumers into `package.json` overrides.\nexport const Picker = (props: PickerProps) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const instance = useRef<EmojiMartPicker | null>(null);\n  if (instance.current) {\n    instance.current.update(props);\n  }\n\n  useEffect(() => {\n    instance.current = new EmojiMartPicker({ ...props, ref });\n    return () => {\n      instance.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <div ref={ref} />;\n};\n"],"mappings":";;;;AAeA,IAAa,YAAU,UAAuB;CAC5C,MAAM,MAAM,OAA8B,IAAI;CAC9C,MAAM,WAAW,OAA+B,IAAI;CACpD,IAAI,SAAS,SACX,SAAS,QAAQ,OAAO,KAAK;CAG/B,gBAAgB;EACd,SAAS,UAAU,IAAI,OAAgB;GAAE,GAAG;GAAO;EAAI,CAAC;EACxD,aAAa;GACX,SAAS,UAAU;EACrB;CAEF,GAAG,CAAC,CAAC;CAEL,OAAO,oBAAC,OAAD,EAAU,IAAM,CAAA;AACzB"}

package/dist/es/plugins/Emojis/middleware/textComposerEmojiMiddleware.mjs

@@ -0,0 +1,126 @@
+import { BaseSearchSource, getTokenizedSuggestionDisplayName, getTriggerCharWithToken, insertItemWithTrigger, replaceWordWithEntity } from "stream-chat";
+import mergeWith from "lodash.mergewith";
+//#region src/plugins/Emojis/middleware/textComposerEmojiMiddleware.ts
+var EmojiSearchSource = class extends BaseSearchSource {
+	constructor(emojiSearchIndex, options) {
+		super(options);
+		this.type = "emoji";
+		this.emojiSearchIndex = emojiSearchIndex;
+	}
+	async query(searchQuery) {
+		if (searchQuery.length === 0) return {
+			items: [],
+			next: null
+		};
+		return {
+			items: (await this.emojiSearchIndex.search(searchQuery) ?? []).filter(Boolean).slice(0, 7).map(({ emoticons = [], id, name, native, skins = [] }) => {
+				const [firstSkin] = skins;
+				return {
+					emoticons,
+					id,
+					name,
+					native: native ?? firstSkin.native
+				};
+			}),
+			next: null
+		};
+	}
+	filterQueryResults(items) {
+		return items.map((item) => ({
+			...item,
+			...getTokenizedSuggestionDisplayName({
+				displayName: item.id,
+				searchToken: this.searchQuery
+			})
+		}));
+	}
+};
+var DEFAULT_OPTIONS = {
+	minChars: 1,
+	trigger: ":"
+};
+/**
+* TextComposer middleware for mentions
+* Usage:
+*
+*  const textComposer = new TextComposer(options);
+*
+*  textComposer.use(new createTextComposerEmojiMiddleware(emojiSearchIndex, {
+*   minChars: 2
+*  }));
+*
+* @param emojiSearchIndex
+* @param {{
+*     minChars: number;
+*     trigger: string;
+*   }} options
+* @returns
+*/
+var createTextComposerEmojiMiddleware = (emojiSearchIndex, options) => {
+	const finalOptions = mergeWith(DEFAULT_OPTIONS, options ?? {});
+	const emojiSearchSource = new EmojiSearchSource(emojiSearchIndex);
+	emojiSearchSource.activate();
+	return {
+		id: "stream-io/emoji-middleware",
+		handlers: {
+			onChange: async ({ complete, forward, next, state }) => {
+				if (!state.selection) return forward();
+				const triggerWithToken = getTriggerCharWithToken({
+					acceptTrailingSpaces: false,
+					text: state.text.slice(0, state.selection.end),
+					trigger: finalOptions.trigger
+				});
+				if (!triggerWithToken || triggerWithToken.length < finalOptions.minChars) {
+					const hasSuggestionsForTrigger = state.suggestions?.trigger === finalOptions.trigger;
+					const newState = { ...state };
+					if (hasSuggestionsForTrigger && newState.suggestions) delete newState.suggestions;
+					return next(newState);
+				}
+				if (triggerWithToken && triggerWithToken === finalOptions.trigger) emojiSearchSource.resetStateAndActivate();
+				const textWithReplacedWord = await replaceWordWithEntity({
+					caretPosition: state.selection.end,
+					getEntityString: async (word) => {
+						const { items } = await emojiSearchSource.query(word);
+						const emoji = items.filter(Boolean).slice(0, 10).find(({ emoticons }) => !!emoticons?.includes(word));
+						if (!emoji) return null;
+						const [firstSkin] = emoji.skins ?? [];
+						return emoji.native ?? firstSkin.native;
+					},
+					text: state.text
+				});
+				if (textWithReplacedWord !== state.text) return complete({
+					...state,
+					suggestions: void 0,
+					text: textWithReplacedWord
+				});
+				return complete({
+					...state,
+					suggestions: {
+						query: triggerWithToken.slice(1),
+						searchSource: emojiSearchSource,
+						trigger: finalOptions.trigger
+					}
+				});
+			},
+			onSuggestionItemSelect: ({ complete, forward, state }) => {
+				const { selectedSuggestion } = state.change ?? {};
+				if (!selectedSuggestion || state.suggestions?.trigger !== finalOptions.trigger) return forward();
+				emojiSearchSource.resetStateAndActivate();
+				return complete({
+					...state,
+					...insertItemWithTrigger({
+						insertText: `${"native" in selectedSuggestion ? selectedSuggestion.native : ""} `,
+						selection: state.selection,
+						text: state.text,
+						trigger: finalOptions.trigger
+					}),
+					suggestions: void 0
+				});
+			}
+		}
+	};
+};
+//#endregion
+export { createTextComposerEmojiMiddleware };
+
+//# sourceMappingURL=textComposerEmojiMiddleware.mjs.map

package/dist/es/plugins/Emojis/middleware/textComposerEmojiMiddleware.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textComposerEmojiMiddleware.mjs","names":[],"sources":["../../../../../src/plugins/Emojis/middleware/textComposerEmojiMiddleware.ts"],"sourcesContent":["import mergeWith from 'lodash.mergewith';\nimport type {\n  Middleware,\n  SearchSourceOptions,\n  SearchSourceType,\n  TextComposerMiddlewareExecutorState,\n  TextComposerMiddlewareOptions,\n  TextComposerSuggestion,\n} from 'stream-chat';\nimport {\n  BaseSearchSource,\n  getTokenizedSuggestionDisplayName,\n  getTriggerCharWithToken,\n  insertItemWithTrigger,\n  replaceWordWithEntity,\n} from 'stream-chat';\nimport type {\n  EmojiSearchIndex,\n  EmojiSearchIndexResult,\n} from '../../../components/MessageComposer';\n\nexport type EmojiSuggestion<T extends EmojiSearchIndexResult = EmojiSearchIndexResult> =\n  TextComposerSuggestion<T>;\n\nclass EmojiSearchSource<\n  T extends TextComposerSuggestion<EmojiSearchIndexResult>,\n> extends BaseSearchSource<T> {\n  readonly type: SearchSourceType = 'emoji';\n  private emojiSearchIndex: EmojiSearchIndex;\n\n  constructor(emojiSearchIndex: EmojiSearchIndex, options?: SearchSourceOptions) {\n    super(options);\n    this.emojiSearchIndex = emojiSearchIndex;\n  }\n\n  async query(searchQuery: string) {\n    if (searchQuery.length === 0) {\n      return { items: [] as T[], next: null };\n    }\n    const emojis = (await this.emojiSearchIndex.search(searchQuery)) ?? [];\n\n    // emojiIndex.search sometimes returns undefined values, so filter those out first\n    return {\n      items: emojis\n        .filter(Boolean)\n        .slice(0, 7)\n        .map(({ emoticons = [], id, name, native, skins = [] }) => {\n          const [firstSkin] = skins;\n\n          return {\n            emoticons,\n            id,\n            name,\n            native: native ?? firstSkin.native,\n          };\n        }) as T[],\n      next: null, // todo: generate cursor\n    };\n  }\n\n  protected filterQueryResults(items: T[]): T[] | Promise<T[]> {\n    return items.map((item) => ({\n      ...item,\n      ...getTokenizedSuggestionDisplayName({\n        displayName: item.id,\n        searchToken: this.searchQuery,\n      }),\n    }));\n  }\n}\n\nconst DEFAULT_OPTIONS: TextComposerMiddlewareOptions = { minChars: 1, trigger: ':' };\n\nexport type EmojiMiddleware<T extends EmojiSearchIndexResult = EmojiSearchIndexResult> =\n  Middleware<\n    TextComposerMiddlewareExecutorState<EmojiSuggestion<T>>,\n    'onChange' | 'onSuggestionItemSelect'\n  >;\n\n/**\n * TextComposer middleware for mentions\n * Usage:\n *\n *  const textComposer = new TextComposer(options);\n *\n *  textComposer.use(new createTextComposerEmojiMiddleware(emojiSearchIndex, {\n *   minChars: 2\n *  }));\n *\n * @param emojiSearchIndex\n * @param {{\n *     minChars: number;\n *     trigger: string;\n *   }} options\n * @returns\n */\nexport const createTextComposerEmojiMiddleware = (\n  emojiSearchIndex: EmojiSearchIndex,\n  options?: Partial<TextComposerMiddlewareOptions>,\n): EmojiMiddleware => {\n  const finalOptions = mergeWith(DEFAULT_OPTIONS, options ?? {});\n  const emojiSearchSource = new EmojiSearchSource(emojiSearchIndex);\n  emojiSearchSource.activate();\n\n  return {\n    id: 'stream-io/emoji-middleware',\n    // eslint-disable-next-line sort-keys\n    handlers: {\n      onChange: async ({ complete, forward, next, state }) => {\n        if (!state.selection) return forward();\n\n        const triggerWithToken = getTriggerCharWithToken({\n          acceptTrailingSpaces: false,\n          text: state.text.slice(0, state.selection.end),\n          trigger: finalOptions.trigger,\n        });\n\n        const triggerWasRemoved =\n          !triggerWithToken || triggerWithToken.length < finalOptions.minChars;\n\n        if (triggerWasRemoved) {\n          const hasSuggestionsForTrigger =\n            state.suggestions?.trigger === finalOptions.trigger;\n          const newState = { ...state };\n          if (hasSuggestionsForTrigger && newState.suggestions) {\n            delete newState.suggestions;\n          }\n          return next(newState);\n        }\n\n        const newSearchTriggerred =\n          triggerWithToken && triggerWithToken === finalOptions.trigger;\n\n        if (newSearchTriggerred) {\n          emojiSearchSource.resetStateAndActivate();\n        }\n\n        const textWithReplacedWord = await replaceWordWithEntity({\n          caretPosition: state.selection.end,\n          getEntityString: async (word: string) => {\n            const { items } = await emojiSearchSource.query(word);\n\n            const emoji = items\n              .filter(Boolean)\n              .slice(0, 10)\n              .find(({ emoticons }) => !!emoticons?.includes(word));\n\n            if (!emoji) return null;\n\n            const [firstSkin] = emoji.skins ?? [];\n\n            return emoji.native ?? firstSkin.native;\n          },\n          text: state.text,\n        });\n\n        if (textWithReplacedWord !== state.text) {\n          return complete({\n            ...state,\n            suggestions: undefined, // to prevent the TextComposerMiddlewareExecutor to run the first page query\n            text: textWithReplacedWord,\n          });\n        }\n\n        return complete({\n          ...state,\n          suggestions: {\n            query: triggerWithToken.slice(1),\n            searchSource: emojiSearchSource,\n            trigger: finalOptions.trigger,\n          },\n        });\n      },\n      onSuggestionItemSelect: ({ complete, forward, state }) => {\n        const { selectedSuggestion } = state.change ?? {};\n        if (!selectedSuggestion || state.suggestions?.trigger !== finalOptions.trigger)\n          return forward();\n\n        emojiSearchSource.resetStateAndActivate();\n        return complete({\n          ...state,\n          ...insertItemWithTrigger({\n            insertText: `${'native' in selectedSuggestion ? selectedSuggestion.native : ''} `,\n            selection: state.selection,\n            text: state.text,\n            trigger: finalOptions.trigger,\n          }),\n          suggestions: undefined, // Clear suggestions after selection\n        });\n      },\n    },\n  };\n};\n"],"mappings":";;;AAwBA,IAAM,oBAAN,cAEU,iBAAoB;CAI5B,YAAY,kBAAoC,SAA+B;EAC7E,MAAM,OAAO;cAJmB;EAKhC,KAAK,mBAAmB;CAC1B;CAEA,MAAM,MAAM,aAAqB;EAC/B,IAAI,YAAY,WAAW,GACzB,OAAO;GAAE,OAAO,CAAC;GAAU,MAAM;EAAK;EAKxC,OAAO;GACL,QAJc,MAAM,KAAK,iBAAiB,OAAO,WAAW,KAAM,CAAC,EAAA,CAKhE,OAAO,OAAO,CAAC,CACf,MAAM,GAAG,CAAC,CAAC,CACX,KAAK,EAAE,YAAY,CAAC,GAAG,IAAI,MAAM,QAAQ,QAAQ,CAAC,QAAQ;IACzD,MAAM,CAAC,aAAa;IAEpB,OAAO;KACL;KACA;KACA;KACA,QAAQ,UAAU,UAAU;IAC9B;GACF,CAAC;GACH,MAAM;EACR;CACF;CAEA,mBAA6B,OAAgC;EAC3D,OAAO,MAAM,KAAK,UAAU;GAC1B,GAAG;GACH,GAAG,kCAAkC;IACnC,aAAa,KAAK;IAClB,aAAa,KAAK;GACpB,CAAC;EACH,EAAE;CACJ;AACF;AAEA,IAAM,kBAAiD;CAAE,UAAU;CAAG,SAAS;AAAI;;;;;;;;;;;;;;;;;;AAyBnF,IAAa,qCACX,kBACA,YACoB;CACpB,MAAM,eAAe,UAAU,iBAAiB,WAAW,CAAC,CAAC;CAC7D,MAAM,oBAAoB,IAAI,kBAAkB,gBAAgB;CAChE,kBAAkB,SAAS;CAE3B,OAAO;EACL,IAAI;EAEJ,UAAU;GACR,UAAU,OAAO,EAAE,UAAU,SAAS,MAAM,YAAY;IACtD,IAAI,CAAC,MAAM,WAAW,OAAO,QAAQ;IAErC,MAAM,mBAAmB,wBAAwB;KAC/C,sBAAsB;KACtB,MAAM,MAAM,KAAK,MAAM,GAAG,MAAM,UAAU,GAAG;KAC7C,SAAS,aAAa;IACxB,CAAC;IAKD,IAFE,CAAC,oBAAoB,iBAAiB,SAAS,aAAa,UAEvC;KACrB,MAAM,2BACJ,MAAM,aAAa,YAAY,aAAa;KAC9C,MAAM,WAAW,EAAE,GAAG,MAAM;KAC5B,IAAI,4BAA4B,SAAS,aACvC,OAAO,SAAS;KAElB,OAAO,KAAK,QAAQ;IACtB;IAKA,IAFE,oBAAoB,qBAAqB,aAAa,SAGtD,kBAAkB,sBAAsB;IAG1C,MAAM,uBAAuB,MAAM,sBAAsB;KACvD,eAAe,MAAM,UAAU;KAC/B,iBAAiB,OAAO,SAAiB;MACvC,MAAM,EAAE,UAAU,MAAM,kBAAkB,MAAM,IAAI;MAEpD,MAAM,QAAQ,MACX,OAAO,OAAO,CAAC,CACf,MAAM,GAAG,EAAE,CAAC,CACZ,MAAM,EAAE,gBAAgB,CAAC,CAAC,WAAW,SAAS,IAAI,CAAC;MAEtD,IAAI,CAAC,OAAO,OAAO;MAEnB,MAAM,CAAC,aAAa,MAAM,SAAS,CAAC;MAEpC,OAAO,MAAM,UAAU,UAAU;KACnC;KACA,MAAM,MAAM;IACd,CAAC;IAED,IAAI,yBAAyB,MAAM,MACjC,OAAO,SAAS;KACd,GAAG;KACH,aAAa,KAAA;KACb,MAAM;IACR,CAAC;IAGH,OAAO,SAAS;KACd,GAAG;KACH,aAAa;MACX,OAAO,iBAAiB,MAAM,CAAC;MAC/B,cAAc;MACd,SAAS,aAAa;KACxB;IACF,CAAC;GACH;GACA,yBAAyB,EAAE,UAAU,SAAS,YAAY;IACxD,MAAM,EAAE,uBAAuB,MAAM,UAAU,CAAC;IAChD,IAAI,CAAC,sBAAsB,MAAM,aAAa,YAAY,aAAa,SACrE,OAAO,QAAQ;IAEjB,kBAAkB,sBAAsB;IACxC,OAAO,SAAS;KACd,GAAG;KACH,GAAG,sBAAsB;MACvB,YAAY,GAAG,YAAY,qBAAqB,mBAAmB,SAAS,GAAG;MAC/E,WAAW,MAAM;MACjB,MAAM,MAAM;MACZ,SAAS,aAAa;KACxB,CAAC;KACD,aAAa,KAAA;IACf,CAAC;GACH;EACF;CACF;AACF"}

package/dist/es/store/hooks/useStateStore.mjs

@@ -0,0 +1,32 @@
+import { useCallback, useMemo } from "react";
+import { useSyncExternalStore } from "use-sync-external-store/shim";
+//#region src/store/hooks/useStateStore.ts
+var noop = () => {};
+function useStateStore(store, selector) {
+	return useSyncExternalStore(useCallback((onStoreChange) => {
+		return store?.subscribeWithSelector(selector, onStoreChange) ?? noop;
+	}, [store, selector]), useMemo(() => {
+		let cachedTuple;
+		return () => {
+			const currentValue = store?.getLatestValue();
+			if (!currentValue) return void 0;
+			if (cachedTuple && cachedTuple[0] === currentValue) return cachedTuple[1];
+			const newlySelected = selector(currentValue);
+			if (cachedTuple) {
+				let selectededAreEqualToCached = true;
+				for (const key in cachedTuple[1]) {
+					if (cachedTuple[1][key] === newlySelected[key]) continue;
+					selectededAreEqualToCached = false;
+					break;
+				}
+				if (selectededAreEqualToCached) return cachedTuple[1];
+			}
+			cachedTuple = [currentValue, newlySelected];
+			return cachedTuple[1];
+		};
+	}, [store, selector]));
+}
+//#endregion
+export { useStateStore };
+
+//# sourceMappingURL=useStateStore.mjs.map

package/dist/es/store/hooks/useStateStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateStore.mjs","names":[],"sources":["../../../../src/store/hooks/useStateStore.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nimport type { StateStore } from 'stream-chat';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport function useStateStore<\n  T extends Record<string, unknown>,\n  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,\n>(store: StateStore<T>, selector: (v: T) => O): O;\nexport function useStateStore<\n  T extends Record<string, unknown>,\n  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,\n>(store: StateStore<T> | undefined, selector: (v: T) => O): O | undefined;\nexport function useStateStore<\n  T extends Record<string, unknown>,\n  O extends Readonly<Record<string, unknown> | Readonly<unknown[]>>,\n>(store: StateStore<T> | undefined, selector: (v: T) => O) {\n  const wrappedSubscription = useCallback(\n    (onStoreChange: () => void) => {\n      const unsubscribe = store?.subscribeWithSelector(selector, onStoreChange);\n      return unsubscribe ?? noop;\n    },\n    [store, selector],\n  );\n\n  const wrappedSnapshot = useMemo(() => {\n    let cachedTuple: [T, O];\n\n    return () => {\n      const currentValue = store?.getLatestValue();\n\n      if (!currentValue) return undefined;\n\n      // store value hasn't changed, no need to compare individual values\n      if (cachedTuple && cachedTuple[0] === currentValue) {\n        return cachedTuple[1];\n      }\n\n      const newlySelected = selector(currentValue);\n\n      // store value changed but selected values wouldn't have to, double-check selected\n      if (cachedTuple) {\n        let selectededAreEqualToCached = true;\n\n        for (const key in cachedTuple[1]) {\n          if (cachedTuple[1][key] === newlySelected[key]) continue;\n          selectededAreEqualToCached = false;\n          break;\n        }\n\n        if (selectededAreEqualToCached) return cachedTuple[1];\n      }\n\n      cachedTuple = [currentValue, newlySelected];\n      return cachedTuple[1];\n    };\n  }, [store, selector]);\n\n  const state = useSyncExternalStore(wrappedSubscription, wrappedSnapshot);\n\n  return state;\n}\n"],"mappings":";;;AAMA,IAAM,aAAa,CAAC;AAUpB,SAAgB,cAGd,OAAkC,UAAuB;CA4CzD,OAFc,qBAzCc,aACzB,kBAA8B;EAE7B,OADoB,OAAO,sBAAsB,UAAU,aAAa,KAClD;CACxB,GACA,CAAC,OAAO,QAAQ,CAoCiB,GAjCX,cAAc;EACpC,IAAI;EAEJ,aAAa;GACX,MAAM,eAAe,OAAO,eAAe;GAE3C,IAAI,CAAC,cAAc,OAAO,KAAA;GAG1B,IAAI,eAAe,YAAY,OAAO,cACpC,OAAO,YAAY;GAGrB,MAAM,gBAAgB,SAAS,YAAY;GAG3C,IAAI,aAAa;IACf,IAAI,6BAA6B;IAEjC,KAAK,MAAM,OAAO,YAAY,IAAI;KAChC,IAAI,YAAY,EAAE,CAAC,SAAS,cAAc,MAAM;KAChD,6BAA6B;KAC7B;IACF;IAEA,IAAI,4BAA4B,OAAO,YAAY;GACrD;GAEA,cAAc,CAAC,cAAc,aAAa;GAC1C,OAAO,YAAY;EACrB;CACF,GAAG,CAAC,OAAO,QAAQ,CAEqC,CAEjD;AACT"}

package/dist/es/utils/findReverse.mjs

@@ -0,0 +1,8 @@
+//#region src/utils/findReverse.ts
+var findReverse = (items, matches) => {
+	for (let i = items.length - 1; i >= 0; i -= 1) if (matches(items[i])) return items[i];
+};
+//#endregion
+export { findReverse };
+
+//# sourceMappingURL=findReverse.mjs.map

package/dist/es/utils/findReverse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"findReverse.mjs","names":[],"sources":["../../../src/utils/findReverse.ts"],"sourcesContent":["// last own message should be tracked in the low-level client\nexport const findReverse = <T>(\n  items: T[],\n  matches: (items: T) => boolean,\n): T | undefined => {\n  for (let i = items.length - 1; i >= 0; i -= 1) {\n    if (matches(items[i])) {\n      return items[i];\n    }\n  }\n\n  return undefined;\n};\n"],"mappings":";AACA,IAAa,eACX,OACA,YACkB;CAClB,KAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAC1C,IAAI,QAAQ,MAAM,EAAE,GAClB,OAAO,MAAM;AAKnB"}

package/dist/es/utils/getChannel.mjs

@@ -0,0 +1,38 @@
+//#region src/utils/getChannel.ts
+/**
+* prevent from duplicate invocation of channel.watch()
+* when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+*/
+var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+/**
+* Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+* @param client
+* @param members
+* @param options
+* @param type
+* @param id
+* @param channel
+*/
+var getChannel = async ({ channel, client, id, members, options, type }) => {
+	if (!channel && !type) throw new Error("Channel or channel type have to be provided to query a channel.");
+	const theChannel = channel || client.channel(type, id, { members });
+	const originalCid = theChannel?.id ? theChannel.cid : members && members.length ? generateChannelTempCid(theChannel.type, members) : void 0;
+	if (!originalCid) throw new Error("Channel ID or channel members array have to be provided to query a channel.");
+	const queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+	if (queryPromise) await queryPromise;
+	else try {
+		WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
+		await WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+	} finally {
+		delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+	}
+	return theChannel;
+};
+var generateChannelTempCid = (channelType, members) => {
+	if (!members) return;
+	return `${channelType}:!members-${[...members].sort().join(",")}`;
+};
+//#endregion
+export { getChannel };
+
+//# sourceMappingURL=getChannel.mjs.map

package/dist/es/utils/getChannel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChannel.mjs","names":[],"sources":["../../../src/utils/getChannel.ts"],"sourcesContent":["import type {\n  Channel,\n  ChannelQueryOptions,\n  QueryChannelAPIResponse,\n  StreamChat,\n} from 'stream-chat';\n\n/**\n * prevent from duplicate invocation of channel.watch()\n * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time\n */\nconst WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL: Record<\n  string,\n  Promise<QueryChannelAPIResponse> | undefined\n> = {};\n\ntype GetChannelParams = {\n  client: StreamChat;\n  channel?: Channel;\n  id?: string;\n  members?: string[];\n  options?: ChannelQueryOptions;\n  type?: string;\n};\n/**\n * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.\n * @param client\n * @param members\n * @param options\n * @param type\n * @param id\n * @param channel\n */\nexport const getChannel = async ({\n  channel,\n  client,\n  id,\n  members,\n  options,\n  type,\n}: GetChannelParams) => {\n  if (!channel && !type) {\n    throw new Error('Channel or channel type have to be provided to query a channel.');\n  }\n\n  // unfortunately typescript is not able to infer that if (!channel && !type) === false, then channel or type has to be truthy\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const theChannel = channel || client.channel(type!, id, { members });\n\n  // need to keep as with call to channel.watch the id can be changed from undefined to an actual ID generated server-side\n  const originalCid = theChannel?.id\n    ? theChannel.cid\n    : members && members.length\n      ? generateChannelTempCid(theChannel.type, members)\n      : undefined;\n\n  if (!originalCid) {\n    throw new Error(\n      'Channel ID or channel members array have to be provided to query a channel.',\n    );\n  }\n\n  const queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];\n\n  if (queryPromise) {\n    await queryPromise;\n  } else {\n    try {\n      WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);\n      await WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];\n    } finally {\n      delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];\n    }\n  }\n\n  return theChannel;\n};\n\n// Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.\nconst generateChannelTempCid = (channelType: string, members?: string[]) => {\n  if (!members) return;\n  const membersStr = [...members].sort().join(',');\n  return `${channelType}:!members-${membersStr}`;\n};\n"],"mappings":";;;;;AAWA,IAAM,sCAGF,CAAC;;;;;;;;;;AAmBL,IAAa,aAAa,OAAO,EAC/B,SACA,QACA,IACA,SACA,SACA,WACsB;CACtB,IAAI,CAAC,WAAW,CAAC,MACf,MAAM,IAAI,MAAM,iEAAiE;CAKnF,MAAM,aAAa,WAAW,OAAO,QAAQ,MAAO,IAAI,EAAE,QAAQ,CAAC;CAGnE,MAAM,cAAc,YAAY,KAC5B,WAAW,MACX,WAAW,QAAQ,SACjB,uBAAuB,WAAW,MAAM,OAAO,IAC/C,KAAA;CAEN,IAAI,CAAC,aACH,MAAM,IAAI,MACR,6EACF;CAGF,MAAM,eAAe,oCAAoC;CAEzD,IAAI,cACF,MAAM;MAEN,IAAI;EACF,oCAAoC,eAAe,WAAW,MAAM,OAAO;EAC3E,MAAM,oCAAoC;CAC5C,UAAU;EACR,OAAO,oCAAoC;CAC7C;CAGF,OAAO;AACT;AAGA,IAAM,0BAA0B,aAAqB,YAAuB;CAC1E,IAAI,CAAC,SAAS;CAEd,OAAO,GAAG,YAAY,YADH,CAAC,GAAG,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,GACV;AACpC"}

package/dist/es/utils/getChannelConfig.mjs

@@ -0,0 +1,11 @@
+//#region src/utils/getChannelConfig.ts
+/**
+* `channel.getConfig()` throws once the channel is disconnected (current user
+* removed from the channel, channel deleted). Returns `undefined` instead,
+* which is already part of `getConfig()`'s return type.
+*/
+var getChannelConfig = (channel) => channel.disconnected ? void 0 : channel.getConfig();
+//#endregion
+export { getChannelConfig };
+
+//# sourceMappingURL=getChannelConfig.mjs.map

package/dist/es/utils/getChannelConfig.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChannelConfig.mjs","names":[],"sources":["../../../src/utils/getChannelConfig.ts"],"sourcesContent":["import type { Channel, ChannelConfigWithInfo } from 'stream-chat';\n\n/**\n * `channel.getConfig()` throws once the channel is disconnected (current user\n * removed from the channel, channel deleted). Returns `undefined` instead,\n * which is already part of `getConfig()`'s return type.\n */\nexport const getChannelConfig = (channel: Channel): ChannelConfigWithInfo | undefined =>\n  channel.disconnected ? undefined : channel.getConfig();\n"],"mappings":";;;;;;AAOA,IAAa,oBAAoB,YAC/B,QAAQ,eAAe,KAAA,IAAY,QAAQ,UAAU"}

package/dist/es/utils/getTextareaCaretRect.mjs

@@ -0,0 +1,45 @@
+//#region src/utils/getTextareaCaretRect.ts
+var CARET_MIRROR_CLASS = "str-chat__textarea-caret-mirror";
+var CARET_MARKER_CLASS = "str-chat__textarea-caret-marker";
+/**
+* Returns the caret rectangle for a textarea using a mirror-measure hack.
+* It clones computed styles and content into a hidden element to infer the
+* caret position because textarea doesn't expose caret geometry.
+*/
+var getTextareaCaretRect = (textarea, selectionEnd) => {
+	if (!textarea || typeof window === "undefined") return null;
+	const caretIndex = Math.max(0, selectionEnd ?? textarea.selectionEnd ?? 0);
+	const value = textarea.value ?? "";
+	const valueBeforeCaret = value.slice(0, caretIndex);
+	const valueAfterCaret = value.slice(caretIndex);
+	const computedStyle = window.getComputedStyle(textarea);
+	const mirror = document.createElement("div");
+	mirror.className = CARET_MIRROR_CLASS;
+	mirror.style.position = "absolute";
+	mirror.style.visibility = "hidden";
+	mirror.style.top = "0";
+	mirror.style.left = "-9999px";
+	mirror.style.whiteSpace = "pre-wrap";
+	mirror.style.wordWrap = "break-word";
+	for (const property of computedStyle) mirror.style.setProperty(property, computedStyle.getPropertyValue(property));
+	mirror.textContent = valueBeforeCaret;
+	const caretMarker = document.createElement("span");
+	caretMarker.className = CARET_MARKER_CLASS;
+	caretMarker.textContent = valueAfterCaret.length ? valueAfterCaret : ".";
+	mirror.appendChild(caretMarker);
+	document.body.appendChild(mirror);
+	mirror.scrollTop = textarea.scrollTop;
+	mirror.scrollLeft = textarea.scrollLeft;
+	const textareaRect = textarea.getBoundingClientRect();
+	const mirrorRect = mirror.getBoundingClientRect();
+	const caretRect = caretMarker.getBoundingClientRect();
+	document.body.removeChild(mirror);
+	const left = textareaRect.left + (caretRect.left - mirrorRect.left);
+	const top = textareaRect.top + (caretRect.top - mirrorRect.top);
+	const height = caretRect.height || parseFloat(computedStyle.lineHeight) || 0;
+	return new DOMRect(left, top, 0, height);
+};
+//#endregion
+export { getTextareaCaretRect };
+
+//# sourceMappingURL=getTextareaCaretRect.mjs.map

package/dist/es/utils/getTextareaCaretRect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextareaCaretRect.mjs","names":[],"sources":["../../../src/utils/getTextareaCaretRect.ts"],"sourcesContent":["const CARET_MIRROR_CLASS = 'str-chat__textarea-caret-mirror';\nconst CARET_MARKER_CLASS = 'str-chat__textarea-caret-marker';\n\nexport type TextareaCaretRect = DOMRect | null;\n\n/**\n * Returns the caret rectangle for a textarea using a mirror-measure hack.\n * It clones computed styles and content into a hidden element to infer the\n * caret position because textarea doesn't expose caret geometry.\n */\n\nexport const getTextareaCaretRect = (\n  textarea: HTMLTextAreaElement | null,\n  selectionEnd?: number,\n): TextareaCaretRect => {\n  if (!textarea || typeof window === 'undefined') return null;\n\n  const caretIndex = Math.max(0, selectionEnd ?? textarea.selectionEnd ?? 0);\n  const value = textarea.value ?? '';\n  const valueBeforeCaret = value.slice(0, caretIndex);\n  const valueAfterCaret = value.slice(caretIndex);\n\n  const computedStyle = window.getComputedStyle(textarea);\n  const mirror = document.createElement('div');\n  mirror.className = CARET_MIRROR_CLASS;\n  mirror.style.position = 'absolute';\n  mirror.style.visibility = 'hidden';\n  mirror.style.top = '0';\n  mirror.style.left = '-9999px';\n  mirror.style.whiteSpace = 'pre-wrap';\n  mirror.style.wordWrap = 'break-word';\n\n  for (const property of computedStyle) {\n    mirror.style.setProperty(property, computedStyle.getPropertyValue(property));\n  }\n\n  mirror.textContent = valueBeforeCaret;\n\n  const caretMarker = document.createElement('span');\n  caretMarker.className = CARET_MARKER_CLASS;\n  caretMarker.textContent = valueAfterCaret.length ? valueAfterCaret : '.';\n  mirror.appendChild(caretMarker);\n\n  document.body.appendChild(mirror);\n  mirror.scrollTop = textarea.scrollTop;\n  mirror.scrollLeft = textarea.scrollLeft;\n\n  const textareaRect = textarea.getBoundingClientRect();\n  const mirrorRect = mirror.getBoundingClientRect();\n  const caretRect = caretMarker.getBoundingClientRect();\n\n  document.body.removeChild(mirror);\n\n  const left = textareaRect.left + (caretRect.left - mirrorRect.left);\n  const top = textareaRect.top + (caretRect.top - mirrorRect.top);\n  const height = caretRect.height || parseFloat(computedStyle.lineHeight) || 0;\n\n  return new DOMRect(left, top, 0, height);\n};\n"],"mappings":";AAAA,IAAM,qBAAqB;AAC3B,IAAM,qBAAqB;;;;;;AAU3B,IAAa,wBACX,UACA,iBACsB;CACtB,IAAI,CAAC,YAAY,OAAO,WAAW,aAAa,OAAO;CAEvD,MAAM,aAAa,KAAK,IAAI,GAAG,gBAAgB,SAAS,gBAAgB,CAAC;CACzE,MAAM,QAAQ,SAAS,SAAS;CAChC,MAAM,mBAAmB,MAAM,MAAM,GAAG,UAAU;CAClD,MAAM,kBAAkB,MAAM,MAAM,UAAU;CAE9C,MAAM,gBAAgB,OAAO,iBAAiB,QAAQ;CACtD,MAAM,SAAS,SAAS,cAAc,KAAK;CAC3C,OAAO,YAAY;CACnB,OAAO,MAAM,WAAW;CACxB,OAAO,MAAM,aAAa;CAC1B,OAAO,MAAM,MAAM;CACnB,OAAO,MAAM,OAAO;CACpB,OAAO,MAAM,aAAa;CAC1B,OAAO,MAAM,WAAW;CAExB,KAAK,MAAM,YAAY,eACrB,OAAO,MAAM,YAAY,UAAU,cAAc,iBAAiB,QAAQ,CAAC;CAG7E,OAAO,cAAc;CAErB,MAAM,cAAc,SAAS,cAAc,MAAM;CACjD,YAAY,YAAY;CACxB,YAAY,cAAc,gBAAgB,SAAS,kBAAkB;CACrE,OAAO,YAAY,WAAW;CAE9B,SAAS,KAAK,YAAY,MAAM;CAChC,OAAO,YAAY,SAAS;CAC5B,OAAO,aAAa,SAAS;CAE7B,MAAM,eAAe,SAAS,sBAAsB;CACpD,MAAM,aAAa,OAAO,sBAAsB;CAChD,MAAM,YAAY,YAAY,sBAAsB;CAEpD,SAAS,KAAK,YAAY,MAAM;CAEhC,MAAM,OAAO,aAAa,QAAQ,UAAU,OAAO,WAAW;CAC9D,MAAM,MAAM,aAAa,OAAO,UAAU,MAAM,WAAW;CAC3D,MAAM,SAAS,UAAU,UAAU,WAAW,cAAc,UAAU,KAAK;CAE3E,OAAO,IAAI,QAAQ,MAAM,KAAK,GAAG,MAAM;AACzC"}

package/dist/es/utils/getWholeChar.mjs

@@ -0,0 +1,20 @@
+//#region src/utils/getWholeChar.ts
+var getWholeChar = (str, i) => {
+	const code = str.charCodeAt(i);
+	if (Number.isNaN(code)) return "";
+	if (code < 55296 || code > 57343) return str.charAt(i);
+	if (55296 <= code && code <= 56319) {
+		if (str.length <= i + 1) throw "High surrogate without following low surrogate";
+		const next = str.charCodeAt(i + 1);
+		if (56320 > next || next > 57343) throw "High surrogate without following low surrogate";
+		return str.charAt(i) + str.charAt(i + 1);
+	}
+	if (i === 0) throw "Low surrogate without preceding high surrogate";
+	const prev = str.charCodeAt(i - 1);
+	if (55296 > prev || prev > 56319) throw "Low surrogate without preceding high surrogate";
+	return "";
+};
+//#endregion
+export { getWholeChar };
+
+//# sourceMappingURL=getWholeChar.mjs.map

package/dist/es/utils/getWholeChar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWholeChar.mjs","names":[],"sources":["../../../src/utils/getWholeChar.ts"],"sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt#getting_whole_characters\nexport const getWholeChar = (str: string, i: number) => {\n  const code = str.charCodeAt(i);\n\n  if (Number.isNaN(code)) return '';\n\n  if (code < 0xd800 || code > 0xdfff) return str.charAt(i);\n\n  if (0xd800 <= code && code <= 0xdbff) {\n    if (str.length <= i + 1) {\n      throw 'High surrogate without following low surrogate';\n    }\n\n    const next = str.charCodeAt(i + 1);\n\n    if (0xdc00 > next || next > 0xdfff) {\n      throw 'High surrogate without following low surrogate';\n    }\n\n    return str.charAt(i) + str.charAt(i + 1);\n  }\n\n  if (i === 0) {\n    throw 'Low surrogate without preceding high surrogate';\n  }\n\n  const prev = str.charCodeAt(i - 1);\n\n  if (0xd800 > prev || prev > 0xdbff) {\n    throw 'Low surrogate without preceding high surrogate';\n  }\n\n  return '';\n};\n"],"mappings":";AACA,IAAa,gBAAgB,KAAa,MAAc;CACtD,MAAM,OAAO,IAAI,WAAW,CAAC;CAE7B,IAAI,OAAO,MAAM,IAAI,GAAG,OAAO;CAE/B,IAAI,OAAO,SAAU,OAAO,OAAQ,OAAO,IAAI,OAAO,CAAC;CAEvD,IAAI,SAAU,QAAQ,QAAQ,OAAQ;EACpC,IAAI,IAAI,UAAU,IAAI,GACpB,MAAM;EAGR,MAAM,OAAO,IAAI,WAAW,IAAI,CAAC;EAEjC,IAAI,QAAS,QAAQ,OAAO,OAC1B,MAAM;EAGR,OAAO,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC;CACzC;CAEA,IAAI,MAAM,GACR,MAAM;CAGR,MAAM,OAAO,IAAI,WAAW,IAAI,CAAC;CAEjC,IAAI,QAAS,QAAQ,OAAO,OAC1B,MAAM;CAGR,OAAO;AACT"}

package/dist/es/utils/isDmChannel.mjs

@@ -0,0 +1,9 @@
+//#region src/utils/isDmChannel.ts
+var isDmChannel = ({ channel, ownUserId }) => {
+	const memberCount = channel.data?.member_count ?? 0;
+	return memberCount === 1 || memberCount === 2 && !!ownUserId && Object.values(channel.state?.members ?? {}).some(({ user }) => user?.id === ownUserId);
+};
+//#endregion
+export { isDmChannel };
+
+//# sourceMappingURL=isDmChannel.mjs.map

package/dist/es/utils/isDmChannel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDmChannel.mjs","names":[],"sources":["../../../src/utils/isDmChannel.ts"],"sourcesContent":["import type { Channel } from 'stream-chat';\n\nexport const isDmChannel = ({\n  channel,\n  ownUserId,\n}: {\n  channel: Channel;\n  ownUserId?: string;\n}) => {\n  const memberCount = channel.data?.member_count ?? 0;\n  return (\n    memberCount === 1 ||\n    (memberCount === 2 &&\n      !!ownUserId &&\n      Object.values(channel.state?.members ?? {}).some(\n        ({ user }) => user?.id === ownUserId,\n      ))\n  );\n};\n"],"mappings":";AAEA,IAAa,eAAe,EAC1B,SACA,gBAII;CACJ,MAAM,cAAc,QAAQ,MAAM,gBAAgB;CAClD,OACE,gBAAgB,KACf,gBAAgB,KACf,CAAC,CAAC,aACF,OAAO,OAAO,QAAQ,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,MACzC,EAAE,WAAW,MAAM,OAAO,SAC7B;AAEN"}

package/dist/es/utils/mergeDeep.mjs

@@ -0,0 +1,8 @@
+import mergeWith from "lodash.mergewith";
+//#region src/utils/mergeDeep.ts
+var overrideUndefinedOnly = (object, source) => object ?? source;
+var mergeDeepUndefined = (target, source) => mergeWith(target, source, overrideUndefinedOnly);
+//#endregion
+export { mergeDeepUndefined };
+
+//# sourceMappingURL=mergeDeep.mjs.map

package/dist/es/utils/mergeDeep.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeDeep.mjs","names":[],"sources":["../../../src/utils/mergeDeep.ts"],"sourcesContent":["import mergeWith from 'lodash.mergewith';\n\nconst overrideEverything = (_: unknown, source: unknown) => source;\n\nexport const mergeDeep = <TObject, TSource>(target: TObject, source: TSource) =>\n  mergeWith<TObject, TSource>(target, source, overrideEverything);\n\nconst overrideUndefinedOnly = (object: unknown, source: unknown) => object ?? source;\n\nexport const mergeDeepUndefined = <TObject, TSource>(target: TObject, source: TSource) =>\n  mergeWith<TObject, TSource>(target, source, overrideUndefinedOnly);\n"],"mappings":";;AAOA,IAAM,yBAAyB,QAAiB,WAAoB,UAAU;AAE9E,IAAa,sBAAwC,QAAiB,WACpE,UAA4B,QAAQ,QAAQ,qBAAqB"}

package/dist/es/utils/useStableCallback.mjs

@@ -0,0 +1,34 @@
+import { useCallback, useRef } from "react";
+//#region src/utils/useStableCallback.ts
+/**
+* A utility hook implementing a stable callback. It takes in an unstable method that
+* is supposed to be invoked somewhere deeper in the DOM tree without making it
+* change its reference every time the parent component rerenders. It will also return
+* the value of the callback if it does return one.
+* A common use-case would be having a function whose invocation depends on state
+* somewhere high up in the DOM tree and wanting to use the same function deeper
+* down, for example in a leaf node and simply using useCallback results in
+* cascading dependency hell. If we wrap it in useStableCallback, we would be able
+* to:
+* - Use the same function as a dependency of another hook (since it is stable)
+* - Still invoke it and get the latest state
+*
+* **Caveats:**
+* - Never wrap a function that is supposed to return a React.ReactElement in
+*   useStableCallback, since React will not know that the DOM needs to be updated
+*   whenever the callback value changes (for example, renderItem from FlatList must
+*   never be wrapped in this hook)
+* - Always prefer using a standard useCallback/stable function wherever possible
+*   (the purpose of useStableCallback is to bridge the gap between top level contexts
+*   and cascading rereders in downstream components - **not** as an escape hatch)
+* @param callback - the callback we want to stabilize
+*/
+var useStableCallback = (callback) => {
+	const ref = useRef(callback);
+	ref.current = callback;
+	return useCallback((...args) => ref.current(...args), []);
+};
+//#endregion
+export { useStableCallback };
+
+//# sourceMappingURL=useStableCallback.mjs.map

package/dist/es/utils/useStableCallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.mjs","names":[],"sources":["../../../src/utils/useStableCallback.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nexport type StableCallback<A extends unknown[], R> = (...args: A) => R;\n\n/**\n * A utility hook implementing a stable callback. It takes in an unstable method that\n * is supposed to be invoked somewhere deeper in the DOM tree without making it\n * change its reference every time the parent component rerenders. It will also return\n * the value of the callback if it does return one.\n * A common use-case would be having a function whose invocation depends on state\n * somewhere high up in the DOM tree and wanting to use the same function deeper\n * down, for example in a leaf node and simply using useCallback results in\n * cascading dependency hell. If we wrap it in useStableCallback, we would be able\n * to:\n * - Use the same function as a dependency of another hook (since it is stable)\n * - Still invoke it and get the latest state\n *\n * **Caveats:**\n * - Never wrap a function that is supposed to return a React.ReactElement in\n *   useStableCallback, since React will not know that the DOM needs to be updated\n *   whenever the callback value changes (for example, renderItem from FlatList must\n *   never be wrapped in this hook)\n * - Always prefer using a standard useCallback/stable function wherever possible\n *   (the purpose of useStableCallback is to bridge the gap between top level contexts\n *   and cascading rereders in downstream components - **not** as an escape hatch)\n * @param callback - the callback we want to stabilize\n */\nexport const useStableCallback = <A extends unknown[], R>(\n  callback: StableCallback<A, R>,\n): StableCallback<A, R> => {\n  const ref = useRef(callback);\n  ref.current = callback;\n\n  return useCallback<StableCallback<A, R>>((...args) => ref.current(...args), []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAa,qBACX,aACyB;CACzB,MAAM,MAAM,OAAO,QAAQ;CAC3B,IAAI,UAAU;CAEd,OAAO,aAAmC,GAAG,SAAS,IAAI,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AAChF"}

package/dist/types/components/Attachment/AttachmentContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/AttachmentContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,UAAU,EAEV,sBAAsB,EACtB,eAAe,IAAI,mBAAmB,EACvC,MAAM,aAAa,CAAC;AAoBrB,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAI9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAKjB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,UAAU,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;IACpE,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AACF,eAAO,MAAM,yBAAyB,GAAI,0CAIvC,iBAAiB,CAAC,wBAAwB,CAAC,4CA4B7C,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kFAKxC,qBAAqB,mDAgBvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,gBAAgB,mDAqBrD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,qBAAqB,4CAoBzD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,qBAAqB,4CAqB1D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,qBAAqB,mDAgBzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+BAG9B,kBAAkB,4CAepB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,qBAAqB,4CA2C1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uBAGjC,qBAAqB,mDAQvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,wBAG5B,qBAAqB,4CAMvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,2CAIrC,qBAAqB,4CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG;IAAE,UAAU,EAAE,mBAAmB,CAAA;CAAE,4CAiBlF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,4BAGlC,yBAAyB,4CAI3B,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,wCAG5C,qBAAqB,4CAIvB,CAAC"}
+{"version":3,"file":"AttachmentContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/AttachmentContainer.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,UAAU,EAEV,sBAAsB,EACtB,eAAe,IAAI,mBAAmB,EACvC,MAAM,aAAa,CAAC;AAoBrB,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAI9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAWjB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,UAAU,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;IACpE,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AACF,eAAO,MAAM,yBAAyB,GAAI,0CAIvC,iBAAiB,CAAC,wBAAwB,CAAC,4CA4B7C,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kFAKxC,qBAAqB,mDAgBvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,gBAAgB,mDAqBrD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,qBAAqB,4CAoBzD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,qBAAqB,4CAqB1D,CAAC;AAeF,eAAO,MAAM,aAAa,GAAI,OAAO,qBAAqB,mDAuBzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,+BAG9B,kBAAkB,4CA2BpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,qBAAqB,4CAiD1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uBAGjC,qBAAqB,mDASvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,wBAG5B,qBAAqB,4CAMvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,2CAIrC,qBAAqB,4CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG;IAAE,UAAU,EAAE,mBAAmB,CAAA;CAAE,4CAqBlF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,4BAGlC,yBAAyB,4CAI3B,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,wCAG5C,qBAAqB,4CAIvB,CAAC"}

package/dist/types/components/Attachment/Audio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/Audio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAyE9C,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AASF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,mDA6BtC,CAAC"}
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/Audio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiF9C,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AASF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,mDAgCtC,CAAC"}

package/dist/types/components/Attachment/FileAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/FileAttachment.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAO9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gBAAgB,mBAAmB,4CAiCjE,CAAC"}
+{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/FileAttachment.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAS9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gBAAgB,mBAAmB,4CA2CjE,CAAC"}

package/dist/types/components/Attachment/VideoAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/VideoAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE1E,OAAc,EAAE,KAAK,aAAa,EAAqC,MAAM,OAAO,CAAC;AAGrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8BAG7B,oBAAoB,4CAqDtB,CAAC"}
+{"version":3,"file":"VideoAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/VideoAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE1E,OAAc,EAAE,KAAK,aAAa,EAAqC,MAAM,OAAO,CAAC;AAGrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAUvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8BAG7B,oBAAoB,4CA+FtB,CAAC"}

package/dist/types/components/Attachment/VoiceRecording.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecording.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/VoiceRecording.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA8F9C,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,GAAG;IAChF,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,yBAAyB,mDAoC3B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEhF,eAAO,MAAM,oBAAoB,GAAI,gBAAgB,yBAAyB,4CAyB7E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,gEAAgE;IAChE,UAAU,EAAE,UAAU,CAAC;IACvB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAA0B,mBAAmB,4CAKzE,CAAC"}
+{"version":3,"file":"VoiceRecording.d.ts","sourceRoot":"","sources":["../../../../src/components/Attachment/VoiceRecording.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAqH9C,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,GAAG;IAChF,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,yBAAyB,mDAuC3B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEhF,eAAO,MAAM,oBAAoB,GAAI,gBAAgB,yBAAyB,4CAyB7E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,gEAAgE;IAChE,UAAU,EAAE,UAAU,CAAC;IACvB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,0BAA0B,mBAAmB,4CAKzE,CAAC"}