stream-chat-react 13.0.1 → 13.0.2

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

@@ -8,3 +8,4 @@ export * from './components';
 export * from './UnsupportedAttachment';
 export * from './FileAttachment';
 export * from './utils';
+export { useAudioController } from './hooks/useAudioController';

package/dist/components/Attachment/index.js

@@ -8,3 +8,4 @@ export * from './components';
 export * from './UnsupportedAttachment';
 export * from './FileAttachment';
 export * from './utils';
+export { useAudioController } from './hooks/useAudioController';

package/dist/components/Chat/hooks/useChat.js

@@ -24,7 +24,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
     useEffect(() => {
         if (!client)
             return;
-        const version = "13.0.1";
+        const version = "13.0.2";
         const userAgent = client.getUserAgent();
         if (!userAgent.includes('stream-chat-react')) {
             // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'

package/dist/components/Dialog/FormDialog.js

@@ -57,16 +57,20 @@ export const FormDialog = ({ className, close, fields, onSubmit, shouldDisableSu
     return (React.createElement("div", { className: clsx('str-chat__dialog str-chat__dialog--form', className) },
         React.createElement("div", { className: 'str-chat__dialog__body' },
             title && React.createElement("div", { className: 'str-chat__dialog__title' }, title),
-            React.createElement("form", { autoComplete: 'off' }, Object.entries(fields).map(([id, fieldConfig]) => (React.createElement("div", { className: 'str-chat__dialog__field', key: `dialog-field-${id}` },
-                fieldConfig.label && (React.createElement("label", { className: clsx(`str-chat__dialog__title str-chat__dialog__title--${id}`), htmlFor: id }, fieldConfig.label)),
-                React.createElement(fieldConfig.element, {
-                    id,
-                    ...fieldConfig.props,
-                    onChange: handleChange,
-                    value: value[id],
-                }),
-                React.createElement(FieldError, { text: fieldErrors[id]?.message })))))),
-        React.createElement("div", { className: 'str-chat__dialog__controls' },
-            React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel', onClick: close }, t('Cancel')),
-            React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--submit', disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value), onClick: handleSubmit, type: 'submit' }, t('Send')))));
+            React.createElement("form", { autoComplete: 'off', onSubmit: (e) => {
+                    e.preventDefault();
+                    handleSubmit();
+                } },
+                Object.entries(fields).map(([id, fieldConfig]) => (React.createElement("div", { className: 'str-chat__dialog__field', key: `dialog-field-${id}` },
+                    fieldConfig.label && (React.createElement("label", { className: clsx(`str-chat__dialog__title str-chat__dialog__title--${id}`), htmlFor: id }, fieldConfig.label)),
+                    React.createElement(fieldConfig.element, {
+                        id,
+                        ...fieldConfig.props,
+                        onChange: handleChange,
+                        value: value[id],
+                    }),
+                    React.createElement(FieldError, { text: fieldErrors[id]?.message })))),
+                React.createElement("div", { className: 'str-chat__dialog__controls' },
+                    React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel', onClick: close }, t('Cancel')),
+                    React.createElement("button", { className: 'str-chat__dialog__controls-button str-chat__dialog__controls-button--submit', disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value), type: 'submit' }, t('Send')))))));
 };

package/dist/components/Poll/PollHeader.js

@@ -15,13 +15,15 @@ export const PollHeader = () => {
     const selectionInstructions = useMemo(() => {
         if (is_closed)
             return t('Vote ended');
-        if (enforce_unique_vote)
+        if (enforce_unique_vote || options.length === 1)
             return t('Select one');
         if (max_votes_allowed)
             return t('Select up to {{count}}', {
                 count: max_votes_allowed > options.length ? options.length : max_votes_allowed,
             });
-        return t('Select one or more');
+        if (options.length > 1)
+            return t('Select one or more');
+        return '';
     }, [is_closed, enforce_unique_vote, max_votes_allowed, options.length, t]);
     if (!name)
         return;

package/dist/index.browser.cjs

@@ -17583,6 +17583,7 @@ __export(src_exports, {
   useActionHandler: () => useActionHandler,
   useActiveThread: () => useActiveThread,
   useAttachmentManagerState: () => useAttachmentManagerState,
+  useAudioController: () => useAudioController,
   useCanCreatePoll: () => useCanCreatePoll,
   useChannelActionContext: () => useChannelActionContext,
   useChannelDeletedListener: () => useChannelDeletedListener,
@@ -38680,12 +38681,13 @@ var PollHeader = () => {
   const { enforce_unique_vote, is_closed, max_votes_allowed, name: name2, options } = useStateStore(poll.state, pollStateSelector);
   const selectionInstructions = (0, import_react123.useMemo)(() => {
     if (is_closed) return t("Vote ended");
-    if (enforce_unique_vote) return t("Select one");
+    if (enforce_unique_vote || options.length === 1) return t("Select one");
     if (max_votes_allowed)
       return t("Select up to {{count}}", {
         count: max_votes_allowed > options.length ? options.length : max_votes_allowed
       });
-    return t("Select one or more");
+    if (options.length > 1) return t("Select one or more");
+    return "";
   }, [is_closed, enforce_unique_vote, max_votes_allowed, options.length, t]);
   if (!name2) return;
   return /* @__PURE__ */ import_react123.default.createElement("div", { className: "str-chat__poll-header" }, /* @__PURE__ */ import_react123.default.createElement("div", { className: "str-chat__poll-title" }, name2), /* @__PURE__ */ import_react123.default.createElement("div", { className: "str-chat__poll-subtitle" }, selectionInstructions));
@@ -38765,36 +38767,46 @@ var FormDialog = ({
     await onSubmit(value);
     close();
   };
-  return /* @__PURE__ */ import_react125.default.createElement("div", { className: (0, import_clsx27.default)("str-chat__dialog str-chat__dialog--form", className) }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__body" }, title && /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__title" }, title), /* @__PURE__ */ import_react125.default.createElement("form", { autoComplete: "off" }, Object.entries(fields).map(([id, fieldConfig]) => /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__field", key: `dialog-field-${id}` }, fieldConfig.label && /* @__PURE__ */ import_react125.default.createElement(
-    "label",
-    {
-      className: (0, import_clsx27.default)(
-        `str-chat__dialog__title str-chat__dialog__title--${id}`
-      ),
-      htmlFor: id
-    },
-    fieldConfig.label
-  ), import_react125.default.createElement(fieldConfig.element, {
-    id,
-    ...fieldConfig.props,
-    onChange: handleChange,
-    value: value[id]
-  }), /* @__PURE__ */ import_react125.default.createElement(FieldError, { text: fieldErrors[id]?.message }))))), /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__controls" }, /* @__PURE__ */ import_react125.default.createElement(
-    "button",
-    {
-      className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel",
-      onClick: close
-    },
-    t("Cancel")
-  ), /* @__PURE__ */ import_react125.default.createElement(
-    "button",
+  return /* @__PURE__ */ import_react125.default.createElement("div", { className: (0, import_clsx27.default)("str-chat__dialog str-chat__dialog--form", className) }, /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__body" }, title && /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__title" }, title), /* @__PURE__ */ import_react125.default.createElement(
+    "form",
     {
-      className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--submit",
-      disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value),
-      onClick: handleSubmit,
-      type: "submit"
+      autoComplete: "off",
+      onSubmit: (e) => {
+        e.preventDefault();
+        handleSubmit();
+      }
     },
-    t("Send")
+    Object.entries(fields).map(([id, fieldConfig]) => /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__field", key: `dialog-field-${id}` }, fieldConfig.label && /* @__PURE__ */ import_react125.default.createElement(
+      "label",
+      {
+        className: (0, import_clsx27.default)(
+          `str-chat__dialog__title str-chat__dialog__title--${id}`
+        ),
+        htmlFor: id
+      },
+      fieldConfig.label
+    ), import_react125.default.createElement(fieldConfig.element, {
+      id,
+      ...fieldConfig.props,
+      onChange: handleChange,
+      value: value[id]
+    }), /* @__PURE__ */ import_react125.default.createElement(FieldError, { text: fieldErrors[id]?.message }))),
+    /* @__PURE__ */ import_react125.default.createElement("div", { className: "str-chat__dialog__controls" }, /* @__PURE__ */ import_react125.default.createElement(
+      "button",
+      {
+        className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel",
+        onClick: close
+      },
+      t("Cancel")
+    ), /* @__PURE__ */ import_react125.default.createElement(
+      "button",
+      {
+        className: "str-chat__dialog__controls-button str-chat__dialog__controls-button--submit",
+        disabled: Object.keys(fieldErrors).length > 0 || shouldDisableSubmitButton?.(value),
+        type: "submit"
+      },
+      t("Send")
+    ))
   )));
 };
 
@@ -51184,7 +51196,7 @@ var useChat = ({
   };
   (0, import_react264.useEffect)(() => {
     if (!client) return;
-    const version = "13.0.1";
+    const version = "13.0.2";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);