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

package/dist/components/Poll/PollCreationDialog/MultipleAnswersField.js

@@ -1,46 +0,0 @@
-import clsx from 'clsx';
-import React, { useMemo } from 'react';
-import { SimpleSwitchField } from '../../Form/SwitchField';
-import { FieldError } from '../../Form/FieldError';
-import { useTranslationContext } from '../../../context';
-import { useMessageComposer } from '../../MessageInput';
-import { useStateStore } from '../../../store';
-const pollComposerStateSelector = (state) => ({
-    enforce_unique_vote: state.data.enforce_unique_vote,
-    error: state.errors.max_votes_allowed,
-    max_votes_allowed: state.data.max_votes_allowed,
-});
-export const MultipleAnswersField = () => {
-    const { t } = useTranslationContext();
-    const { pollComposer } = useMessageComposer();
-    const { enforce_unique_vote, error, max_votes_allowed } = useStateStore(pollComposer.state, pollComposerStateSelector);
-    const knownValidationErrors = useMemo(() => ({
-        'Enforce unique vote is enabled': t('Enforce unique vote is enabled'),
-        'Type a number from 2 to 10': t('Type a number from 2 to 10'),
-    }), [t]);
-    return (React.createElement("div", { className: clsx('str-chat__form__expandable-field', {
-            'str-chat__form__expandable-field--expanded': !enforce_unique_vote,
-        }) },
-        React.createElement(SimpleSwitchField, { checked: !enforce_unique_vote, id: 'enforce_unique_vote', labelText: t('Multiple answers'), onChange: (e) => {
-                pollComposer.updateFields({ enforce_unique_vote: !e.target.checked });
-            } }),
-        !enforce_unique_vote && (React.createElement("div", { className: clsx('str-chat__form__input-field', {
-                'str-chat__form__input-field--has-error': error,
-            }) },
-            React.createElement("div", { className: clsx('str-chat__form__input-field__value') },
-                React.createElement(FieldError, { className: 'str-chat__form__input-field__error', "data-testid": 'poll-max-votes-allowed-input-field-error', text: error && (knownValidationErrors[error] ?? t('Error')) }),
-                React.createElement("input", { id: 'max_votes_allowed', onBlur: () => {
-                        pollComposer.handleFieldBlur('max_votes_allowed');
-                    }, onChange: (e) => {
-                        const nativeFieldValidation = !e.target.validity.valid
-                            ? {
-                                max_votes_allowed: t('Only numbers are allowed'),
-                            }
-                            : undefined;
-                        pollComposer.updateFields({
-                            max_votes_allowed: !nativeFieldValidation
-                                ? e.target.value
-                                : pollComposer.max_votes_allowed,
-                        }, nativeFieldValidation);
-                    }, placeholder: t('Maximum number of votes (from 2 to 10)'), type: 'text', value: max_votes_allowed }))))));
-};

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

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

package/dist/components/Poll/PollCreationDialog/NameField.js

@@ -1,29 +0,0 @@
-import React, { useMemo } from 'react';
-import clsx from 'clsx';
-import { FieldError } from '../../Form/FieldError';
-import { useTranslationContext } from '../../../context';
-import { useMessageComposer } from '../../MessageInput';
-import { useStateStore } from '../../../store';
-const pollComposerStateSelector = (state) => ({
-    error: state.errors.name,
-    name: state.data.name,
-});
-export const NameField = () => {
-    const { t } = useTranslationContext();
-    const { pollComposer } = useMessageComposer();
-    const { error, name } = useStateStore(pollComposer.state, pollComposerStateSelector);
-    const knownValidationErrors = useMemo(() => ({
-        'Question is required': t('Question is required'),
-    }), [t]);
-    return (React.createElement("div", { className: clsx('str-chat__form__field str-chat__form__input-field str-chat__form__input-field--with-label', {
-            'str-chat__form__input-field--has-error': error,
-        }) },
-        React.createElement("label", { className: 'str-chat__form__field-label', htmlFor: 'name' }, t('Question')),
-        React.createElement("div", { className: clsx('str-chat__form__input-field__value') },
-            React.createElement(FieldError, { className: 'str-chat__form__input-field__error', "data-testid": 'poll-name-input-field-error', text: error && (knownValidationErrors[error] ?? t('Error')) }),
-            React.createElement("input", { id: 'name', onBlur: () => {
-                    pollComposer.handleFieldBlur('name');
-                }, onChange: (e) => {
-                    pollComposer.updateFields({ name: e.target.value });
-                }, placeholder: t('Ask a question'), type: 'text', value: name }))));
-};

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

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

package/dist/components/Poll/PollCreationDialog/OptionFieldSet.js

@@ -1,50 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useMemo } from 'react';
-import { FieldError } from '../../Form/FieldError';
-import { DragAndDropContainer } from '../../DragAndDrop/DragAndDropContainer';
-import { useTranslationContext } from '../../../context';
-import { useMessageComposer } from '../../MessageInput';
-import { useStateStore } from '../../../store';
-const pollComposerStateSelector = (state) => ({
-    errors: state.errors.options,
-    options: state.data.options,
-});
-export const OptionFieldSet = () => {
-    const { pollComposer } = useMessageComposer();
-    const { errors, options } = useStateStore(pollComposer.state, pollComposerStateSelector);
-    const { t } = useTranslationContext('OptionFieldSet');
-    const knownValidationErrors = useMemo(() => ({
-        'Option already exists': t('Option already exists'),
-        'Option is empty': t('Option is empty'),
-    }), [t]);
-    const onSetNewOrder = useCallback((newOrder) => {
-        const prevOptions = pollComposer.options;
-        pollComposer.updateFields({ options: newOrder.map((index) => prevOptions[index]) });
-    }, [pollComposer]);
-    const draggable = options.length > 1;
-    return (React.createElement("fieldset", { className: 'str-chat__form__field str-chat__form__input-fieldset' },
-        React.createElement("legend", { className: 'str-chat__form__field-label' }, t('Options')),
-        React.createElement(DragAndDropContainer, { className: 'str-chat__form__input-fieldset__values', draggable: draggable, onSetNewOrder: onSetNewOrder }, options.map((option, i) => {
-            const error = errors?.[option.id];
-            return (React.createElement("div", { className: clsx('str-chat__form__input-field', {
-                    'str-chat__form__input-field--draggable': draggable,
-                    'str-chat__form__input-field--has-error': error,
-                }), key: `new-poll-option-${i}` },
-                React.createElement("div", { className: 'str-chat__form__input-field__value' },
-                    React.createElement(FieldError, { className: 'str-chat__form__input-field__error', "data-testid": 'poll-option-input-field-error', text: error && (knownValidationErrors[error] ?? t('Error')) }),
-                    React.createElement("input", { id: option.id, onBlur: () => {
-                            pollComposer.handleFieldBlur('options');
-                        }, onChange: (e) => {
-                            pollComposer.updateFields({
-                                options: { index: i, text: e.target.value },
-                            });
-                        }, onKeyUp: (event) => {
-                            const isFocusedLastOptionField = i === options.length - 1;
-                            if (event.key === 'Enter' && !isFocusedLastOptionField) {
-                                const nextInputId = options[i + 1].id;
-                                document.getElementById(nextInputId)?.focus();
-                            }
-                        }, placeholder: t('Add an option'), type: 'text', value: option.text })),
-                draggable && React.createElement("div", { className: 'str-chat__drag-handle' })));
-        }))));
-};

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

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

package/dist/components/Poll/PollCreationDialog/PollCreationDialog.js

@@ -1,42 +0,0 @@
-import React, { useCallback } from 'react';
-import { VotingVisibility } from 'stream-chat';
-import { MultipleAnswersField } from './MultipleAnswersField';
-import { NameField } from './NameField';
-import { OptionFieldSet } from './OptionFieldSet';
-import { PollCreationDialogControls } from './PollCreationDialogControls';
-import { ModalHeader } from '../../Modal/ModalHeader';
-import { SimpleSwitchField } from '../../Form/SwitchField';
-import { useMessageComposer } from '../../MessageInput';
-import { useTranslationContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const pollComposerStateSelector = (state) => ({
-    allow_answers: state.data.allow_answers,
-    allow_user_suggested_options: state.data.allow_user_suggested_options,
-    voting_visibility: state.data.voting_visibility,
-});
-export const PollCreationDialog = ({ close }) => {
-    const { t } = useTranslationContext();
-    const { pollComposer } = useMessageComposer();
-    const { allow_answers, allow_user_suggested_options, voting_visibility } = useStateStore(pollComposer.state, pollComposerStateSelector);
-    const onClose = useCallback(() => {
-        pollComposer.initState();
-        close();
-    }, [pollComposer, close]);
-    return (React.createElement("div", { className: 'str-chat__dialog str-chat__poll-creation-dialog', "data-testid": 'poll-creation-dialog' },
-        React.createElement(ModalHeader, { close: onClose, title: t('Create poll') }),
-        React.createElement("div", { className: 'str-chat__dialog__body' },
-            React.createElement("form", { autoComplete: 'off' },
-                React.createElement(NameField, null),
-                React.createElement(OptionFieldSet, null),
-                React.createElement(MultipleAnswersField, null),
-                React.createElement(SimpleSwitchField, { checked: voting_visibility === 'anonymous', id: 'voting_visibility', labelText: t('Anonymous poll'), onChange: (e) => pollComposer.updateFields({
-                        voting_visibility: e.target.checked
-                            ? VotingVisibility.anonymous
-                            : VotingVisibility.public,
-                    }) }),
-                React.createElement(SimpleSwitchField, { checked: allow_user_suggested_options, id: 'allow_user_suggested_options', labelText: t('Allow option suggestion'), onChange: (e) => pollComposer.updateFields({
-                        allow_user_suggested_options: e.target.checked,
-                    }) }),
-                React.createElement(SimpleSwitchField, { checked: allow_answers, id: 'allow_answers', labelText: t('Allow comments'), onChange: (e) => pollComposer.updateFields({ allow_answers: e.target.checked }) }))),
-        React.createElement(PollCreationDialogControls, { close: close })));
-};

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

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

package/dist/components/Poll/PollCreationDialog/PollCreationDialogControls.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useCanCreatePoll, useMessageComposer } from '../../MessageInput';
-import { useMessageInputContext, useTranslationContext } from '../../../context';
-export const PollCreationDialogControls = ({ close, }) => {
-    const { t } = useTranslationContext('PollCreationDialogControls');
-    const { handleSubmit: handleSubmitMessage } = useMessageInputContext();
-    const messageComposer = useMessageComposer();
-    const canCreatePoll = useCanCreatePoll();
-    return (React.createElement("div", { className: 'str-chat__dialog__controls' },
-        React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel', onClick: () => {
-                messageComposer.pollComposer.initState();
-                close();
-            }, type: 'button' }, t('Cancel')),
-        React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--submit', disabled: !canCreatePoll, onClick: () => {
-                messageComposer
-                    .createPoll()
-                    .then(() => handleSubmitMessage())
-                    .then(() => {
-                    messageComposer.pollComposer.initState();
-                    close();
-                })
-                    .catch(console.error);
-            }, type: 'submit' }, t('Create'))));
-};

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

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

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

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

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

@@ -1,7 +0,0 @@
-type Id = string;
-export type PollOptionFormData = {
-    id: Id;
-    text: string;
-};
-export type OptionErrors = Record<Id, string>;
-export {};

package/dist/components/Poll/PollCreationDialog/types.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/components/Poll/PollHeader.js

@@ -1,33 +0,0 @@
-import React, { useMemo } from 'react';
-import { usePollContext, useTranslationContext } from '../../context';
-import { useStateStore } from '../../store';
-const pollStateSelector = (nextValue) => ({
-    enforce_unique_vote: nextValue.enforce_unique_vote,
-    is_closed: nextValue.is_closed,
-    max_votes_allowed: nextValue.max_votes_allowed,
-    name: nextValue.name,
-    options: nextValue.options,
-});
-export const PollHeader = () => {
-    const { t } = useTranslationContext('PollHeader');
-    const { poll } = usePollContext();
-    const { enforce_unique_vote, is_closed, max_votes_allowed, name, options } = useStateStore(poll.state, pollStateSelector);
-    const selectionInstructions = useMemo(() => {
-        if (is_closed)
-            return t('Vote ended');
-        if (enforce_unique_vote || options.length === 1)
-            return t('Select one');
-        if (max_votes_allowed)
-            return t('Select up to {{count}}', {
-                count: max_votes_allowed > options.length ? options.length : max_votes_allowed,
-            });
-        if (options.length > 1)
-            return t('Select one or more');
-        return '';
-    }, [is_closed, enforce_unique_vote, max_votes_allowed, options.length, t]);
-    if (!name)
-        return;
-    return (React.createElement("div", { className: 'str-chat__poll-header' },
-        React.createElement("div", { className: 'str-chat__poll-title' }, name),
-        React.createElement("div", { className: 'str-chat__poll-subtitle' }, selectionInstructions)));
-};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export type PollOptionListProps = {
-    optionsDisplayCount?: number;
-};
-export declare const PollOptionList: ({ optionsDisplayCount }: PollOptionListProps) => React.JSX.Element;

package/dist/components/Poll/PollOptionList.js

@@ -1,16 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-import { PollOptionSelector as DefaultPollOptionSelector } from './PollOptionSelector';
-import { useStateStore } from '../../store';
-import { useComponentContext, usePollContext } from '../../context';
-const pollStateSelector = (nextValue) => ({
-    options: nextValue.options,
-});
-export const PollOptionList = ({ optionsDisplayCount }) => {
-    const { PollOptionSelector = DefaultPollOptionSelector } = useComponentContext();
-    const { poll } = usePollContext();
-    const { options } = useStateStore(poll.state, pollStateSelector);
-    return (React.createElement("div", { className: clsx('str-chat__poll-option-list', {
-            'str-chat__poll-option-list--full': typeof optionsDisplayCount === 'undefined',
-        }) }, options.slice(0, optionsDisplayCount ?? options.length).map((option) => (React.createElement(PollOptionSelector, { displayAvatarCount: 3, key: `poll-option-${option.id}`, option: option })))));
-};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { PollOption } from 'stream-chat';
-type AmountBarProps = {
-    amount: number;
-    className?: string;
-};
-export declare const AmountBar: ({ amount, className }: AmountBarProps) => React.JSX.Element;
-export type CheckmarkProps = {
-    checked?: boolean;
-};
-export declare const Checkmark: ({ checked }: CheckmarkProps) => React.JSX.Element;
-export type PollOptionSelectorProps = {
-    option: PollOption;
-    displayAvatarCount?: number;
-    voteCountVerbose?: boolean;
-};
-export declare const PollOptionSelector: ({ displayAvatarCount, option, voteCountVerbose, }: PollOptionSelectorProps) => React.JSX.Element;
-export {};

package/dist/components/Poll/PollOptionSelector.js

@@ -1,60 +0,0 @@
-import clsx from 'clsx';
-import debounce from 'lodash.debounce';
-import React, { useMemo } from 'react';
-import { isVoteAnswer } from 'stream-chat';
-import { Avatar } from '../Avatar';
-import { useChannelStateContext, useMessageContext, usePollContext, useTranslationContext, } from '../../context';
-import { useStateStore } from '../../store';
-export const AmountBar = ({ amount, className }) => (React.createElement("div", { className: clsx('str-chat__amount-bar', className), "data-testid": 'amount-bar', role: 'progressbar', style: {
-        '--str-chat__amount-bar-fulfillment': amount + '%',
-    } }));
-export const Checkmark = ({ checked }) => (React.createElement("div", { className: clsx('str-chat__checkmark', { 'str-chat__checkmark--checked': checked }) }));
-const pollStateSelector = (nextValue) => ({
-    is_closed: nextValue.is_closed,
-    latest_votes_by_option: nextValue.latest_votes_by_option,
-    maxVotedOptionIds: nextValue.maxVotedOptionIds,
-    ownVotesByOptionId: nextValue.ownVotesByOptionId,
-    vote_counts_by_option: nextValue.vote_counts_by_option,
-    voting_visibility: nextValue.voting_visibility,
-});
-export const PollOptionSelector = ({ displayAvatarCount, option, voteCountVerbose, }) => {
-    const { t } = useTranslationContext();
-    const { channelCapabilities = {} } = useChannelStateContext('PollOptionsShortlist');
-    const { message } = useMessageContext();
-    const { poll } = usePollContext();
-    const { is_closed, latest_votes_by_option, maxVotedOptionIds, ownVotesByOptionId, vote_counts_by_option, voting_visibility, } = useStateStore(poll.state, pollStateSelector);
-    const canCastVote = channelCapabilities['cast-poll-vote'] && !is_closed;
-    const winningOptionCount = maxVotedOptionIds[0]
-        ? vote_counts_by_option[maxVotedOptionIds[0]]
-        : 0;
-    const toggleVote = useMemo(() => debounce(() => {
-        if (!canCastVote)
-            return;
-        const haveVotedForTheOption = !!ownVotesByOptionId[option.id];
-        return haveVotedForTheOption
-            ? poll.removeVote(ownVotesByOptionId[option.id].id, message.id)
-            : poll.castVote(option.id, message.id);
-    }, 100), [canCastVote, message.id, option.id, ownVotesByOptionId, poll]);
-    return (React.createElement("div", { className: clsx('str-chat__poll-option', {
-            'str-chat__poll-option--votable': canCastVote,
-        }), key: `base-poll-option-${option.id}`, onClick: toggleVote },
-        canCastVote && React.createElement(Checkmark, { checked: !!ownVotesByOptionId[option.id] }),
-        React.createElement("div", { className: 'str-chat__poll-option-data' },
-            React.createElement("p", { className: 'str-chat__poll-option-text' }, option.text),
-            displayAvatarCount && voting_visibility === 'public' && (React.createElement("div", { className: 'str-chat__poll-option-voters' }, latest_votes_by_option?.[option.id] &&
-                latest_votes_by_option[option.id]
-                    .filter((vote) => !!vote.user && !isVoteAnswer(vote))
-                    .slice(0, displayAvatarCount)
-                    .map(({ user }) => (React.createElement(Avatar, { image: user?.image, key: `poll-option-${option.id}-avatar-${user?.id}`, name: user?.name }))))),
-            React.createElement("div", { className: 'str-chat__poll-option-vote-count' }, voteCountVerbose
-                ? t('{{count}} votes', {
-                    count: vote_counts_by_option[option.id] ?? 0,
-                })
-                : (vote_counts_by_option[option.id] ?? 0))),
-        React.createElement(AmountBar, { amount: (winningOptionCount &&
-                (vote_counts_by_option[option.id] ?? 0) / winningOptionCount) * 100, className: clsx('str-chat__poll-option__votes-bar', {
-                'str-chat__poll-option__votes-bar--winner': is_closed &&
-                    maxVotedOptionIds.length === 1 &&
-                    maxVotedOptionIds[0] === option.id,
-            }) })));
-};

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { PollVote as PollVoteType } from 'stream-chat';
-type PollVoteProps = {
-    vote: PollVoteType;
-};
-export declare const PollVote: ({ vote }: PollVoteProps) => React.JSX.Element;
-export type PollVoteListingProps = {
-    votes: PollVoteType[];
-};
-export declare const PollVoteListing: ({ votes }: PollVoteListingProps) => React.JSX.Element;
-export {};

package/dist/components/Poll/PollVote.js

@@ -1,31 +0,0 @@
-import React, { useState } from 'react';
-import { Avatar } from '../Avatar';
-import { PopperTooltip } from '../Tooltip';
-import { useEnterLeaveHandlers } from '../Tooltip/hooks';
-import { useChatContext, useTranslationContext } from '../../context';
-const PollVoteTimestamp = ({ timestamp }) => {
-    const { t } = useTranslationContext();
-    const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
-    const [referenceElement, setReferenceElement] = useState(null);
-    const timestampDate = new Date(timestamp);
-    return (React.createElement("div", { className: 'str-chat__poll-vote__timestamp', onMouseEnter: handleEnter, onMouseLeave: handleLeave, ref: setReferenceElement },
-        t('timestamp/PollVote', { timestamp: timestampDate }),
-        React.createElement(PopperTooltip, { offset: [0, 5], placement: 'bottom', referenceElement: referenceElement, visible: tooltipVisible }, t('timestamp/PollVoteTooltip', { timestamp: timestampDate }))));
-};
-const PollVoteAuthor = ({ vote }) => {
-    const { t } = useTranslationContext();
-    const { client } = useChatContext();
-    const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
-    const [referenceElement, setReferenceElement] = useState(null);
-    const displayName = client.user?.id && client.user.id === vote.user?.id
-        ? t('You')
-        : vote.user?.name || t('Anonymous');
-    return (React.createElement("div", { className: 'str-chat__poll-vote__author', onMouseEnter: handleEnter, onMouseLeave: handleLeave, ref: setReferenceElement },
-        vote.user && (React.createElement(Avatar, { className: 'str-chat__avatar--poll-vote-author', image: vote.user.image, key: `poll-vote-${vote.id}-avatar-${vote.user.id}`, name: vote.user.name })),
-        React.createElement("div", { className: 'str-chat__poll-vote__author__name' }, displayName),
-        React.createElement(PopperTooltip, { offset: [0, 5], placement: 'bottom', referenceElement: referenceElement, visible: tooltipVisible }, displayName)));
-};
-export const PollVote = ({ vote }) => (React.createElement("div", { className: 'str-chat__poll-vote' },
-    React.createElement(PollVoteAuthor, { vote: vote }),
-    React.createElement(PollVoteTimestamp, { timestamp: vote.created_at })));
-export const PollVoteListing = ({ votes }) => (React.createElement("div", { className: 'str-chat__poll-vote-listing' }, votes.map((vote) => (React.createElement(PollVote, { key: `poll-vote-${vote.id}`, vote: vote })))));

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

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

package/dist/components/Poll/QuotedPoll.js

@@ -1,17 +0,0 @@
-import clsx from 'clsx';
-import React from 'react';
-import { usePollContext } from '../../context';
-import { useStateStore } from '../../store';
-const pollStateSelectorQuotedPoll = (nextValue) => ({
-    is_closed: nextValue.is_closed,
-    name: nextValue.name,
-});
-export const QuotedPoll = () => {
-    const { poll } = usePollContext();
-    const { is_closed, name } = useStateStore(poll.state, pollStateSelectorQuotedPoll);
-    return (React.createElement("div", { className: clsx('str-chat__quoted-poll-preview', {
-            'str-chat__quoted-poll-preview--closed': is_closed,
-        }) },
-        React.createElement("div", { className: 'str-chat__quoted-poll-preview__icon' }, "\uD83D\uDCCA"),
-        React.createElement("div", { className: 'str-chat__quoted-poll-preview__name' }, name)));
-};

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

@@ -1,2 +0,0 @@
-export declare const MAX_POLL_OPTIONS: 100;
-export declare const MAX_OPTIONS_DISPLAYED: 10;

package/dist/components/Poll/constants.js

@@ -1,2 +0,0 @@
-export const MAX_POLL_OPTIONS = 100;
-export const MAX_OPTIONS_DISPLAYED = 10;

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

@@ -1,2 +0,0 @@
-export * from './usePollAnswerPagination';
-export * from './usePollOptionVotesPagination';

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

@@ -1,2 +0,0 @@
-export * from './usePollAnswerPagination';
-export * from './usePollOptionVotesPagination';

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

@@ -1,3 +0,0 @@
-import type { PollAnswer, PollVote } from 'stream-chat';
-import type { CursorPaginatorStateStore } from '../../InfiniteScrollPaginator/hooks/useCursorPaginator';
-export declare function useManagePollVotesRealtime<T extends PollVote | PollAnswer = PollVote>(managedVoteType: 'answer' | 'vote', cursorPaginatorState?: CursorPaginatorStateStore<T>, optionId?: string): T[];

package/dist/components/Poll/hooks/useManagePollVotesRealtime.js

@@ -1,41 +0,0 @@
-import { useEffect, useState } from 'react';
-import { isVoteAnswer } from 'stream-chat';
-import { useChatContext } from '../../../context';
-export function useManagePollVotesRealtime(managedVoteType, cursorPaginatorState, optionId) {
-    const { client } = useChatContext();
-    const [votesInRealtime, setVotesInRealtime] = useState(cursorPaginatorState?.getLatestValue().items ?? []);
-    useEffect(() => cursorPaginatorState?.subscribeWithSelector((state) => [state.latestPageItems], ([latestPageItems]) => setVotesInRealtime((prev) => [...prev, ...latestPageItems])), [cursorPaginatorState]);
-    useEffect(() => {
-        const handleVoteEvent = (event) => {
-            if (!event.poll_vote)
-                return;
-            const isAnswer = isVoteAnswer(event.poll_vote);
-            if ((managedVoteType === 'answer' && !isAnswer) ||
-                (managedVoteType === 'vote' &&
-                    (isAnswer || event.poll_vote.option_id !== optionId)))
-                return;
-            if (event.type === 'poll.vote_removed') {
-                setVotesInRealtime((prev) => event.poll_vote
-                    ? prev.filter((vote) => vote.id !== event.poll_vote.id)
-                    : prev);
-            }
-            if (event.type === 'poll.vote_changed') {
-                setVotesInRealtime((prev) => event.poll_vote
-                    ? prev.filter((vote) => vote.id !== event.poll_vote.id)
-                    : prev);
-            }
-            if (['poll.vote_casted', 'poll.vote_changed'].includes(event.type)) {
-                setVotesInRealtime((prev) => event.poll_vote ? [event.poll_vote, ...prev] : prev);
-            }
-        };
-        const voteCastedSubscription = client.on('poll.vote_casted', handleVoteEvent);
-        const voteRemovedSubscription = client.on('poll.vote_removed', handleVoteEvent);
-        const voteChangedSubscription = client.on('poll.vote_changed', handleVoteEvent);
-        return () => {
-            voteCastedSubscription.unsubscribe();
-            voteRemovedSubscription.unsubscribe();
-            voteChangedSubscription.unsubscribe();
-        };
-    }, [client, optionId, managedVoteType]);
-    return votesInRealtime;
-}

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

@@ -1,12 +0,0 @@
-import type { PollAnswer, PollAnswersQueryParams } from 'stream-chat';
-type UsePollAnswerPaginationParams = {
-    paginationParams?: PollAnswersQueryParams;
-};
-export declare const usePollAnswerPagination: ({ paginationParams, }?: UsePollAnswerPaginationParams) => {
-    answers: PollAnswer[];
-    error: Error | undefined;
-    hasNextPage: boolean;
-    loading: boolean;
-    loadMore: () => Promise<void>;
-};
-export {};

package/dist/components/Poll/hooks/usePollAnswerPagination.js

@@ -1,33 +0,0 @@
-import { useCallback } from 'react';
-import { useManagePollVotesRealtime } from './useManagePollVotesRealtime';
-import { useCursorPaginator } from '../../InfiniteScrollPaginator/hooks/useCursorPaginator';
-import { usePollContext } from '../../../context';
-import { useStateStore } from '../../../store';
-const paginationStateSelector = (state) => [
-    state.error,
-    state.hasNextPage,
-    state.loading,
-];
-export const usePollAnswerPagination = ({ paginationParams, } = {}) => {
-    const { poll } = usePollContext();
-    const paginationFn = useCallback(async (next) => {
-        const { next: newNext, votes } = await poll.queryAnswers({
-            filter: paginationParams?.filter,
-            options: !next
-                ? paginationParams?.options
-                : { ...paginationParams?.options, next },
-            sort: { created_at: -1, ...paginationParams?.sort },
-        });
-        return { items: votes, next: newNext };
-    }, [paginationParams, poll]);
-    const { cursorPaginatorState, loadMore } = useCursorPaginator(paginationFn, true);
-    const answers = useManagePollVotesRealtime('answer', cursorPaginatorState);
-    const [error, hasNextPage, loading] = useStateStore(cursorPaginatorState, paginationStateSelector);
-    return {
-        answers,
-        error,
-        hasNextPage,
-        loading,
-        loadMore,
-    };
-};

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

@@ -1,12 +0,0 @@
-import type { PollOptionVotesQueryParams, PollVote } from 'stream-chat';
-type UsePollOptionVotesPaginationParams = {
-    paginationParams: PollOptionVotesQueryParams;
-};
-export declare const usePollOptionVotesPagination: ({ paginationParams, }: UsePollOptionVotesPaginationParams) => {
-    error: Error | undefined;
-    hasNextPage: boolean;
-    loading: boolean;
-    loadMore: () => Promise<void>;
-    votes: PollVote[];
-};
-export {};

package/dist/components/Poll/hooks/usePollOptionVotesPagination.js

@@ -1,33 +0,0 @@
-import { useCallback } from 'react';
-import { useManagePollVotesRealtime } from './useManagePollVotesRealtime';
-import { useCursorPaginator } from '../../InfiniteScrollPaginator/hooks/useCursorPaginator';
-import { useStateStore } from '../../../store';
-import { usePollContext } from '../../../context';
-const paginationStateSelector = (state) => [
-    state.error,
-    state.hasNextPage,
-    state.loading,
-];
-export const usePollOptionVotesPagination = ({ paginationParams, }) => {
-    const { poll } = usePollContext();
-    const paginationFn = useCallback(async (next) => {
-        const { next: newNext, votes } = await poll.queryOptionVotes({
-            filter: paginationParams.filter,
-            options: !next
-                ? paginationParams?.options
-                : { ...paginationParams?.options, next },
-            sort: { created_at: -1, ...paginationParams?.sort },
-        });
-        return { items: votes, next: newNext };
-    }, [paginationParams, poll]);
-    const { cursorPaginatorState, loadMore } = useCursorPaginator(paginationFn, true);
-    const votes = useManagePollVotesRealtime('vote', cursorPaginatorState, paginationParams.filter.option_id);
-    const [error, hasNextPage, loading] = useStateStore(cursorPaginatorState, paginationStateSelector);
-    return {
-        error,
-        hasNextPage,
-        loading,
-        loadMore,
-        votes,
-    };
-};

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

@@ -1,10 +0,0 @@
-export * from './Poll';
-export * from './PollActions';
-export * from './PollContent';
-export * from './PollCreationDialog';
-export * from './PollHeader';
-export * from './PollOptionList';
-export * from './PollOptionSelector';
-export * from './PollVote';
-export * from './QuotedPoll';
-export * from './hooks';