snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/polls/components/AbstractPollAnswer.tsx

@@ -0,0 +1,116 @@
+import React, { ComponentType, useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { createPollEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { getParticipantDisplayName } from '../../base/participants/functions';
+import { useBoundSelector } from '../../base/util/hooks';
+import { registerVote, removePoll, setVoteChanging } from '../actions';
+import { getPoll } from '../functions';
+import { IPollData } from '../types';
+
+/**
+ * The type of the React {@code Component} props of inheriting component.
+ */
+type InputProps = {
+    pollId: string;
+    setCreateMode: (mode: boolean) => void;
+};
+
+/*
+ * Props that will be passed by the AbstractPollAnswer to its
+ * concrete implementations (web/native).
+ **/
+export type AbstractProps = {
+    checkBoxStates: boolean[];
+    creatorName: string;
+    poll: IPollData;
+    sendPoll: () => void;
+    setCheckbox: Function;
+    setCreateMode: (mode: boolean) => void;
+    skipAnswer: () => void;
+    skipChangeVote: () => void;
+    submitAnswer: () => void;
+    t: Function;
+};
+
+/**
+ * Higher Order Component taking in a concrete PollAnswer component and
+ * augmenting it with state/behavior common to both web and native implementations.
+ *
+ * @param {React.AbstractComponent} Component - The concrete component.
+ * @returns {React.AbstractComponent}
+ */
+const AbstractPollAnswer = (Component: ComponentType<AbstractProps>) => (props: InputProps) => {
+
+    const { pollId, setCreateMode } = props;
+
+    const { conference } = useSelector((state: IReduxState) => state['features/base/conference']);
+
+    const poll: IPollData = useSelector(getPoll(pollId));
+
+    const { answers, lastVote, question, senderId } = poll;
+
+    const [ checkBoxStates, setCheckBoxState ] = useState(() => {
+        if (lastVote !== null) {
+            return [ ...lastVote ];
+        }
+
+        return new Array(answers.length).fill(false);
+    });
+
+    const participantName = useBoundSelector(getParticipantDisplayName, senderId);
+
+    const setCheckbox = useCallback((index, state) => {
+        const newCheckBoxStates = [ ...checkBoxStates ];
+
+        newCheckBoxStates[index] = state;
+        setCheckBoxState(newCheckBoxStates);
+        sendAnalytics(createPollEvent('vote.checked'));
+    }, [ checkBoxStates ]);
+
+    const dispatch = useDispatch();
+
+    const submitAnswer = useCallback(() => {
+        conference?.getPolls().answerPoll(pollId, checkBoxStates);
+
+        sendAnalytics(createPollEvent('vote.sent'));
+        dispatch(registerVote(pollId, checkBoxStates));
+
+        return false;
+    }, [ pollId, checkBoxStates, conference ]);
+
+    const sendPoll = useCallback(() => {
+        conference?.getPolls().createPoll(pollId, question, answers);
+
+        dispatch(removePoll(poll));
+    }, [ conference, question, answers ]);
+
+    const skipAnswer = useCallback(() => {
+        dispatch(registerVote(pollId, null));
+        sendAnalytics(createPollEvent('vote.skipped'));
+    }, [ pollId ]);
+
+    const skipChangeVote = useCallback(() => {
+        dispatch(setVoteChanging(pollId, false));
+    }, [ dispatch, pollId ]);
+
+    const { t } = useTranslation();
+
+    return (<Component
+        checkBoxStates = { checkBoxStates }
+        creatorName = { participantName }
+        poll = { poll }
+        sendPoll = { sendPoll }
+        setCheckbox = { setCheckbox }
+        setCreateMode = { setCreateMode }
+        skipAnswer = { skipAnswer }
+        skipChangeVote = { skipChangeVote }
+        submitAnswer = { submitAnswer }
+        t = { t } />);
+
+};
+
+export default AbstractPollAnswer;