botframework-webchat-api 4.13.0 → 4.14.2

package/src/hooks/{useActiveTyping.js → useActiveTyping.ts}

@@ -1,29 +1,33 @@
 import { useEffect } from 'react';
 
 import { useSelector } from './internal/WebChatReduxContext';
+import Typing from '../types/Typing';
 import useForceRender from './internal/useForceRender';
 import useStyleOptions from './useStyleOptions';
 
-function useActiveTyping(expireAfter) {
+function useActiveTyping(expireAfter?: number): [{ [userId: string]: Typing }] {
   const now = Date.now();
 
   const [{ typingAnimationDuration }] = useStyleOptions();
   const forceRender = useForceRender();
-  const typing = useSelector(({ typing }) => typing);
+  const typing: { [userId: string]: { at: number; name: string; role: string } } = useSelector(({ typing }) => typing);
 
   if (typeof expireAfter !== 'number') {
     expireAfter = typingAnimationDuration;
   }
 
-  const activeTyping = Object.entries(typing).reduce((activeTyping, [id, { at, name, role }]) => {
-    const until = at + expireAfter;
+  const activeTyping: { [userId: string]: Typing } = Object.entries(typing).reduce(
+    (activeTyping, [id, { at, name, role }]) => {
+      const until = at + expireAfter;
 
-    if (until > now) {
-      return { ...activeTyping, [id]: { at, expireAt: until, name, role } };
-    }
+      if (until > now) {
+        return { ...activeTyping, [id]: { at, expireAt: until, name, role } };
+      }
 
-    return activeTyping;
-  }, {});
+      return activeTyping;
+    },
+    {}
+  );
 
   const earliestExpireAt = Math.min(...Object.values(activeTyping).map(({ expireAt }) => expireAt));
   const timeToRender = earliestExpireAt && earliestExpireAt - now;

package/src/hooks/useActivities.ts

@@ -0,0 +1,7 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+
+import { useSelector } from './internal/WebChatReduxContext';
+
+export default function useActivities(): [DirectLineActivity[]] {
+  return [useSelector(({ activities }) => activities)];
+}

package/src/hooks/{useAvatarForBot.js → useAvatarForBot.ts}

@@ -1,6 +1,6 @@
 import useStyleOptions from './useStyleOptions';
 
-export default function useAvatarForBot() {
+export default function useAvatarForBot(): [{ image: string; initials: string }] {
   const [{ botAvatarImage: image, botAvatarInitials: initials }] = useStyleOptions();
 
   return [

package/src/hooks/{useAvatarForUser.js → useAvatarForUser.ts}

@@ -1,6 +1,6 @@
 import useStyleOptions from './useStyleOptions';
 
-export default function useAvatarForUser() {
+export default function useAvatarForUser(): [{ image: string; initials: string }] {
   const [{ userAvatarImage: image, userAvatarInitials: initials }] = useStyleOptions();
 
   return [

package/src/hooks/{useByteFormatter.js → useByteFormatter.ts}

@@ -15,7 +15,7 @@ const SHORT_FORM = {
   form: 'short'
 };
 
-export default function useByteFormatter() {
+export default function useByteFormatter(): (bytes: number) => string {
   const [globalize] = useLocalizedGlobalize();
 
   return useMemo(() => {

package/src/hooks/{useConnectivityStatus.js → useConnectivityStatus.ts}

@@ -1,5 +1,5 @@
 import { useSelector } from './internal/WebChatReduxContext';
 
-export default function useConnectivityStatus() {
+export default function useConnectivityStatus(): [string] {
   return [useSelector(({ connectivityStatus }) => connectivityStatus)];
 }

package/src/hooks/{useCreateActivityRenderer.js → useCreateActivityRenderer.ts}

@@ -1,9 +1,8 @@
-/* eslint react/prop-types: "off"*/
-
+import { ActivityComponentFactory } from '../types/ActivityMiddleware';
 import useCreateActivityRendererInternal from './internal/useCreateActivityRendererInternal';
 
 // The newer useCreateActivityRenderer() hook does not support override renderAttachment().
 // Only the deprecated useRenderActivity() hook support overriding renderAttachment().
-export default function useCreateActivityRenderer() {
+export default function useCreateActivityRenderer(): ActivityComponentFactory {
   return useCreateActivityRendererInternal();
 }

package/src/hooks/{useCreateActivityStatusRenderer.js → useCreateActivityStatusRenderer.tsx}

@@ -1,8 +1,10 @@
-/* eslint react/prop-types: "off"*/
+/* eslint react/prop-types: "off" */
+/* eslint react/require-default-props: "off" */
 
-import { Constants } from 'botframework-webchat-core';
-import React, { useMemo } from 'react';
+import { Constants, DirectLineActivity } from 'botframework-webchat-core';
+import React, { ReactNode, useMemo } from 'react';
 
+import SendState from '../types/SendState';
 import useGetSendTimeoutForActivity from './useGetSendTimeoutForActivity';
 import useTimePassed from './internal/useTimePassed';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
@@ -20,6 +22,14 @@ const ActivityStatusContainer = ({ activity, hideTimestamp, nextVisibleActivity
   const {
     channelData: { clientTimestamp = 0, state } = {},
     from: { role }
+  }: {
+    channelData: {
+      clientTimestamp?: number;
+      state?: SendState;
+    };
+    from: {
+      role: string;
+    };
   } = activity;
 
   const activitySent = state !== SENDING && state !== SEND_FAILED;
@@ -43,9 +53,18 @@ const ActivityStatusContainer = ({ activity, hideTimestamp, nextVisibleActivity
   );
 };
 
-export default function useCreateActivityStatusRenderer() {
+export default function useCreateActivityStatusRenderer(): (renderOptions: {
+  activity: DirectLineActivity;
+  nextVisibleActivity: DirectLineActivity;
+}) => (props: { hideTimestamp?: boolean }) => ReactNode {
   return useMemo(
-    () => ({ activity, nextVisibleActivity }) => ({ hideTimestamp } = {}) => (
+    () => ({
+      activity,
+      nextVisibleActivity
+    }: {
+      activity: DirectLineActivity;
+      nextVisibleActivity: DirectLineActivity;
+    }) => ({ hideTimestamp }: { hideTimestamp?: boolean } = {}) => (
       <ActivityStatusContainer
         activity={activity}
         hideTimestamp={hideTimestamp}

package/src/hooks/{useCreateAvatarRenderer.js → useCreateAvatarRenderer.ts}

@@ -1,15 +1,18 @@
-import { useMemo } from 'react';
+import { DirectLineActivity } from 'botframework-webchat-core';
+import { ReactNode, useMemo } from 'react';
 
 import useStyleOptions from './useStyleOptions';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useCreateAvatarRenderer() {
+export default function useCreateAvatarRenderer(): (
+  activity: DirectLineActivity
+) => (() => Exclude<ReactNode, boolean | null | undefined>) | false {
   const [styleOptions] = useStyleOptions();
   const { avatarRenderer } = useWebChatAPIContext();
 
   return useMemo(
     () => ({ activity }) => {
-      const { from: { role } = {} } = activity;
+      const { from: { role } = {} }: { from?: { role?: string } } = activity;
 
       const result = avatarRenderer({
         activity,

package/src/hooks/useCreateScrollToEndButtonRenderer.ts

@@ -0,0 +1,6 @@
+import { ScrollToEndButtonComponentFactory } from '../types/ScrollToEndButtonMiddleware';
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function useCreateScrollToEndButtonRenderer(): ScrollToEndButtonComponentFactory {
+  return useWebChatAPIContext().scrollToEndButtonRenderer;
+}

package/src/hooks/{useDateFormatter.js → useDateFormatter.ts}

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 
 import useLocalizedGlobalize from './internal/useLocalizedGlobalize';
 
-export default function useDateFormatter() {
+export default function useDateFormatter(): (date: number | Date) => string {
   const [globalize] = useLocalizedGlobalize();
 
   const formatDate = useMemo(() => date => globalize.dateFormatter({ skeleton: 'MMMMdhm' })(new Date(date)), [

package/src/hooks/useDebouncedNotifications.spec.js

@@ -1,3 +1,5 @@
+/* eslint no-magic-numbers: "off" */
+
 import { getEarliestUpdateNotBefore } from './useDebouncedNotifications';
 
 describe('getEarliestUpdateNotBefore', () => {

package/src/hooks/{useDebouncedNotifications.js → useDebouncedNotifications.ts}

@@ -2,12 +2,20 @@ import { useRef } from 'react';
 import updateIn from 'simple-update-in';
 
 import findMin from '../utils/findMin';
+import Notification from '../types/Notification';
 import useForceRender from './internal/useForceRender';
 import useNotifications from './useNotifications';
 import useStyleOptions from './useStyleOptions';
 import useTimer from './internal/useTimer';
 
-function getEarliestUpdateNotBefore(notificationMap) {
+type DebouncedNotification = Notification & {
+  outOfDate: boolean;
+  updateNotBefore: number;
+};
+
+type DebouncedNotifications = { [id: string]: DebouncedNotification };
+
+function getEarliestUpdateNotBefore(notificationMap: DebouncedNotifications) {
   return findMin(
     Object.values(notificationMap)
       .filter(({ outOfDate }) => outOfDate)
@@ -15,7 +23,7 @@ function getEarliestUpdateNotBefore(notificationMap) {
   );
 }
 
-function useDebouncedNotifications() {
+function useDebouncedNotifications(): [DebouncedNotifications] {
   const now = Date.now();
 
   const [{ notificationDebounceTimeout }] = useStyleOptions();

package/src/hooks/{useDictateInterims.js → useDictateInterims.ts}

@@ -1,6 +1,6 @@
 import { useSelector } from './internal/WebChatReduxContext';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useDictateInterims() {
+export default function useDictateInterims(): [string[], (interims: string[]) => void] {
   return [useSelector(({ dictateInterims }) => dictateInterims) || [], useWebChatAPIContext().setDictateInterims];
 }

package/src/hooks/{useDictateState.js → useDictateState.ts}

@@ -1,6 +1,6 @@
 import { useSelector } from './internal/WebChatReduxContext';
 
 // TODO: [P3] We should update this code to use core/src/selectors/dictateState.js
-export default function useDictateState() {
+export default function useDictateState(): [number] {
   return [useSelector(({ dictateState }) => dictateState)];
 }

package/src/hooks/{useDirection.js → useDirection.ts}

@@ -14,7 +14,7 @@ function determineDirection(dir, language) {
   return 'ltr';
 }
 
-export default function useDirection() {
+export default function useDirection(): ['auto' | 'ltr' | 'rtl'] {
   const [dir] = useDirFromProps();
   const [language] = useLanguage();
   const determinedDirection = useMemo(() => determineDirection(dir, language), [dir, language]);

package/src/hooks/{useDisabled.js → useDisabled.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useDisabled() {
+export default function useDisabled(): [boolean] {
   return [useWebChatAPIContext().disabled];
 }

package/src/hooks/{useDismissNotification.js → useDismissNotification.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useDismissNotification() {
+export default function useDismissNotification(): (id: string) => void {
   return useWebChatAPIContext().dismissNotification;
 }

package/src/hooks/{useEmitTypingIndicator.js → useEmitTypingIndicator.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useEmitTypingIndicator() {
+export default function useEmitTypingIndicator(): () => void {
   return useWebChatAPIContext().emitTypingIndicator;
 }

package/src/hooks/{useGetSendTimeoutForActivity.js → useGetSendTimeoutForActivity.ts}

@@ -1,8 +1,9 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
 import { useMemo } from 'react';
 
 import useStyleOptions from './useStyleOptions';
 
-export default function useGetSendTimeoutForActivity() {
+export default function useGetSendTimeoutForActivity(): ({ activity }: { activity: DirectLineActivity }) => number {
   const [{ sendTimeout, sendTimeoutForAttachments }] = useStyleOptions();
 
   return useMemo(

package/src/hooks/{useGrammars.js → useGrammars.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useGrammars() {
+export default function useGrammars(): [any] {
   return [useWebChatAPIContext().grammars];
 }

package/src/hooks/useGroupActivities.ts

@@ -0,0 +1,14 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function useGroupActivities(): ({
+  activities
+}: {
+  activities: DirectLineActivity[];
+}) => {
+  sender: DirectLineActivity[][];
+  status: DirectLineActivity[][];
+} {
+  return useWebChatAPIContext().groupActivities;
+}

package/src/hooks/{useGroupTimestamp.js → useGroupTimestamp.ts}

@@ -1,6 +1,6 @@
 import useStyleOptions from './useStyleOptions';
 
-export default function useGroupTimestamp() {
+export default function useGroupTimestamp(): [boolean | number] {
   const [{ groupTimestamp }] = useStyleOptions();
 
   return [groupTimestamp];

package/src/hooks/{useLanguage.js → useLanguage.ts}

@@ -1,7 +1,7 @@
 import useLocalizedStrings from './internal/useLocalizedStrings';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useLanguage(options) {
+export default function useLanguage(options?: 'speech'): [string] {
   const { language } = useWebChatAPIContext();
   const localizedStrings = useLocalizedStrings();
 

package/src/hooks/{useLastTypingAt.js → useLastTypingAt.ts}

@@ -2,7 +2,8 @@ import { useSelector } from './internal/WebChatReduxContext';
 
 let showDeprecationNotes = true;
 
-export default function useLastTypingAt() {
+/** @deprecated Please use "useActiveTyping" instead. */
+export default function useLastTypingAt(): [{ [userId: string]: number }] {
   if (showDeprecationNotes) {
     console.warn(
       'botframework-webchat: "useLastTypingAt" is deprecated. Please use "useActiveTyping" instead. This hook will be removed on or after 2022-02-16.'

package/src/hooks/{useLocalize.js → useLocalize.ts}

@@ -2,7 +2,9 @@ import useLanguage from './useLanguage';
 
 import { localize } from '../localization/Localize';
 
-export default function useLocalize(text, ...args) {
+// TODO: Remove on or after 2022-02-12.
+/** @deprecated Please use "useLocalizer" instead. */
+export default function useLocalize(text: string, ...args: string[]): boolean | string {
   const [language] = useLanguage();
 
   // TODO: [P3] Use useMemo to cache the result.

package/src/hooks/{useLocalizeDate.js → useLocalizeDate.ts}

@@ -4,7 +4,8 @@ import getLocaleString from '../localization/getLocaleString';
 
 let deprecationNotesShown;
 
-export default function useLocalizeDate(date) {
+/** @deprecated Please use useDateFormatter() instead. */
+export default function useLocalizeDate(date: Date | number | string): string {
   if (!deprecationNotesShown) {
     console.warn(
       'botframework-webchat: useLocalizeDate() is deprecated. Please use the useDateFormatter() hooks instead. This hook will be removed on or after 2022-02-12.'

package/src/hooks/{useLocalizer.js → useLocalizer.ts}

@@ -7,16 +7,29 @@ import isObject from '../utils/isObject';
 
 const DEFAULT_STRINGS = getAllLocalizedStrings()['en-US'];
 
-export default function useLocalizer({ plural } = {}) {
+type Plural = {
+  zero?: string;
+  one?: string;
+  two?: string;
+  few?: string;
+  many?: string;
+  other: string;
+};
+
+export default function useLocalizer({ plural }: { plural?: keyof Plural } = {}) {
   const [globalize] = useLocalizedGlobalize();
   const localizedStrings = useLocalizedStrings();
 
   return useCallback(
-    (id, ...args) => {
+    (id: string | Plural, ...args: [(number | string)?, ...string[]]) => {
+      let stringId = id as string;
+
       if (plural) {
-        if (!isObject(id)) {
+        const pluralId = id as Plural;
+
+        if (!isObject(pluralId)) {
           throw new Error('useLocalizer: Plural string must pass "id" as a map instead of string.');
-        } else if (typeof id.other !== 'string') {
+        } else if (typeof pluralId.other !== 'string') {
           throw new Error('useLocalizer: Plural string must have "id.other" of string.');
         } else if (typeof args[0] !== 'number') {
           throw new Error('useLocalizer: Plural string must have first argument as a number.');
@@ -42,14 +55,14 @@ export default function useLocalizer({ plural } = {}) {
           );
         }
 
-        id = id[globalize.plural(args[0])] || id.other;
+        stringId = pluralId[globalize.plural(args[0])] || pluralId.other;
       } else if (typeof id !== 'string') {
         throw new Error('useLocalizer: "id" must be a string.');
       }
 
       return Object.entries(args).reduce(
         (str, [index, arg]) => str.replace(`$${+index + 1}`, arg),
-        localizedStrings[id] || DEFAULT_STRINGS[id] || ''
+        localizedStrings[stringId] || DEFAULT_STRINGS[stringId] || ''
       );
     },
     [globalize, localizedStrings, plural]

package/src/hooks/{useMarkActivityAsSpoken.js → useMarkActivityAsSpoken.ts}

@@ -1,8 +1,9 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
 import { useCallback } from 'react';
 
 import useMarkActivity from './internal/useMarkActivity';
 
-export default function useMarkActivityAsSpoken() {
+export default function useMarkActivityAsSpoken(): (activity: DirectLineActivity) => void {
   const markActivity = useMarkActivity();
 
   return useCallback(activity => markActivity(activity, 'speak', false), [markActivity]);

package/src/hooks/{useNotifications.js → useNotifications.ts}

@@ -1,5 +1,6 @@
 import { useSelector } from './internal/WebChatReduxContext';
+import Notification from '../types/Notification';
 
-export default function useNotifications() {
+export default function useNotifications(): [Notification[]] {
   return [useSelector(({ notifications }) => notifications)];
 }

package/src/hooks/usePerformCardAction.ts

@@ -0,0 +1,7 @@
+import { DirectLineCardAction } from 'botframework-webchat-core';
+
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function usePerformCardAction(): (cardAction: DirectLineCardAction) => void {
+  return useWebChatAPIContext().onCardAction;
+}

package/src/hooks/usePostActivity.ts

@@ -0,0 +1,8 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+import Observable from 'core-js/features/observable';
+
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function usePostActivity(): (activity: DirectLineActivity) => Observable<string> {
+  return useWebChatAPIContext().postActivity;
+}

package/src/hooks/{useReferenceGrammarID.js → useReferenceGrammarID.ts}

@@ -1,5 +1,5 @@
 import { useSelector } from './internal/WebChatReduxContext';
 
-export default function useReferenceGrammarID() {
+export default function useReferenceGrammarID(): [string] {
   return [useSelector(({ referenceGrammarID }) => referenceGrammarID)];
 }

package/src/hooks/{useRelativeTimeFormatter.js → useRelativeTimeFormatter.ts}

@@ -6,7 +6,7 @@ import useDateFormatter from './useDateFormatter';
 import useLocalizedGlobalize from './internal/useLocalizedGlobalize';
 import useLocalizer from './useLocalizer';
 
-export default function useRelativeTimeFormatter() {
+export default function useRelativeTimeFormatter(): (dateOrString: Date | string) => string {
   const formatDate = useDateFormatter();
   const localize = useLocalizer();
   const [globalize] = useLocalizedGlobalize();

package/src/hooks/useRenderActivity.js

@@ -17,6 +17,7 @@ import useCreateActivityRendererInternal from './internal/useCreateActivityRende
 
 let showDeprecationNotes = true;
 
+/** @deprecated Please use `useCreateActivityRenderer()` instead. */
 export default function useRenderActivity(renderAttachment) {
   if (showDeprecationNotes) {
     console.warn(
@@ -33,19 +34,20 @@ export default function useRenderActivity(renderAttachment) {
   const createActivityRenderer = useCreateActivityRendererInternal(renderAttachment);
 
   return useMemo(
-    () => (renderActivityArg, renderOptions = {}) => {
-      const { activity } = renderActivityArg || {};
+    () =>
+      (renderActivityArg, renderOptions = {}) => {
+        const { activity } = renderActivityArg || {};
 
-      if (!activity) {
-        throw new Error(
-          'botframework-webchat: First argument passed to the callback of useRenderActivity() must contain an "activity" property.'
-        );
-      }
+        if (!activity) {
+          throw new Error(
+            'botframework-webchat: First argument passed to the callback of useRenderActivity() must contain an "activity" property.'
+          );
+        }
 
-      const renderActivity = createActivityRenderer(renderActivityArg);
+        const renderActivity = createActivityRenderer(renderActivityArg);
 
-      return !!renderActivity && renderActivity(renderOptions);
-    },
+        return !!renderActivity && renderActivity(renderOptions);
+      },
     [createActivityRenderer]
   );
 }

package/src/hooks/useRenderActivityStatus.js

@@ -16,6 +16,7 @@ import useCreateActivityStatusRenderer from './useCreateActivityStatusRenderer';
 
 let showDeprecationNotes = true;
 
+/** @deprecated Please use `useCreateActivityStatusRenderer()` instead. */
 export default function useRenderActivityStatus({ activity, nextVisibleActivity }) {
   if (showDeprecationNotes) {
     console.warn(

package/src/hooks/useRenderAvatar.js

@@ -2,6 +2,7 @@ import useCreateAvatarRenderer from './useCreateAvatarRenderer';
 
 let showDeprecationNotes = true;
 
+/** @deprecated Please use "useRenderAvatar()" instead. */
 export default function useRenderAvatar({ activity }) {
   if (showDeprecationNotes) {
     console.warn(

package/src/hooks/{useRenderToast.js → useRenderToast.ts}

@@ -1,5 +1,6 @@
+import { RenderToast } from '../types/ToastMiddleware';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useRenderToast() {
+export default function useRenderToast(): RenderToast {
   return useWebChatAPIContext().toastRenderer;
 }

package/src/hooks/useRenderTypingIndicator.ts

@@ -0,0 +1,6 @@
+import { RenderTypingIndicator } from '../types/TypingIndicatorMiddleware';
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function useRenderTypingIndicator(): RenderTypingIndicator {
+  return useWebChatAPIContext().typingIndicatorRenderer;
+}

package/src/hooks/{useSendBoxValue.js → useSendBoxValue.ts}

@@ -1,6 +1,6 @@
 import { useSelector } from './internal/WebChatReduxContext';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useSendBoxValue() {
+export default function useSendBoxValue(): [string, (value: string) => void] {
   return [useSelector(({ sendBoxValue }) => sendBoxValue), useWebChatAPIContext().setSendBox];
 }

package/src/hooks/{useSendEvent.js → useSendEvent.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useSendEvent() {
+export default function useSendEvent(): (name: string, value: any) => void {
   return useWebChatAPIContext().sendEvent;
 }

package/src/hooks/{useSendFiles.js → useSendFiles.ts}

@@ -5,7 +5,7 @@ import { useCallback } from 'react';
 import useTrackEvent from './useTrackEvent';
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useSendFiles() {
+export default function useSendFiles(): (files: File[]) => void {
   const { sendFiles } = useWebChatAPIContext();
   const trackEvent = useTrackEvent();
 

package/src/hooks/useSendMessage.ts

@@ -0,0 +1,9 @@
+import useWebChatAPIContext from './internal/useWebChatAPIContext';
+
+export default function useSendMessage(): (
+  text: string,
+  method?: string,
+  { channelData }?: { channelData?: any }
+) => void {
+  return useWebChatAPIContext().sendMessage;
+}

package/src/hooks/{useSendMessageBack.js → useSendMessageBack.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useSendMessageBack() {
+export default function useSendMessageBack(): (value: any, text?: string, displayText?: string) => void {
   return useWebChatAPIContext().sendMessageBack;
 }

package/src/hooks/{useSendPostBack.js → useSendPostBack.ts}

@@ -1,5 +1,5 @@
 import useWebChatAPIContext from './internal/useWebChatAPIContext';
 
-export default function useSendPostBack() {
+export default function useSendPostBack(): (value?: any) => void {
   return useWebChatAPIContext().sendPostBack;
 }

package/src/hooks/{useSendTimeoutForActivity.js → useSendTimeoutForActivity.ts}

@@ -1,8 +1,11 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+
 import useGetSendTimeoutForActivity from './useGetSendTimeoutForActivity';
 
 let showDeprecationNotes = true;
 
-export default function useSendTimeoutForActivity(activity) {
+/** @deprecated Please use "useGetSendTimeoutForActivity()" instead. */
+export default function useSendTimeoutForActivity(activity: DirectLineActivity) {
   if (showDeprecationNotes) {
     console.warn(
       'botframework-webchat: "useSendTimeoutForActivity" is deprecated and will be removed on or after 2022-07-28. Please use "useGetSendTimeoutForActivity()" instead.'