botframework-webchat-api 4.13.0 → 4.14.2

package/src/localization/nb-NO.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Varsling",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Utskrift, trykk på piltastene for å navigere.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "avskrift",
+  "TRANSCRIPT_MORE_MESSAGES": "Flere meldinger",
   "TRANSCRIPT_NEW_MESSAGES": "Nye meldinger",
   "TRANSCRIPT_TERMINATOR_TEXT": "Slutt på utskrift",
   "TYPING_INDICATOR_ALT": "Viser skriveindikatoren"

package/src/localization/nl-NL.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Melding",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Transcriptie, druk op de pijltoetsen om te navigeren.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "transcriptie",
+  "TRANSCRIPT_MORE_MESSAGES": "Meer berichten",
   "TRANSCRIPT_NEW_MESSAGES": "Nieuwe berichten",
   "TRANSCRIPT_TERMINATOR_TEXT": "Einde transcriptie",
   "TYPING_INDICATOR_ALT": "Indicator voor typen weergeven"

package/src/localization/pl-PL.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Powiadomienie",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Transkrypcja, naciskaj klawisze strzałek, aby nawigować.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "transkrypcja",
+  "TRANSCRIPT_MORE_MESSAGES": "Więcej wiadomości",
   "TRANSCRIPT_NEW_MESSAGES": "Nowe wiadomości",
   "TRANSCRIPT_TERMINATOR_TEXT": "Koniec transkrypcji",
   "TYPING_INDICATOR_ALT": "Wyświetlanie wskaźnika wpisywania"

package/src/localization/pt-BR.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Notificação",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Transcrição, use as teclas de seta para navegar.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "transcrição",
+  "TRANSCRIPT_MORE_MESSAGES": "Mais mensagens",
   "TRANSCRIPT_NEW_MESSAGES": "Novas mensagens",
   "TRANSCRIPT_TERMINATOR_TEXT": "Fim da transcrição",
   "TYPING_INDICATOR_ALT": "Mostrando o indicador de digitação"

package/src/localization/pt-PT.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Notificação",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Transcrição, prima as teclas de seta para navegar.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "transcrição",
+  "TRANSCRIPT_MORE_MESSAGES": "Mais mensagens",
   "TRANSCRIPT_NEW_MESSAGES": "Novas mensagens",
   "TRANSCRIPT_TERMINATOR_TEXT": "Fim da transcrição",
   "TYPING_INDICATOR_ALT": "A mostrar o indicador de escrita"

package/src/localization/ro-RO.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Notificare",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Transcriere, apăsați tastele săgeți pentru a naviga.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "transcriere",
+  "TRANSCRIPT_MORE_MESSAGES": "Mai multe mesaje",
   "TRANSCRIPT_NEW_MESSAGES": "Mesaje noi",
   "TRANSCRIPT_TERMINATOR_TEXT": "Sfârșitul transcrierii",
   "TYPING_INDICATOR_ALT": "Se afișează indicatorul de tastare"

package/src/localization/ru-RU.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Уведомление",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Расшифровка, используйте клавиши со стрелками для перемещения.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "расшифровка",
+  "TRANSCRIPT_MORE_MESSAGES": "Другие сообщения",
   "TRANSCRIPT_NEW_MESSAGES": "Новые сообщения",
   "TRANSCRIPT_TERMINATOR_TEXT": "Конец расшифровки",
   "TYPING_INDICATOR_ALT": "Отображение индикатора ввода"

package/src/localization/sk-SK.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Oznámenie",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Prepis – na navigáciu stlačte klávesy so šípkami.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "prepis",
+  "TRANSCRIPT_MORE_MESSAGES": "Ďalšie správy",
   "TRANSCRIPT_NEW_MESSAGES": "Nové správy",
   "TRANSCRIPT_TERMINATOR_TEXT": "Koniec prepisu",
   "TYPING_INDICATOR_ALT": "Zobrazuje sa indikátor písania"

package/src/localization/sl-SI.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Obvestilo",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Prepis – za pomikanje pritisnite puščične tipke.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "prepis",
+  "TRANSCRIPT_MORE_MESSAGES": "Več sporočil",
   "TRANSCRIPT_NEW_MESSAGES": "Nova sporočila",
   "TRANSCRIPT_TERMINATOR_TEXT": "Konec prepisa",
   "TYPING_INDICATOR_ALT": "Prikaz indikatorja tipkanja"

package/src/localization/sr-Cyrl-CS.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Обавештење",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Преписка, користите тастере са стрелицом да бисте се кретали.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "преписка",
+  "TRANSCRIPT_MORE_MESSAGES": "Још порука",
   "TRANSCRIPT_NEW_MESSAGES": "Нове поруке",
   "TRANSCRIPT_TERMINATOR_TEXT": "Крај преписке",
   "TYPING_INDICATOR_ALT": "Приказује се индикатор куцања"

package/src/localization/sr-Latn-CS.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Obaveštenje",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Prepiska, koristite tastere sa strelicom da biste se kretali.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "prepiska",
+  "TRANSCRIPT_MORE_MESSAGES": "Još poruka",
   "TRANSCRIPT_NEW_MESSAGES": "Nove poruke",
   "TRANSCRIPT_TERMINATOR_TEXT": "Kraj prepiske",
   "TYPING_INDICATOR_ALT": "Prikazuje se indikator kucanja"

package/src/localization/sv-SE.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Avisering",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Avskrift, tryck på piltangenterna för att navigera.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "avskrift",
+  "TRANSCRIPT_MORE_MESSAGES": "Fler meddelanden",
   "TRANSCRIPT_NEW_MESSAGES": "Nya meddelanden",
   "TRANSCRIPT_TERMINATOR_TEXT": "Slut på avskriften",
   "TYPING_INDICATOR_ALT": "Visar skrivindikatorn"

package/src/localization/th-TH.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "การแจ้งเตือน",
   "TRANSCRIPT_ARIA_LABEL_ALT": "การถอดความ ใช้แป้นลูกศรขึ้นหรือลงเพื่อเลื่อน",
   "TRANSCRIPT_ARIA_ROLE_ALT": "สำเนาบทสนทนา",
+  "TRANSCRIPT_MORE_MESSAGES": "ข้อความเพิ่มเติม",
   "TRANSCRIPT_NEW_MESSAGES": "ข้อความใหม่",
   "TRANSCRIPT_TERMINATOR_TEXT": "สิ้นสุดการถอดความ",
   "TYPING_INDICATOR_ALT": "แสดงตัวแสดงการพิมพ์"

package/src/localization/tr-TR.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Bildirim",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Döküm, gezinmek için yukarı ve aşağı ok tuşlarını kullanın.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "döküm",
+  "TRANSCRIPT_MORE_MESSAGES": "Diğer iletiler",
   "TRANSCRIPT_NEW_MESSAGES": "Yeni iletiler",
   "TRANSCRIPT_TERMINATOR_TEXT": "Dökümün sonu",
   "TYPING_INDICATOR_ALT": "Yazma göstergesi gösteriliyor"

package/src/localization/uk-UA.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Сповіщення",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Стенограма (натискайте клавіші зі стрілками, щоб переходити між рядками).",
   "TRANSCRIPT_ARIA_ROLE_ALT": "стенограма",
+  "TRANSCRIPT_MORE_MESSAGES": "Інші повідомлення",
   "TRANSCRIPT_NEW_MESSAGES": "Нові повідомлення",
   "TRANSCRIPT_TERMINATOR_TEXT": "Кінець стенограми",
   "TYPING_INDICATOR_ALT": "Показує індикатор набору"

package/src/localization/vi-VN.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "Thông báo",
   "TRANSCRIPT_ARIA_LABEL_ALT": "Bản chép lời, nhấn các phím mũi tên để điều hướng.",
   "TRANSCRIPT_ARIA_ROLE_ALT": "bản chép lại",
+  "TRANSCRIPT_MORE_MESSAGES": "Các tin nhắn khác",
   "TRANSCRIPT_NEW_MESSAGES": "Tin nhắn mới",
   "TRANSCRIPT_TERMINATOR_TEXT": "Kết thúc bản chép lời",
   "TYPING_INDICATOR_ALT": "Hiển thị chỉ báo đang nhập"

package/src/localization/yue.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "通知",
   "TRANSCRIPT_ARIA_LABEL_ALT": "文字記錄，襟方向鍵嚟瀏覽。",
   "TRANSCRIPT_ARIA_ROLE_ALT": "文字記錄",
+  "TRANSCRIPT_MORE_MESSAGES": "更多訊息",
   "TRANSCRIPT_NEW_MESSAGES": "新訊息",
   "TRANSCRIPT_TERMINATOR_TEXT": "文字記錄結束",
   "TYPING_INDICATOR_ALT": "對方打緊字"

package/src/localization/zh-CN.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "通知",
   "TRANSCRIPT_ARIA_LABEL_ALT": "记录，按箭头键导航。",
   "TRANSCRIPT_ARIA_ROLE_ALT": "脚本",
+  "TRANSCRIPT_MORE_MESSAGES": "更多消息",
   "TRANSCRIPT_NEW_MESSAGES": "新消息",
   "TRANSCRIPT_TERMINATOR_TEXT": "记录结束",
   "TYPING_INDICATOR_ALT": "显示键入指示器"

package/src/localization/zh-HK.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "通知",
   "TRANSCRIPT_ARIA_LABEL_ALT": "文字記錄，按方向鍵進行瀏覽。",
   "TRANSCRIPT_ARIA_ROLE_ALT": "文字記錄",
+  "TRANSCRIPT_MORE_MESSAGES": "更多訊息",
   "TRANSCRIPT_NEW_MESSAGES": "新訊息",
   "TRANSCRIPT_TERMINATOR_TEXT": "文字記錄結束",
   "TYPING_INDICATOR_ALT": "顯示輸入指示器"

package/src/localization/zh-TW.json

@@ -72,6 +72,7 @@
   "TOAST_TITLE_ALT": "通知",
   "TRANSCRIPT_ARIA_LABEL_ALT": "文字記錄，按方向鍵進行瀏覽。",
   "TRANSCRIPT_ARIA_ROLE_ALT": "文字記錄",
+  "TRANSCRIPT_MORE_MESSAGES": "更多訊息",
   "TRANSCRIPT_NEW_MESSAGES": "新訊息",
   "TRANSCRIPT_TERMINATOR_TEXT": "文字記錄結束",
   "TYPING_INDICATOR_ALT": "顯示輸入指示器"

package/src/normalizeStyleOptions.ts

@@ -1,12 +1,26 @@
+import { warnOnce } from 'botframework-webchat-core';
+
 import defaultStyleOptions from './defaultStyleOptions';
 import StyleOptions, { StrictStyleOptions } from './StyleOptions';
 
+const hideScrollToEndButtonDeprecation = warnOnce(
+  '"styleOptions.hideScrollToEndButton" has been deprecated. To hide scroll to end button, set "scrollToEndBehavior" to false. This deprecation migration will be removed on or after 2023-06-02.'
+);
+
+const newMessagesButtonFontSizeDeprecation = warnOnce(
+  '"styleOptions.newMessagesButtonFontSize" has been renamed to "styleOptions.scrollToEndButtonFontSize". This deprecation migration will be removed on or after 2023-06-02.'
+);
+
 // TODO: [P4] We should add a notice for people who want to use "styleSet" instead of "styleOptions".
 //       "styleSet" is actually CSS stylesheet and it is based on the DOM tree.
 //       DOM tree may change from time to time, thus, maintaining "styleSet" becomes a constant effort.
 
 // eslint-disable-next-line complexity
-export default function normalizeStyleOptions(options: StyleOptions = {}): StrictStyleOptions {
+export default function normalizeStyleOptions({
+  hideScrollToEndButton,
+  newMessagesButtonFontSize,
+  ...options
+}: StyleOptions = {}): StrictStyleOptions {
   const filledOptions: Required<StyleOptions> = { ...defaultStyleOptions, ...options };
 
   // Keep this list flat (no nested style) and serializable (no functions)
@@ -67,10 +81,37 @@ export default function normalizeStyleOptions(options: StyleOptions = {}): Stric
     normalizedEmojiSet = emojiSet;
   }
 
+  if (hideScrollToEndButton) {
+    hideScrollToEndButtonDeprecation();
+
+    // Only set if the "scrollToEndButtonBehavior" is not set.
+    // If it has been set, the developer should know the older "hideScrollToEndButton" option is deprecated.
+    filledOptions.scrollToEndButtonBehavior = options.scrollToEndButtonBehavior || false;
+  }
+
+  let patchedScrollToEndButtonBehavior = filledOptions.scrollToEndButtonBehavior;
+
+  if (patchedScrollToEndButtonBehavior !== 'any' && patchedScrollToEndButtonBehavior !== false) {
+    patchedScrollToEndButtonBehavior === 'unread' ||
+      console.warn(
+        'Web Chat: "scrollToEndButtonBehavior" must be either "unread", "any", or false, will set to "unread".'
+      );
+
+    patchedScrollToEndButtonBehavior = 'unread';
+  }
+
+  if (newMessagesButtonFontSize) {
+    newMessagesButtonFontSizeDeprecation();
+
+    // Only set if the "scrollToEndButtonFontSize" is not set.
+    filledOptions.scrollToEndButtonFontSize = options.scrollToEndButtonFontSize || newMessagesButtonFontSize;
+  }
+
   return {
     ...filledOptions,
     bubbleFromUserNubOffset: normalizedBubbleFromUserNubOffset,
     bubbleNubOffset: normalizedBubbleNubOffset,
-    emojiSet: normalizedEmojiSet
+    emojiSet: normalizedEmojiSet,
+    scrollToEndButtonBehavior: patchedScrollToEndButtonBehavior
   };
 }

package/src/tsconfig.json

@@ -4,12 +4,14 @@
     "declaration": true,
     "declarationDir": "../lib",
     "declarationMap": true,
+    "downlevelIteration": true,
     "emitDeclarationOnly": true,
     "jsx": "react",
     "preserveWatchOutput": true,
     "pretty": true,
+    "resolveJsonModule": true, // Required for localization files
     "skipLibCheck": true,
     "sourceMap": true
   },
-  "files": ["index.tsx"]
+  "files": ["index.ts"]
 }

package/src/types/ActivityMiddleware.ts

@@ -0,0 +1,38 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+import { ReactNode } from 'react';
+
+import { AvatarComponentFactory } from './AvatarMiddleware';
+import { RenderAttachment } from './AttachmentMiddleware';
+
+type ActivityProps = {
+  hideTimestamp: boolean;
+  renderActivityStatus: ({ hideTimestamp: boolean }) => ReactNode;
+  renderAvatar: AvatarComponentFactory;
+  showCallout: boolean;
+};
+
+type ActivityComponent = (props: ActivityProps) => Exclude<ReactNode, boolean>;
+
+type ActivityComponentFactoryOptions = {
+  activity: DirectLineActivity;
+  nextVisibleActivity: DirectLineActivity;
+};
+
+type ActivityComponentFactory = (options: ActivityComponentFactoryOptions) => ActivityComponent | false;
+
+// TODO: [P2] This is inherited from our older signature (pre-hook) which requires passing "renderAttachment" argument.
+//       With hooks, the middleware should not need "renderAttachment", they can grab it from "useCreateAttachmentRenderer" hook.
+type LegacyRenderActivity = (
+  renderAttachment: RenderAttachment,
+  { hideTimestamp, renderActivityStatus, renderAvatar, showCallout }: ActivityProps
+) => Exclude<ReactNode, boolean>;
+
+type LegacyActivityRenderer = (options: ActivityComponentFactoryOptions) => LegacyRenderActivity | false;
+
+// The middleware created by the web developer, are using the legacy signature (with "renderAttachment" argument).
+type ActivityEnhancer = (next: LegacyActivityRenderer) => LegacyActivityRenderer;
+type ActivityMiddleware = () => ActivityEnhancer;
+
+export default ActivityMiddleware;
+
+export type { ActivityComponentFactory, LegacyActivityRenderer };

package/src/types/ActivityStatusMiddleware.ts

@@ -0,0 +1,28 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+import { ReactNode } from 'react';
+
+import SendState from './SendState';
+
+// TODO: Migrate this legacy middleware signature.
+type RenderActivityStatusOptions = {
+  activity: DirectLineActivity;
+  hideTimestamp: boolean;
+  sendState: SendState;
+
+  // "nextVisibleActivity" is for backward compatibility, please remove this line on or after 2022-07-22.
+  /** @deprecated */
+  nextVisibleActivity: DirectLineActivity;
+
+  // "sameTimestampGroup" is for backward compatibility, please remove this line on or after 2022-07-22.
+  /** @deprecated */
+  sameTimestampGroup: boolean;
+};
+
+type RenderActivityStatus = (options: RenderActivityStatusOptions) => ReactNode;
+
+type ActivityStatusEnhancer = (next: RenderActivityStatus) => RenderActivityStatus;
+type ActivityStatusMiddleware = () => ActivityStatusEnhancer;
+
+export default ActivityStatusMiddleware;
+
+export type { RenderActivityStatus };

package/src/types/AttachmentForScreenReaderMiddleware.ts

@@ -0,0 +1,24 @@
+import { DirectLineActivity, DirectLineAttachment } from 'botframework-webchat-core';
+
+// TODO: We should consider using a prop for "attachmentMiddleware" to render for screen reader, instead of having another middleware.
+
+import ComponentMiddleware, { ComponentFactory } from './ComponentMiddleware';
+
+type AttachmentForScreenReaderComponentFactoryOptions = [
+  {
+    activity: DirectLineActivity;
+    attachment: DirectLineAttachment;
+  }
+];
+
+type AttachmentForScreenReaderComponentFactory = ComponentFactory<AttachmentForScreenReaderComponentFactoryOptions, {}>;
+
+type AttachmentForScreenReaderMiddleware = ComponentMiddleware<
+  [],
+  AttachmentForScreenReaderComponentFactoryOptions,
+  {}
+>;
+
+export default AttachmentForScreenReaderMiddleware;
+
+export type { AttachmentForScreenReaderComponentFactory };

package/src/types/AttachmentMiddleware.ts

@@ -0,0 +1,16 @@
+import { DirectLineActivity, DirectLineAttachment } from 'botframework-webchat-core';
+import { ReactNode } from 'react';
+
+type AttachmentProps = {
+  activity: DirectLineActivity;
+  attachment: DirectLineAttachment;
+};
+
+type RenderAttachment = (props?: AttachmentProps) => ReactNode;
+
+type AttachmentEnhancer = (next: RenderAttachment) => RenderAttachment;
+type AttachmentMiddleware = () => AttachmentEnhancer;
+
+export default AttachmentMiddleware;
+
+export type { RenderAttachment };

package/src/types/AvatarMiddleware.ts

@@ -0,0 +1,20 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+
+import { StrictStyleOptions } from '../StyleOptions';
+import ComponentMiddleware, { ComponentFactory } from './ComponentMiddleware';
+
+type AvatarComponentFactoryArguments = [
+  {
+    activity: DirectLineActivity;
+    fromUser: boolean;
+    styleOptions: StrictStyleOptions;
+  }
+];
+
+type AvatarComponentFactory = ComponentFactory<AvatarComponentFactoryArguments, {}>;
+
+type AvatarMiddleware = ComponentMiddleware<[], AvatarComponentFactoryArguments, {}>;
+
+export default AvatarMiddleware;
+
+export type { AvatarComponentFactory };

package/src/types/CardActionMiddleware.ts

@@ -0,0 +1,21 @@
+import { DirectLineCardAction } from 'botframework-webchat-core';
+
+import FunctionMiddleware from './FunctionMiddleware';
+
+type PerformCardAction = (cardAction: DirectLineCardAction) => void;
+
+type CardActionMiddleware = FunctionMiddleware<
+  [{ dispatch: (action: any) => void }],
+  [
+    {
+      cardAction: DirectLineCardAction;
+      getSignInUrl?: () => string;
+      target: any;
+    }
+  ],
+  {}
+>;
+
+export default CardActionMiddleware;
+
+export { PerformCardAction };

package/src/types/ComponentMiddleware.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+
+type OnScreenReactNode = Exclude<ReactNode, boolean | null | undefined>;
+
+/**
+ * Renders a UI component by returning a React component, or `false`, if nothing should be rendered.
+ *
+ * @returns {(React.FC|false)} Returns a React component to render, or `false`, if nothing should be rendered.
+ */
+type ComponentFactory<TComponentFactoryArguments extends any[], TProps> = (
+  ...args: TComponentFactoryArguments
+) => ((props?: TProps) => OnScreenReactNode) | false;
+
+/**
+ * Enhances a UI component through decoration, replacement, or removal.
+ */
+type ComponentEnhancer<TComponentFactoryArguments extends any[], TProps> = (
+  next: ComponentFactory<TComponentFactoryArguments, TProps>
+) => ComponentFactory<TComponentFactoryArguments, TProps>;
+
+/**
+ * Middleware for rendering a UI component.
+ *
+ * The middleware is a series of enhancers that are chained through functional composition. Each enhancer can:
+ *
+ * - Decorate: call the next enhancer to get its React component, then decorate it through UI composition
+ * - Replace: return a React component without calling the next enhancer
+ * - Remove: return `false` without calling the next enhancer
+ *
+ * The signature of the middleware is:
+ *
+ * ```
+ * (...args: SetupArguments) => (next: Enhancer) => (...args: ComponentFactoryArguments) => false | React.FC<Props>
+ * ```
+ */
+type ComponentMiddleware<TSetupArguments extends any[], TComponentFactoryArguments extends any[], TProps> = (
+  ...args: TSetupArguments
+) => ComponentEnhancer<TComponentFactoryArguments, TProps>;
+
+export default ComponentMiddleware;
+
+export { ComponentEnhancer, ComponentFactory };

package/src/types/FunctionMiddleware.ts

@@ -0,0 +1,13 @@
+type CallFunction<TArguments extends any[], TResult> = (...args: TArguments) => TResult;
+
+type FunctionEnhancer<TCallArguments extends any[], TResult> = (
+  next: CallFunction<TCallArguments, TResult>
+) => CallFunction<TCallArguments, TResult>;
+
+type FunctionMiddleware<TSetupArguments extends any[], TCallArguments extends any[], TResult> = (
+  ...args: TSetupArguments
+) => FunctionEnhancer<TCallArguments, TResult>;
+
+export default FunctionMiddleware;
+
+export type { CallFunction, FunctionEnhancer };

package/src/types/GroupActivitiesMiddleware.ts

@@ -0,0 +1,24 @@
+import { DirectLineActivity } from 'botframework-webchat-core';
+
+import FunctionMiddleware, { CallFunction } from './FunctionMiddleware';
+
+type GroupActivities = CallFunction<
+  [{ activities: DirectLineActivity[] }],
+  {
+    sender: DirectLineActivity[][];
+    status: DirectLineActivity[][];
+  }
+>;
+
+type GroupActivitiesMiddleware = FunctionMiddleware<
+  [],
+  [{ activities: DirectLineActivity[] }],
+  {
+    sender: DirectLineActivity[][];
+    status: DirectLineActivity[][];
+  }
+>;
+
+export default GroupActivitiesMiddleware;
+
+export { GroupActivities };

package/src/types/LocalizedStrings.ts

@@ -0,0 +1,5 @@
+// boolean is for flags (e.g. support of speech-to-text or text-to-speech).
+// Look at "overrides.json" for details.
+type LocalizedStrings = { [stringId: string]: boolean | string };
+
+export default LocalizedStrings;

package/src/types/Notification.ts

@@ -0,0 +1,10 @@
+type Notification = {
+  alt: string;
+  data?: any;
+  id: string;
+  level: string;
+  message?: string;
+  timestamp?: number;
+};
+
+export default Notification;

package/src/types/PrecompiledGlobalize.ts

@@ -0,0 +1,9 @@
+type PrecompiledGlobalize = {
+  dateFormatter: ({ skeleton }: { skeleton: 'MMMMdhm' }) => string;
+  relativeTimeFormatter: (format: 'hour' | 'minute') => string;
+  unitFormatter:
+    | ((unit: 'byte', options: { form: 'long' }) => string)
+    | ((unit: 'kilobyte' | 'megabyte' | 'gigabyte', options: { form: 'short' }) => string);
+};
+
+export default PrecompiledGlobalize;

package/src/types/ScrollToEndButtonMiddleware.ts

@@ -0,0 +1,34 @@
+import { StrictStyleOptions } from '../StyleOptions';
+import ComponentMiddleware, { ComponentFactory } from './ComponentMiddleware';
+
+/**
+ * @type {object}
+ * @property {boolean} atEnd - `true`, if the transcript scroll view is at the end, otherwise, `false`.
+ * @property {object} styleOptions - Normalized style options.
+ * @property {boolean} unread - `true`, if there are unread messages in the transcripts, otherwise, `false`.
+ */
+type ScrollToEndButtonComponentArguments = [
+  {
+    atEnd: boolean;
+    styleOptions: StrictStyleOptions;
+    unread: boolean;
+  }
+];
+
+/**
+ * @type {object}
+ * @property {function} onClick - The callback function to call when the user click on the button.
+ */
+type ScrollToEndButtonProps = {
+  onClick: () => any;
+};
+
+/**
+ * The middleware for rendering scroll to end button.
+ */
+type ScrollToEndButtonMiddleware = ComponentMiddleware<[], ScrollToEndButtonComponentArguments, ScrollToEndButtonProps>;
+type ScrollToEndButtonComponentFactory = ComponentFactory<ScrollToEndButtonComponentArguments, ScrollToEndButtonProps>;
+
+export default ScrollToEndButtonMiddleware;
+
+export { ScrollToEndButtonComponentFactory };

package/src/types/SendState.ts

@@ -0,0 +1,3 @@
+type SendState = 'sending' | 'send failed' | 'sent';
+
+export default SendState;

package/src/types/TelemetryMeasurementEvent.ts

@@ -0,0 +1,44 @@
+type BaseTelemetryMeasurementEvent = {
+  dimension?: any;
+};
+
+type TelemetryEventMeasurementEvent = BaseTelemetryMeasurementEvent & {
+  type: 'event';
+  name: string;
+  level: 'debug' | 'info' | 'warn' | 'error';
+  data?: number | string | { [key: string]: number | string };
+};
+
+type TelemetryExceptionMeasurementEvent = BaseTelemetryMeasurementEvent & {
+  type: 'exception';
+  error: Error;
+  fatal: boolean;
+};
+
+type TelemetryTimingStartMeasurementEvent = BaseTelemetryMeasurementEvent & {
+  type: 'timingstart';
+  name: string;
+  timingId: string;
+};
+
+type TelemetryTimingEndMeasurementEvent = BaseTelemetryMeasurementEvent & {
+  type: 'timingend';
+  name: string;
+  timingId: string;
+  duration: number;
+};
+
+type TelemetryMeasurementEvent =
+  | TelemetryEventMeasurementEvent
+  | TelemetryExceptionMeasurementEvent
+  | TelemetryTimingStartMeasurementEvent
+  | TelemetryTimingEndMeasurementEvent;
+
+export default TelemetryMeasurementEvent;
+
+export {
+  TelemetryEventMeasurementEvent,
+  TelemetryExceptionMeasurementEvent,
+  TelemetryTimingStartMeasurementEvent,
+  TelemetryTimingEndMeasurementEvent
+};

package/src/types/ToastMiddleware.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+import Notification from './Notification';
+
+type ToastProps = {
+  notification: Notification;
+};
+
+type RenderToast = (props: ToastProps) => ReactNode;
+
+type ToastEnhancer = (next: RenderToast) => RenderToast;
+type ToastMiddleware = () => ToastEnhancer;
+
+export default ToastMiddleware;
+
+export type { RenderToast };

package/src/types/Typing.ts

@@ -0,0 +1,8 @@
+type Typing = {
+  at: number;
+  expireAt: number;
+  name: string;
+  role: 'bot' | 'user';
+};
+
+export default Typing;