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

package/dist/es/components/Notifications/hooks/useNotificationApi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationApi.mjs","names":[],"sources":["../../../../../src/components/Notifications/hooks/useNotificationApi.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { Notification, NotificationAction, NotificationSeverity } from 'stream-chat';\n\nimport type { AriaLivePriority } from '../../Accessibility';\nimport { useChatContext, useModalDialogManager } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport {\n  addNotificationTargetTag,\n  getNotificationTargetTag,\n  type NotificationTargetPanel,\n} from '../notificationTarget';\nimport { useNotificationTarget } from './useNotificationTarget';\n\nimport type { DialogManagerState } from '../../Dialog/service/DialogManager';\n\nconst modalDialogManagerStateSelector = ({\n  dialogsById,\n  openedDialogIds,\n}: DialogManagerState) => ({\n  hasOpenDialog: openedDialogIds\n    ? openedDialogIds.length > 0\n    : Object.values(dialogsById).some((dialog) => dialog.isOpen),\n});\n\n/** Tag used for full-width system banners (e.g. connection status). Excluded from `NotificationList` by default. */\nexport const SYSTEM_NOTIFICATION_TAG = 'system' as const;\n\nexport const hasSystemNotificationTag = (notification: Notification) =>\n  notification.tags?.includes(SYSTEM_NOTIFICATION_TAG) ?? false;\n\nexport type NotificationIncidentDescriptor = {\n  /** Where the incident happened (e.g. api, browser, validation, permission). */\n  domain: string;\n  /** Entity being operated on (e.g. message, poll, location, attachment). */\n  entity: string;\n  /** Attempted operation (e.g. send, end, share, upload). */\n  operation: string;\n  /** Status of the operation (e.g. failed, success, blocked). */\n  status?: string;\n};\n\nexport type AddNotificationParams = {\n  /** Optional interactive actions rendered by the notification component. */\n  actions?: NotificationAction[];\n  /**\n   * Overrides the aria-live priority the notification is announced with. Defaults to severity-based\n   * (`error` → `assertive`, otherwise `polite`). Set `assertive` for a confirmation that should be\n   * heard promptly rather than queued behind a competing announcement (e.g. a focus change).\n   */\n  ariaLive?: AriaLivePriority;\n  /** Arbitrary context metadata stored in `origin.context`. */\n  context?: Record<string, unknown>;\n  /** Duration in milliseconds after which the notification auto-dismisses. */\n  duration?: number;\n  /** Logical source emitting the notification (e.g. component or feature name). */\n  emitter: string;\n  /** Underlying error object attached as `options.originalError`. */\n  error?: Error;\n  /** Human-readable notification message. */\n  message: string;\n  /** Notification severity visualized by the UI. */\n  severity?: NotificationSeverity;\n  /** Additional tags appended to target panel tags. */\n  tags?: string[];\n  /** Explicit target panels; when provided, inferred panel is ignored. */\n  targetPanels?: NotificationTargetPanel[];\n  /** Structured descriptor of the incident this notification reports on. */\n  incident?: NotificationIncidentDescriptor;\n  /**\n   * Optional machine-readable notification type identifier (domain:entity:operation:status).\n   * Used by notification consumers to route behavior, including translation lookup\n   * via notification-type registries.\n   * When omitted, `type` is generated from `incident` if `incident` is provided.\n   */\n  type?: string;\n};\n\n/**\n * Same shape as {@link AddNotificationParams} except `targetPanels` is omitted — system\n * banners are global and do not receive `target:*` panel tags (they are filtered by the\n * `system` tag for `NotificationList` vs banner UIs).\n */\nexport type AddSystemNotificationParams = Omit<AddNotificationParams, 'targetPanels'>;\n\nexport type AddNotification = (params: AddNotificationParams) => void;\n/** Returns the notification id (for removal / timeouts). */\nexport type AddSystemNotification = (params: AddSystemNotificationParams) => string;\nexport type RemoveNotification = (id: string) => void;\nexport type StartNotificationTimeout = (id: string) => void;\n/** Starts a notification's countdown unless one is already running. */\nexport type EnsureNotificationTimeout = (id: string) => void;\n\nexport type NotificationApi = {\n  addNotification: AddNotification;\n  addSystemNotification: AddSystemNotification;\n  ensureNotificationTimeout: EnsureNotificationTimeout;\n  removeNotification: RemoveNotification;\n  startNotificationTimeout: StartNotificationTimeout;\n};\n\nconst getTargetTags = (\n  targetPanels: NotificationTargetPanel[] | undefined,\n  inferredPanel: NotificationTargetPanel | undefined,\n  tags: string[] | undefined,\n  modalManagerHasOpenDialog: boolean,\n) => {\n  if (targetPanels) {\n    const effectiveTargetPanels =\n      modalManagerHasOpenDialog && targetPanels.length > 0\n        ? [...targetPanels, 'modal' as const]\n        : targetPanels;\n\n    return Array.from(\n      new Set([...effectiveTargetPanels.map(getNotificationTargetTag), ...(tags ?? [])]),\n    );\n  }\n\n  if (modalManagerHasOpenDialog) {\n    return Array.from(\n      new Set([\n        ...(inferredPanel ? [getNotificationTargetTag(inferredPanel)] : []),\n        getNotificationTargetTag('modal'),\n        ...(tags ?? []),\n      ]),\n    );\n  }\n\n  return addNotificationTargetTag(inferredPanel, tags);\n};\n\nconst getTypeFromIncident = ({\n  incident,\n  severity,\n  type,\n}: Pick<AddNotificationParams, 'incident' | 'severity' | 'type'>) => {\n  if (type) return type;\n  if (!incident) return undefined;\n\n  const status =\n    incident.status ??\n    (severity === 'error' ? 'failed' : severity === 'success' ? 'success' : severity);\n\n  return [incident.domain, incident.entity, incident.operation, status]\n    .filter((segment): segment is string => !!segment)\n    .join(':');\n};\n\nexport const useNotificationApi = (): NotificationApi => {\n  const { client } = useChatContext();\n  const inferredPanel = useNotificationTarget();\n  const modalDialogManager = useModalDialogManager();\n  const modalManagerHasOpenDialog =\n    useStateStore(modalDialogManager?.state, modalDialogManagerStateSelector)\n      ?.hasOpenDialog ?? false;\n\n  const addNotification: AddNotification = useCallback(\n    ({\n      actions,\n      ariaLive,\n      context,\n      duration,\n      emitter,\n      error,\n      incident,\n      message,\n      severity,\n      tags,\n      targetPanels,\n      type,\n    }: AddNotificationParams) => {\n      const notificationTags = getTargetTags(\n        targetPanels,\n        inferredPanel,\n        tags,\n        modalManagerHasOpenDialog,\n      );\n      const resolvedType = getTypeFromIncident({ incident, severity, type });\n      const origin = context ? { context, emitter } : { emitter };\n\n      const options = {\n        ...(actions ? { actions } : {}),\n        ...(typeof duration === 'number' ? { duration } : {}),\n        ...(error ? { originalError: error } : {}),\n        ...(ariaLive ? { metadata: { ariaLive } } : {}),\n        ...(notificationTags.length > 0 ? { tags: notificationTags } : {}),\n        ...(severity ? { severity } : {}),\n        ...(resolvedType ? { type: resolvedType } : {}),\n      };\n\n      client.notifications.add({\n        message,\n        options,\n        origin,\n      });\n    },\n    [client, inferredPanel, modalManagerHasOpenDialog],\n  );\n\n  const addSystemNotification: AddSystemNotification = useCallback(\n    ({\n      actions,\n      ariaLive,\n      context,\n      duration,\n      emitter,\n      error,\n      incident,\n      message,\n      severity,\n      tags,\n      type,\n    }: AddSystemNotificationParams) => {\n      const notificationTags = Array.from(\n        new Set([SYSTEM_NOTIFICATION_TAG, ...(tags ?? [])]),\n      );\n      const resolvedType = getTypeFromIncident({ incident, severity, type });\n      const origin = context ? { context, emitter } : { emitter };\n\n      const options = {\n        ...(actions ? { actions } : {}),\n        ...(typeof duration === 'number' ? { duration } : {}),\n        ...(error ? { originalError: error } : {}),\n        ...(ariaLive ? { metadata: { ariaLive } } : {}),\n        ...(notificationTags.length > 0 ? { tags: notificationTags } : {}),\n        ...(severity ? { severity } : {}),\n        ...(resolvedType ? { type: resolvedType } : {}),\n      };\n\n      return client.notifications.add({\n        message,\n        options,\n        origin,\n      });\n    },\n    [client],\n  );\n\n  const removeNotification: RemoveNotification = useCallback(\n    (id) => {\n      client.notifications.remove(id);\n    },\n    [client],\n  );\n\n  const startNotificationTimeout: StartNotificationTimeout = useCallback(\n    (id) => {\n      client.notifications.startTimeout(id);\n    },\n    [client],\n  );\n\n  // Starting is the manager's to make idempotent: a caller that cannot know whether the countdown\n  // is already running -- a component that remounts, a second view of the same notification --\n  // would otherwise hand it another full lifetime and lose the original deadline.\n  const ensureNotificationTimeout: EnsureNotificationTimeout = useCallback(\n    (id) => {\n      client.notifications.ensureTimeout(id);\n    },\n    [client],\n  );\n\n  return {\n    addNotification,\n    addSystemNotification,\n    ensureNotificationTimeout,\n    removeNotification,\n    startNotificationTimeout,\n  };\n};\n"],"mappings":";;;;;;;AAgBA,IAAM,mCAAmC,EACvC,aACA,uBACyB,EACzB,eAAe,kBACX,gBAAgB,SAAS,IACzB,OAAO,OAAO,WAAW,CAAC,CAAC,MAAM,WAAW,OAAO,MAAM,EAC/D;;AAGA,IAAa,0BAA0B;AAEvC,IAAa,4BAA4B,iBACvC,aAAa,MAAM,SAAA,QAAgC,KAAK;AAwE1D,IAAM,iBACJ,cACA,eACA,MACA,8BACG;CACH,IAAI,cAAc;EAChB,MAAM,wBACJ,6BAA6B,aAAa,SAAS,IAC/C,CAAC,GAAG,cAAc,OAAgB,IAClC;EAEN,OAAO,MAAM,qBACX,IAAI,IAAI,CAAC,GAAG,sBAAsB,IAAI,wBAAwB,GAAG,GAAI,QAAQ,CAAC,CAAE,CAAC,CACnF;CACF;CAEA,IAAI,2BACF,OAAO,MAAM,qBACX,IAAI,IAAI;EACN,GAAI,gBAAgB,CAAC,yBAAyB,aAAa,CAAC,IAAI,CAAC;EACjE,yBAAyB,OAAO;EAChC,GAAI,QAAQ,CAAC;CACf,CAAC,CACH;CAGF,OAAO,yBAAyB,eAAe,IAAI;AACrD;AAEA,IAAM,uBAAuB,EAC3B,UACA,UACA,WACmE;CACnE,IAAI,MAAM,OAAO;CACjB,IAAI,CAAC,UAAU,OAAO,KAAA;CAEtB,MAAM,SACJ,SAAS,WACR,aAAa,UAAU,WAAW,aAAa,YAAY,YAAY;CAE1E,OAAO;EAAC,SAAS;EAAQ,SAAS;EAAQ,SAAS;EAAW;CAAM,CAAC,CAClE,QAAQ,YAA+B,CAAC,CAAC,OAAO,CAAC,CACjD,KAAK,GAAG;AACb;AAEA,IAAa,2BAA4C;CACvD,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,gBAAgB,sBAAsB;CAE5C,MAAM,4BACJ,cAFyB,sBAEX,CAAA,EAAoB,OAAO,+BAA+B,CAAC,EACrE,iBAAiB;CAEvB,MAAM,kBAAmC,aACtC,EACC,SACA,UACA,SACA,UACA,SACA,OACA,UACA,SACA,UACA,MACA,cACA,WAC2B;EAC3B,MAAM,mBAAmB,cACvB,cACA,eACA,MACA,yBACF;EACA,MAAM,eAAe,oBAAoB;GAAE;GAAU;GAAU;EAAK,CAAC;EACrE,MAAM,SAAS,UAAU;GAAE;GAAS;EAAQ,IAAI,EAAE,QAAQ;EAE1D,MAAM,UAAU;GACd,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;GAC7B,GAAI,OAAO,aAAa,WAAW,EAAE,SAAS,IAAI,CAAC;GACnD,GAAI,QAAQ,EAAE,eAAe,MAAM,IAAI,CAAC;GACxC,GAAI,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;GAC7C,GAAI,iBAAiB,SAAS,IAAI,EAAE,MAAM,iBAAiB,IAAI,CAAC;GAChE,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,GAAI,eAAe,EAAE,MAAM,aAAa,IAAI,CAAC;EAC/C;EAEA,OAAO,cAAc,IAAI;GACvB;GACA;GACA;EACF,CAAC;CACH,GACA;EAAC;EAAQ;EAAe;CAAyB,CACnD;CAEA,MAAM,wBAA+C,aAClD,EACC,SACA,UACA,SACA,UACA,SACA,OACA,UACA,SACA,UACA,MACA,WACiC;EACjC,MAAM,mBAAmB,MAAM,qBAC7B,IAAI,IAAI,CAAC,yBAAyB,GAAI,QAAQ,CAAC,CAAE,CAAC,CACpD;EACA,MAAM,eAAe,oBAAoB;GAAE;GAAU;GAAU;EAAK,CAAC;EACrE,MAAM,SAAS,UAAU;GAAE;GAAS;EAAQ,IAAI,EAAE,QAAQ;EAE1D,MAAM,UAAU;GACd,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;GAC7B,GAAI,OAAO,aAAa,WAAW,EAAE,SAAS,IAAI,CAAC;GACnD,GAAI,QAAQ,EAAE,eAAe,MAAM,IAAI,CAAC;GACxC,GAAI,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;GAC7C,GAAI,iBAAiB,SAAS,IAAI,EAAE,MAAM,iBAAiB,IAAI,CAAC;GAChE,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;GAC/B,GAAI,eAAe,EAAE,MAAM,aAAa,IAAI,CAAC;EAC/C;EAEA,OAAO,OAAO,cAAc,IAAI;GAC9B;GACA;GACA;EACF,CAAC;CACH,GACA,CAAC,MAAM,CACT;CAEA,MAAM,qBAAyC,aAC5C,OAAO;EACN,OAAO,cAAc,OAAO,EAAE;CAChC,GACA,CAAC,MAAM,CACT;CAEA,MAAM,2BAAqD,aACxD,OAAO;EACN,OAAO,cAAc,aAAa,EAAE;CACtC,GACA,CAAC,MAAM,CACT;CAYA,OAAO;EACL;EACA;EACA,2BAV2D,aAC1D,OAAO;GACN,OAAO,cAAc,cAAc,EAAE;EACvC,GACA,CAAC,MAAM,CAMP;EACA;EACA;CACF;AACF"}

package/dist/es/components/Notifications/hooks/useNotificationTarget.mjs

@@ -0,0 +1,21 @@
+import { useChannelListContext } from "../../../context/ChannelListContext.mjs";
+import { useChannelInstanceContext } from "../../../context/ChannelInstanceContext.mjs";
+import { useThreadContext } from "../../Threads/ThreadContext.mjs";
+import { useWorkspaceNavigation } from "../../../context/WorkspaceNavigationContext.mjs";
+//#region src/components/Notifications/hooks/useNotificationTarget.ts
+/**
+* Resolves the panel target where notifications emitted by the current component should be displayed.
+*/
+var useNotificationTarget = () => {
+	const { isThreadsView } = useWorkspaceNavigation();
+	const { paginator } = useChannelListContext();
+	const { channel } = useChannelInstanceContext();
+	if (useThreadContext()) return "thread";
+	if (channel) return "channel";
+	if (isThreadsView) return "thread-list";
+	if (paginator) return "channel-list";
+};
+//#endregion
+export { useNotificationTarget };
+
+//# sourceMappingURL=useNotificationTarget.mjs.map

package/dist/es/components/Notifications/hooks/useNotificationTarget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationTarget.mjs","names":[],"sources":["../../../../../src/components/Notifications/hooks/useNotificationTarget.ts"],"sourcesContent":["import { useChannelListContext, useWorkspaceNavigation } from '../../../context';\n// MERGE-RECONCILE: the deleted ChannelStateContext's `channel` is read here only to detect\n// whether a channel is in scope; migrated to useChannelInstanceContext (safe — returns\n// undefined channel outside a Channel subtree, unlike useChannel which throws).\nimport { useChannelInstanceContext } from '../../../context/ChannelInstanceContext';\nimport { useThreadContext } from '../../Threads/ThreadContext';\n\nimport type { NotificationTargetPanel } from '../notificationTarget';\n\n/**\n * Resolves the panel target where notifications emitted by the current component should be displayed.\n */\nexport const useNotificationTarget = (): NotificationTargetPanel | undefined => {\n  const { isThreadsView } = useWorkspaceNavigation();\n  const { paginator } = useChannelListContext();\n  const { channel } = useChannelInstanceContext();\n  const threadInstance = useThreadContext();\n\n  if (threadInstance) return 'thread';\n  if (channel) return 'channel';\n  if (isThreadsView) return 'thread-list';\n  if (paginator) return 'channel-list';\n  return undefined;\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,8BAAmE;CAC9E,MAAM,EAAE,kBAAkB,uBAAuB;CACjD,MAAM,EAAE,cAAc,sBAAsB;CAC5C,MAAM,EAAE,YAAY,0BAA0B;CAG9C,IAFuB,iBAEnB,GAAgB,OAAO;CAC3B,IAAI,SAAS,OAAO;CACpB,IAAI,eAAe,OAAO;CAC1B,IAAI,WAAW,OAAO;AAExB"}

package/dist/es/components/Notifications/hooks/useNotifications.mjs

@@ -0,0 +1,39 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useNotificationConfigurationContext } from "../NotificationConfigurationContext.mjs";
+import { isNotificationForPanel } from "../notificationTarget.mjs";
+import { useCallback } from "react";
+//#region src/components/Notifications/hooks/useNotifications.ts
+/**
+* Subscribes to client.notifications.store and returns the list of notifications.
+* Optionally pass a filter so only notifications that match are returned (e.g. for a specific NotificationList).
+*/
+var useNotifications = (options) => {
+	const { client } = useChatContext();
+	const { displayFilter } = useNotificationConfigurationContext();
+	const { applyDisplayFilter, fallbackPanel, filter, panel } = options ?? {};
+	const selector = useCallback((state) => {
+		return { notifications: state.notifications.filter((notification) => {
+			if (panel && !isNotificationForPanel(notification, panel, { fallbackPanel })) return false;
+			if (applyDisplayFilter && !displayFilter({
+				fallbackPanel,
+				filter,
+				notification,
+				panel
+			})) return false;
+			return filter ? filter(notification) : true;
+		}) };
+	}, [
+		applyDisplayFilter,
+		displayFilter,
+		fallbackPanel,
+		filter,
+		panel
+	]);
+	const { notifications } = useStateStore(client.notifications.store, selector);
+	return notifications;
+};
+//#endregion
+export { useNotifications };
+
+//# sourceMappingURL=useNotifications.mjs.map

package/dist/es/components/Notifications/hooks/useNotifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotifications.mjs","names":[],"sources":["../../../../../src/components/Notifications/hooks/useNotifications.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useChatContext } from '../../../context';\nimport { useStateStore } from '../../../store';\nimport type { Notification, NotificationManagerState } from 'stream-chat';\nimport { useNotificationConfigurationContext } from '../NotificationConfigurationContext';\nimport { isNotificationForPanel } from '../notificationTarget';\n\nimport type { NotificationTargetPanel } from '../notificationTarget';\n\nexport type UseNotificationsFilter = (notification: Notification) => boolean;\n\nexport type UseNotificationsOptions = {\n  /**\n   * When true, the configured Chat-level notificationDisplayFilter is applied after\n   * panel routing and before the local filter.\n   */\n  applyDisplayFilter?: boolean;\n  /**\n   * When provided, only notifications that pass this filter are returned.\n   * Use to have a given NotificationList consume only a subset of client.notifications\n   * (e.g. by origin.emitter, origin.context, or metadata).\n   */\n  filter?: UseNotificationsFilter;\n  /**\n   * Panel target consumed by a specific notification list.\n   */\n  panel?: NotificationTargetPanel;\n  /**\n   * Fallback panel used when origin.context.panel is absent.\n   * Defaults to `channel`.\n   */\n  fallbackPanel?: NotificationTargetPanel;\n};\n\n/**\n * Subscribes to client.notifications.store and returns the list of notifications.\n * Optionally pass a filter so only notifications that match are returned (e.g. for a specific NotificationList).\n */\nexport const useNotifications = (options?: UseNotificationsOptions): Notification[] => {\n  const { client } = useChatContext();\n  const { displayFilter } = useNotificationConfigurationContext();\n  const { applyDisplayFilter, fallbackPanel, filter, panel } = options ?? {};\n  const selector = useCallback(\n    (state: NotificationManagerState) => {\n      const notifications = state.notifications;\n      return {\n        notifications: notifications.filter((notification) => {\n          if (\n            panel &&\n            !isNotificationForPanel(notification, panel, {\n              fallbackPanel,\n            })\n          ) {\n            return false;\n          }\n\n          if (\n            applyDisplayFilter &&\n            !displayFilter({\n              fallbackPanel,\n              filter,\n              notification,\n              panel,\n            })\n          ) {\n            return false;\n          }\n\n          return filter ? filter(notification) : true;\n        }),\n      };\n    },\n    [applyDisplayFilter, displayFilter, fallbackPanel, filter, panel],\n  );\n\n  const { notifications } = useStateStore(client.notifications.store, selector);\n\n  return notifications;\n};\n"],"mappings":";;;;;;;;;;AAsCA,IAAa,oBAAoB,YAAsD;CACrF,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,kBAAkB,oCAAoC;CAC9D,MAAM,EAAE,oBAAoB,eAAe,QAAQ,UAAU,WAAW,CAAC;CACzE,MAAM,WAAW,aACd,UAAoC;EAEnC,OAAO,EACL,eAFoB,MAAM,cAEG,QAAQ,iBAAiB;GACpD,IACE,SACA,CAAC,uBAAuB,cAAc,OAAO,EAC3C,cACF,CAAC,GAED,OAAO;GAGT,IACE,sBACA,CAAC,cAAc;IACb;IACA;IACA;IACA;GACF,CAAC,GAED,OAAO;GAGT,OAAO,SAAS,OAAO,YAAY,IAAI;EACzC,CAAC,EACH;CACF,GACA;EAAC;EAAoB;EAAe;EAAe;EAAQ;CAAK,CAClE;CAEA,MAAM,EAAE,kBAAkB,cAAc,OAAO,cAAc,OAAO,QAAQ;CAE5E,OAAO;AACT"}

package/dist/es/components/Notifications/hooks/useSystemNotifications.mjs

@@ -0,0 +1,22 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { hasSystemNotificationTag } from "./useNotificationApi.mjs";
+import { useCallback } from "react";
+//#region src/components/Notifications/hooks/useSystemNotifications.ts
+/**
+* Subscribes to `client.notifications` and returns only **system** banner notifications
+* (same subset `NotificationList` excludes from toasts). Optional `filter` narrows further.
+*/
+var useSystemNotifications = (options) => {
+	const { client } = useChatContext();
+	const selector = useCallback((state) => {
+		const withSystemTag = state.notifications.filter(hasSystemNotificationTag);
+		return { notifications: options?.filter ? withSystemTag.filter(options.filter) : withSystemTag };
+	}, [options?.filter]);
+	const { notifications } = useStateStore(client.notifications.store, selector);
+	return notifications;
+};
+//#endregion
+export { useSystemNotifications };
+
+//# sourceMappingURL=useSystemNotifications.mjs.map

package/dist/es/components/Notifications/hooks/useSystemNotifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSystemNotifications.mjs","names":[],"sources":["../../../../../src/components/Notifications/hooks/useSystemNotifications.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport type { Notification, NotificationManagerState } from 'stream-chat';\n\nimport { useChatContext } from '../../../context';\nimport { useStateStore } from '../../../store';\n\nimport { hasSystemNotificationTag } from './useNotificationApi';\n\nexport type UseSystemNotificationsFilter = (notification: Notification) => boolean;\n\nexport type UseSystemNotificationsOptions = {\n  /**\n   * Applied after the built-in filter that keeps only notifications tagged for the system banner.\n   */\n  filter?: UseSystemNotificationsFilter;\n};\n\n/**\n * Subscribes to `client.notifications` and returns only **system** banner notifications\n * (same subset `NotificationList` excludes from toasts). Optional `filter` narrows further.\n */\nexport const useSystemNotifications = (\n  options?: UseSystemNotificationsOptions,\n): Notification[] => {\n  const { client } = useChatContext();\n  const selector = useCallback(\n    (state: NotificationManagerState) => {\n      const withSystemTag = state.notifications.filter(hasSystemNotificationTag);\n      const notifications = options?.filter\n        ? withSystemTag.filter(options.filter)\n        : withSystemTag;\n\n      return { notifications };\n    },\n    [options?.filter],\n  );\n\n  const { notifications } = useStateStore(client.notifications.store, selector);\n\n  return notifications;\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAa,0BACX,YACmB;CACnB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,WAAW,aACd,UAAoC;EACnC,MAAM,gBAAgB,MAAM,cAAc,OAAO,wBAAwB;EAKzE,OAAO,EAAE,eAJa,SAAS,SAC3B,cAAc,OAAO,QAAQ,MAAM,IACnC,cAEmB;CACzB,GACA,CAAC,SAAS,MAAM,CAClB;CAEA,MAAM,EAAE,kBAAkB,cAAc,OAAO,cAAc,OAAO,QAAQ;CAE5E,OAAO;AACT"}

package/dist/es/components/Notifications/notificationTarget.mjs

@@ -0,0 +1,53 @@
+//#region src/components/Notifications/notificationTarget.ts
+var NOTIFICATION_TARGET_PANELS = [
+	"channel",
+	"thread",
+	"channel-list",
+	"thread-list",
+	"modal"
+];
+var isNotificationTargetPanel = (value) => typeof value === "string" && NOTIFICATION_TARGET_PANELS.includes(value);
+/**
+* Panel implied by the composer that raised a notification. `stream-chat` cannot name a panel -- it
+* has no notion of one -- but every composer-scoped emitter puts the composer in `origin.context`,
+* and a thread composer's upload failure belongs in that thread rather than in the channel the
+* thread hangs off. Only the two contexts that correspond to a panel are mapped; `message` and
+* `legacy_thread` have none.
+*/
+var getPanelFromComposerContext = (notification) => {
+	const composer = notification.origin.context?.composer;
+	if (composer?.contextType === "thread") return "thread";
+	if (composer?.contextType === "channel") return "channel";
+};
+var getNotificationTargetPanel = (notification) => {
+	const targetTag = notification.tags?.find((tag) => tag.startsWith("target:"));
+	if (targetTag) {
+		const candidate = targetTag.slice(7);
+		if (isNotificationTargetPanel(candidate)) return candidate;
+	}
+	const panel = notification.origin.context?.panel;
+	if (isNotificationTargetPanel(panel)) return panel;
+	return getPanelFromComposerContext(notification);
+};
+var getNotificationTargetPanels = (notification) => {
+	const targetPanels = (notification.tags ?? []).filter((tag) => tag.startsWith("target:")).map((tag) => tag.slice(7)).filter((value) => isNotificationTargetPanel(value));
+	if (targetPanels.length > 0) return Array.from(new Set(targetPanels));
+	const panel = notification.origin.context?.panel;
+	if (isNotificationTargetPanel(panel)) return [panel];
+	const composerPanel = getPanelFromComposerContext(notification);
+	return composerPanel ? [composerPanel] : [];
+};
+var getNotificationTargetTag = (panel) => `target:${panel}`;
+var addNotificationTargetTag = (panel, tags) => {
+	if (!panel) return tags ?? [];
+	return Array.from(/* @__PURE__ */ new Set([getNotificationTargetTag(panel), ...tags ?? []]));
+};
+var isNotificationForPanel = (notification, panel, options) => {
+	const explicitTargetPanels = getNotificationTargetPanels(notification);
+	if (explicitTargetPanels.length > 0) return explicitTargetPanels.includes(panel);
+	return (options?.fallbackPanel ?? "channel") === panel;
+};
+//#endregion
+export { addNotificationTargetTag, getNotificationTargetPanel, getNotificationTargetPanels, getNotificationTargetTag, isNotificationForPanel, isNotificationTargetPanel };
+
+//# sourceMappingURL=notificationTarget.mjs.map

package/dist/es/components/Notifications/notificationTarget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationTarget.mjs","names":[],"sources":["../../../../src/components/Notifications/notificationTarget.ts"],"sourcesContent":["import type { Notification } from 'stream-chat';\n\nconst NOTIFICATION_TARGET_PANELS = [\n  'channel',\n  'thread',\n  'channel-list',\n  'thread-list',\n  'modal',\n] as const;\n\n/**\n * Panel where a notification should be consumed.\n * Use in origin.context.panel when publishing so NotificationList can filter by panel.\n */\nexport type NotificationTargetPanel = (typeof NOTIFICATION_TARGET_PANELS)[number];\n\nexport const isNotificationTargetPanel = (\n  value: unknown,\n): value is NotificationTargetPanel =>\n  typeof value === 'string' &&\n  (NOTIFICATION_TARGET_PANELS as readonly string[]).includes(value);\n\n/**\n * Panel implied by the composer that raised a notification. `stream-chat` cannot name a panel -- it\n * has no notion of one -- but every composer-scoped emitter puts the composer in `origin.context`,\n * and a thread composer's upload failure belongs in that thread rather than in the channel the\n * thread hangs off. Only the two contexts that correspond to a panel are mapped; `message` and\n * `legacy_thread` have none.\n */\nconst getPanelFromComposerContext = (\n  notification: Notification,\n): NotificationTargetPanel | undefined => {\n  const composer = notification.origin.context?.composer as\n    | { contextType?: unknown }\n    | undefined;\n\n  if (composer?.contextType === 'thread') return 'thread';\n  if (composer?.contextType === 'channel') return 'channel';\n  return undefined;\n};\n\nexport const getNotificationTargetPanel = (\n  notification: Notification,\n): NotificationTargetPanel | undefined => {\n  const targetTag = notification.tags?.find((tag) => tag.startsWith('target:'));\n  if (targetTag) {\n    const candidate = targetTag.slice('target:'.length);\n    if (isNotificationTargetPanel(candidate)) return candidate;\n  }\n  const panel = notification.origin.context?.panel;\n  if (isNotificationTargetPanel(panel)) return panel;\n  return getPanelFromComposerContext(notification);\n};\n\nexport const getNotificationTargetPanels = (\n  notification: Notification,\n): NotificationTargetPanel[] => {\n  const targetPanels = (notification.tags ?? [])\n    .filter((tag) => tag.startsWith('target:'))\n    .map((tag) => tag.slice('target:'.length))\n    .filter((value): value is NotificationTargetPanel =>\n      isNotificationTargetPanel(value),\n    );\n\n  if (targetPanels.length > 0) {\n    return Array.from(new Set(targetPanels));\n  }\n\n  const panel = notification.origin.context?.panel;\n  if (isNotificationTargetPanel(panel)) return [panel];\n\n  const composerPanel = getPanelFromComposerContext(notification);\n  return composerPanel ? [composerPanel] : [];\n};\n\nexport const getNotificationTargetTag = (panel: NotificationTargetPanel) =>\n  `target:${panel}` as const;\n\nexport const addNotificationTargetTag = (\n  panel: NotificationTargetPanel | undefined,\n  tags?: string[],\n) => {\n  if (!panel) return tags ?? [];\n  return Array.from(new Set([getNotificationTargetTag(panel), ...(tags ?? [])]));\n};\n\nexport const isNotificationForPanel = (\n  notification: Notification,\n  panel: NotificationTargetPanel,\n  options?: { fallbackPanel?: NotificationTargetPanel },\n) => {\n  const explicitTargetPanels = getNotificationTargetPanels(notification);\n  if (explicitTargetPanels.length > 0) {\n    return explicitTargetPanels.includes(panel);\n  }\n\n  const resolvedPanel = options?.fallbackPanel ?? 'channel';\n  return resolvedPanel === panel;\n};\n"],"mappings":";AAEA,IAAM,6BAA6B;CACjC;CACA;CACA;CACA;CACA;AACF;AAQA,IAAa,6BACX,UAEA,OAAO,UAAU,YAChB,2BAAiD,SAAS,KAAK;;;;;;;;AASlE,IAAM,+BACJ,iBACwC;CACxC,MAAM,WAAW,aAAa,OAAO,SAAS;CAI9C,IAAI,UAAU,gBAAgB,UAAU,OAAO;CAC/C,IAAI,UAAU,gBAAgB,WAAW,OAAO;AAElD;AAEA,IAAa,8BACX,iBACwC;CACxC,MAAM,YAAY,aAAa,MAAM,MAAM,QAAQ,IAAI,WAAW,SAAS,CAAC;CAC5E,IAAI,WAAW;EACb,MAAM,YAAY,UAAU,MAAM,CAAgB;EAClD,IAAI,0BAA0B,SAAS,GAAG,OAAO;CACnD;CACA,MAAM,QAAQ,aAAa,OAAO,SAAS;CAC3C,IAAI,0BAA0B,KAAK,GAAG,OAAO;CAC7C,OAAO,4BAA4B,YAAY;AACjD;AAEA,IAAa,+BACX,iBAC8B;CAC9B,MAAM,gBAAgB,aAAa,QAAQ,CAAC,EAAA,CACzC,QAAQ,QAAQ,IAAI,WAAW,SAAS,CAAC,CAAC,CAC1C,KAAK,QAAQ,IAAI,MAAM,CAAgB,CAAC,CAAC,CACzC,QAAQ,UACP,0BAA0B,KAAK,CACjC;CAEF,IAAI,aAAa,SAAS,GACxB,OAAO,MAAM,KAAK,IAAI,IAAI,YAAY,CAAC;CAGzC,MAAM,QAAQ,aAAa,OAAO,SAAS;CAC3C,IAAI,0BAA0B,KAAK,GAAG,OAAO,CAAC,KAAK;CAEnD,MAAM,gBAAgB,4BAA4B,YAAY;CAC9D,OAAO,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAC5C;AAEA,IAAa,4BAA4B,UACvC,UAAU;AAEZ,IAAa,4BACX,OACA,SACG;CACH,IAAI,CAAC,OAAO,OAAO,QAAQ,CAAC;CAC5B,OAAO,MAAM,qBAAK,IAAI,IAAI,CAAC,yBAAyB,KAAK,GAAG,GAAI,QAAQ,CAAC,CAAE,CAAC,CAAC;AAC/E;AAEA,IAAa,0BACX,cACA,OACA,YACG;CACH,MAAM,uBAAuB,4BAA4B,YAAY;CACrE,IAAI,qBAAqB,SAAS,GAChC,OAAO,qBAAqB,SAAS,KAAK;CAI5C,QADsB,SAAS,iBAAiB,eACvB;AAC3B"}

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

@@ -0,0 +1,18 @@
+import { useComponentContext } from "../../context/ComponentContext.mjs";
+import { PollContent } from "./PollContent.mjs";
+import { PollProvider } from "../../context/PollContext.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Poll/Poll.tsx
+var Poll = ({ poll }) => {
+	const { PollContent: PollContent$1 = PollContent } = useComponentContext();
+	if (!poll) return null;
+	return /* @__PURE__ */ jsx(PollProvider, {
+		poll,
+		children: /* @__PURE__ */ jsx(PollContent$1, {})
+	});
+};
+//#endregion
+export { Poll };
+
+//# sourceMappingURL=Poll.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Poll.mjs","names":[],"sources":["../../../../src/components/Poll/Poll.tsx"],"sourcesContent":["import React from 'react';\nimport { PollContent as DefaultPollContent } from './PollContent';\nimport { PollProvider, useComponentContext } from '../../context';\nimport type { Poll as PollClass } from 'stream-chat';\n\nexport const Poll = ({ poll }: { poll: PollClass }) => {\n  const { PollContent = DefaultPollContent } = useComponentContext();\n  if (!poll) return null;\n  return (\n    <PollProvider poll={poll}>\n      <PollContent />\n    </PollProvider>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAa,QAAQ,EAAE,WAAgC;CACrD,MAAM,EAAE,aAAA,gBAAc,gBAAuB,oBAAoB;CACjE,IAAI,CAAC,MAAM,OAAO;CAClB,OACE,oBAAC,cAAD;EAAoB;YAClB,oBAAC,eAAD,CAAc,CAAA;CACF,CAAA;AAElB"}

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

@@ -0,0 +1,79 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useTranslationContext } from "../../../context/TranslationContext.mjs";
+import { Prompt } from "../../Dialog/components/Prompt.mjs";
+import { TextInput } from "../../Form/TextInput.mjs";
+import { useFormState } from "../../Form/hooks/useFormState.mjs";
+import { useModalContext } from "../../../context/ModalContext.mjs";
+import { usePollContext } from "../../../context/PollContext.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Poll/PollActions/AddCommentPrompt.tsx
+var pollStateSelector = (nextValue) => ({ ownAnswer: nextValue.ownAnswer });
+var AddCommentPrompt = ({ messageId }) => {
+	const { t } = useTranslationContext();
+	const { close } = useModalContext();
+	const { poll } = usePollContext();
+	const { ownAnswer } = useStateStore(poll.state, pollStateSelector);
+	const [input, setInput] = useState(null);
+	const initialComment = ownAnswer?.answer_text ?? "";
+	const initialValue = useMemo(() => ({ comment: initialComment }), [initialComment]);
+	const validators = useMemo(() => ({ comment: (v) => {
+		if (!(typeof v === "string" ? v.trim() : "")) return new Error(t("poll.addCommentPrompt.fieldCannotEmptyContain.label", "This field cannot be empty or contain only spaces"));
+	} }), [t]);
+	const { fieldErrors, handleSubmit, setFieldValue, value } = useFormState({
+		initialValue,
+		onSubmit: useCallback(async (formValue) => {
+			await poll.addAnswer(formValue.comment, messageId);
+			close();
+		}, [
+			poll,
+			messageId,
+			close
+		]),
+		validators
+	});
+	useEffect(() => {
+		input?.focus();
+	}, [input]);
+	const title = ownAnswer ? t("poll.addCommentPrompt.updateComment.label", "Update Your Comment") : t("poll.addCommentPrompt.addComment.label", "Add a Comment");
+	const description = ownAnswer ? t("poll.addCommentPrompt.updateCommentAttachedPoll.label", "Update the comment attached to your poll answer") : t("poll.addCommentPrompt.addCommentPollAnswer.label", "Add a comment to your poll answer");
+	const submitDisabled = !value.comment?.trim() || value.comment === ownAnswer?.answer_text;
+	return /* @__PURE__ */ jsxs(Prompt.Root, {
+		className: "str-chat__modal__poll-add-comment",
+		children: [title && /* @__PURE__ */ jsx(Prompt.Header, {
+			close,
+			description,
+			title
+		}), /* @__PURE__ */ jsxs("form", {
+			autoComplete: "off",
+			onSubmit: handleSubmit,
+			children: [/* @__PURE__ */ jsx(Prompt.Body, { children: /* @__PURE__ */ jsx(TextInput, {
+				"aria-label": title,
+				error: !!fieldErrors.comment,
+				errorMessage: fieldErrors.comment?.message,
+				id: "comment",
+				name: "comment",
+				onChange: (e) => setFieldValue("comment", e.target.value),
+				placeholder: t("poll.pollComment.placeholder", "Your comment"),
+				ref: setInput,
+				required: true,
+				type: "text",
+				value: value.comment
+			}) }), /* @__PURE__ */ jsx(Prompt.Footer, { children: /* @__PURE__ */ jsxs(Prompt.FooterControls, { children: [/* @__PURE__ */ jsx(Prompt.FooterControlsButtonSecondary, {
+				className: "str-chat__prompt__footer__controls-button--cancel",
+				onClick: close,
+				type: "button",
+				children: t("common.cancel.label", "Cancel")
+			}), /* @__PURE__ */ jsx(Prompt.FooterControlsButtonPrimary, {
+				className: "str-chat__prompt__footer__controls-button--submit",
+				disabled: Object.keys(fieldErrors).length > 0 || submitDisabled,
+				type: "submit",
+				children: initialComment ? t("poll.addCommentPrompt.update.text", "Update") : t("common.send.label", "Send")
+			})] }) })]
+		})]
+	});
+};
+//#endregion
+export { AddCommentPrompt };
+
+//# sourceMappingURL=AddCommentPrompt.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddCommentPrompt.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/AddCommentPrompt.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useStateStore } from '../../../store';\nimport { useModalContext, usePollContext, useTranslationContext } from '../../../context';\nimport type { PollState, PollVoteResponseData } from 'stream-chat';\nimport { Prompt } from '../../Dialog';\nimport { TextInput } from '../../Form';\nimport { useFormState } from '../../Form/hooks';\n\ntype PollStateSelectorReturnValue = { ownAnswer: PollVoteResponseData | undefined };\nconst pollStateSelector = (nextValue: PollState): PollStateSelectorReturnValue => ({\n  ownAnswer: nextValue.ownAnswer,\n});\n\nexport type AddCommentPromptProps = {\n  messageId: string;\n};\n\nexport const AddCommentPrompt = ({ messageId }: AddCommentPromptProps) => {\n  const { t } = useTranslationContext();\n  const { close } = useModalContext();\n  const { poll } = usePollContext();\n  const { ownAnswer } = useStateStore(poll.state, pollStateSelector);\n  const [input, setInput] = useState<HTMLInputElement | null>(null);\n\n  const initialComment = ownAnswer?.answer_text ?? '';\n  const initialValue = useMemo(() => ({ comment: initialComment }), [initialComment]);\n  const validators = useMemo(\n    () => ({\n      comment: (v: string) => {\n        const trimmed = typeof v === 'string' ? v.trim() : '';\n        if (!trimmed) {\n          return new Error(\n            t(\n              'poll.addCommentPrompt.fieldCannotEmptyContain.label',\n              'This field cannot be empty or contain only spaces',\n            ),\n          );\n        }\n        return undefined;\n      },\n    }),\n    [t],\n  );\n  const onSubmit = useCallback(\n    async (formValue: { comment: string }) => {\n      await poll.addAnswer(formValue.comment, messageId);\n      close();\n    },\n    [poll, messageId, close],\n  );\n  const { fieldErrors, handleSubmit, setFieldValue, value } = useFormState<{\n    comment: string;\n  }>({\n    initialValue,\n    onSubmit,\n    validators,\n  });\n\n  useEffect(() => {\n    input?.focus();\n  }, [input]);\n\n  const title = ownAnswer\n    ? t('poll.addCommentPrompt.updateComment.label', 'Update Your Comment')\n    : t('poll.addCommentPrompt.addComment.label', 'Add a Comment');\n  const description = ownAnswer\n    ? t(\n        'poll.addCommentPrompt.updateCommentAttachedPoll.label',\n        'Update the comment attached to your poll answer',\n      )\n    : t(\n        'poll.addCommentPrompt.addCommentPollAnswer.label',\n        'Add a comment to your poll answer',\n      );\n  const submitDisabled =\n    !value.comment?.trim() || value.comment === ownAnswer?.answer_text;\n\n  return (\n    <Prompt.Root className='str-chat__modal__poll-add-comment'>\n      {title && <Prompt.Header close={close} description={description} title={title} />}\n      <form autoComplete='off' onSubmit={handleSubmit}>\n        <Prompt.Body>\n          <TextInput\n            aria-label={title}\n            error={!!fieldErrors.comment}\n            errorMessage={fieldErrors.comment?.message}\n            id='comment'\n            name='comment'\n            onChange={(e) => setFieldValue('comment', e.target.value)}\n            placeholder={t('poll.pollComment.placeholder', 'Your comment')}\n            ref={setInput}\n            required\n            type='text'\n            value={value.comment}\n          />\n        </Prompt.Body>\n        <Prompt.Footer>\n          <Prompt.FooterControls>\n            <Prompt.FooterControlsButtonSecondary\n              className='str-chat__prompt__footer__controls-button--cancel'\n              onClick={close}\n              type='button'\n            >\n              {t('common.cancel.label', 'Cancel')}\n            </Prompt.FooterControlsButtonSecondary>\n            <Prompt.FooterControlsButtonPrimary\n              className='str-chat__prompt__footer__controls-button--submit'\n              disabled={Object.keys(fieldErrors).length > 0 || submitDisabled}\n              type='submit'\n            >\n              {initialComment\n                ? t('poll.addCommentPrompt.update.text', 'Update')\n                : t('common.send.label', 'Send')}\n            </Prompt.FooterControlsButtonPrimary>\n          </Prompt.FooterControls>\n        </Prompt.Footer>\n      </form>\n    </Prompt.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;AASA,IAAM,qBAAqB,eAAwD,EACjF,WAAW,UAAU,UACvB;AAMA,IAAa,oBAAoB,EAAE,gBAAuC;CACxE,MAAM,EAAE,MAAM,sBAAsB;CACpC,MAAM,EAAE,UAAU,gBAAgB;CAClC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,cAAc,cAAc,KAAK,OAAO,iBAAiB;CACjE,MAAM,CAAC,OAAO,YAAY,SAAkC,IAAI;CAEhE,MAAM,iBAAiB,WAAW,eAAe;CACjD,MAAM,eAAe,eAAe,EAAE,SAAS,eAAe,IAAI,CAAC,cAAc,CAAC;CAClF,MAAM,aAAa,eACV,EACL,UAAU,MAAc;EAEtB,IAAI,EADY,OAAO,MAAM,WAAW,EAAE,KAAK,IAAI,KAEjD,OAAO,IAAI,MACT,EACE,uDACA,mDACF,CACF;CAGJ,EACF,IACA,CAAC,CAAC,CACJ;CAQA,MAAM,EAAE,aAAa,cAAc,eAAe,UAAU,aAEzD;EACD;EACA,UAXe,YACf,OAAO,cAAmC;GACxC,MAAM,KAAK,UAAU,UAAU,SAAS,SAAS;GACjD,MAAM;EACR,GACA;GAAC;GAAM;GAAW;EAAK,CAMvB;EACA;CACF,CAAC;CAED,gBAAgB;EACd,OAAO,MAAM;CACf,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,QAAQ,YACV,EAAE,6CAA6C,qBAAqB,IACpE,EAAE,0CAA0C,eAAe;CAC/D,MAAM,cAAc,YAChB,EACE,yDACA,iDACF,IACA,EACE,oDACA,mCACF;CACJ,MAAM,iBACJ,CAAC,MAAM,SAAS,KAAK,KAAK,MAAM,YAAY,WAAW;CAEzD,OACE,qBAAC,OAAO,MAAR;EAAa,WAAU;YAAvB,CACG,SAAS,oBAAC,OAAO,QAAR;GAAsB;GAAoB;GAAoB;EAAQ,CAAA,GAChF,qBAAC,QAAD;GAAM,cAAa;GAAM,UAAU;aAAnC,CACE,oBAAC,OAAO,MAAR,EAAA,UACE,oBAAC,WAAD;IACE,cAAY;IACZ,OAAO,CAAC,CAAC,YAAY;IACrB,cAAc,YAAY,SAAS;IACnC,IAAG;IACH,MAAK;IACL,WAAW,MAAM,cAAc,WAAW,EAAE,OAAO,KAAK;IACxD,aAAa,EAAE,gCAAgC,cAAc;IAC7D,KAAK;IACL,UAAA;IACA,MAAK;IACL,OAAO,MAAM;GACd,CAAA,EACU,CAAA,GACb,oBAAC,OAAO,QAAR,EAAA,UACE,qBAAC,OAAO,gBAAR,EAAA,UAAA,CACE,oBAAC,OAAO,+BAAR;IACE,WAAU;IACV,SAAS;IACT,MAAK;cAEJ,EAAE,uBAAuB,QAAQ;GACE,CAAA,GACtC,oBAAC,OAAO,6BAAR;IACE,WAAU;IACV,UAAU,OAAO,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK;IACjD,MAAK;cAEJ,iBACG,EAAE,qCAAqC,QAAQ,IAC/C,EAAE,qBAAqB,MAAM;GACC,CAAA,CACf,EAAA,CAAA,EACV,CAAA,CACX;IACK;;AAEjB"}

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

@@ -0,0 +1,61 @@
+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 { 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
+var EndPollAlert = () => {
+	const { addNotification } = useNotificationApi();
+	const { t } = useTranslationContext();
+	const { poll } = usePollContext();
+	const { close } = useModalContext();
+	return /* @__PURE__ */ jsxs(Alert.Root, {
+		className: "str-chat__end-poll-alert",
+		children: [/* @__PURE__ */ jsx(Alert.Header, {
+			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",
+			"data-testid": "end-poll-alert-end-vote-button",
+			onClick: async () => {
+				try {
+					await poll.close();
+					close();
+					addNotification({
+						emitter: "EndPollAlert",
+						message: t("notification.pollEndSuccess", "Poll Ended"),
+						severity: "success",
+						type: "api:poll:end:success"
+					});
+				} catch (e) {
+					addNotification({
+						emitter: "EndPollAlert",
+						error: e instanceof Error ? e : void 0,
+						message: t("notification.pollEndFailed", "Failed to end the poll"),
+						severity: "error",
+						type: "api:poll:end:failed"
+					});
+				}
+			},
+			size: "md",
+			variant: "danger",
+			children: t("poll.endPollAlert.endPoll.text", "End Poll")
+		}), /* @__PURE__ */ jsx(Button, {
+			appearance: "outline",
+			className: "str-chat__end-poll-alert__cancel-button",
+			"data-testid": "end-poll-alert-cancel-button",
+			onClick: close,
+			size: "md",
+			variant: "secondary",
+			children: t("common.cancel.label", "Cancel")
+		})] })]
+	});
+};
+//#endregion
+export { EndPollAlert };
+
+//# sourceMappingURL=EndPollAlert.mjs.map

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

@@ -0,0 +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          '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/PollAction.mjs

@@ -0,0 +1,27 @@
+import { useComponentContext } from "../../../context/ComponentContext.mjs";
+import { Button } from "../../Button/Button.mjs";
+import { GlobalModal } from "../../Modal/GlobalModal.mjs";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/Poll/PollActions/PollAction.tsx
+var PollAction = ({ buttonText, children, closeModal, isAdditionalAction, modalClassName, modalIsOpen, openModal }) => {
+	const { Modal = GlobalModal } = useComponentContext();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+		appearance: "outline",
+		className: clsx("str-chat__poll-action", { "str-chat__poll-action--additional": isAdditionalAction }),
+		onClick: openModal,
+		size: "md",
+		variant: "secondary",
+		children: buttonText
+	}), /* @__PURE__ */ jsx(Modal, {
+		className: modalClassName,
+		onClose: closeModal,
+		open: modalIsOpen,
+		children
+	})] });
+};
+//#endregion
+export { PollAction };
+
+//# sourceMappingURL=PollAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PollAction.mjs","names":[],"sources":["../../../../../src/components/Poll/PollActions/PollAction.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\nimport { GlobalModal } from '../../Modal';\nimport { useComponentContext } from '../../../context';\nimport { Button } from '../../Button';\nimport clsx from 'clsx';\n\nexport type PollActionProps = {\n  buttonText: string;\n  closeModal: () => void;\n  modalIsOpen: boolean;\n  openModal: () => void;\n  /**\n   * Additional actions are shown based on the poll settings defined by the creator.\n   * Examples are \"Suggest an option\", \"Add a comment\", \"View N comment(s)\".\n   */\n  isAdditionalAction?: boolean;\n  modalClassName?: string;\n};\n\nexport const PollAction = ({\n  buttonText,\n  children,\n  closeModal,\n  isAdditionalAction,\n  modalClassName,\n  modalIsOpen,\n  openModal,\n}: PropsWithChildren<PollActionProps>) => {\n  const { Modal = GlobalModal } = useComponentContext();\n  return (\n    <>\n      <Button\n        appearance='outline'\n        className={clsx('str-chat__poll-action', {\n          'str-chat__poll-action--additional': isAdditionalAction,\n        })}\n        onClick={openModal}\n        size='md'\n        variant='secondary'\n      >\n        {buttonText}\n      </Button>\n      <Modal className={modalClassName} onClose={closeModal} open={modalIsOpen}>\n        {children}\n      </Modal>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAoBA,IAAa,cAAc,EACzB,YACA,UACA,YACA,oBACA,gBACA,aACA,gBACwC;CACxC,MAAM,EAAE,QAAQ,gBAAgB,oBAAoB;CACpD,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EACE,YAAW;EACX,WAAW,KAAK,yBAAyB,EACvC,qCAAqC,mBACvC,CAAC;EACD,SAAS;EACT,MAAK;EACL,SAAQ;YAEP;CACK,CAAA,GACR,oBAAC,OAAD;EAAO,WAAW;EAAgB,SAAS;EAAY,MAAM;EAC1D;CACI,CAAA,CACP,EAAA,CAAA;AAEN"}

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

@@ -0,0 +1,98 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatContext } from "../../../context/ChatContext.mjs";
+import { useMessageContext } from "../../../context/MessageContext.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";
+//#region src/components/Poll/PollActions/PollActions.tsx
+var COMMON_MODAL_CLASS = "str-chat__poll-action-modal";
+var pollStateSelector = (nextValue) => ({
+	allow_answers: nextValue.allow_answers,
+	allow_user_suggested_options: nextValue.allow_user_suggested_options,
+	answers_count: nextValue.answers_count,
+	created_by_id: nextValue.created_by_id,
+	is_closed: nextValue.is_closed,
+	options: nextValue.options,
+	ownAnswer: nextValue.ownAnswer,
+	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();
+	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.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.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("poll.endPollAlert.endPoll.text", "End Poll"),
+				closeModal,
+				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__end-poll-modal"),
+				modalIsOpen: modalOpen === "end-vote",
+				openModal: () => setModalOpen("end-vote"),
+				children: /* @__PURE__ */ jsx(EndPollAlert$1, {})
+			}),
+			!!voteCount && /* @__PURE__ */ jsx(PollAction, {
+				buttonText: t("poll.actions.viewResults.label", "View Results"),
+				closeModal,
+				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__poll-results-modal"),
+				modalIsOpen: modalOpen === "view-results",
+				openModal: () => setModalOpen("view-results"),
+				children: /* @__PURE__ */ jsx(PollResults$1, {})
+			}),
+			canCastVote && allow_user_suggested_options && options.length < 100 && /* @__PURE__ */ jsx(PollAction, {
+				buttonText: t("poll.actions.suggestOption.label", "Suggest an Option"),
+				closeModal,
+				isAdditionalAction: true,
+				modalClassName: clsx(COMMON_MODAL_CLASS, "str-chat__suggest-poll-option-modal"),
+				modalIsOpen: modalOpen === "suggest-option",
+				openModal: () => setModalOpen("suggest-option"),
+				children: /* @__PURE__ */ jsx(SuggestPollOptionForm, {})
+			}),
+			!is_closed && allow_answers && /* @__PURE__ */ jsx(PollAction, {
+				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"),
+				modalIsOpen: modalOpen === "add-comment",
+				openModal: () => setModalOpen("add-comment"),
+				children: /* @__PURE__ */ jsx(AddCommentPrompt$1, { messageId: message.id })
+			}),
+			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"),
+				modalIsOpen: modalOpen === "view-comments",
+				openModal: () => setModalOpen("view-comments"),
+				children: /* @__PURE__ */ jsx(PollAnswerList$1, { onUpdateOwnAnswerClick: onUpdateAnswerClick })
+			})
+		]
+	});
+};
+//#endregion
+export { PollActions };
+
+//# sourceMappingURL=PollActions.mjs.map

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

@@ -0,0 +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  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"}