stream-chat-react 14.12.0 → 15.0.0-rc.1

package/dist/es/components/Poll/PollActions/EndPollAlert.mjs

@@ -1,9 +1,9 @@
-import { useModalContext } from "../../../context/ModalContext.mjs";
-import { usePollContext } from "../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { useNotificationApi } from "../../Notifications/hooks/useNotificationApi.mjs";
 import { Button } from "../../Button/Button.mjs";
 import { Alert } from "../../Dialog/components/Alert.mjs";
-import { useNotificationApi } from "../../Notifications/hooks/useNotificationApi.mjs";
+import { useModalContext } from "../../../context/ModalContext.mjs";
+import { usePollContext } from "../../../context/PollContext.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Poll/PollActions/EndPollAlert.tsx
@@ -15,8 +15,8 @@ var EndPollAlert = () => {
 	return /* @__PURE__ */ jsxs(Alert.Root, {
 		className: "str-chat__end-poll-alert",
 		children: [/* @__PURE__ */ jsx(Alert.Header, {
-			description: t("Do you want to end this poll now? Nobody will be able to vote in this poll anymore."),
-			title: t("End this poll?")
+			description: t("poll.endPollAlert.description", "Do you want to end this poll now? Nobody will be able to vote in this poll anymore."),
+			title: t("poll.endPollAlert.endPoll.title", "End this Poll?")
 		}), /* @__PURE__ */ jsxs(Alert.Actions, { children: [/* @__PURE__ */ jsx(Button, {
 			appearance: "outline",
 			className: "str-chat__end-poll-alert__end-vote-button",
@@ -27,7 +27,7 @@ var EndPollAlert = () => {
 					close();
 					addNotification({
 						emitter: "EndPollAlert",
-						message: t("Poll ended"),
+						message: t("notification.pollEndSuccess", "Poll Ended"),
 						severity: "success",
 						type: "api:poll:end:success"
 					});
@@ -35,7 +35,7 @@ var EndPollAlert = () => {
 					addNotification({
 						emitter: "EndPollAlert",
 						error: e instanceof Error ? e : void 0,
-						message: t("Failed to end the poll"),
+						message: t("notification.pollEndFailed", "Failed to end the poll"),
 						severity: "error",
 						type: "api:poll:end:failed"
 					});
@@ -43,7 +43,7 @@ var EndPollAlert = () => {
 			},
 			size: "md",
 			variant: "danger",
-			children: t("End poll")
+			children: t("poll.endPollAlert.endPoll.text", "End Poll")
 		}), /* @__PURE__ */ jsx(Button, {
 			appearance: "outline",
 			className: "str-chat__end-poll-alert__cancel-button",
@@ -51,7 +51,7 @@ var EndPollAlert = () => {
 			onClick: close,
 			size: "md",
 			variant: "secondary",
-			children: t("Cancel")
+			children: t("common.cancel.label", "Cancel")
 		})] })]
 	});
 };

package/dist/es/components/Poll/PollActions/EndPollAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndPollAlert.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/EndPollAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert } from '../../Dialog';\nimport { useModalContext, usePollContext, useTranslationContext } from '../../../context';\nimport { Button } from '../../Button';\nimport { useNotificationApi } from '../../Notifications';\n\nexport const EndPollAlert = () => {\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n\n  return (\n    <Alert.Root className={'str-chat__end-poll-alert'}>\n      <Alert.Header\n        description={t(\n          'Do you want to end this poll now? Nobody will be able to vote in this poll anymore.',\n        )}\n        title={t('End this poll?')}\n      ></Alert.Header>\n      <Alert.Actions>\n        <Button\n          appearance='outline'\n          className='str-chat__end-poll-alert__end-vote-button'\n          data-testid='end-poll-alert-end-vote-button'\n          onClick={async () => {\n            try {\n              await poll.close();\n              close();\n              addNotification({\n                emitter: 'EndPollAlert',\n                message: t('Poll ended'),\n                severity: 'success',\n                type: 'api:poll:end:success',\n              });\n            } catch (e) {\n              addNotification({\n                emitter: 'EndPollAlert',\n                error: e instanceof Error ? e : undefined,\n                message: t('Failed to end the poll'),\n                severity: 'error',\n                type: 'api:poll:end:failed',\n              });\n            }\n          }}\n          size='md'\n          variant='danger'\n        >\n          {t('End poll')}\n        </Button>\n        <Button\n          appearance='outline'\n          className='str-chat__end-poll-alert__cancel-button'\n          data-testid='end-poll-alert-cancel-button'\n          onClick={close}\n          size='md'\n          variant='secondary'\n        >\n          {t('Cancel')}\n        </Button>\n      </Alert.Actions>\n    </Alert.Root>\n  );\n};\n"],"mappings":";;;;;;;;;AAMA,IAAa,qBAAqB;CAChC,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAElC,OACE,qBAAC,MAAM,MAAP;EAAY,WAAW;YAAvB,CACE,oBAAC,MAAM,QAAP;GACE,aAAa,EACX,qFACF;GACA,OAAO,EAAE,gBAAgB;EACZ,CAAA,GACf,qBAAC,MAAM,SAAP,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,YAAW;GACX,WAAU;GACV,eAAY;GACZ,SAAS,YAAY;IACnB,IAAI;KACF,MAAM,KAAK,MAAM;KACjB,MAAM;KACN,gBAAgB;MACd,SAAS;MACT,SAAS,EAAE,YAAY;MACvB,UAAU;MACV,MAAM;KACR,CAAC;IACH,SAAS,GAAG;KACV,gBAAgB;MACd,SAAS;MACT,OAAO,aAAa,QAAQ,IAAI,KAAA;MAChC,SAAS,EAAE,wBAAwB;MACnC,UAAU;MACV,MAAM;KACR,CAAC;IACH;GACF;GACA,MAAK;GACL,SAAQ;aAEP,EAAE,UAAU;EACP,CAAA,GACR,oBAAC,QAAD;GACE,YAAW;GACX,WAAU;GACV,eAAY;GACZ,SAAS;GACT,MAAK;GACL,SAAQ;aAEP,EAAE,QAAQ;EACL,CAAA,CACK,EAAA,CAAA,CACL;;AAEhB"}
+{"version":3,"file":"EndPollAlert.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/EndPollAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert } from '../../Dialog';\nimport { useModalContext, usePollContext, useTranslationContext } from '../../../context';\nimport { Button } from '../../Button';\nimport { useNotificationApi } from '../../Notifications';\n\nexport const EndPollAlert = () => {\n  const { addNotification } = useNotificationApi();\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n\n  return (\n    <Alert.Root className={'str-chat__end-poll-alert'}>\n      <Alert.Header\n        description={t(\n          'poll.endPollAlert.description',\n          'Do you want to end this poll now? Nobody will be able to vote in this poll anymore.',\n        )}\n        title={t('poll.endPollAlert.endPoll.title', 'End this Poll?')}\n      ></Alert.Header>\n      <Alert.Actions>\n        <Button\n          appearance='outline'\n          className='str-chat__end-poll-alert__end-vote-button'\n          data-testid='end-poll-alert-end-vote-button'\n          onClick={async () => {\n            try {\n              await poll.close();\n              close();\n              addNotification({\n                emitter: 'EndPollAlert',\n                message: t('notification.pollEndSuccess', 'Poll Ended'),\n                severity: 'success',\n                type: 'api:poll:end:success',\n              });\n            } catch (e) {\n              addNotification({\n                emitter: 'EndPollAlert',\n                error: e instanceof Error ? e : undefined,\n                message: t('notification.pollEndFailed', 'Failed to end the poll'),\n                severity: 'error',\n                type: 'api:poll:end:failed',\n              });\n            }\n          }}\n          size='md'\n          variant='danger'\n        >\n          {t('poll.endPollAlert.endPoll.text', 'End Poll')}\n        </Button>\n        <Button\n          appearance='outline'\n          className='str-chat__end-poll-alert__cancel-button'\n          data-testid='end-poll-alert-cancel-button'\n          onClick={close}\n          size='md'\n          variant='secondary'\n        >\n          {t('common.cancel.label', 'Cancel')}\n        </Button>\n      </Alert.Actions>\n    </Alert.Root>\n  );\n};\n"],"mappings":";;;;;;;;;AAMA,IAAa,qBAAqB;CAChC,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAElC,OACE,qBAAC,MAAM,MAAP;EAAY,WAAW;YAAvB,CACE,oBAAC,MAAM,QAAP;GACE,aAAa,EACX,iCACA,qFACF;GACA,OAAO,EAAE,mCAAmC,gBAAgB;EAC/C,CAAA,GACf,qBAAC,MAAM,SAAP,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,YAAW;GACX,WAAU;GACV,eAAY;GACZ,SAAS,YAAY;IACnB,IAAI;KACF,MAAM,KAAK,MAAM;KACjB,MAAM;KACN,gBAAgB;MACd,SAAS;MACT,SAAS,EAAE,+BAA+B,YAAY;MACtD,UAAU;MACV,MAAM;KACR,CAAC;IACH,SAAS,GAAG;KACV,gBAAgB;MACd,SAAS;MACT,OAAO,aAAa,QAAQ,IAAI,KAAA;MAChC,SAAS,EAAE,8BAA8B,wBAAwB;MACjE,UAAU;MACV,MAAM;KACR,CAAC;IACH;GACF;GACA,MAAK;GACL,SAAQ;aAEP,EAAE,kCAAkC,UAAU;EACzC,CAAA,GACR,oBAAC,QAAD;GACE,YAAW;GACX,WAAU;GACV,eAAY;GACZ,SAAS;GACT,MAAK;GACL,SAAQ;aAEP,EAAE,uBAAuB,QAAQ;EAC5B,CAAA,CACK,EAAA,CAAA,CACL;;AAEhB"}

package/dist/es/components/Poll/PollActions/PollActions.mjs

@@ -1,15 +1,16 @@
-import { useChannelStateContext } from "../../../context/ChannelStateContext.mjs";
-import { useChatContext } from "../../../context/ChatContext.mjs";
 import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
 import { useMessageContext } from "../../../context/MessageContext.mjs";
-import { usePollContext } from "../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { useChannelCapabilities } from "../../Channel/hooks/useChannelCapabilities.mjs";
 import { AddCommentPrompt } from "./AddCommentPrompt.mjs";
 import { EndPollAlert } from "./EndPollAlert.mjs";
 import { PollAction } from "./PollAction.mjs";
 import { SuggestPollOptionPrompt } from "./SuggestPollOptionPrompt.mjs";
 import { PollAnswerList } from "./PollAnswerList.mjs";
 import { PollResults } from "./PollResults/PollResults.mjs";
+import { useChannel } from "../../../context/useChannel.mjs";
+import { usePollContext } from "../../../context/PollContext.mjs";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -26,22 +27,23 @@ var pollStateSelector = (nextValue) => ({
 	voteCount: nextValue.vote_count
 });
 var PollActions = ({ AddCommentPrompt: AddCommentPrompt$1 = AddCommentPrompt, EndPollAlert: EndPollAlert$1 = EndPollAlert, PollAnswerList: PollAnswerList$1 = PollAnswerList, PollResults: PollResults$1 = PollResults, SuggestPollOptionForm = SuggestPollOptionPrompt }) => {
+	const channel = useChannel();
 	const { client } = useChatContext();
-	const { t } = useTranslationContext("PollActions");
-	const { channelCapabilities = {} } = useChannelStateContext("PollActions");
-	const { message } = useMessageContext("PollActions");
+	const { t } = useTranslationContext();
+	const channelCapabilities = useChannelCapabilities({ cid: channel.cid });
+	const { message } = useMessageContext();
 	const { poll } = usePollContext();
 	const { allow_answers, allow_user_suggested_options, answers_count, created_by_id, is_closed, options, ownAnswer, voteCount } = useStateStore(poll.state, pollStateSelector);
 	const [modalOpen, setModalOpen] = useState();
-	const canCastVote = channelCapabilities["cast-poll-vote"] && !is_closed;
+	const canCastVote = channelCapabilities.has("cast-poll-vote") && !is_closed;
 	const closeModal = useCallback(() => setModalOpen(void 0), []);
 	const onUpdateAnswerClick = useCallback(() => setModalOpen("add-comment"), []);
-	if (!(!is_closed && created_by_id === client.user?.id || !!voteCount || canCastVote && allow_user_suggested_options && options.length < 100 || !is_closed && allow_answers || answers_count > 0 && channelCapabilities["query-poll-votes"])) return null;
+	if (!(!is_closed && created_by_id === client.user?.id || !!voteCount || canCastVote && allow_user_suggested_options && options.length < 100 || !is_closed && allow_answers || answers_count > 0 && channelCapabilities.has("query-poll-votes"))) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "str-chat__poll-actions",
 		children: [
 			!is_closed && created_by_id === client.user?.id && /* @__PURE__ */ jsx(PollAction, {
-				buttonText: t("End poll"),
+				buttonText: t("poll.endPollAlert.endPoll.text", "End Poll"),
 				closeModal,
 				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__end-poll-modal"),
 				modalIsOpen: modalOpen === "end-vote",
@@ -49,7 +51,7 @@ var PollActions = ({ AddCommentPrompt: AddCommentPrompt$1 = AddCommentPrompt, En
 				children: /* @__PURE__ */ jsx(EndPollAlert$1, {})
 			}),
 			!!voteCount && /* @__PURE__ */ jsx(PollAction, {
-				buttonText: t("View results"),
+				buttonText: t("poll.actions.viewResults.label", "View Results"),
 				closeModal,
 				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__poll-results-modal"),
 				modalIsOpen: modalOpen === "view-results",
@@ -57,7 +59,7 @@ var PollActions = ({ AddCommentPrompt: AddCommentPrompt$1 = AddCommentPrompt, En
 				children: /* @__PURE__ */ jsx(PollResults$1, {})
 			}),
 			canCastVote && allow_user_suggested_options && options.length < 100 && /* @__PURE__ */ jsx(PollAction, {
-				buttonText: t("Suggest an option"),
+				buttonText: t("poll.actions.suggestOption.label", "Suggest an Option"),
 				closeModal,
 				isAdditionalAction: true,
 				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__suggest-poll-option-modal"),
@@ -66,7 +68,7 @@ var PollActions = ({ AddCommentPrompt: AddCommentPrompt$1 = AddCommentPrompt, En
 				children: /* @__PURE__ */ jsx(SuggestPollOptionForm, {})
 			}),
 			!is_closed && allow_answers && /* @__PURE__ */ jsx(PollAction, {
-				buttonText: ownAnswer ? t("Update your comment") : t("Add a comment"),
+				buttonText: ownAnswer ? t("poll.addCommentPrompt.updateComment.label", "Update Your Comment") : t("poll.addCommentPrompt.addComment.label", "Add a Comment"),
 				closeModal,
 				isAdditionalAction: true,
 				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__add-poll-answer-modal"),
@@ -74,8 +76,12 @@ var PollActions = ({ AddCommentPrompt: AddCommentPrompt$1 = AddCommentPrompt, En
 				openModal: () => setModalOpen("add-comment"),
 				children: /* @__PURE__ */ jsx(AddCommentPrompt$1, { messageId: message.id })
 			}),
-			answers_count > 0 && channelCapabilities["query-poll-votes"] && /* @__PURE__ */ jsx(PollAction, {
-				buttonText: t("View {{count}} comments", { count: answers_count }),
+			answers_count > 0 && channelCapabilities.has("query-poll-votes") && /* @__PURE__ */ jsx(PollAction, {
+				buttonText: t("poll.actions.viewComments.label", {
+					count: answers_count,
+					defaultValue_one: "View {{count}} Comment",
+					defaultValue_other: "View {{count}} Comments"
+				}),
 				closeModal,
 				isAdditionalAction: true,
 				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__poll-answer-list-modal"),

package/dist/es/components/Poll/PollActions/PollActions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollActions.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollActions.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useCallback, useState } from 'react';\nimport { PollAction } from './PollAction';\nimport type { AddCommentPromptProps } from './AddCommentPrompt';\nimport { AddCommentPrompt as DefaultAddCommentPrompt } from './AddCommentPrompt';\nimport type { SuggestPollOptionFormProps } from './SuggestPollOptionPrompt';\nimport { SuggestPollOptionPrompt as DefaultSuggestPollOptionForm } from './SuggestPollOptionPrompt';\nimport { EndPollAlert as DefaultEndPollAlert } from './EndPollAlert';\nimport type { PollAnswerListProps } from './PollAnswerList';\nimport { PollAnswerList as DefaultPollAnswerList } from './PollAnswerList';\nimport { PollResults as DefaultPollResults } from './PollResults';\nimport { MAX_POLL_OPTIONS } from '../constants';\nimport {\n  useChannelStateContext,\n  useChatContext,\n  useMessageContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../context';\nimport { useStateStore } from '../../../store';\n\nimport type { PollState } from 'stream-chat';\n\nconst COMMON_MODAL_CLASS = 'str-chat__poll-action-modal' as const;\n\ntype ModalName =\n  | 'suggest-option'\n  | 'add-comment'\n  | 'view-comments'\n  | 'view-results'\n  | 'end-vote';\n\nconst pollStateSelector = (nextValue: PollState) => ({\n  allow_answers: nextValue.allow_answers,\n  allow_user_suggested_options: nextValue.allow_user_suggested_options,\n  answers_count: nextValue.answers_count,\n  created_by_id: nextValue.created_by_id,\n  is_closed: nextValue.is_closed,\n  options: nextValue.options,\n  ownAnswer: nextValue.ownAnswer,\n  voteCount: nextValue.vote_count,\n});\n\nexport type PollActionsProps = {\n  AddCommentPrompt?: React.ComponentType<AddCommentPromptProps>;\n  EndPollAlert?: React.ComponentType;\n  PollAnswerList?: React.ComponentType<PollAnswerListProps>;\n  PollResults?: React.ComponentType;\n  SuggestPollOptionForm?: React.ComponentType<SuggestPollOptionFormProps>;\n};\n\nexport const PollActions = ({\n  AddCommentPrompt = DefaultAddCommentPrompt,\n  EndPollAlert = DefaultEndPollAlert,\n  PollAnswerList = DefaultPollAnswerList,\n  PollResults = DefaultPollResults,\n  SuggestPollOptionForm = DefaultSuggestPollOptionForm,\n}: PollActionsProps) => {\n  const { client } = useChatContext();\n  const { t } = useTranslationContext('PollActions');\n  const { channelCapabilities = {} } = useChannelStateContext('PollActions');\n  const { message } = useMessageContext('PollActions');\n  const { poll } = usePollContext();\n  const {\n    allow_answers,\n    allow_user_suggested_options,\n    answers_count,\n    created_by_id,\n    is_closed,\n    options,\n    ownAnswer,\n    voteCount,\n  } = useStateStore(poll.state, pollStateSelector);\n  const [modalOpen, setModalOpen] = useState<ModalName | undefined>();\n\n  const canCastVote = channelCapabilities['cast-poll-vote'] && !is_closed;\n  const closeModal = useCallback(() => setModalOpen(undefined), []);\n  const onUpdateAnswerClick = useCallback(() => setModalOpen('add-comment'), []);\n\n  const hasContents =\n    (!is_closed && created_by_id === client.user?.id) ||\n    !!voteCount ||\n    (canCastVote && allow_user_suggested_options && options.length < MAX_POLL_OPTIONS) ||\n    (!is_closed && allow_answers) ||\n    (answers_count > 0 && channelCapabilities['query-poll-votes']);\n\n  if (!hasContents) return null;\n\n  return (\n    <div className='str-chat__poll-actions'>\n      {!is_closed && created_by_id === client.user?.id && (\n        <PollAction\n          buttonText={t('End poll')}\n          closeModal={closeModal}\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__end-poll-modal')}\n          modalIsOpen={modalOpen === 'end-vote'}\n          openModal={() => setModalOpen('end-vote')}\n        >\n          <EndPollAlert />\n        </PollAction>\n      )}\n\n      {!!voteCount && (\n        <PollAction\n          buttonText={t('View results')}\n          closeModal={closeModal}\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__poll-results-modal')}\n          modalIsOpen={modalOpen === 'view-results'}\n          openModal={() => setModalOpen('view-results')}\n        >\n          <PollResults />\n        </PollAction>\n      )}\n\n      {canCastVote &&\n        allow_user_suggested_options &&\n        options.length < MAX_POLL_OPTIONS && (\n          <PollAction\n            buttonText={t('Suggest an option')}\n            closeModal={closeModal}\n            isAdditionalAction\n            modalClassName={clsx(\n              COMMON_MODAL_CLASS,\n              'str-chat__suggest-poll-option-modal',\n            )}\n            modalIsOpen={modalOpen === 'suggest-option'}\n            openModal={() => setModalOpen('suggest-option')}\n          >\n            <SuggestPollOptionForm />\n          </PollAction>\n        )}\n\n      {!is_closed && allow_answers && (\n        <PollAction\n          buttonText={ownAnswer ? t('Update your comment') : t('Add a comment')}\n          closeModal={closeModal}\n          isAdditionalAction\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__add-poll-answer-modal')}\n          modalIsOpen={modalOpen === 'add-comment'}\n          openModal={() => setModalOpen('add-comment')}\n        >\n          <AddCommentPrompt messageId={message.id} />\n        </PollAction>\n      )}\n\n      {answers_count > 0 && channelCapabilities['query-poll-votes'] && (\n        <PollAction\n          buttonText={t('View {{count}} comments', { count: answers_count })}\n          closeModal={closeModal}\n          isAdditionalAction\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__poll-answer-list-modal')}\n          modalIsOpen={modalOpen === 'view-comments'}\n          openModal={() => setModalOpen('view-comments')}\n        >\n          <PollAnswerList onUpdateOwnAnswerClick={onUpdateAnswerClick} />\n        </PollAction>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,qBAAqB;AAS3B,IAAM,qBAAqB,eAA0B;CACnD,eAAe,UAAU;CACzB,8BAA8B,UAAU;CACxC,eAAe,UAAU;CACzB,eAAe,UAAU;CACzB,WAAW,UAAU;CACrB,SAAS,UAAU;CACnB,WAAW,UAAU;CACrB,WAAW,UAAU;AACvB;AAUA,IAAa,eAAe,EAC1B,kBAAA,qBAAmB,kBACnB,cAAA,iBAAe,cACf,gBAAA,mBAAiB,gBACjB,aAAA,gBAAc,aACd,wBAAwB,8BACF;CACtB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,sBAAsB,aAAa;CACjD,MAAM,EAAE,sBAAsB,CAAC,MAAM,uBAAuB,aAAa;CACzE,MAAM,EAAE,YAAY,kBAAkB,aAAa;CACnD,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EACJ,eACA,8BACA,eACA,eACA,WACA,SACA,WACA,cACE,cAAc,KAAK,OAAO,iBAAiB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAAgC;CAElE,MAAM,cAAc,oBAAoB,qBAAqB,CAAC;CAC9D,MAAM,aAAa,kBAAkB,aAAa,KAAA,CAAS,GAAG,CAAC,CAAC;CAChE,MAAM,sBAAsB,kBAAkB,aAAa,aAAa,GAAG,CAAC,CAAC;CAS7E,IAAI,EAND,CAAC,aAAa,kBAAkB,OAAO,MAAM,MAC9C,CAAC,CAAC,aACD,eAAe,gCAAgC,QAAQ,SAAA,OACvD,CAAC,aAAa,iBACd,gBAAgB,KAAK,oBAAoB,sBAE1B,OAAO;CAEzB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,CAAC,aAAa,kBAAkB,OAAO,MAAM,MAC5C,oBAAC,YAAD;IACE,YAAY,EAAE,UAAU;IACZ;IACZ,gBAAgB,KAAK,oBAAoB,0BAA0B;IACnE,aAAa,cAAc;IAC3B,iBAAiB,aAAa,UAAU;cAExC,oBAAC,gBAAD,CAAe,CAAA;GACL,CAAA;GAGb,CAAC,CAAC,aACD,oBAAC,YAAD;IACE,YAAY,EAAE,cAAc;IAChB;IACZ,gBAAgB,KAAK,oBAAoB,8BAA8B;IACvE,aAAa,cAAc;IAC3B,iBAAiB,aAAa,cAAc;cAE5C,oBAAC,eAAD,CAAc,CAAA;GACJ,CAAA;GAGb,eACC,gCACA,QAAQ,SAAA,OACN,oBAAC,YAAD;IACE,YAAY,EAAE,mBAAmB;IACrB;IACZ,oBAAA;IACA,gBAAgB,KACd,oBACA,qCACF;IACA,aAAa,cAAc;IAC3B,iBAAiB,aAAa,gBAAgB;cAE9C,oBAAC,uBAAD,CAAwB,CAAA;GACd,CAAA;GAGf,CAAC,aAAa,iBACb,oBAAC,YAAD;IACE,YAAY,YAAY,EAAE,qBAAqB,IAAI,EAAE,eAAe;IACxD;IACZ,oBAAA;IACA,gBAAgB,KAAK,oBAAoB,iCAAiC;IAC1E,aAAa,cAAc;IAC3B,iBAAiB,aAAa,aAAa;cAE3C,oBAAC,oBAAD,EAAkB,WAAW,QAAQ,GAAK,CAAA;GAChC,CAAA;GAGb,gBAAgB,KAAK,oBAAoB,uBACxC,oBAAC,YAAD;IACE,YAAY,EAAE,2BAA2B,EAAE,OAAO,cAAc,CAAC;IACrD;IACZ,oBAAA;IACA,gBAAgB,KAAK,oBAAoB,kCAAkC;IAC3E,aAAa,cAAc;IAC3B,iBAAiB,aAAa,eAAe;cAE7C,oBAAC,kBAAD,EAAgB,wBAAwB,oBAAsB,CAAA;GACpD,CAAA;EAEX;;AAET"}
+{"version":3,"file":"PollActions.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollActions.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useCallback, useState } from 'react';\nimport { PollAction } from './PollAction';\nimport type { AddCommentPromptProps } from './AddCommentPrompt';\nimport { AddCommentPrompt as DefaultAddCommentPrompt } from './AddCommentPrompt';\nimport type { SuggestPollOptionFormProps } from './SuggestPollOptionPrompt';\nimport { SuggestPollOptionPrompt as DefaultSuggestPollOptionForm } from './SuggestPollOptionPrompt';\nimport { EndPollAlert as DefaultEndPollAlert } from './EndPollAlert';\nimport type { PollAnswerListProps } from './PollAnswerList';\nimport { PollAnswerList as DefaultPollAnswerList } from './PollAnswerList';\nimport { PollResults as DefaultPollResults } from './PollResults';\nimport { MAX_POLL_OPTIONS } from '../constants';\nimport {\n  useChannel,\n  useChatContext,\n  useMessageContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../context';\nimport { useStateStore } from '../../../store';\nimport { useChannelCapabilities } from '../../Channel/hooks/useChannelCapabilities';\n\nimport type { PollState } from 'stream-chat';\n\nconst COMMON_MODAL_CLASS = 'str-chat__poll-action-modal' as const;\n\ntype ModalName =\n  | 'suggest-option'\n  | 'add-comment'\n  | 'view-comments'\n  | 'view-results'\n  | 'end-vote';\n\nconst pollStateSelector = (nextValue: PollState) => ({\n  allow_answers: nextValue.allow_answers,\n  allow_user_suggested_options: nextValue.allow_user_suggested_options,\n  answers_count: nextValue.answers_count,\n  created_by_id: nextValue.created_by_id,\n  is_closed: nextValue.is_closed,\n  options: nextValue.options,\n  ownAnswer: nextValue.ownAnswer,\n  voteCount: nextValue.vote_count,\n});\n\nexport type PollActionsProps = {\n  AddCommentPrompt?: React.ComponentType<AddCommentPromptProps>;\n  EndPollAlert?: React.ComponentType;\n  PollAnswerList?: React.ComponentType<PollAnswerListProps>;\n  PollResults?: React.ComponentType;\n  SuggestPollOptionForm?: React.ComponentType<SuggestPollOptionFormProps>;\n};\n\nexport const PollActions = ({\n  AddCommentPrompt = DefaultAddCommentPrompt,\n  EndPollAlert = DefaultEndPollAlert,\n  PollAnswerList = DefaultPollAnswerList,\n  PollResults = DefaultPollResults,\n  SuggestPollOptionForm = DefaultSuggestPollOptionForm,\n}: PollActionsProps) => {\n  const channel = useChannel();\n  const { client } = useChatContext();\n  const { t } = useTranslationContext();\n  const channelCapabilities = useChannelCapabilities({ cid: channel.cid });\n  const { message } = useMessageContext();\n  const { poll } = usePollContext();\n  const {\n    allow_answers,\n    allow_user_suggested_options,\n    answers_count,\n    created_by_id,\n    is_closed,\n    options,\n    ownAnswer,\n    voteCount,\n  } = useStateStore(poll.state, pollStateSelector);\n  const [modalOpen, setModalOpen] = useState<ModalName | undefined>();\n\n  const canCastVote = channelCapabilities.has('cast-poll-vote') && !is_closed;\n  const closeModal = useCallback(() => setModalOpen(undefined), []);\n  const onUpdateAnswerClick = useCallback(() => setModalOpen('add-comment'), []);\n\n  const hasContents =\n    (!is_closed && created_by_id === client.user?.id) ||\n    !!voteCount ||\n    (canCastVote && allow_user_suggested_options && options.length < MAX_POLL_OPTIONS) ||\n    (!is_closed && allow_answers) ||\n    (answers_count > 0 && channelCapabilities.has('query-poll-votes'));\n\n  if (!hasContents) return null;\n\n  return (\n    <div className='str-chat__poll-actions'>\n      {!is_closed && created_by_id === client.user?.id && (\n        <PollAction\n          buttonText={t('poll.endPollAlert.endPoll.text', 'End Poll')}\n          closeModal={closeModal}\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__end-poll-modal')}\n          modalIsOpen={modalOpen === 'end-vote'}\n          openModal={() => setModalOpen('end-vote')}\n        >\n          <EndPollAlert />\n        </PollAction>\n      )}\n\n      {!!voteCount && (\n        <PollAction\n          buttonText={t('poll.actions.viewResults.label', 'View Results')}\n          closeModal={closeModal}\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__poll-results-modal')}\n          modalIsOpen={modalOpen === 'view-results'}\n          openModal={() => setModalOpen('view-results')}\n        >\n          <PollResults />\n        </PollAction>\n      )}\n\n      {canCastVote &&\n        allow_user_suggested_options &&\n        options.length < MAX_POLL_OPTIONS && (\n          <PollAction\n            buttonText={t('poll.actions.suggestOption.label', 'Suggest an Option')}\n            closeModal={closeModal}\n            isAdditionalAction\n            modalClassName={clsx(\n              COMMON_MODAL_CLASS,\n              'str-chat__suggest-poll-option-modal',\n            )}\n            modalIsOpen={modalOpen === 'suggest-option'}\n            openModal={() => setModalOpen('suggest-option')}\n          >\n            <SuggestPollOptionForm />\n          </PollAction>\n        )}\n\n      {!is_closed && allow_answers && (\n        <PollAction\n          buttonText={\n            ownAnswer\n              ? t('poll.addCommentPrompt.updateComment.label', 'Update Your Comment')\n              : t('poll.addCommentPrompt.addComment.label', 'Add a Comment')\n          }\n          closeModal={closeModal}\n          isAdditionalAction\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__add-poll-answer-modal')}\n          modalIsOpen={modalOpen === 'add-comment'}\n          openModal={() => setModalOpen('add-comment')}\n        >\n          <AddCommentPrompt messageId={message.id} />\n        </PollAction>\n      )}\n\n      {answers_count > 0 && channelCapabilities.has('query-poll-votes') && (\n        <PollAction\n          buttonText={t('poll.actions.viewComments.label', {\n            count: answers_count,\n            defaultValue_one: 'View {{count}} Comment',\n            defaultValue_other: 'View {{count}} Comments',\n          })}\n          closeModal={closeModal}\n          isAdditionalAction\n          modalClassName={clsx(COMMON_MODAL_CLASS, 'str-chat__poll-answer-list-modal')}\n          modalIsOpen={modalOpen === 'view-comments'}\n          openModal={() => setModalOpen('view-comments')}\n        >\n          <PollAnswerList onUpdateOwnAnswerClick={onUpdateAnswerClick} />\n        </PollAction>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAM,qBAAqB;AAS3B,IAAM,qBAAqB,eAA0B;CACnD,eAAe,UAAU;CACzB,8BAA8B,UAAU;CACxC,eAAe,UAAU;CACzB,eAAe,UAAU;CACzB,WAAW,UAAU;CACrB,SAAS,UAAU;CACnB,WAAW,UAAU;CACrB,WAAW,UAAU;AACvB;AAUA,IAAa,eAAe,EAC1B,kBAAA,qBAAmB,kBACnB,cAAA,iBAAe,cACf,gBAAA,mBAAiB,gBACjB,aAAA,gBAAc,aACd,wBAAwB,8BACF;CACtB,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,sBAAsB,uBAAuB,EAAE,KAAK,QAAQ,IAAI,CAAC;CACvE,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EACJ,eACA,8BACA,eACA,eACA,WACA,SACA,WACA,cACE,cAAc,KAAK,OAAO,iBAAiB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAAgC;CAElE,MAAM,cAAc,oBAAoB,IAAI,gBAAgB,KAAK,CAAC;CAClE,MAAM,aAAa,kBAAkB,aAAa,KAAA,CAAS,GAAG,CAAC,CAAC;CAChE,MAAM,sBAAsB,kBAAkB,aAAa,aAAa,GAAG,CAAC,CAAC;CAS7E,IAAI,EAND,CAAC,aAAa,kBAAkB,OAAO,MAAM,MAC9C,CAAC,CAAC,aACD,eAAe,gCAAgC,QAAQ,SAAA,OACvD,CAAC,aAAa,iBACd,gBAAgB,KAAK,oBAAoB,IAAI,kBAAkB,IAEhD,OAAO;CAEzB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,CAAC,aAAa,kBAAkB,OAAO,MAAM,MAC5C,oBAAC,YAAD;IACE,YAAY,EAAE,kCAAkC,UAAU;IAC9C;IACZ,gBAAgB,KAAK,oBAAoB,0BAA0B;IACnE,aAAa,cAAc;IAC3B,iBAAiB,aAAa,UAAU;cAExC,oBAAC,gBAAD,CAAe,CAAA;GACL,CAAA;GAGb,CAAC,CAAC,aACD,oBAAC,YAAD;IACE,YAAY,EAAE,kCAAkC,cAAc;IAClD;IACZ,gBAAgB,KAAK,oBAAoB,8BAA8B;IACvE,aAAa,cAAc;IAC3B,iBAAiB,aAAa,cAAc;cAE5C,oBAAC,eAAD,CAAc,CAAA;GACJ,CAAA;GAGb,eACC,gCACA,QAAQ,SAAA,OACN,oBAAC,YAAD;IACE,YAAY,EAAE,oCAAoC,mBAAmB;IACzD;IACZ,oBAAA;IACA,gBAAgB,KACd,oBACA,qCACF;IACA,aAAa,cAAc;IAC3B,iBAAiB,aAAa,gBAAgB;cAE9C,oBAAC,uBAAD,CAAwB,CAAA;GACd,CAAA;GAGf,CAAC,aAAa,iBACb,oBAAC,YAAD;IACE,YACE,YACI,EAAE,6CAA6C,qBAAqB,IACpE,EAAE,0CAA0C,eAAe;IAErD;IACZ,oBAAA;IACA,gBAAgB,KAAK,oBAAoB,iCAAiC;IAC1E,aAAa,cAAc;IAC3B,iBAAiB,aAAa,aAAa;cAE3C,oBAAC,oBAAD,EAAkB,WAAW,QAAQ,GAAK,CAAA;GAChC,CAAA;GAGb,gBAAgB,KAAK,oBAAoB,IAAI,kBAAkB,KAC9D,oBAAC,YAAD;IACE,YAAY,EAAE,mCAAmC;KAC/C,OAAO;KACP,kBAAkB;KAClB,oBAAoB;IACtB,CAAC;IACW;IACZ,oBAAA;IACA,gBAAgB,KAAK,oBAAoB,kCAAkC;IAC3E,aAAa,cAAc;IAC3B,iBAAiB,aAAa,eAAe;cAE7C,oBAAC,kBAAD,EAAgB,wBAAwB,oBAAsB,CAAA;GACpD,CAAA;EAEX;;AAET"}

package/dist/es/components/Poll/PollActions/PollAnswerList.mjs

@@ -1,14 +1,14 @@
-import { useChatContext } from "../../../context/ChatContext.mjs";
 import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
-import { useModalContext } from "../../../context/ModalContext.mjs";
-import { usePollContext } from "../../../context/PollContext.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
 import { useTranslationContext } from "../../../context/TranslationContext.mjs";
 import { Button } from "../../Button/Button.mjs";
-import { LoadingIndicator } from "../../Loading/LoadingIndicator.mjs";
 import { Viewer } from "../../Dialog/components/Viewer.mjs";
+import { InfiniteScrollPaginator } from "../../InfiniteScrollPaginator/InfiniteScrollPaginator.mjs";
+import { LoadingIndicator } from "../../Loading/LoadingIndicator.mjs";
 import { PollVote } from "../PollVote.mjs";
 import { usePollAnswerPagination } from "../hooks/usePollAnswerPagination.mjs";
-import { InfiniteScrollPaginator } from "../../InfiniteScrollPaginator/InfiniteScrollPaginator.mjs";
+import { useModalContext } from "../../../context/ModalContext.mjs";
+import { usePollContext } from "../../../context/PollContext.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Poll/PollActions/PollAnswerList.tsx
@@ -27,8 +27,8 @@ var PollAnswerList = ({ onUpdateOwnAnswerClick }) => {
 		className: "str-chat__modal__poll-answer-list",
 		children: [/* @__PURE__ */ jsx(Viewer.Header, {
 			close,
-			description: t("Review comments submitted with poll answers"),
-			title: t("Poll comments")
+			description: t("poll.answerList.description", "Review comments submitted with poll answers"),
+			title: t("poll.answerList.pollComments.title", "Poll Comments")
 		}), /* @__PURE__ */ jsxs(Viewer.Body, {
 			className: "str-chat__modal__poll-answer-list__body",
 			children: [/* @__PURE__ */ jsx("div", {
@@ -52,7 +52,7 @@ var PollAnswerList = ({ onUpdateOwnAnswerClick }) => {
 								onClick: onUpdateOwnAnswerClick,
 								size: "md",
 								variant: "secondary",
-								children: t("Update your comment")
+								children: t("poll.addCommentPrompt.updateComment.label", "Update Your Comment")
 							})
 						})]
 					}, `comment-${answer.id}`)), hasNextPage && /* @__PURE__ */ jsx("div", {

package/dist/es/components/Poll/PollActions/PollAnswerList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollAnswerList.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollAnswerList.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport { Viewer } from '../../Dialog';\nimport { PollVote } from '../PollVote';\nimport { usePollAnswerPagination } from '../hooks';\nimport { InfiniteScrollPaginator } from '../../InfiniteScrollPaginator/InfiniteScrollPaginator';\nimport { LoadingIndicator } from '../../Loading';\nimport { useStateStore } from '../../../store';\nimport {\n  useChatContext,\n  useModalContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../context';\n\nimport type { PollAnswer, PollState } from 'stream-chat';\n\ntype PollStateSelectorReturnValue = {\n  is_closed: boolean | undefined;\n  ownAnswer: PollAnswer | undefined;\n};\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  is_closed: nextValue.is_closed,\n  ownAnswer: nextValue.ownAnswer,\n});\n\nexport type PollAnswerListProps = {\n  onUpdateOwnAnswerClick: () => void;\n};\n\nexport const PollAnswerList = ({ onUpdateOwnAnswerClick }: PollAnswerListProps) => {\n  const { client } = useChatContext();\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { is_closed } = useStateStore(poll.state, pollStateSelector);\n\n  const { answers, error, hasNextPage, loading, loadMore } = usePollAnswerPagination();\n\n  return (\n    <Viewer.Root className='str-chat__modal__poll-answer-list'>\n      <Viewer.Header\n        close={close}\n        description={t('Review comments submitted with poll answers')}\n        title={t('Poll comments')}\n      />\n      <Viewer.Body className='str-chat__modal__poll-answer-list__body'>\n        <div className='str-chat__poll-answer-list'>\n          <InfiniteScrollPaginator loadNextOnScrollToBottom={loadMore} threshold={40}>\n            {answers.map((answer) => (\n              <div className='str-chat__poll-answer' key={`comment-${answer.id}`}>\n                <div className='str-chat__poll-answer__data'>\n                  {answer.answer_text && (\n                    <p className='str-chat__poll-answer__text'>{answer.answer_text}</p>\n                  )}\n                  <PollVote key={`poll-vote-${answer.id}`} vote={answer} />\n                </div>\n                {!is_closed && answer.user?.id === client.user?.id && (\n                  <div className='str-chat__poll-vote__update-vote-button-container'>\n                    <Button\n                      appearance='ghost'\n                      className='str-chat__poll-vote__update-vote-button'\n                      onClick={onUpdateOwnAnswerClick}\n                      size='md'\n                      variant='secondary'\n                    >\n                      {t('Update your comment')}\n                    </Button>\n                  </div>\n                )}\n              </div>\n            ))}\n\n            {hasNextPage && (\n              <div className='str-chat__loading-indicator-placeholder'>\n                {loading && <LoadingIndicator />}\n              </div>\n            )}\n          </InfiniteScrollPaginator>\n        </div>\n        {error?.message && <div>{error?.message}</div>}\n      </Viewer.Body>\n      {/*<Viewer.Footer>*/}\n      {/*  {answers.length > 0 && !is_closed && (*/}\n      {/*    <Viewer.FooterControls>*/}\n      {/*      <Viewer.FooterControlsButtonSecondary*/}\n      {/*        className='str-chat__poll-action'*/}\n      {/*        onClick={onUpdateOwnAnswerClick}*/}\n      {/*      >*/}\n      {/*        {ownAnswer ? t('Update your comment') : t('Add a comment')}*/}\n      {/*      </Viewer.FooterControlsButtonSecondary>*/}\n      {/*    </Viewer.FooterControls>*/}\n      {/*  )}*/}\n      {/*</Viewer.Footer>*/}\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,qBAAqB,eAAwD;CACjF,WAAW,UAAU;CACrB,WAAW,UAAU;AACvB;AAMA,IAAa,kBAAkB,EAAE,6BAAkD;CACjF,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,cAAc,cAAc,KAAK,OAAO,iBAAiB;CAEjE,MAAM,EAAE,SAAS,OAAO,aAAa,SAAS,aAAa,wBAAwB;CAEnF,OACE,qBAAC,OAAO,MAAR;EAAa,WAAU;YAAvB,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EAAE,6CAA6C;GAC5D,OAAO,EAAE,eAAe;EACzB,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,yBAAD;KAAyB,0BAA0B;KAAU,WAAW;eAAxE,CACG,QAAQ,KAAK,WACZ,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,OAAO,eACN,oBAAC,KAAD;QAAG,WAAU;kBAA+B,OAAO;OAAe,CAAA,GAEpE,oBAAC,UAAD,EAAyC,MAAM,OAAS,GAAzC,aAAa,OAAO,IAAqB,CACrD;UACJ,CAAC,aAAa,OAAO,MAAM,OAAO,OAAO,MAAM,MAC9C,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,QAAD;QACE,YAAW;QACX,WAAU;QACV,SAAS;QACT,MAAK;QACL,SAAQ;kBAEP,EAAE,qBAAqB;OAClB,CAAA;MACL,CAAA,CAEJ;QApBuC,WAAW,OAAO,IAoBzD,CACN,GAEA,eACC,oBAAC,OAAD;MAAK,WAAU;gBACZ,WAAW,oBAAC,kBAAD,CAAmB,CAAA;KAC5B,CAAA,CAEgB;;GACtB,CAAA,GACJ,OAAO,WAAW,oBAAC,OAAD,EAAA,UAAM,OAAO,QAAa,CAAA,CAClC;IAaF;;AAEjB"}
+{"version":3,"file":"PollAnswerList.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollAnswerList.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../Button';\nimport { Viewer } from '../../Dialog';\nimport { PollVote } from '../PollVote';\nimport { usePollAnswerPagination } from '../hooks';\nimport { InfiniteScrollPaginator } from '../../InfiniteScrollPaginator/InfiniteScrollPaginator';\nimport { LoadingIndicator } from '../../Loading';\nimport { useStateStore } from '../../../store';\nimport {\n  useChatContext,\n  useModalContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../context';\n\nimport type { PollState, PollVoteResponseData } from 'stream-chat';\n\ntype PollStateSelectorReturnValue = {\n  is_closed: boolean | undefined;\n  ownAnswer: PollVoteResponseData | undefined;\n};\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  is_closed: nextValue.is_closed,\n  ownAnswer: nextValue.ownAnswer,\n});\n\nexport type PollAnswerListProps = {\n  onUpdateOwnAnswerClick: () => void;\n};\n\nexport const PollAnswerList = ({ onUpdateOwnAnswerClick }: PollAnswerListProps) => {\n  const { client } = useChatContext();\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { is_closed } = useStateStore(poll.state, pollStateSelector);\n\n  const { answers, error, hasNextPage, loading, loadMore } = usePollAnswerPagination();\n\n  return (\n    <Viewer.Root className='str-chat__modal__poll-answer-list'>\n      <Viewer.Header\n        close={close}\n        description={t(\n          'poll.answerList.description',\n          'Review comments submitted with poll answers',\n        )}\n        title={t('poll.answerList.pollComments.title', 'Poll Comments')}\n      />\n      <Viewer.Body className='str-chat__modal__poll-answer-list__body'>\n        <div className='str-chat__poll-answer-list'>\n          <InfiniteScrollPaginator loadNextOnScrollToBottom={loadMore} threshold={40}>\n            {answers.map((answer) => (\n              <div className='str-chat__poll-answer' key={`comment-${answer.id}`}>\n                <div className='str-chat__poll-answer__data'>\n                  {answer.answer_text && (\n                    <p className='str-chat__poll-answer__text'>{answer.answer_text}</p>\n                  )}\n                  <PollVote key={`poll-vote-${answer.id}`} vote={answer} />\n                </div>\n                {!is_closed && answer.user?.id === client.user?.id && (\n                  <div className='str-chat__poll-vote__update-vote-button-container'>\n                    <Button\n                      appearance='ghost'\n                      className='str-chat__poll-vote__update-vote-button'\n                      onClick={onUpdateOwnAnswerClick}\n                      size='md'\n                      variant='secondary'\n                    >\n                      {t(\n                        'poll.addCommentPrompt.updateComment.label',\n                        'Update Your Comment',\n                      )}\n                    </Button>\n                  </div>\n                )}\n              </div>\n            ))}\n\n            {hasNextPage && (\n              <div className='str-chat__loading-indicator-placeholder'>\n                {loading && <LoadingIndicator />}\n              </div>\n            )}\n          </InfiniteScrollPaginator>\n        </div>\n        {error?.message && <div>{error?.message}</div>}\n      </Viewer.Body>\n      {/*<Viewer.Footer>*/}\n      {/*  {answers.length > 0 && !is_closed && (*/}\n      {/*    <Viewer.FooterControls>*/}\n      {/*      <Viewer.FooterControlsButtonSecondary*/}\n      {/*        className='str-chat__poll-action'*/}\n      {/*        onClick={onUpdateOwnAnswerClick}*/}\n      {/*      >*/}\n      {/*        {ownAnswer*/}\n      {/*          ? t('poll.addCommentPrompt.updateComment.label', 'Update Your Comment')*/}\n      {/*          : t('poll.addCommentPrompt.addComment.label', 'Add a Comment')}*/}\n      {/*      </Viewer.FooterControlsButtonSecondary>*/}\n      {/*    </Viewer.FooterControls>*/}\n      {/*  )}*/}\n      {/*</Viewer.Footer>*/}\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,qBAAqB,eAAwD;CACjF,WAAW,UAAU;CACrB,WAAW,UAAU;AACvB;AAMA,IAAa,kBAAkB,EAAE,6BAAkD;CACjF,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,cAAc,cAAc,KAAK,OAAO,iBAAiB;CAEjE,MAAM,EAAE,SAAS,OAAO,aAAa,SAAS,aAAa,wBAAwB;CAEnF,OACE,qBAAC,OAAO,MAAR;EAAa,WAAU;YAAvB,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EACX,+BACA,6CACF;GACA,OAAO,EAAE,sCAAsC,eAAe;EAC/D,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,yBAAD;KAAyB,0BAA0B;KAAU,WAAW;eAAxE,CACG,QAAQ,KAAK,WACZ,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,OAAO,eACN,oBAAC,KAAD;QAAG,WAAU;kBAA+B,OAAO;OAAe,CAAA,GAEpE,oBAAC,UAAD,EAAyC,MAAM,OAAS,GAAzC,aAAa,OAAO,IAAqB,CACrD;UACJ,CAAC,aAAa,OAAO,MAAM,OAAO,OAAO,MAAM,MAC9C,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,QAAD;QACE,YAAW;QACX,WAAU;QACV,SAAS;QACT,MAAK;QACL,SAAQ;kBAEP,EACC,6CACA,qBACF;OACM,CAAA;MACL,CAAA,CAEJ;QAvBuC,WAAW,OAAO,IAuBzD,CACN,GAEA,eACC,oBAAC,OAAD;MAAK,WAAU;gBACZ,WAAW,oBAAC,kBAAD,CAAmB,CAAA;KAC5B,CAAA,CAEgB;;GACtB,CAAA,GACJ,OAAO,WAAW,oBAAC,OAAD,EAAA,UAAM,OAAO,QAAa,CAAA,CAClC;IAeF;;AAEjB"}

package/dist/es/components/Poll/PollActions/PollOptionsFullList.mjs

@@ -1,10 +1,10 @@
 import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
-import { useModalContext } from "../../../context/ModalContext.mjs";
-import { usePollContext } from "../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../context/TranslationContext.mjs";
 import { Viewer } from "../../Dialog/components/Viewer.mjs";
 import { PollQuestion } from "./PollQuestion.mjs";
 import { PollOptionList } from "../PollOptionList.mjs";
+import { useModalContext } from "../../../context/ModalContext.mjs";
+import { usePollContext } from "../../../context/PollContext.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Poll/PollActions/PollOptionsFullList.tsx
@@ -18,8 +18,8 @@ var PollOptionsFullList = () => {
 		className: "str-chat__modal__poll-option-list",
 		children: [/* @__PURE__ */ jsx(Viewer.Header, {
 			close,
-			description: t("Review all options available in this poll"),
-			title: t("Poll options")
+			description: t("poll.optionsFull.description", "Review all options available in this poll"),
+			title: t("poll.optionsFull.pollOptions.title", "Poll Options")
 		}), /* @__PURE__ */ jsxs(Viewer.Body, {
 			className: "str-chat__modal__poll-option-list__body",
 			children: [/* @__PURE__ */ jsx(PollQuestion, { question: name }), /* @__PURE__ */ jsx(PollOptionList, {})]

package/dist/es/components/Poll/PollActions/PollOptionsFullList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollOptionsFullList.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollOptionsFullList.tsx"],"sourcesContent":["import React from 'react';\nimport { Viewer } from '../../Dialog';\nimport { PollOptionList } from '../PollOptionList';\nimport { useStateStore } from '../../../store';\nimport { useModalContext, usePollContext, useTranslationContext } from '../../../context';\n\nimport type { PollState } from 'stream-chat';\nimport { PollQuestion } from './PollQuestion';\n\ntype PollStateSelectorReturnValue = { name: string };\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  name: nextValue.name,\n});\n\nexport const PollOptionsFullList = () => {\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { name } = useStateStore(poll.state, pollStateSelector);\n\n  return (\n    <Viewer.Root className={'str-chat__modal__poll-option-list'}>\n      <Viewer.Header\n        close={close}\n        description={t('Review all options available in this poll')}\n        title={t('Poll options')}\n      />\n      <Viewer.Body className='str-chat__modal__poll-option-list__body'>\n        <PollQuestion question={name} />\n        <PollOptionList />\n      </Viewer.Body>\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAM,qBAAqB,eAAwD,EACjF,MAAM,UAAU,KAClB;AAEA,IAAa,4BAA4B;CACvC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,SAAS,cAAc,KAAK,OAAO,iBAAiB;CAE5D,OACE,qBAAC,OAAO,MAAR;EAAa,WAAW;YAAxB,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EAAE,2CAA2C;GAC1D,OAAO,EAAE,cAAc;EACxB,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,cAAD,EAAc,UAAU,KAAO,CAAA,GAC/B,oBAAC,gBAAD,CAAiB,CAAA,CACN;IACF;;AAEjB"}
+{"version":3,"file":"PollOptionsFullList.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollOptionsFullList.tsx"],"sourcesContent":["import React from 'react';\nimport { Viewer } from '../../Dialog';\nimport { PollOptionList } from '../PollOptionList';\nimport { useStateStore } from '../../../store';\nimport { useModalContext, usePollContext, useTranslationContext } from '../../../context';\n\nimport type { PollState } from 'stream-chat';\nimport { PollQuestion } from './PollQuestion';\n\ntype PollStateSelectorReturnValue = { name: string };\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  name: nextValue.name,\n});\n\nexport const PollOptionsFullList = () => {\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { name } = useStateStore(poll.state, pollStateSelector);\n\n  return (\n    <Viewer.Root className={'str-chat__modal__poll-option-list'}>\n      <Viewer.Header\n        close={close}\n        description={t(\n          'poll.optionsFull.description',\n          'Review all options available in this poll',\n        )}\n        title={t('poll.optionsFull.pollOptions.title', 'Poll Options')}\n      />\n      <Viewer.Body className='str-chat__modal__poll-option-list__body'>\n        <PollQuestion question={name} />\n        <PollOptionList />\n      </Viewer.Body>\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAM,qBAAqB,eAAwD,EACjF,MAAM,UAAU,KAClB;AAEA,IAAa,4BAA4B;CACvC,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,SAAS,cAAc,KAAK,OAAO,iBAAiB;CAE5D,OACE,qBAAC,OAAO,MAAR;EAAa,WAAW;YAAxB,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EACX,gCACA,2CACF;GACA,OAAO,EAAE,sCAAsC,cAAc;EAC9D,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,cAAD,EAAc,UAAU,KAAO,CAAA,GAC/B,oBAAC,gBAAD,CAAiB,CAAA,CACN;IACF;;AAEjB"}

package/dist/es/components/Poll/PollActions/PollQuestion.mjs

@@ -7,7 +7,7 @@ var PollQuestion = ({ question }) => {
 		className: "str-chat__modal__poll-question",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "str-chat__modal__poll-question__label",
-			children: t("Question")
+			children: t("poll.question.question.text", "Question")
 		}), /* @__PURE__ */ jsx("div", {
 			className: "str-chat__modal__poll-question__text",
 			children: question

package/dist/es/components/Poll/PollActions/PollQuestion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollQuestion.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollQuestion.tsx"],"sourcesContent":["import { useTranslationContext } from '../../../context';\n\nexport type PollQuestionProps = {\n  question: string;\n};\n\nexport const PollQuestion = ({ question }: PollQuestionProps) => {\n  const { t } = useTranslationContext();\n  return (\n    <div className='str-chat__modal__poll-question'>\n      <div className='str-chat__modal__poll-question__label'>{t('Question')}</div>\n      <div className='str-chat__modal__poll-question__text'>{question}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,gBAAgB,EAAE,eAAkC;CAC/D,MAAM,EAAE,MAAM,sBAAsB;CACpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aAAyC,EAAE,UAAU;EAAO,CAAA,GAC3E,oBAAC,OAAD;GAAK,WAAU;aAAwC;EAAc,CAAA,CAClE;;AAET"}
+{"version":3,"file":"PollQuestion.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollQuestion.tsx"],"sourcesContent":["import { useTranslationContext } from '../../../context';\n\nexport type PollQuestionProps = {\n  question: string;\n};\n\nexport const PollQuestion = ({ question }: PollQuestionProps) => {\n  const { t } = useTranslationContext();\n  return (\n    <div className='str-chat__modal__poll-question'>\n      <div className='str-chat__modal__poll-question__label'>\n        {t('poll.question.question.text', 'Question')}\n      </div>\n      <div className='str-chat__modal__poll-question__text'>{question}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,gBAAgB,EAAE,eAAkC;CAC/D,MAAM,EAAE,MAAM,sBAAsB;CACpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,EAAE,+BAA+B,UAAU;EACzC,CAAA,GACL,oBAAC,OAAD;GAAK,WAAU;aAAwC;EAAc,CAAA,CAClE;;AAET"}

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotes.mjs

@@ -1,18 +1,20 @@
-import { useChannelStateContext } from "../../../../context/ChannelStateContext.mjs";
 import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
-import { usePollContext } from "../../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
 import { Button } from "../../../Button/Button.mjs";
+import { useChannelCapabilities } from "../../../Channel/hooks/useChannelCapabilities.mjs";
 import { PollVoteListing } from "../../PollVote.mjs";
 import { PollOptionWithVotesHeader } from "./PollOptionWithVotesHeader.mjs";
+import { useChannel } from "../../../../context/useChannel.mjs";
+import { usePollContext } from "../../../../context/PollContext.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 //#region src/components/Poll/PollActions/PollResults/PollOptionWithVotes.tsx
 var pollStateSelector = (nextValue) => ({ latest_votes_by_option: nextValue.latest_votes_by_option });
 var PollOptionWithVotes = ({ countVotesPreview, option, orderNumber, showAllVotes }) => {
+	const channel = useChannel();
 	const { t } = useTranslationContext();
-	const { channelCapabilities = {} } = useChannelStateContext("PollOptionWithVotes");
+	const channelCapabilities = useChannelCapabilities({ cid: channel.cid });
 	const { poll } = usePollContext();
 	const { latest_votes_by_option } = useStateStore(poll.state, pollStateSelector);
 	const votes = latest_votes_by_option && latest_votes_by_option[option.id];
@@ -29,7 +31,7 @@ var PollOptionWithVotes = ({ countVotesPreview, option, orderNumber, showAllVote
 				optionOrderNumber: orderNumber
 			}),
 			!!votes && /* @__PURE__ */ jsx(PollVoteListing, { votes: votes.slice(0, countVotesPreview) }),
-			channelCapabilities["query-poll-votes"] && showAllVotes && isVotesPreview && votes?.length > countVotesPreview && /* @__PURE__ */ jsx("div", {
+			channelCapabilities.has("query-poll-votes") && showAllVotes && isVotesPreview && votes?.length > countVotesPreview && /* @__PURE__ */ jsx("div", {
 				className: "str-chat__poll-option__show-all-votes-button-container",
 				children: /* @__PURE__ */ jsx(Button, {
 					appearance: "ghost",
@@ -37,7 +39,7 @@ var PollOptionWithVotes = ({ countVotesPreview, option, orderNumber, showAllVote
 					onClick: showAllVotes,
 					size: "md",
 					variant: "secondary",
-					children: t("View all")
+					children: t("poll.optionVotes.view.text", "View all")
 				})
 			})
 		]

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollOptionWithVotes.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotes.tsx"],"sourcesContent":["import React from 'react';\nimport { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';\nimport { PollVoteListing } from '../../PollVote';\nimport { useStateStore } from '../../../../store';\nimport {\n  useChannelStateContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../../context';\nimport type { PollOption, PollState, PollVote } from 'stream-chat';\nimport { Button } from '../../../Button';\nimport clsx from 'clsx';\n\ntype PollStateSelectorReturnValue = {\n  latest_votes_by_option: Record<string, PollVote[]>;\n};\n\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  latest_votes_by_option: nextValue.latest_votes_by_option,\n});\n\nexport type PollOptionWithVotesProps = {\n  option: PollOption;\n  orderNumber: number;\n  countVotesPreview?: number;\n  showAllVotes?: () => void;\n};\n\nexport const PollOptionWithVotes = ({\n  countVotesPreview,\n  option,\n  orderNumber,\n  showAllVotes,\n}: PollOptionWithVotesProps) => {\n  const { t } = useTranslationContext();\n  const { channelCapabilities = {} } = useChannelStateContext('PollOptionWithVotes');\n  const { poll } = usePollContext();\n  const { latest_votes_by_option } = useStateStore(poll.state, pollStateSelector);\n\n  const votes = latest_votes_by_option && latest_votes_by_option[option.id];\n  const voteCount = votes?.length ?? 0;\n  const isVotesPreview = typeof countVotesPreview === 'number';\n\n  return (\n    <div\n      className={clsx('str-chat__poll-option', {\n        'str-chat__poll-option--has-more-votes':\n          isVotesPreview && voteCount > countVotesPreview,\n        'str-chat__poll-option--has-votes': voteCount,\n      })}\n    >\n      <PollOptionWithVotesHeader option={option} optionOrderNumber={orderNumber} />\n      {!!votes && <PollVoteListing votes={votes.slice(0, countVotesPreview)} />}\n      {channelCapabilities['query-poll-votes'] &&\n        showAllVotes &&\n        isVotesPreview &&\n        votes?.length > countVotesPreview && (\n          <div className='str-chat__poll-option__show-all-votes-button-container'>\n            <Button\n              appearance='ghost'\n              className='str-chat__poll-option__show-all-votes-button'\n              onClick={showAllVotes}\n              size='md'\n              variant='secondary'\n            >\n              {t('View all')}\n            </Button>\n          </div>\n        )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,qBAAqB,eAAwD,EACjF,wBAAwB,UAAU,uBACpC;AASA,IAAa,uBAAuB,EAClC,mBACA,QACA,aACA,mBAC8B;CAC9B,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,sBAAsB,CAAC,MAAM,uBAAuB,qBAAqB;CACjF,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,2BAA2B,cAAc,KAAK,OAAO,iBAAiB;CAE9E,MAAM,QAAQ,0BAA0B,uBAAuB,OAAO;CACtE,MAAM,YAAY,OAAO,UAAU;CACnC,MAAM,iBAAiB,OAAO,sBAAsB;CAEpD,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,yBAAyB;GACvC,yCACE,kBAAkB,YAAY;GAChC,oCAAoC;EACtC,CAAC;YALH;GAOE,oBAAC,2BAAD;IAAmC;IAAQ,mBAAmB;GAAc,CAAA;GAC3E,CAAC,CAAC,SAAS,oBAAC,iBAAD,EAAiB,OAAO,MAAM,MAAM,GAAG,iBAAiB,EAAI,CAAA;GACvE,oBAAoB,uBACnB,gBACA,kBACA,OAAO,SAAS,qBACd,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,SAAS;KACT,MAAK;KACL,SAAQ;eAEP,EAAE,UAAU;IACP,CAAA;GACL,CAAA;EAEN;;AAET"}
+{"version":3,"file":"PollOptionWithVotes.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotes.tsx"],"sourcesContent":["import React from 'react';\nimport { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';\nimport { PollVoteListing } from '../../PollVote';\nimport { useStateStore } from '../../../../store';\nimport { useChannel, usePollContext, useTranslationContext } from '../../../../context';\nimport { useChannelCapabilities } from '../../../Channel/hooks/useChannelCapabilities';\nimport type {\n  PollOptionResponseData,\n  PollState,\n  PollVoteResponseData,\n} from 'stream-chat';\nimport { Button } from '../../../Button';\nimport clsx from 'clsx';\n\ntype PollStateSelectorReturnValue = {\n  latest_votes_by_option: Record<string, PollVoteResponseData[]>;\n};\n\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  latest_votes_by_option: nextValue.latest_votes_by_option,\n});\n\nexport type PollOptionWithVotesProps = {\n  option: PollOptionResponseData;\n  orderNumber: number;\n  countVotesPreview?: number;\n  showAllVotes?: () => void;\n};\n\nexport const PollOptionWithVotes = ({\n  countVotesPreview,\n  option,\n  orderNumber,\n  showAllVotes,\n}: PollOptionWithVotesProps) => {\n  const channel = useChannel();\n  const { t } = useTranslationContext();\n  const channelCapabilities = useChannelCapabilities({ cid: channel.cid });\n  const { poll } = usePollContext();\n  const { latest_votes_by_option } = useStateStore(poll.state, pollStateSelector);\n\n  const votes = latest_votes_by_option && latest_votes_by_option[option.id];\n  const voteCount = votes?.length ?? 0;\n  const isVotesPreview = typeof countVotesPreview === 'number';\n\n  return (\n    <div\n      className={clsx('str-chat__poll-option', {\n        'str-chat__poll-option--has-more-votes':\n          isVotesPreview && voteCount > countVotesPreview,\n        'str-chat__poll-option--has-votes': voteCount,\n      })}\n    >\n      <PollOptionWithVotesHeader option={option} optionOrderNumber={orderNumber} />\n      {!!votes && <PollVoteListing votes={votes.slice(0, countVotesPreview)} />}\n      {channelCapabilities.has('query-poll-votes') &&\n        showAllVotes &&\n        isVotesPreview &&\n        votes?.length > countVotesPreview && (\n          <div className='str-chat__poll-option__show-all-votes-button-container'>\n            <Button\n              appearance='ghost'\n              className='str-chat__poll-option__show-all-votes-button'\n              onClick={showAllVotes}\n              size='md'\n              variant='secondary'\n            >\n              {t('poll.optionVotes.view.text', 'View all')}\n            </Button>\n          </div>\n        )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAM,qBAAqB,eAAwD,EACjF,wBAAwB,UAAU,uBACpC;AASA,IAAa,uBAAuB,EAClC,mBACA,QACA,aACA,mBAC8B;CAC9B,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,sBAAsB,uBAAuB,EAAE,KAAK,QAAQ,IAAI,CAAC;CACvE,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,2BAA2B,cAAc,KAAK,OAAO,iBAAiB;CAE9E,MAAM,QAAQ,0BAA0B,uBAAuB,OAAO;CACtE,MAAM,YAAY,OAAO,UAAU;CACnC,MAAM,iBAAiB,OAAO,sBAAsB;CAEpD,OACE,qBAAC,OAAD;EACE,WAAW,KAAK,yBAAyB;GACvC,yCACE,kBAAkB,YAAY;GAChC,oCAAoC;EACtC,CAAC;YALH;GAOE,oBAAC,2BAAD;IAAmC;IAAQ,mBAAmB;GAAc,CAAA;GAC3E,CAAC,CAAC,SAAS,oBAAC,iBAAD,EAAiB,OAAO,MAAM,MAAM,GAAG,iBAAiB,EAAI,CAAA;GACvE,oBAAoB,IAAI,kBAAkB,KACzC,gBACA,kBACA,OAAO,SAAS,qBACd,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KACE,YAAW;KACX,WAAU;KACV,SAAS;KACT,MAAK;KACL,SAAQ;eAEP,EAAE,8BAA8B,UAAU;IACrC,CAAA;GACL,CAAA;EAEN;;AAET"}

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.mjs

@@ -1,7 +1,7 @@
-import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
 import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
-import { usePollContext } from "../../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
+import { usePollContext } from "../../../../context/PollContext.mjs";
+import { useComponentContextIcons } from "../../../../context/useComponentContextIcons.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx
@@ -18,7 +18,11 @@ var PollResultOptionVoteCounter = ({ optionId }) => {
 		className: "str-chat__poll-result-option-vote-counter",
 		children: [maxVotedOptionIds.length === 1 && maxVotedOptionIds[0] === optionId && /* @__PURE__ */ jsx(IconTrophy, {}), /* @__PURE__ */ jsx("span", {
 			className: "str-chat__poll-result-option-vote-count",
-			children: t("{{count}} votes", { count: vote_counts_by_option[optionId] ?? 0 })
+			children: t("poll.optionVotes.votes.text", {
+				count: vote_counts_by_option[optionId] ?? 0,
+				defaultValue_one: "{{count}} vote",
+				defaultValue_other: "{{count}} votes"
+			})
 		})]
 	});
 };
@@ -28,7 +32,7 @@ var PollOptionWithVotesHeader = ({ option, optionOrderNumber }) => {
 		className: "str-chat__poll-option__header",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "str-chat__poll-option__header__label",
-			children: t("Question {{ optionOrderNumber}}", { optionOrderNumber })
+			children: t("poll.optionVotes.question.text", "Question {{ optionOrderNumber}}", { optionOrderNumber })
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "str-chat__poll-option__header__title",
 			children: [/* @__PURE__ */ jsx("div", {

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollOptionWithVotesHeader.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useStateStore } from '../../../../store';\nimport {\n  useComponentContextIcons,\n  usePollContext,\n  useTranslationContext,\n} from '../../../../context';\nimport type { PollOption, PollState } from 'stream-chat';\n\ntype PollStateSelectorReturnValue = {\n  maxVotedOptionIds: string[];\n  vote_counts_by_option: Record<string, number>;\n};\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  maxVotedOptionIds: nextValue.maxVotedOptionIds,\n  vote_counts_by_option: nextValue.vote_counts_by_option,\n});\n\nexport type PollResultOptionVoteCounterProps = {\n  optionId: string;\n};\n\nexport const PollResultOptionVoteCounter = ({\n  optionId,\n}: PollResultOptionVoteCounterProps) => {\n  const { IconTrophy } = useComponentContextIcons();\n\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { maxVotedOptionIds, vote_counts_by_option } = useStateStore(\n    poll.state,\n    pollStateSelector,\n  );\n\n  return (\n    <div className='str-chat__poll-result-option-vote-counter'>\n      {maxVotedOptionIds.length === 1 && maxVotedOptionIds[0] === optionId && (\n        <IconTrophy />\n      )}\n      <span className='str-chat__poll-result-option-vote-count'>\n        {t('{{count}} votes', { count: vote_counts_by_option[optionId] ?? 0 })}\n      </span>\n    </div>\n  );\n};\n\nexport type PollOptionWithVotesHeaderProps = {\n  option: PollOption;\n  optionOrderNumber: number;\n};\n\nexport const PollOptionWithVotesHeader = ({\n  option,\n  optionOrderNumber,\n}: PollOptionWithVotesHeaderProps) => {\n  const { t } = useTranslationContext();\n\n  return (\n    <div className='str-chat__poll-option__header'>\n      <div className='str-chat__poll-option__header__label'>\n        {t('Question {{ optionOrderNumber}}', { optionOrderNumber })}\n      </div>\n      <div className='str-chat__poll-option__header__title'>\n        <div className='str-chat__poll-option__option-text'>{option.text}</div>\n        <PollResultOptionVoteCounter optionId={option.id} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAaA,IAAM,qBAAqB,eAAwD;CACjF,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;AACnC;AAMA,IAAa,+BAA+B,EAC1C,eACsC;CACtC,MAAM,EAAE,eAAe,yBAAyB;CAEhD,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,mBAAmB,0BAA0B,cACnD,KAAK,OACL,iBACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,kBAAkB,WAAW,KAAK,kBAAkB,OAAO,YAC1D,oBAAC,YAAD,CAAa,CAAA,GAEf,oBAAC,QAAD;GAAM,WAAU;aACb,EAAE,mBAAmB,EAAE,OAAO,sBAAsB,aAAa,EAAE,CAAC;EACjE,CAAA,CACH;;AAET;AAOA,IAAa,6BAA6B,EACxC,QACA,wBACoC;CACpC,MAAM,EAAE,MAAM,sBAAsB;CAEpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,EAAE,mCAAmC,EAAE,kBAAkB,CAAC;EACxD,CAAA,GACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IAAK,WAAU;cAAsC,OAAO;GAAU,CAAA,GACtE,oBAAC,6BAAD,EAA6B,UAAU,OAAO,GAAK,CAAA,CAChD;IACF;;AAET"}
+{"version":3,"file":"PollOptionWithVotesHeader.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotesHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useStateStore } from '../../../../store';\nimport {\n  useComponentContextIcons,\n  usePollContext,\n  useTranslationContext,\n} from '../../../../context';\nimport type { PollOptionResponseData, PollState } from 'stream-chat';\n\ntype PollStateSelectorReturnValue = {\n  maxVotedOptionIds: string[];\n  vote_counts_by_option: Record<string, number>;\n};\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  maxVotedOptionIds: nextValue.maxVotedOptionIds,\n  vote_counts_by_option: nextValue.vote_counts_by_option,\n});\n\nexport type PollResultOptionVoteCounterProps = {\n  optionId: string;\n};\n\nexport const PollResultOptionVoteCounter = ({\n  optionId,\n}: PollResultOptionVoteCounterProps) => {\n  const { IconTrophy } = useComponentContextIcons();\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { maxVotedOptionIds, vote_counts_by_option } = useStateStore(\n    poll.state,\n    pollStateSelector,\n  );\n\n  return (\n    <div className='str-chat__poll-result-option-vote-counter'>\n      {maxVotedOptionIds.length === 1 && maxVotedOptionIds[0] === optionId && (\n        <IconTrophy />\n      )}\n      <span className='str-chat__poll-result-option-vote-count'>\n        {t('poll.optionVotes.votes.text', {\n          count: vote_counts_by_option[optionId] ?? 0,\n          defaultValue_one: '{{count}} vote',\n          defaultValue_other: '{{count}} votes',\n        })}\n      </span>\n    </div>\n  );\n};\n\nexport type PollOptionWithVotesHeaderProps = {\n  option: PollOptionResponseData;\n  optionOrderNumber: number;\n};\n\nexport const PollOptionWithVotesHeader = ({\n  option,\n  optionOrderNumber,\n}: PollOptionWithVotesHeaderProps) => {\n  const { t } = useTranslationContext();\n\n  return (\n    <div className='str-chat__poll-option__header'>\n      <div className='str-chat__poll-option__header__label'>\n        {t('poll.optionVotes.question.text', 'Question {{ optionOrderNumber}}', {\n          optionOrderNumber,\n        })}\n      </div>\n      <div className='str-chat__poll-option__header__title'>\n        <div className='str-chat__poll-option__option-text'>{option.text}</div>\n        <PollResultOptionVoteCounter optionId={option.id} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAaA,IAAM,qBAAqB,eAAwD;CACjF,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;AACnC;AAMA,IAAa,+BAA+B,EAC1C,eACsC;CACtC,MAAM,EAAE,eAAe,yBAAyB;CAChD,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,mBAAmB,0BAA0B,cACnD,KAAK,OACL,iBACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,kBAAkB,WAAW,KAAK,kBAAkB,OAAO,YAC1D,oBAAC,YAAD,CAAa,CAAA,GAEf,oBAAC,QAAD;GAAM,WAAU;aACb,EAAE,+BAA+B;IAChC,OAAO,sBAAsB,aAAa;IAC1C,kBAAkB;IAClB,oBAAoB;GACtB,CAAC;EACG,CAAA,CACH;;AAET;AAOA,IAAa,6BAA6B,EACxC,QACA,wBACoC;CACpC,MAAM,EAAE,MAAM,sBAAsB;CAEpC,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GAAK,WAAU;aACZ,EAAE,kCAAkC,mCAAmC,EACtE,kBACF,CAAC;EACE,CAAA,GACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IAAK,WAAU;cAAsC,OAAO;GAAU,CAAA,GACtE,oBAAC,6BAAD,EAA6B,UAAU,OAAO,GAAK,CAAA,CAChD;IACF;;AAET"}

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotesList.mjs

@@ -1,7 +1,7 @@
+import { InfiniteScrollPaginator } from "../../../InfiniteScrollPaginator/InfiniteScrollPaginator.mjs";
 import { LoadingIndicator } from "../../../Loading/LoadingIndicator.mjs";
 import { PollVoteListing } from "../../PollVote.mjs";
 import { usePollOptionVotesPagination } from "../../hooks/usePollOptionVotesPagination.mjs";
-import { InfiniteScrollPaginator } from "../../../InfiniteScrollPaginator/InfiniteScrollPaginator.mjs";
 import { PollOptionWithVotesHeader } from "./PollOptionWithVotesHeader.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/es/components/Poll/PollActions/PollResults/PollOptionWithVotesList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollOptionWithVotesList.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotesList.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { PollVoteListing } from '../../PollVote';\nimport { usePollOptionVotesPagination } from '../../hooks';\nimport { LoadingIndicator } from '../../../Loading';\nimport { InfiniteScrollPaginator } from '../../../InfiniteScrollPaginator/InfiniteScrollPaginator';\nimport type { PollOption, PollOptionVotesQueryParams } from 'stream-chat';\nimport { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';\n\nexport type PollOptionWithVotesListProps = {\n  option: PollOption;\n  optionOrderNumber: number;\n};\n\nexport const PollOptionWithVotesList = ({\n  option,\n  optionOrderNumber,\n}: PollOptionWithVotesListProps) => {\n  const paginationParams = useMemo<PollOptionVotesQueryParams>(\n    () => ({ filter: { option_id: option.id } }),\n    [option.id],\n  );\n  const { hasNextPage, loading, loadMore, votes } = usePollOptionVotesPagination({\n    paginationParams,\n  });\n\n  return (\n    <InfiniteScrollPaginator loadNextOnScrollToBottom={loadMore} threshold={40}>\n      <div className='str-chat_poll-option-with-votes-list'>\n        <div className='str-chat__poll-option'>\n          <div className='str-chat__poll-option__votes-paginated-list'>\n            <PollOptionWithVotesHeader\n              option={option}\n              optionOrderNumber={optionOrderNumber}\n            />\n            <PollVoteListing votes={votes} />\n            {hasNextPage && (\n              <div className='str-chat__loading-indicator-placeholder'>\n                {loading && <LoadingIndicator />}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </InfiniteScrollPaginator>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,IAAa,2BAA2B,EACtC,QACA,wBACkC;CAKlC,MAAM,EAAE,aAAa,SAAS,UAAU,UAAU,6BAA6B,EAC7E,kBALuB,eAChB,EAAE,QAAQ,EAAE,WAAW,OAAO,GAAG,EAAE,IAC1C,CAAC,OAAO,EAAE,CAGV,EACF,CAAC;CAED,OACE,oBAAC,yBAAD;EAAyB,0BAA0B;EAAU,WAAW;YACtE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,oBAAC,2BAAD;OACU;OACW;MACpB,CAAA;MACD,oBAAC,iBAAD,EAAwB,MAAQ,CAAA;MAC/B,eACC,oBAAC,OAAD;OAAK,WAAU;iBACZ,WAAW,oBAAC,kBAAD,CAAmB,CAAA;MAC5B,CAAA;KAEJ;;GACF,CAAA;EACF,CAAA;CACkB,CAAA;AAE7B"}
+{"version":3,"file":"PollOptionWithVotesList.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollOptionWithVotesList.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { PollVoteListing } from '../../PollVote';\nimport { usePollOptionVotesPagination } from '../../hooks';\nimport { LoadingIndicator } from '../../../Loading';\nimport { InfiniteScrollPaginator } from '../../../InfiniteScrollPaginator/InfiniteScrollPaginator';\nimport type { PollOptionResponseData, PollOptionVotesQueryParams } from 'stream-chat';\nimport { PollOptionWithVotesHeader } from './PollOptionWithVotesHeader';\n\nexport type PollOptionWithVotesListProps = {\n  option: PollOptionResponseData;\n  optionOrderNumber: number;\n};\n\nexport const PollOptionWithVotesList = ({\n  option,\n  optionOrderNumber,\n}: PollOptionWithVotesListProps) => {\n  const paginationParams = useMemo<PollOptionVotesQueryParams>(\n    () => ({ filter: { option_id: option.id } }),\n    [option.id],\n  );\n  const { hasNextPage, loading, loadMore, votes } = usePollOptionVotesPagination({\n    paginationParams,\n  });\n\n  return (\n    <InfiniteScrollPaginator loadNextOnScrollToBottom={loadMore} threshold={40}>\n      <div className='str-chat_poll-option-with-votes-list'>\n        <div className='str-chat__poll-option'>\n          <div className='str-chat__poll-option__votes-paginated-list'>\n            <PollOptionWithVotesHeader\n              option={option}\n              optionOrderNumber={optionOrderNumber}\n            />\n            <PollVoteListing votes={votes} />\n            {hasNextPage && (\n              <div className='str-chat__loading-indicator-placeholder'>\n                {loading && <LoadingIndicator />}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </InfiniteScrollPaginator>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,IAAa,2BAA2B,EACtC,QACA,wBACkC;CAKlC,MAAM,EAAE,aAAa,SAAS,UAAU,UAAU,6BAA6B,EAC7E,kBALuB,eAChB,EAAE,QAAQ,EAAE,WAAW,OAAO,GAAG,EAAE,IAC1C,CAAC,OAAO,EAAE,CAGV,EACF,CAAC;CAED,OACE,oBAAC,yBAAD;EAAyB,0BAA0B;EAAU,WAAW;YACtE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,oBAAC,2BAAD;OACU;OACW;MACpB,CAAA;MACD,oBAAC,iBAAD,EAAwB,MAAQ,CAAA;MAC/B,eACC,oBAAC,OAAD;OAAK,WAAU;iBACZ,WAAW,oBAAC,kBAAD,CAAmB,CAAA;MAC5B,CAAA;KAEJ;;GACF,CAAA;EACF,CAAA;CACkB,CAAA;AAE7B"}

package/dist/es/components/Poll/PollActions/PollResults/PollResults.mjs

@@ -1,11 +1,11 @@
 import { useStateStore } from "../../../../store/hooks/useStateStore.mjs";
-import { useModalContext } from "../../../../context/ModalContext.mjs";
-import { usePollContext } from "../../../../context/PollContext.mjs";
 import { useTranslationContext } from "../../../../context/TranslationContext.mjs";
 import { Viewer } from "../../../Dialog/components/Viewer.mjs";
 import { PollOptionWithVotes } from "./PollOptionWithVotes.mjs";
 import { PollQuestion } from "../PollQuestion.mjs";
 import { PollOptionWithVotesList } from "./PollOptionWithVotesList.mjs";
+import { useModalContext } from "../../../../context/ModalContext.mjs";
+import { usePollContext } from "../../../../context/PollContext.mjs";
 import { useCallback, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -27,9 +27,9 @@ var PollResults = () => {
 		className: clsx("str-chat__modal__poll-results", { "str-chat__modal__poll-results--option-detail": optionToView }),
 		children: optionToView?.option ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Viewer.Header, {
 			close,
-			description: t("Review who voted for this option"),
+			description: t("poll.results.reviewWhoVotedOption.description", "Review who voted for this option"),
 			goBack,
-			title: t("Votes")
+			title: t("poll.results.votes.title", "Votes")
 		}), /* @__PURE__ */ jsx(Viewer.Body, {
 			className: "str-chat__modal__poll-results__body",
 			children: /* @__PURE__ */ jsx(PollOptionWithVotesList, {
@@ -38,8 +38,8 @@ var PollResults = () => {
 			})
 		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Viewer.Header, {
 			close,
-			description: t("Review poll results and open an option to see detailed votes"),
-			title: t("Poll results")
+			description: t("poll.results.reviewPollResultsOpen.description", "Review poll results and open an option to see detailed votes"),
+			title: t("poll.results.pollResults.title", "Poll Results")
 		}), /* @__PURE__ */ jsxs(Viewer.Body, {
 			className: "str-chat__modal__poll-results__body",
 			children: [/* @__PURE__ */ jsx(PollQuestion, { question: name }), /* @__PURE__ */ jsxs("div", {
@@ -62,7 +62,11 @@ var PollResults = () => {
 					className: "str-chat__modal__poll-results__options__footer",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "str-chat__modal__poll-results__options-total-count",
-						children: t("totalVoteCount", { count: vote_count })
+						children: t("poll.results.totalVoteCount.text", {
+							count: vote_count,
+							defaultValue_one: "1 vote total",
+							defaultValue_other: "{{ count }} votes total"
+						})
 					})
 				})]
 			})]

package/dist/es/components/Poll/PollActions/PollResults/PollResults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PollResults.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollResults.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useCallback, useState } from 'react';\nimport { PollOptionWithVotes } from './PollOptionWithVotes';\nimport { Viewer } from '../../../Dialog';\nimport { useStateStore } from '../../../../store';\nimport {\n  useModalContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../../context';\nimport type { PollOption, PollState } from 'stream-chat';\nimport { COUNT_OPTION_VOTES_PREVIEW } from '../../constants';\nimport { PollQuestion } from '../PollQuestion';\nimport { PollOptionWithVotesList } from './PollOptionWithVotesList';\n\nconst pollStateSelector = ({\n  name,\n  options,\n  vote_count,\n  vote_counts_by_option,\n}: PollState) => ({\n  name,\n  options: [...options],\n  vote_count,\n  vote_counts_by_option,\n});\n\nexport const PollResults = () => {\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { name, options, vote_count, vote_counts_by_option } = useStateStore(\n    poll.state,\n    pollStateSelector,\n  );\n  const [optionToView, setOptionToView] = useState<{\n    option: PollOption;\n    optionOrderNumber: number;\n  } | null>(null);\n\n  const goBack = useCallback(() => setOptionToView(null), []);\n\n  return (\n    <Viewer.Root\n      className={clsx('str-chat__modal__poll-results', {\n        'str-chat__modal__poll-results--option-detail': optionToView,\n      })}\n    >\n      {optionToView?.option ? (\n        <>\n          <Viewer.Header\n            close={close}\n            description={t('Review who voted for this option')}\n            goBack={goBack}\n            title={t('Votes')}\n          />\n          <Viewer.Body className='str-chat__modal__poll-results__body'>\n            <PollOptionWithVotesList\n              option={optionToView?.option}\n              optionOrderNumber={optionToView?.optionOrderNumber}\n            />\n          </Viewer.Body>\n        </>\n      ) : (\n        <>\n          <Viewer.Header\n            close={close}\n            description={t(\n              'Review poll results and open an option to see detailed votes',\n            )}\n            title={t('Poll results')}\n          />\n          <Viewer.Body className='str-chat__modal__poll-results__body'>\n            <PollQuestion question={name} />\n            <div className='str-chat__modal__poll-results__options'>\n              <div className='str-chat__modal__poll-results__option-list'>\n                {options\n                  .sort((next, current) =>\n                    (vote_counts_by_option[current.id] ?? 0) >=\n                    (vote_counts_by_option[next.id] ?? 0)\n                      ? 1\n                      : -1,\n                  )\n                  .map((option, i) => {\n                    const optionOrderNumber = i + 1;\n                    return (\n                      <PollOptionWithVotes\n                        countVotesPreview={COUNT_OPTION_VOTES_PREVIEW}\n                        key={`poll-option-${option.id}`}\n                        option={option}\n                        orderNumber={optionOrderNumber}\n                        showAllVotes={() =>\n                          setOptionToView({ option, optionOrderNumber })\n                        }\n                      />\n                    );\n                  })}\n              </div>\n              <div className='str-chat__modal__poll-results__options__footer'>\n                <div className='str-chat__modal__poll-results__options-total-count'>\n                  {t('totalVoteCount', { count: vote_count })}\n                </div>\n              </div>\n            </div>\n          </Viewer.Body>\n        </>\n      )}\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,qBAAqB,EACzB,MACA,SACA,YACA,6BACgB;CAChB;CACA,SAAS,CAAC,GAAG,OAAO;CACpB;CACA;AACF;AAEA,IAAa,oBAAoB;CAC/B,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,MAAM,SAAS,YAAY,0BAA0B,cAC3D,KAAK,OACL,iBACF;CACA,MAAM,CAAC,cAAc,mBAAmB,SAG9B,IAAI;CAEd,MAAM,SAAS,kBAAkB,gBAAgB,IAAI,GAAG,CAAC,CAAC;CAE1D,OACE,oBAAC,OAAO,MAAR;EACE,WAAW,KAAK,iCAAiC,EAC/C,gDAAgD,aAClD,CAAC;YAEA,cAAc,SACb,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EAAE,kCAAkC;GACzC;GACR,OAAO,EAAE,OAAO;EACjB,CAAA,GACD,oBAAC,OAAO,MAAR;GAAa,WAAU;aACrB,oBAAC,yBAAD;IACE,QAAQ,cAAc;IACtB,mBAAmB,cAAc;GAClC,CAAA;EACU,CAAA,CACb,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EACX,8DACF;GACA,OAAO,EAAE,cAAc;EACxB,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,cAAD,EAAc,UAAU,KAAO,CAAA,GAC/B,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KAAK,WAAU;eACZ,QACE,MAAM,MAAM,aACV,sBAAsB,QAAQ,OAAO,OACrC,sBAAsB,KAAK,OAAO,KAC/B,IACA,EACN,CAAC,CACA,KAAK,QAAQ,MAAM;MAClB,MAAM,oBAAoB,IAAI;MAC9B,OACE,oBAAC,qBAAD;OACE,mBAAA;OAEQ;OACR,aAAa;OACb,oBACE,gBAAgB;QAAE;QAAQ;OAAkB,CAAC;MAEhD,GANM,eAAe,OAAO,IAM5B;KAEL,CAAC;IACA,CAAA,GACL,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAAK,WAAU;gBACZ,EAAE,kBAAkB,EAAE,OAAO,WAAW,CAAC;KACvC,CAAA;IACF,CAAA,CACF;KACM;IACb,EAAA,CAAA;CAEO,CAAA;AAEjB"}
+{"version":3,"file":"PollResults.mjs","names":[],"sources":["../../../../../../src/components/Poll/PollActions/PollResults/PollResults.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { useCallback, useState } from 'react';\nimport { PollOptionWithVotes } from './PollOptionWithVotes';\nimport { Viewer } from '../../../Dialog';\nimport { useStateStore } from '../../../../store';\nimport {\n  useModalContext,\n  usePollContext,\n  useTranslationContext,\n} from '../../../../context';\nimport type { PollOptionResponseData, PollState } from 'stream-chat';\nimport { COUNT_OPTION_VOTES_PREVIEW } from '../../constants';\nimport { PollQuestion } from '../PollQuestion';\nimport { PollOptionWithVotesList } from './PollOptionWithVotesList';\n\nconst pollStateSelector = ({\n  name,\n  options,\n  vote_count,\n  vote_counts_by_option,\n}: PollState) => ({\n  name,\n  options: [...options],\n  vote_count,\n  vote_counts_by_option,\n});\n\nexport const PollResults = () => {\n  const { t } = useTranslationContext();\n  const { poll } = usePollContext();\n  const { close } = useModalContext();\n  const { name, options, vote_count, vote_counts_by_option } = useStateStore(\n    poll.state,\n    pollStateSelector,\n  );\n  const [optionToView, setOptionToView] = useState<{\n    option: PollOptionResponseData;\n    optionOrderNumber: number;\n  } | null>(null);\n\n  const goBack = useCallback(() => setOptionToView(null), []);\n\n  return (\n    <Viewer.Root\n      className={clsx('str-chat__modal__poll-results', {\n        'str-chat__modal__poll-results--option-detail': optionToView,\n      })}\n    >\n      {optionToView?.option ? (\n        <>\n          <Viewer.Header\n            close={close}\n            description={t(\n              'poll.results.reviewWhoVotedOption.description',\n              'Review who voted for this option',\n            )}\n            goBack={goBack}\n            title={t('poll.results.votes.title', 'Votes')}\n          />\n          <Viewer.Body className='str-chat__modal__poll-results__body'>\n            <PollOptionWithVotesList\n              option={optionToView?.option}\n              optionOrderNumber={optionToView?.optionOrderNumber}\n            />\n          </Viewer.Body>\n        </>\n      ) : (\n        <>\n          <Viewer.Header\n            close={close}\n            description={t(\n              'poll.results.reviewPollResultsOpen.description',\n              'Review poll results and open an option to see detailed votes',\n            )}\n            title={t('poll.results.pollResults.title', 'Poll Results')}\n          />\n          <Viewer.Body className='str-chat__modal__poll-results__body'>\n            <PollQuestion question={name} />\n            <div className='str-chat__modal__poll-results__options'>\n              <div className='str-chat__modal__poll-results__option-list'>\n                {options\n                  .sort((next, current) =>\n                    (vote_counts_by_option[current.id] ?? 0) >=\n                    (vote_counts_by_option[next.id] ?? 0)\n                      ? 1\n                      : -1,\n                  )\n                  .map((option, i) => {\n                    const optionOrderNumber = i + 1;\n                    return (\n                      <PollOptionWithVotes\n                        countVotesPreview={COUNT_OPTION_VOTES_PREVIEW}\n                        key={`poll-option-${option.id}`}\n                        option={option}\n                        orderNumber={optionOrderNumber}\n                        showAllVotes={() =>\n                          setOptionToView({ option, optionOrderNumber })\n                        }\n                      />\n                    );\n                  })}\n              </div>\n              <div className='str-chat__modal__poll-results__options__footer'>\n                <div className='str-chat__modal__poll-results__options-total-count'>\n                  {t('poll.results.totalVoteCount.text', {\n                    count: vote_count,\n                    defaultValue_one: '1 vote total',\n                    defaultValue_other: '{{ count }} votes total',\n                  })}\n                </div>\n              </div>\n            </div>\n          </Viewer.Body>\n        </>\n      )}\n    </Viewer.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,qBAAqB,EACzB,MACA,SACA,YACA,6BACgB;CAChB;CACA,SAAS,CAAC,GAAG,OAAO;CACpB;CACA;AACF;AAEA,IAAa,oBAAoB;CAC/B,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,MAAM,SAAS,YAAY,0BAA0B,cAC3D,KAAK,OACL,iBACF;CACA,MAAM,CAAC,cAAc,mBAAmB,SAG9B,IAAI;CAEd,MAAM,SAAS,kBAAkB,gBAAgB,IAAI,GAAG,CAAC,CAAC;CAE1D,OACE,oBAAC,OAAO,MAAR;EACE,WAAW,KAAK,iCAAiC,EAC/C,gDAAgD,aAClD,CAAC;YAEA,cAAc,SACb,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EACX,iDACA,kCACF;GACQ;GACR,OAAO,EAAE,4BAA4B,OAAO;EAC7C,CAAA,GACD,oBAAC,OAAO,MAAR;GAAa,WAAU;aACrB,oBAAC,yBAAD;IACE,QAAQ,cAAc;IACtB,mBAAmB,cAAc;GAClC,CAAA;EACU,CAAA,CACb,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,QAAR;GACS;GACP,aAAa,EACX,kDACA,8DACF;GACA,OAAO,EAAE,kCAAkC,cAAc;EAC1D,CAAA,GACD,qBAAC,OAAO,MAAR;GAAa,WAAU;aAAvB,CACE,oBAAC,cAAD,EAAc,UAAU,KAAO,CAAA,GAC/B,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KAAK,WAAU;eACZ,QACE,MAAM,MAAM,aACV,sBAAsB,QAAQ,OAAO,OACrC,sBAAsB,KAAK,OAAO,KAC/B,IACA,EACN,CAAC,CACA,KAAK,QAAQ,MAAM;MAClB,MAAM,oBAAoB,IAAI;MAC9B,OACE,oBAAC,qBAAD;OACE,mBAAA;OAEQ;OACR,aAAa;OACb,oBACE,gBAAgB;QAAE;QAAQ;OAAkB,CAAC;MAEhD,GANM,eAAe,OAAO,IAM5B;KAEL,CAAC;IACA,CAAA,GACL,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD;MAAK,WAAU;gBACZ,EAAE,oCAAoC;OACrC,OAAO;OACP,kBAAkB;OAClB,oBAAoB;MACtB,CAAC;KACE,CAAA;IACF,CAAA,CACF;KACM;IACb,EAAA,CAAA;CAEO,CAAA;AAEjB"}