stream-chat-react 13.14.1 → 14.0.0-beta.1

package/dist/components/Threads/ThreadList/ThreadListItemUI.js

@@ -1,77 +0,0 @@
-import React, { useCallback } from 'react';
-import clsx from 'clsx';
-import { Timestamp } from '../../Message/Timestamp';
-import { Avatar } from '../../Avatar';
-import { Icon } from '../icons';
-import { UnreadCountBadge } from '../UnreadCountBadge';
-import { useChannelPreviewInfo } from '../../ChannelPreview';
-import { useChatContext } from '../../../context';
-import { useThreadsViewContext } from '../../ChatView';
-import { useThreadListItemContext } from './ThreadListItem';
-import { useStateStore } from '../../../store';
-/**
- * TODO:
- * - maybe hover state? ask design
- */
-export const attachmentTypeIconMap = {
-    audio: '🔈',
-    file: '📄',
-    image: '📷',
-    video: '🎥',
-    voiceRecording: '🎙️',
-};
-// TODO: translations
-const getTitleFromMessage = ({ currentUserId, message, }) => {
-    const attachment = message?.attachments?.at(0);
-    let attachmentIcon = '';
-    if (attachment) {
-        attachmentIcon +=
-            attachmentTypeIconMap[attachment.type ?? 'file'] ?? attachmentTypeIconMap.file;
-    }
-    const messageBelongsToCurrentUser = message?.user?.id === currentUserId;
-    if (message?.deleted_at && message.parent_id)
-        return clsx(messageBelongsToCurrentUser && 'You:', 'This reply was deleted.');
-    if (message?.deleted_at && !message.parent_id)
-        return clsx(messageBelongsToCurrentUser && 'You:', 'The source message was deleted.');
-    if (attachment?.type === 'voiceRecording')
-        return clsx(attachmentIcon, messageBelongsToCurrentUser && 'You:', 'Voice message');
-    return clsx(attachmentIcon, messageBelongsToCurrentUser && 'You:', message?.text || attachment?.fallback || 'N/A');
-};
-export const ThreadListItemUI = (props) => {
-    const { client } = useChatContext();
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const thread = useThreadListItemContext();
-    const selector = useCallback((nextValue) => ({
-        channel: nextValue.channel,
-        deletedAt: nextValue.deletedAt,
-        latestReply: nextValue.replies.at(-1),
-        ownUnreadMessageCount: (client.userID && nextValue.read[client.userID]?.unreadMessageCount) || 0,
-        parentMessage: nextValue.parentMessage,
-    }), [client]);
-    const { channel, deletedAt, latestReply, ownUnreadMessageCount, parentMessage } = useStateStore(thread.state, selector);
-    const { displayTitle: channelDisplayTitle } = useChannelPreviewInfo({ channel });
-    const { activeThread, setActiveThread } = useThreadsViewContext();
-    const avatarProps = deletedAt ? null : latestReply?.user;
-    return (React.createElement("button", { "aria-selected": activeThread === thread, className: 'str-chat__thread-list-item', "data-thread-id": thread.id, onClick: () => setActiveThread(thread), role: 'option', ...props },
-        React.createElement("div", { className: 'str-chat__thread-list-item__channel' },
-            React.createElement(Icon.MessageBubble, null),
-            React.createElement("div", { className: 'str-chat__thread-list-item__channel-text' }, channelDisplayTitle)),
-        React.createElement("div", { className: 'str-chat__thread-list-item__parent-message' },
-            React.createElement("div", { className: 'str-chat__thread-list-item__parent-message-text' },
-                "replied to: ",
-                getTitleFromMessage({ message: parentMessage })),
-            !deletedAt && React.createElement(UnreadCountBadge, { count: ownUnreadMessageCount })),
-        React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply' },
-            React.createElement(Avatar, { ...avatarProps }),
-            React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply-details' },
-                !deletedAt && (React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply-created-by' }, latestReply?.user?.name || latestReply?.user?.id || 'Unknown sender')),
-                React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply-text-and-timestamp' },
-                    React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply-text' }, deletedAt
-                        ? 'This thread was deleted'
-                        : getTitleFromMessage({
-                            currentUserId: client.user?.id,
-                            message: latestReply,
-                        })),
-                    React.createElement("div", { className: 'str-chat__thread-list-item__latest-reply-timestamp' },
-                        React.createElement(Timestamp, { timestamp: deletedAt ?? latestReply?.created_at })))))));
-};

package/dist/components/Threads/ThreadList/ThreadListLoadingIndicator.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThreadListLoadingIndicator: () => React.JSX.Element | null;

package/dist/components/Threads/ThreadList/ThreadListLoadingIndicator.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { LoadingIndicator as DefaultLoadingIndicator } from '../../Loading';
-import { useChatContext, useComponentContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const selector = (nextValue) => ({
-    isLoadingNext: nextValue.pagination.isLoadingNext,
-});
-export const ThreadListLoadingIndicator = () => {
-    const { LoadingIndicator = DefaultLoadingIndicator } = useComponentContext();
-    const { client } = useChatContext();
-    const { isLoadingNext } = useStateStore(client.threads.state, selector);
-    if (!isLoadingNext)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__thread-list-loading-indicator' },
-        React.createElement(LoadingIndicator, null)));
-};

package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ThreadListUnseenThreadsBanner: () => React.JSX.Element | null;

package/dist/components/Threads/ThreadList/ThreadListUnseenThreadsBanner.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Icon } from '../icons';
-import { useChatContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const selector = (nextValue) => ({
-    unseenThreadIds: nextValue.unseenThreadIds,
-});
-export const ThreadListUnseenThreadsBanner = () => {
-    const { client } = useChatContext();
-    const { unseenThreadIds } = useStateStore(client.threads.state, selector);
-    if (!unseenThreadIds.length)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__unseen-threads-banner' },
-        unseenThreadIds.length,
-        " unread threads",
-        React.createElement("button", { className: 'str-chat__unseen-threads-banner__button', onClick: () => client.threads.reload() },
-            React.createElement(Icon.Reload, null))));
-};

package/dist/components/Threads/ThreadList/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ThreadList';
-export * from './ThreadListItem';
-export * from './ThreadListItemUI';

package/dist/components/Threads/ThreadList/index.js

@@ -1,3 +0,0 @@
-export * from './ThreadList';
-export * from './ThreadListItem';
-export * from './ThreadListItemUI';

package/dist/components/Threads/UnreadCountBadge.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-export declare const UnreadCountBadge: ({ children, count, position, }: PropsWithChildren<{
-    count: number;
-    position?: 'top-right' | 'bottom-right' | 'bottom-left' | 'top-left';
-}>) => React.JSX.Element;

package/dist/components/Threads/UnreadCountBadge.js

@@ -1,5 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-export const UnreadCountBadge = ({ children, count, position, }) => (React.createElement("div", { className: 'str-chat__unread-count-badge-container' },
-    children,
-    count > 0 && (React.createElement("div", { className: clsx('str-chat__unread-count-badge', position && `str-chat__unread-count-badge--${position}`) }, count))));

package/dist/components/Threads/hooks/useThreadManagerState.d.ts

@@ -1,2 +0,0 @@
-import type { ThreadManagerState } from 'stream-chat';
-export declare const useThreadManagerState: <T extends readonly unknown[]>(selector: (nextValue: ThreadManagerState) => T) => T;

package/dist/components/Threads/hooks/useThreadManagerState.js

@@ -1,6 +0,0 @@
-import { useChatContext } from '../../../context';
-import { useStateStore } from '../../../store';
-export const useThreadManagerState = (selector) => {
-    const { client } = useChatContext();
-    return useStateStore(client.threads.state, selector);
-};

package/dist/components/Threads/hooks/useThreadState.d.ts

@@ -1,5 +0,0 @@
-import type { ThreadState } from 'stream-chat';
-/**
- * @description returns thread state, prioritizes `ThreadListItemContext` falls back to `ThreadContext` if not former is not present
- */
-export declare const useThreadState: <T extends readonly unknown[]>(selector: (nextValue: ThreadState) => T) => T | undefined;

package/dist/components/Threads/hooks/useThreadState.js

@@ -1,11 +0,0 @@
-import { useThreadListItemContext } from '../ThreadList';
-import { useThreadContext } from '../ThreadContext';
-import { useStateStore } from '../../../store/';
-/**
- * @description returns thread state, prioritizes `ThreadListItemContext` falls back to `ThreadContext` if not former is not present
- */
-export const useThreadState = (selector) => {
-    const listItemThread = useThreadListItemContext();
-    const thread = useThreadContext();
-    return useStateStore(listItemThread?.state ?? thread?.state, selector);
-};

package/dist/components/Threads/icons.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ComponentPropsWithoutRef } from 'react';
-export declare const Icon: {
-    MessageBubble: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
-    MessageBubbleEmpty: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
-    Reload: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
-    User: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
-};

package/dist/components/Threads/icons.js

@@ -1,12 +0,0 @@
-import React from 'react';
-// TODO: unify icons across SDK
-export const Icon = {
-    MessageBubble: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--message-bubble', fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg', ...props },
-        React.createElement("path", { d: 'M1.66659 1.66665H12.3333V9.66665H2.44659L1.66659 10.4466V1.66665ZM1.66659 0.333313C0.933252 0.333313 0.339919 0.933313 0.339919 1.66665L0.333252 13.6666L2.99992 11H12.3333C13.0666 11 13.6666 10.4 13.6666 9.66665V1.66665C13.6666 0.933313 13.0666 0.333313 12.3333 0.333313H1.66659ZM2.99992 6.99998H10.9999V8.33331H2.99992V6.99998ZM2.99992 4.99998H10.9999V6.33331H2.99992V4.99998ZM2.99992 2.99998H10.9999V4.33331H2.99992V2.99998Z', fill: 'currentColor' }))),
-    MessageBubbleEmpty: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--message-bubble-empty', fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg', ...props },
-        React.createElement("path", { d: 'M18 0H2C0.9 0 0 0.9 0 2V20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 14H4L2 16V2H18V14Z', fill: 'currentColor' }))),
-    Reload: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--reload', fill: 'none', height: '22', viewBox: '0 0 16 22', width: '16', xmlns: 'http://www.w3.org/2000/svg', ...props },
-        React.createElement("path", { d: 'M8 3V0L4 4L8 8V5C11.31 5 14 7.69 14 11C14 12.01 13.75 12.97 13.3 13.8L14.76 15.26C15.54 14.03 16 12.57 16 11C16 6.58 12.42 3 8 3ZM8 17C4.69 17 2 14.31 2 11C2 9.99 2.25 9.03 2.7 8.2L1.24 6.74C0.46 7.97 0 9.43 0 11C0 15.42 3.58 19 8 19V22L12 18L8 14V17Z', fill: 'currentColor' }))),
-    User: (props) => (React.createElement("svg", { className: 'str-chat__icon str-chat__icon--user', fill: 'none', height: '16', viewBox: '0 0 16 16', width: '16', xmlns: 'http://www.w3.org/2000/svg', ...props },
-        React.createElement("path", { d: 'M8 2C9.1 2 10 2.9 10 4C10 5.1 9.1 6 8 6C6.9 6 6 5.1 6 4C6 2.9 6.9 2 8 2ZM8 12C10.7 12 13.8 13.29 14 14H2C2.23 13.28 5.31 12 8 12ZM8 0C5.79 0 4 1.79 4 4C4 6.21 5.79 8 8 8C10.21 8 12 6.21 12 4C12 1.79 10.21 0 8 0ZM8 10C5.33 10 0 11.34 0 14V16H16V14C16 11.34 10.67 10 8 10Z', fill: 'currentColor' }))),
-};

package/dist/components/Threads/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ThreadContext';
-export * from './ThreadList';

package/dist/components/Threads/index.js

@@ -1,2 +0,0 @@
-export * from './ThreadContext';
-export * from './ThreadList';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,15 +0,0 @@
-import type { ComponentProps } from 'react';
-import React from 'react';
-import type { PopperLikePlacement } from '../Dialog';
-export declare const Tooltip: ({ children, ...rest }: ComponentProps<'div'>) => React.JSX.Element;
-export type PopperTooltipProps<T extends HTMLElement> = React.PropsWithChildren<{
-    /** Reference element to which the tooltip should attach to */
-    referenceElement: T | null;
-    /** Popper's modifier (offset) property - [xAxis offset, yAxis offset], default [0, 10] */
-    offset?: [number, number];
-    /** Popper's placement property defining default position of the tooltip, default 'top' */
-    placement?: PopperLikePlacement;
-    /** Tells component whether to render its contents */
-    visible?: boolean;
-}>;
-export declare const PopperTooltip: <T extends HTMLElement>({ children, offset, placement, referenceElement, visible, }: PopperTooltipProps<T>) => React.JSX.Element | null;

package/dist/components/Tooltip/Tooltip.js

@@ -1,19 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { usePopoverPosition } from '../Dialog/hooks/usePopoverPosition';
-export const Tooltip = ({ children, ...rest }) => (React.createElement("div", { className: 'str-chat__tooltip', ...rest }, children));
-export const PopperTooltip = ({ children, offset = [0, 10], placement = 'top', referenceElement, visible = false, }) => {
-    const [popperElement, setPopperElement] = useState(null);
-    const { placement: resolvedPlacement, refs, strategy, x, y, } = usePopoverPosition({
-        offset,
-        placement,
-    });
-    useEffect(() => {
-        refs.setReference(referenceElement);
-    }, [referenceElement, refs]);
-    useEffect(() => {
-        refs.setFloating(popperElement);
-    }, [popperElement, refs]);
-    if (!visible)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__tooltip', "data-placement": resolvedPlacement, ref: setPopperElement, style: { left: x ?? 0, position: strategy, top: y ?? 0 } }, children));
-};

package/dist/components/Tooltip/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useEnterLeaveHandlers';

package/dist/components/Tooltip/hooks/index.js

@@ -1 +0,0 @@
-export * from './useEnterLeaveHandlers';

package/dist/components/Tooltip/hooks/useEnterLeaveHandlers.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-export declare const useEnterLeaveHandlers: <T extends HTMLElement>({ onMouseEnter, onMouseLeave, }?: Partial<Record<'onMouseEnter' | 'onMouseLeave', React.MouseEventHandler<T>>>) => {
-    handleEnter: React.MouseEventHandler<T>;
-    handleLeave: React.MouseEventHandler<T>;
-    tooltipVisible: boolean;
-};

package/dist/components/Tooltip/hooks/useEnterLeaveHandlers.js

@@ -1,13 +0,0 @@
-import { useCallback, useState } from 'react';
-export const useEnterLeaveHandlers = ({ onMouseEnter, onMouseLeave, } = {}) => {
-    const [tooltipVisible, setTooltipVisible] = useState(false);
-    const handleEnter = useCallback((e) => {
-        setTooltipVisible(true);
-        onMouseEnter?.(e);
-    }, [onMouseEnter]);
-    const handleLeave = useCallback((e) => {
-        setTooltipVisible(false);
-        onMouseLeave?.(e);
-    }, [onMouseLeave]);
-    return { handleEnter, handleLeave, tooltipVisible };
-};

package/dist/components/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from './Tooltip';

package/dist/components/Tooltip/index.js

@@ -1 +0,0 @@
-export * from './Tooltip';

package/dist/components/TypingIndicator/TypingIndicator.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type TypingIndicatorProps = {
-    /** Whether the typing indicator is in a thread */
-    threadList?: boolean;
-};
-export declare const TypingIndicator: (props: TypingIndicatorProps) => React.JSX.Element | null;

package/dist/components/TypingIndicator/TypingIndicator.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useChannelStateContext } from '../../context/ChannelStateContext';
-import { useChatContext } from '../../context/ChatContext';
-import { useTypingContext } from '../../context/TypingContext';
-import { useTranslationContext } from '../../context/TranslationContext';
-const useJoinTypingUsers = (names) => {
-    const { t } = useTranslationContext();
-    if (!names.length)
-        return null;
-    const [name, ...rest] = names;
-    if (names.length === 1)
-        return t('{{ user }} is typing...', {
-            user: name,
-        });
-    const MAX_JOINED_USERS = 3;
-    if (names.length > MAX_JOINED_USERS)
-        return t('{{ users }} and more are typing...', {
-            users: names.slice(0, MAX_JOINED_USERS).join(', ').trim(),
-        });
-    return t('{{ users }} and {{ user }} are typing...', {
-        user: name,
-        users: rest.join(', ').trim(),
-    });
-};
-/**
- * TypingIndicator lists users currently typing, it needs to be a child of Channel component
- */
-const UnMemoizedTypingIndicator = (props) => {
-    const { threadList } = props;
-    const { channelConfig, thread } = useChannelStateContext('TypingIndicator');
-    const { client } = useChatContext('TypingIndicator');
-    const { typing = {} } = useTypingContext('TypingIndicator');
-    const typingInChannel = !threadList
-        ? Object.values(typing).filter(({ parent_id, user }) => user?.id !== client.user?.id && !parent_id)
-        : [];
-    const typingInThread = threadList
-        ? Object.values(typing).filter(({ parent_id, user }) => user?.id !== client.user?.id && parent_id === thread?.id)
-        : [];
-    const typingUserList = (threadList ? typingInThread : typingInChannel)
-        .map(({ user }) => user?.name || user?.id)
-        .filter(Boolean);
-    const joinedTypingUsers = useJoinTypingUsers(typingUserList);
-    const isTypingActive = (threadList && typingInThread.length) || (!threadList && typingInChannel.length);
-    if (channelConfig?.typing_events === false) {
-        return null;
-    }
-    if (!isTypingActive)
-        return null;
-    return (React.createElement("div", { className: clsx('str-chat__typing-indicator', {
-            'str-chat__typing-indicator--typing': isTypingActive,
-        }), "data-testid": 'typing-indicator' },
-        React.createElement("div", { className: 'str-chat__typing-indicator__dots' },
-            React.createElement("span", { className: 'str-chat__typing-indicator__dot' }),
-            React.createElement("span", { className: 'str-chat__typing-indicator__dot' }),
-            React.createElement("span", { className: 'str-chat__typing-indicator__dot' })),
-        React.createElement("div", { className: 'str-chat__typing-indicator__users', "data-testid": 'typing-users' }, joinedTypingUsers)));
-};
-export const TypingIndicator = React.memo(UnMemoizedTypingIndicator);

package/dist/components/TypingIndicator/index.d.ts

@@ -1 +0,0 @@
-export * from './TypingIndicator';

package/dist/components/TypingIndicator/index.js

@@ -1 +0,0 @@
-export * from './TypingIndicator';

package/dist/components/UtilityComponents/ErrorBoundary.d.ts

@@ -1,16 +0,0 @@
-import { Component } from 'react';
-import type { PropsWithChildren, ReactNode } from 'react';
-type ErrorBoundaryProps = PropsWithChildren<{
-    fallback?: ReactNode;
-}>;
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
-    hasError: boolean;
-}> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(): {
-        hasError: boolean;
-    };
-    componentDidCatch(error: unknown, information: unknown): void;
-    render(): ReactNode;
-}
-export {};

package/dist/components/UtilityComponents/ErrorBoundary.js

@@ -1,19 +0,0 @@
-import { Component } from 'react';
-export class ErrorBoundary extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true };
-    }
-    componentDidCatch(error, information) {
-        console.error(error, information);
-    }
-    render() {
-        if (this.state.hasError) {
-            return this.props.fallback;
-        }
-        return this.props.children;
-    }
-}

package/dist/components/UtilityComponents/NullComponent.d.ts

@@ -1 +0,0 @@
-export declare const NullComponent: () => null;

package/dist/components/UtilityComponents/NullComponent.js

@@ -1 +0,0 @@
-export const NullComponent = () => null;

package/dist/components/UtilityComponents/index.d.ts

@@ -1,2 +0,0 @@
-export * from './NullComponent';
-export * from './ErrorBoundary';

package/dist/components/UtilityComponents/index.js

@@ -1,2 +0,0 @@
-export * from './NullComponent';
-export * from './ErrorBoundary';

package/dist/components/UtilityComponents/useStableId.d.ts

@@ -1,5 +0,0 @@
-/**
- * The ID is generated using the `nanoid` library and is memoized to ensure
- * that it remains the same across renders unless the key changes.
- */
-export declare const useStableId: (key?: string) => string;

package/dist/components/UtilityComponents/useStableId.js

@@ -1,11 +0,0 @@
-import { nanoid } from 'nanoid';
-import { useMemo } from 'react';
-/**
- * The ID is generated using the `nanoid` library and is memoized to ensure
- * that it remains the same across renders unless the key changes.
- */
-export const useStableId = (key) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const id = useMemo(() => nanoid(), [key]);
-    return id;
-};

package/dist/components/Window/Window.d.ts

@@ -1,11 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-import type { LocalMessage } from 'stream-chat';
-export type WindowProps = {
-    /** optional prop to force addition of class str-chat__main-panel---with-thread-opn to the Window root element */
-    thread?: LocalMessage;
-};
-/**
- * A UI component for conditionally displaying a Thread or Channel
- */
-export declare const Window: (props: PropsWithChildren<WindowProps>) => React.JSX.Element;

package/dist/components/Window/Window.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useChannelStateContext } from '../../context/ChannelStateContext';
-const UnMemoizedWindow = (props) => {
-    const { children, thread: propThread } = props;
-    const { thread: contextThread } = useChannelStateContext('Window');
-    return (React.createElement("div", { className: clsx('str-chat__main-panel', {
-            'str-chat__main-panel--thread-open': contextThread || propThread,
-        }) }, children));
-};
-/**
- * A UI component for conditionally displaying a Thread or Channel
- */
-export const Window = React.memo(UnMemoizedWindow);

package/dist/components/Window/index.d.ts

@@ -1 +0,0 @@
-export * from './Window';

package/dist/components/Window/index.js

@@ -1 +0,0 @@
-export * from './Window';

package/dist/components/index.d.ts

@@ -1,39 +0,0 @@
-export * from './AIStateIndicator';
-export * from './Attachment';
-export * from './AudioPlayback';
-export * from './Avatar';
-export * from './Channel';
-export * from './ChannelHeader';
-export * from './ChannelList';
-export * from './ChannelPreview';
-export * from './ChannelSearch';
-export * from './Chat';
-export * from './DateSeparator';
-export * from './Dialog';
-export * from './EmptyStateIndicator';
-export * from './EventComponent';
-export * from './Gallery';
-export * from './InfiniteScrollPaginator';
-export * from './Loading';
-export * from './LoadMore';
-export * from './Location';
-export * from './MediaRecorder';
-export * from './Message';
-export * from './MessageActions';
-export * from './MessageBounce';
-export * from './MessageInput';
-export * from './MessageList';
-export * from './Modal';
-export * from './Notifications';
-export * from './Poll';
-export * from './Reactions';
-export * from './SafeAnchor';
-export * from './TextareaComposer';
-export * from './Thread';
-export * from './Tooltip';
-export * from './TypingIndicator';
-export * from './Window';
-export * from './Threads';
-export * from './ChatView';
-export { UploadButton } from './ReactFileUtilities';
-export type { UploadButtonProps } from './ReactFileUtilities';

package/dist/components/index.js

@@ -1,38 +0,0 @@
-export * from './AIStateIndicator';
-export * from './Attachment';
-export * from './AudioPlayback';
-export * from './Avatar';
-export * from './Channel';
-export * from './ChannelHeader';
-export * from './ChannelList';
-export * from './ChannelPreview';
-export * from './ChannelSearch';
-export * from './Chat';
-export * from './DateSeparator';
-export * from './Dialog';
-export * from './EmptyStateIndicator';
-export * from './EventComponent';
-export * from './Gallery';
-export * from './InfiniteScrollPaginator';
-export * from './Loading';
-export * from './LoadMore';
-export * from './Location';
-export * from './MediaRecorder';
-export * from './Message';
-export * from './MessageActions';
-export * from './MessageBounce';
-export * from './MessageInput';
-export * from './MessageList';
-export * from './Modal';
-export * from './Notifications';
-export * from './Poll';
-export * from './Reactions';
-export * from './SafeAnchor';
-export * from './TextareaComposer';
-export * from './Thread';
-export * from './Tooltip';
-export * from './TypingIndicator';
-export * from './Window';
-export * from './Threads';
-export * from './ChatView';
-export { UploadButton } from './ReactFileUtilities';

package/dist/constants/limits.d.ts

@@ -1,5 +0,0 @@
-export declare const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 25;
-export declare const DEFAULT_JUMP_TO_PAGE_SIZE = 25;
-export declare const DEFAULT_THREAD_PAGE_SIZE = 25;
-export declare const DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
-export declare const DEFAULT_HIGHLIGHT_DURATION = 500;

package/dist/constants/limits.js

@@ -1,5 +0,0 @@
-export const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 25;
-export const DEFAULT_JUMP_TO_PAGE_SIZE = 25;
-export const DEFAULT_THREAD_PAGE_SIZE = 25;
-export const DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
-export const DEFAULT_HIGHLIGHT_DURATION = 500;

package/dist/constants/messageTypes.d.ts

@@ -1,4 +0,0 @@
-export declare const CUSTOM_MESSAGE_TYPE: {
-    readonly date: "message.date";
-    readonly intro: "channel.intro";
-};

package/dist/constants/messageTypes.js

@@ -1,4 +0,0 @@
-export const CUSTOM_MESSAGE_TYPE = {
-    date: 'message.date',
-    intro: 'channel.intro',
-};

package/dist/context/AttachmentSelectorContext.d.ts

@@ -1,9 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export type AttachmentSelectorContextValue = {
-    fileInput: HTMLInputElement | null;
-};
-export declare const AttachmentSelectorContextProvider: ({ children, value, }: PropsWithChildren<{
-    value: AttachmentSelectorContextValue;
-}>) => React.JSX.Element;
-export declare const useAttachmentSelectorContext: () => AttachmentSelectorContextValue;

package/dist/context/AttachmentSelectorContext.js

@@ -1,6 +0,0 @@
-import React, { createContext, useContext } from 'react';
-const AttachmentSelectorContext = createContext({
-    fileInput: null,
-});
-export const AttachmentSelectorContextProvider = ({ children, value, }) => (React.createElement(AttachmentSelectorContext.Provider, { value: value }, children));
-export const useAttachmentSelectorContext = () => useContext(AttachmentSelectorContext);