stream-chat-react 13.14.3 → 14.0.0-beta.2

package/dist/components/Modal/Modal.js

@@ -1,45 +0,0 @@
-import clsx from 'clsx';
-import { useCallback } from 'react';
-import React, { useEffect, useRef } from 'react';
-import { FocusScope } from '@react-aria/focus';
-import { CloseIconRound } from './icons';
-import { useTranslationContext } from '../../context';
-export const Modal = ({ children, className, onClose, onCloseAttempt, open, }) => {
-    const { t } = useTranslationContext('Modal');
-    const innerRef = useRef(null);
-    const closeButtonRef = useRef(null);
-    const maybeClose = useCallback((source, event) => {
-        const allow = onCloseAttempt?.(source, event);
-        if (allow !== false) {
-            onClose?.(event);
-        }
-    }, [onClose, onCloseAttempt]);
-    const handleClick = (event) => {
-        const target = event.target;
-        if (!innerRef.current || !closeButtonRef.current)
-            return;
-        if (closeButtonRef.current.contains(target)) {
-            maybeClose('button', event);
-        }
-        else if (!innerRef.current.contains(target)) {
-            maybeClose('overlay', event);
-        }
-    };
-    useEffect(() => {
-        if (!open)
-            return;
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape')
-                maybeClose('escape', event);
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [maybeClose, open]);
-    if (!open)
-        return null;
-    return (React.createElement("div", { className: clsx('str-chat__modal str-chat__modal--open', className), onClick: handleClick },
-        React.createElement(FocusScope, { autoFocus: true, contain: true },
-            React.createElement("button", { className: 'str-chat__modal__close-button', ref: closeButtonRef, title: t('Close') },
-                React.createElement(CloseIconRound, null)),
-            React.createElement("div", { className: 'str-chat__modal__inner str-chat-react__modal__inner', ref: innerRef }, children))));
-};

package/dist/components/Modal/ModalHeader.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export type ModalHeaderProps = {
-    title: string;
-    className?: string;
-    close?: () => void;
-    goBack?: () => void;
-};
-export declare const ModalHeader: ({ className, close, goBack, title }: ModalHeaderProps) => React.JSX.Element;

package/dist/components/Modal/ModalHeader.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-export const ModalHeader = ({ className, close, goBack, title }) => (React.createElement("div", { className: clsx('str-chat__modal-header', className) },
-    goBack && (React.createElement("button", { className: 'str-chat__modal-header__go-back-button', onClick: goBack })),
-    React.createElement("div", { className: 'str-chat__modal-header__title' }, title),
-    close && React.createElement("button", { className: 'str-chat__modal-header__close-button', onClick: close })));

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

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

package/dist/components/Modal/icons.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const CloseIconRound = () => (React.createElement("svg", { "data-testid": 'close-icon-round', fill: 'none', height: '28', viewBox: '0 0 28 28', width: '28', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("rect", { fill: '#72767E', height: '28', rx: '14', width: '28' }),
-    React.createElement("circle", { cx: '14', cy: '14', fill: '#72767E', r: '12' }),
-    React.createElement("path", { clipRule: 'evenodd', d: 'M28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14ZM26 14C26 20.6274 20.6274 26 14 26C7.37258 26 2 20.6274 2 14C2 7.37258 7.37258 2 14 2C20.6274 2 26 7.37258 26 14ZM19.59 7L21 8.41L15.41 14L21 19.59L19.59 21L14 15.41L8.41 21L7 19.59L12.59 14L7 8.41L8.41 7L14 12.59L19.59 7Z', fill: 'white', fillRule: 'evenodd' })));

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

@@ -1,2 +0,0 @@
-export * from './GlobalModal';
-export * from './Modal';

package/dist/components/Modal/index.js

@@ -1,2 +0,0 @@
-export * from './GlobalModal';
-export * from './Modal';

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

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

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

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

package/dist/components/Notifications/hooks/useNotifications.d.ts

@@ -1,2 +0,0 @@
-import type { Notification } from 'stream-chat';
-export declare const useNotifications: () => Notification[];

package/dist/components/Notifications/hooks/useNotifications.js

@@ -1,10 +0,0 @@
-import { useChatContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const selector = (state) => ({
-    notifications: state.notifications,
-});
-export const useNotifications = () => {
-    const { client } = useChatContext();
-    const result = useStateStore(client.notifications.store, selector);
-    return result.notifications;
-};

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

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

package/dist/components/Notifications/index.js

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

package/dist/components/Poll/Poll.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { Poll as PollClass } from 'stream-chat';
-export declare const Poll: ({ isQuoted, poll }: {
-    poll: PollClass;
-    isQuoted?: boolean;
-}) => React.JSX.Element | null;

package/dist/components/Poll/Poll.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PollContent as DefaultPollContent } from './PollContent';
-import { QuotedPoll as DefaultQuotedPoll } from './QuotedPoll';
-import { PollProvider, useComponentContext } from '../../context';
-export const Poll = ({ isQuoted, poll }) => {
-    const { PollContent = DefaultPollContent, QuotedPoll = DefaultQuotedPoll } = useComponentContext();
-    return poll ? (React.createElement(PollProvider, { poll: poll }, isQuoted ? React.createElement(QuotedPoll, null) : React.createElement(PollContent, null))) : null;
-};

package/dist/components/Poll/PollActions/AddCommentForm.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type AddCommentFormProps = {
-    close: () => void;
-    messageId: string;
-};
-export declare const AddCommentForm: ({ close, messageId }: AddCommentFormProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/AddCommentForm.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { FormDialog } from '../../Dialog/FormDialog';
-import { useStateStore } from '../../../store';
-import { usePollContext, useTranslationContext } from '../../../context';
-const pollStateSelector = (nextValue) => ({
-    ownAnswer: nextValue.ownAnswer,
-});
-export const AddCommentForm = ({ close, messageId }) => {
-    const { t } = useTranslationContext('AddCommentForm');
-    const { poll } = usePollContext();
-    const { ownAnswer } = useStateStore(poll.state, pollStateSelector);
-    return (React.createElement(FormDialog, { className: 'str-chat__prompt-dialog str-chat__modal__poll-add-comment', close: close, fields: {
-            comment: {
-                element: 'input',
-                props: {
-                    id: 'comment',
-                    name: 'comment',
-                    required: true,
-                    type: 'text',
-                    value: ownAnswer?.answer_text ?? '',
-                },
-                validator: (value) => {
-                    const valueString = typeof value !== 'undefined' ? value.toString() : value;
-                    const trimmedValue = valueString?.trim();
-                    if (!trimmedValue) {
-                        return new Error(t('This field cannot be empty or contain only spaces'));
-                    }
-                    return;
-                },
-            },
-        }, onSubmit: async (value) => {
-            await poll.addAnswer(value.comment, messageId);
-        }, shouldDisableSubmitButton: (value) => !value.comment || value.comment === ownAnswer?.answer_text, title: ownAnswer ? t('Update your comment') : t('Add a comment') }));
-};

package/dist/components/Poll/PollActions/EndPollDialog.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type EndPollDialogProps = {
-    close: () => void;
-};
-export declare const EndPollDialog: ({ close }: EndPollDialogProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/EndPollDialog.js

@@ -1,19 +0,0 @@
-import { PromptDialog } from '../../Dialog/PromptDialog';
-import React from 'react';
-import { usePollContext, useTranslationContext } from '../../../context';
-export const EndPollDialog = ({ close }) => {
-    const { t } = useTranslationContext('SuggestPollOptionForm');
-    const { poll } = usePollContext();
-    return (React.createElement(PromptDialog, { actions: [
-            {
-                children: t('Cancel'),
-                className: 'str-chat__dialog__controls-button--cancel',
-                onClick: close,
-            },
-            {
-                children: t('End'),
-                className: '.str-chat__dialog__controls-button--submit str-chat__dialog__controls-button--end-poll',
-                onClick: poll.close,
-            },
-        ], className: 'str-chat__modal__end-vote', prompt: t('Nobody will be able to vote in this poll anymore.'), title: t('End vote') }));
-};

package/dist/components/Poll/PollActions/PollAction.d.ts

@@ -1,10 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export type PollActionProps = {
-    buttonText: string;
-    closeModal: () => void;
-    modalIsOpen: boolean;
-    openModal: () => void;
-    modalClassName?: string;
-};
-export declare const PollAction: ({ buttonText, children, closeModal, modalClassName, modalIsOpen, openModal, }: PropsWithChildren<PollActionProps>) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollAction.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Modal as DefaultModal } from '../../Modal';
-import { useComponentContext } from '../../../context';
-export const PollAction = ({ buttonText, children, closeModal, modalClassName, modalIsOpen, openModal, }) => {
-    const { Modal = DefaultModal } = useComponentContext();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", { className: 'str-chat__poll-action', onClick: openModal }, buttonText),
-        React.createElement(Modal, { className: modalClassName, onClose: closeModal, open: modalIsOpen }, children)));
-};

package/dist/components/Poll/PollActions/PollActions.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { AddCommentFormProps } from './AddCommentForm';
-import type { SuggestPollOptionFormProps } from './SuggestPollOptionForm';
-import type { EndPollDialogProps } from './EndPollDialog';
-import type { PollAnswerListProps } from './PollAnswerList';
-import type { FullPollOptionsListingProps } from './PollOptionsFullList';
-import type { PollResultsProps } from './PollResults';
-export type PollActionsProps = {
-    AddCommentForm?: React.ComponentType<AddCommentFormProps>;
-    EndPollDialog?: React.ComponentType<EndPollDialogProps>;
-    PollAnswerList?: React.ComponentType<PollAnswerListProps>;
-    PollOptionsFullList?: React.ComponentType<FullPollOptionsListingProps>;
-    PollResults?: React.ComponentType<PollResultsProps>;
-    SuggestPollOptionForm?: React.ComponentType<SuggestPollOptionFormProps>;
-};
-export declare const PollActions: ({ AddCommentForm, EndPollDialog, PollAnswerList, PollOptionsFullList, PollResults, SuggestPollOptionForm, }: PollActionsProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollActions.js

@@ -1,51 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useState } from 'react';
-import { PollAction } from './PollAction';
-import { AddCommentForm as DefaultAddCommentForm } from './AddCommentForm';
-import { SuggestPollOptionForm as DefaultSuggestPollOptionForm } from './SuggestPollOptionForm';
-import { EndPollDialog as DefaultEndPollDialog } from './EndPollDialog';
-import { PollAnswerList as DefaultPollAnswerList } from './PollAnswerList';
-import { PollOptionsFullList as DefaultPollOptionsFullList } from './PollOptionsFullList';
-import { PollResults as DefaultPollResults } from './PollResults';
-import { MAX_OPTIONS_DISPLAYED, MAX_POLL_OPTIONS } from '../constants';
-import { useChannelStateContext, useChatContext, useMessageContext, usePollContext, useTranslationContext, } from '../../../context';
-import { useStateStore } from '../../../store';
-const COMMON_MODAL_CLASS = 'str-chat__poll-action-modal';
-const pollStateSelector = (nextValue) => ({
-    allow_answers: nextValue.allow_answers,
-    allow_user_suggested_options: nextValue.allow_user_suggested_options,
-    answers_count: nextValue.answers_count,
-    created_by_id: nextValue.created_by_id,
-    is_closed: nextValue.is_closed,
-    options: nextValue.options,
-    ownAnswer: nextValue.ownAnswer,
-});
-export const PollActions = ({ AddCommentForm = DefaultAddCommentForm, EndPollDialog = DefaultEndPollDialog, PollAnswerList = DefaultPollAnswerList, PollOptionsFullList = DefaultPollOptionsFullList, PollResults = DefaultPollResults, SuggestPollOptionForm = DefaultSuggestPollOptionForm, }) => {
-    const { client } = useChatContext();
-    const { t } = useTranslationContext('PollActions');
-    const { channelCapabilities = {} } = useChannelStateContext('PollActions');
-    const { message } = useMessageContext('PollActions');
-    const { poll } = usePollContext();
-    const { allow_answers, allow_user_suggested_options, answers_count, created_by_id, is_closed, options, ownAnswer, } = useStateStore(poll.state, pollStateSelector);
-    const [modalOpen, setModalOpen] = useState();
-    const canCastVote = channelCapabilities['cast-poll-vote'] && !is_closed;
-    const closeModal = useCallback(() => setModalOpen(undefined), []);
-    const onUpdateAnswerClick = useCallback(() => setModalOpen('add-comment'), []);
-    return (React.createElement("div", { className: 'str-chat__poll-actions' },
-        options.length > MAX_OPTIONS_DISPLAYED && (React.createElement(PollAction, { buttonText: t('See all options ({{count}})', {
-                count: options.length,
-            }), closeModal: closeModal, modalClassName: COMMON_MODAL_CLASS, modalIsOpen: modalOpen === 'view-all-options', openModal: () => setModalOpen('view-all-options') },
-            React.createElement(PollOptionsFullList, { close: closeModal }))),
-        canCastVote &&
-            allow_user_suggested_options &&
-            options.length < MAX_POLL_OPTIONS && (React.createElement(PollAction, { buttonText: t('Suggest an option'), closeModal: closeModal, modalClassName: clsx(COMMON_MODAL_CLASS, 'str-chat__suggest-poll-option-modal'), modalIsOpen: modalOpen === 'suggest-option', openModal: () => setModalOpen('suggest-option') },
-            React.createElement(SuggestPollOptionForm, { close: closeModal, messageId: message.id }))),
-        !is_closed && allow_answers && (React.createElement(PollAction, { buttonText: ownAnswer ? t('Update your comment') : t('Add a comment'), closeModal: closeModal, modalClassName: clsx(COMMON_MODAL_CLASS, 'str-chat__add-poll-answer-modal'), modalIsOpen: modalOpen === 'add-comment', openModal: () => setModalOpen('add-comment') },
-            React.createElement(AddCommentForm, { close: closeModal, messageId: message.id }))),
-        answers_count > 0 && channelCapabilities['query-poll-votes'] && (React.createElement(PollAction, { buttonText: t('View {{count}} comments', { count: answers_count }), closeModal: closeModal, modalClassName: clsx(COMMON_MODAL_CLASS, 'str-chat__poll-answer-list-modal'), modalIsOpen: modalOpen === 'view-comments', openModal: () => setModalOpen('view-comments') },
-            React.createElement(PollAnswerList, { close: closeModal, onUpdateOwnAnswerClick: onUpdateAnswerClick }))),
-        React.createElement(PollAction, { buttonText: t('View results'), closeModal: closeModal, modalClassName: clsx(COMMON_MODAL_CLASS, 'str-chat__poll-results-modal'), modalIsOpen: modalOpen === 'view-results', openModal: () => setModalOpen('view-results') },
-            React.createElement(PollResults, { close: closeModal })),
-        !is_closed && created_by_id === client.user?.id && (React.createElement(PollAction, { buttonText: t('End vote'), closeModal: closeModal, modalClassName: clsx(COMMON_MODAL_CLASS, 'str-chat__end-poll-modal'), modalIsOpen: modalOpen === 'end-vote', openModal: () => setModalOpen('end-vote') },
-            React.createElement(EndPollDialog, { close: closeModal })))));
-};

package/dist/components/Poll/PollActions/PollAnswerList.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type PollAnswerListProps = {
-    onUpdateOwnAnswerClick: () => void;
-    close?: () => void;
-};
-export declare const PollAnswerList: ({ close, onUpdateOwnAnswerClick, }: PollAnswerListProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollAnswerList.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { ModalHeader } from '../../Modal/ModalHeader';
-import { PollVote } from '../PollVote';
-import { usePollAnswerPagination } from '../hooks';
-import { InfiniteScrollPaginator } from '../../InfiniteScrollPaginator/InfiniteScrollPaginator';
-import { LoadingIndicator } from '../../Loading';
-import { useStateStore } from '../../../store';
-import { usePollContext, useTranslationContext } from '../../../context';
-const pollStateSelector = (nextValue) => ({
-    is_closed: nextValue.is_closed,
-    ownAnswer: nextValue.ownAnswer,
-});
-export const PollAnswerList = ({ close, onUpdateOwnAnswerClick, }) => {
-    const { t } = useTranslationContext();
-    const { poll } = usePollContext();
-    const { is_closed, ownAnswer } = useStateStore(poll.state, pollStateSelector);
-    const { answers, error, hasNextPage, loading, loadMore } = usePollAnswerPagination();
-    return (React.createElement("div", { className: 'str-chat__modal__poll-answer-list' },
-        React.createElement(ModalHeader, { close: close, title: t('Poll comments') }),
-        React.createElement("div", { className: 'str-chat__modal__poll-answer-list__body' },
-            React.createElement(InfiniteScrollPaginator, { loadNextOnScrollToBottom: loadMore, threshold: 40 },
-                React.createElement("div", { className: 'str-chat__poll-answer-list' }, answers.map((answer) => (React.createElement("div", { className: 'str-chat__poll-answer', key: `comment-${answer.id}` },
-                    answer.answer_text && (React.createElement("p", { className: 'str-chat__poll-answer__text' }, answer.answer_text)),
-                    React.createElement(PollVote, { key: `poll-vote-${answer.id}`, vote: answer }))))),
-                hasNextPage && (React.createElement("div", { className: 'str-chat__loading-indicator-placeholder' }, loading && React.createElement(LoadingIndicator, null)))),
-            error?.message && React.createElement("div", null, error?.message)),
-        answers.length > 0 && !is_closed && (React.createElement("button", { className: 'str-chat__poll-action', onClick: onUpdateOwnAnswerClick }, ownAnswer ? t('Update your comment') : t('Add a comment')))));
-};

package/dist/components/Poll/PollActions/PollOptionsFullList.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type FullPollOptionsListingProps = {
-    close?: () => void;
-};
-export declare const PollOptionsFullList: ({ close }: FullPollOptionsListingProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollOptionsFullList.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ModalHeader } from '../../Modal/ModalHeader';
-import { PollOptionList } from '../PollOptionList';
-import { useStateStore } from '../../../store';
-import { usePollContext, useTranslationContext } from '../../../context';
-const pollStateSelector = (nextValue) => ({
-    name: nextValue.name,
-});
-export const PollOptionsFullList = ({ close }) => {
-    const { t } = useTranslationContext();
-    const { poll } = usePollContext();
-    const { name } = useStateStore(poll.state, pollStateSelector);
-    return (React.createElement("div", { className: 'str-chat__modal__poll-option-list' },
-        React.createElement(ModalHeader, { close: close, title: t('Poll options') }),
-        React.createElement("div", { className: 'str-chat__modal__poll-option-list__body' },
-            React.createElement("div", { className: 'str-chat__modal__poll-option-list__title' }, name),
-            React.createElement(PollOptionList, null))));
-};

package/dist/components/Poll/PollActions/PollResults/PollOptionVotesList.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { PollOption } from 'stream-chat';
-export type PollOptionVotesListingProps = {
-    option: PollOption;
-};
-export declare const PollOptionVotesList: ({ option }: PollOptionVotesListingProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollResults/PollOptionVotesList.js

@@ -1,18 +0,0 @@
-import React, { useMemo } from 'react';
-import { PollVoteListing } from '../../PollVote';
-import { usePollOptionVotesPagination } from '../../hooks';
-import { LoadingIndicator } from '../../../Loading';
-import { InfiniteScrollPaginator } from '../../../InfiniteScrollPaginator/InfiniteScrollPaginator';
-import { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';
-export const PollOptionVotesList = ({ option }) => {
-    const paginationParams = useMemo(() => ({ filter: { option_id: option.id } }), [option.id]);
-    const { error, hasNextPage, loading, loadMore, votes } = usePollOptionVotesPagination({
-        paginationParams,
-    });
-    return (React.createElement("div", { className: 'str-chat__poll-option str-chat__poll-option--full-vote-list' },
-        React.createElement(PollOptionWithVotesHeader, { option: option }),
-        React.createElement(InfiniteScrollPaginator, { loadNextOnScrollToBottom: loadMore, threshold: 40 },
-            React.createElement(PollVoteListing, { votes: votes }),
-            hasNextPage && (React.createElement("div", { className: 'str-chat__loading-indicator-placeholder' }, loading && React.createElement(LoadingIndicator, null)))),
-        error && error.message));
-};

package/dist/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { PollOption } from 'stream-chat';
-export type PollOptionWithVotesProps = {
-    option: PollOption;
-    countVotesPreview?: number;
-    showAllVotes?: () => void;
-};
-export declare const PollOptionWithLatestVotes: ({ countVotesPreview, option, showAllVotes, }: PollOptionWithVotesProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollResults/PollOptionWithLatestVotes.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';
-import { PollVoteListing } from '../../PollVote';
-import { useStateStore } from '../../../../store';
-import { useChannelStateContext, usePollContext, useTranslationContext, } from '../../../../context';
-const pollStateSelector = (nextValue) => ({
-    latest_votes_by_option: nextValue.latest_votes_by_option,
-});
-export const PollOptionWithLatestVotes = ({ countVotesPreview = 5, option, showAllVotes, }) => {
-    const { t } = useTranslationContext();
-    const { channelCapabilities = {} } = useChannelStateContext('PollOptionWithLatestVotes');
-    const { poll } = usePollContext();
-    const { latest_votes_by_option } = useStateStore(poll.state, pollStateSelector);
-    const votes = latest_votes_by_option && latest_votes_by_option[option.id];
-    return (React.createElement("div", { className: 'str-chat__poll-option' },
-        React.createElement(PollOptionWithVotesHeader, { option: option }),
-        votes && React.createElement(PollVoteListing, { votes: votes.slice(0, countVotesPreview) }),
-        channelCapabilities['query-poll-votes'] &&
-            showAllVotes &&
-            votes?.length > countVotesPreview && (React.createElement("button", { className: 'str-chat__poll-option__show-all-votes-button', onClick: showAllVotes }, t('Show all')))));
-};

package/dist/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { PollOption } from 'stream-chat';
-export type PollResultOptionVoteCounterProps = {
-    optionId: string;
-};
-export declare const PollResultOptionVoteCounter: ({ optionId, }: PollResultOptionVoteCounterProps) => React.JSX.Element;
-export type PollOptionWithVotesHeaderProps = {
-    option: PollOption;
-};
-export declare const PollOptionWithVotesHeader: ({ option }: PollOptionWithVotesHeaderProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useStateStore } from '../../../../store';
-import { usePollContext, useTranslationContext } from '../../../../context';
-const pollStateSelector = (nextValue) => ({
-    maxVotedOptionIds: nextValue.maxVotedOptionIds,
-    vote_counts_by_option: nextValue.vote_counts_by_option,
-});
-export const PollResultOptionVoteCounter = ({ optionId, }) => {
-    const { t } = useTranslationContext();
-    const { poll } = usePollContext();
-    const { maxVotedOptionIds, vote_counts_by_option } = useStateStore(poll.state, pollStateSelector);
-    return (React.createElement("div", { className: 'str-chat__poll-result-option-vote-counter' },
-        maxVotedOptionIds.length === 1 && maxVotedOptionIds[0] === optionId && (React.createElement("div", { className: 'str-chat__poll-result-winning-option-icon' })),
-        React.createElement("span", { className: 'str-chat__poll-result-option-vote-count' }, t('{{count}} votes', { count: vote_counts_by_option[optionId] ?? 0 }))));
-};
-export const PollOptionWithVotesHeader = ({ option }) => (React.createElement("div", { className: 'str-chat__poll-option__header' },
-    React.createElement("div", { className: 'str-chat__poll-option__option-text' }, option.text),
-    React.createElement(PollResultOptionVoteCounter, { optionId: option.id })));

package/dist/components/Poll/PollActions/PollResults/PollResults.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type PollResultsProps = {
-    close?: () => void;
-};
-export declare const PollResults: ({ close }: PollResultsProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/PollResults/PollResults.js

@@ -1,34 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useState } from 'react';
-import { PollOptionVotesList } from './PollOptionVotesList';
-import { PollOptionWithLatestVotes } from './PollOptionWithLatestVotes';
-import { ModalHeader } from '../../../Modal/ModalHeader';
-import { useStateStore } from '../../../../store';
-import { usePollContext, useTranslationContext } from '../../../../context';
-const pollStateSelector = (nextValue) => ({
-    name: nextValue.name,
-    options: [...nextValue.options],
-    vote_counts_by_option: nextValue.vote_counts_by_option,
-});
-export const PollResults = ({ close }) => {
-    const { t } = useTranslationContext();
-    const { poll } = usePollContext();
-    const { name, options, vote_counts_by_option } = useStateStore(poll.state, pollStateSelector);
-    const [optionToView, setOptionToView] = useState();
-    const goBack = useCallback(() => setOptionToView(undefined), []);
-    return (React.createElement("div", { className: clsx('str-chat__modal__poll-results', {
-            'str-chat__modal__poll-results--option-detail': optionToView,
-        }) }, optionToView ? (React.createElement(React.Fragment, null,
-        React.createElement(ModalHeader, { close: close, goBack: goBack, title: optionToView.text }),
-        React.createElement("div", { className: 'str-chat__modal__poll-results__body' },
-            React.createElement(PollOptionVotesList, { key: `poll-option-detail-${optionToView.id}`, option: optionToView })))) : (React.createElement(React.Fragment, null,
-        React.createElement(ModalHeader, { close: close, title: t('Poll results') }),
-        React.createElement("div", { className: 'str-chat__modal__poll-results__body' },
-            React.createElement("div", { className: 'str-chat__modal__poll-results__title' }, name),
-            React.createElement("div", { className: 'str-chat__modal__poll-results__option-list' }, options
-                .sort((next, current) => (vote_counts_by_option[current.id] ?? 0) >=
-                (vote_counts_by_option[next.id] ?? 0)
-                ? 1
-                : -1)
-                .map((option) => (React.createElement(PollOptionWithLatestVotes, { key: `poll-option-${option.id}`, option: option, showAllVotes: () => setOptionToView(option) })))))))));
-};

package/dist/components/Poll/PollActions/PollResults/index.d.ts

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

package/dist/components/Poll/PollActions/PollResults/index.js

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

package/dist/components/Poll/PollActions/SuggestPollOptionForm.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type SuggestPollOptionFormProps = {
-    close: () => void;
-    messageId: string;
-};
-export declare const SuggestPollOptionForm: ({ close, messageId, }: SuggestPollOptionFormProps) => React.JSX.Element;

package/dist/components/Poll/PollActions/SuggestPollOptionForm.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { FormDialog } from '../../Dialog/FormDialog';
-import { useChatContext, usePollContext, useTranslationContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const pollStateSelector = (nextValue) => ({
-    options: nextValue.options,
-});
-export const SuggestPollOptionForm = ({ close, messageId, }) => {
-    const { client } = useChatContext('SuggestPollOptionForm');
-    const { t } = useTranslationContext('SuggestPollOptionForm');
-    const { poll } = usePollContext();
-    const { options } = useStateStore(poll.state, pollStateSelector);
-    return (React.createElement(FormDialog, { className: 'str-chat__prompt-dialog str-chat__modal__suggest-poll-option', close: close, fields: {
-            optionText: {
-                element: 'input',
-                props: {
-                    id: 'optionText',
-                    name: 'optionText',
-                    required: true,
-                    type: 'text',
-                    value: '',
-                },
-                validator: (value) => {
-                    const valueString = typeof value !== 'undefined' ? value.toString() : value;
-                    const trimmedValue = valueString?.trim();
-                    if (!trimmedValue) {
-                        return new Error(t('This field cannot be empty or contain only spaces'));
-                    }
-                    const existingOption = options.find((option) => option.text === trimmedValue);
-                    if (existingOption) {
-                        return new Error(t('Option already exists'));
-                    }
-                    return;
-                },
-            },
-        }, onSubmit: async (value) => {
-            const { poll_option } = await client.createPollOption(poll.id, {
-                text: value.optionText,
-            });
-            poll.castVote(poll_option.id, messageId);
-        }, shouldDisableSubmitButton: (value) => !value.optionText, title: t('Suggest an option') }));
-};

package/dist/components/Poll/PollActions/index.d.ts

@@ -1,7 +0,0 @@
-export * from './AddCommentForm';
-export * from './EndPollDialog';
-export * from './PollActions';
-export * from './PollAnswerList';
-export * from './PollOptionsFullList';
-export * from './PollResults';
-export * from './SuggestPollOptionForm';

package/dist/components/Poll/PollActions/index.js

@@ -1,7 +0,0 @@
-export * from './AddCommentForm';
-export * from './EndPollDialog';
-export * from './PollActions';
-export * from './PollAnswerList';
-export * from './PollOptionsFullList';
-export * from './PollResults';
-export * from './SuggestPollOptionForm';

package/dist/components/Poll/PollContent.d.ts

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

package/dist/components/Poll/PollContent.js

@@ -1,18 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-import { PollHeader as DefaultPollHeader } from './PollHeader';
-import { PollActions as DefaultPollActions } from './PollActions';
-import { PollOptionList } from './PollOptionList';
-import { MAX_OPTIONS_DISPLAYED } from './constants';
-import { useComponentContext, usePollContext } from '../../context';
-import { useStateStore } from '../../store';
-const pollStateSelectorPollContent = (nextValue) => ({ is_closed: nextValue.is_closed });
-export const PollContent = () => {
-    const { PollActions = DefaultPollActions, PollHeader = DefaultPollHeader } = useComponentContext();
-    const { poll } = usePollContext();
-    const { is_closed } = useStateStore(poll.state, pollStateSelectorPollContent);
-    return (React.createElement("div", { className: clsx('str-chat__poll', { 'str-chat__poll--closed': is_closed }) },
-        React.createElement(PollHeader, null),
-        React.createElement(PollOptionList, { optionsDisplayCount: MAX_OPTIONS_DISPLAYED }),
-        React.createElement(PollActions, null)));
-};

package/dist/components/Poll/PollCreationDialog/MultipleAnswersField.d.ts

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