botframework-webchat-component 4.18.1 → 4.19.0

package/dist/botframework-webchat-component.d.mts

@@ -1,1935 +1,71 @@
-import * as botframework_webchat_api from 'botframework-webchat-api';
-import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentForScreenReaderMiddleware, AttachmentMiddleware, AvatarMiddleware, CardActionMiddleware, GroupActivitiesMiddleware, ScrollToEndButtonMiddleware, SendBoxMiddleware, SendBoxToolbarMiddleware, StyleOptions, ToastMiddleware, TypingIndicatorMiddleware, ComposerProps as ComposerProps$1, WebSpeechPonyfillFactory, StrictStyleOptions, WebSpeechPonyfill, hooks as hooks$1 } from 'botframework-webchat-api';
+import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentMiddleware } from 'botframework-webchat-api';
 export { concatMiddleware, localize } from 'botframework-webchat-api';
-import * as PropTypes from 'prop-types';
-import PropTypes__default from 'prop-types';
-import * as botframework_webchat_core from 'botframework-webchat-core';
-import { WebChatActivity, SendBoxAttachment } from 'botframework-webchat-core';
 export { WebChatActivity } from 'botframework-webchat-core';
-import * as react from 'react';
-import react__default, { ReactNode, MutableRefObject, ComponentType, ChangeEvent, FocusEvent, KeyboardEvent, SyntheticEvent } from 'react';
-import { EmptyObject } from 'type-fest';
+import * as React__default from 'react';
+import React__default__default, { MutableRefObject, ComponentType, ChangeEvent, FocusEvent, KeyboardEvent, SyntheticEvent } from 'react';
+import { E as EmptyObject } from './_dtsroll-chunks/BlpMO3PT-empty-object.js';
+import { W as WaitUntilable } from './hook-B7KuomGm.mjs';
+export { S as SendBoxFocusOptions, c as createStyleSet, h as hooks, u as useDictateAbortable, a as useFocus, b as useMakeThumbnail, d as useObserveScrollPosition, e as useObserveTranscriptFocus, f as useRegisterFocusSendBox, g as useRenderMarkdownAsHTML, i as useScrollDown, j as useScrollTo, k as useScrollToEnd, l as useScrollUp, m as useSendFiles, n as useSendMessage, o as useShouldReduceMotion, p as useStyleSet, q as useTransformHTMLContent, r as useTypingIndicatorVisible, s as useWebSpeechPonyfill } from './hook-B7KuomGm.mjs';
+export { S as AccessKeySinkSurface, _ as AttachmentBar, a as AudioContent, b as Avatar, B as BasicConnectivityStatus, c as BasicSendBoxToolbar, d as BasicToaster, e as BasicTranscript, f as BasicWebChat, g as BasicWebChatProps, h as Bubble, i as Components, C as Composer, j as ComposerProps, k as DictationInterims, l as ErrorBox, m as FileContent, H as HTMLContentTransformEnhancer, n as HTMLContentTransformFunction, o as HTMLContentTransformMiddleware, p as HTMLContentTransformRequest, q as HTMLVideoContent, I as ImageContent, r as LocalizedString, R as ReactWebChat, s as ReactWebChatProps, t as SendButton, u as SendStatus, v as SpeakActivity, w as SuggestedActions, T as TextArea, x as TextContent, y as ThemeProvider, z as Timestamp, A as UploadButton, D as VideoContent, E as VimeoContent, F as YouTubeContent, R as default } from './component-BtSxgJS5.mjs';
+export { _ as BasicSendBox, a as MicrophoneButton, T as SendTextBox, u as useMicrophoneButtonClick, b as useMicrophoneButtonDisabled, c as useSendBoxSpeechInterimsVisible, d as useTextBoxSubmit, e as useTextBoxValue } from './TextBox-BEU2rUID.mjs';
+export { D as DropZoneState, u as useFileDropZone } from './_dtsroll-chunks/DP9nda2m-botframework-webchat-react-hooks.js';
+export { useActiveTyping, useActivities, useActivityKeys, useActivityKeysByRead, useAvatarForBot, useAvatarForUser, useBuildRenderActivityCallback, useByteFormatter, useCapabilities, useConnectivityStatus, useCreateActivityRenderer, useCreateActivityStatusRenderer, useCreateAttachmentForScreenReaderRenderer, useCreateAvatarRenderer, useCreateScrollToEndButtonRenderer, useDateFormatter, useDebouncedNotifications, useDictateInterims, useDictateState, useDirection, useDisabled, useDismissNotification, useEmitTypingIndicator, useGetActivitiesByKey, useGetActivityByKey, useGetHasAcknowledgedByActivityKey, useGetKeyByActivity, useGetKeyByActivityId, useGetSendTimeoutForActivity, useGrammars, useGroupActivities, useGroupActivitiesByName, useGroupTimestamp, useLanguage, useLastAcknowledgedActivityKey, useLastReadActivityKey, useLocalizer, useMarkActivityAsSpoken, useMarkActivityKeyAsRead, useMarkAllAsAcknowledged, useNotifications, usePerformCardAction, usePonyfill, usePostActivity, useReferenceGrammarID, useRelativeTimeFormatter, useRenderAttachment, useRenderToast, useRenderTypingIndicator, useSendBoxAttachments, useSendBoxValue, useSendEvent, useSendMessageBack, useSendPostBack, useSendStatusByActivityKey, useSendTimeoutForActivity, useSendTypingIndicator, useSetNotification, useShouldSpeakIncomingActivity, useStartDictate, useStartVoice, useStopDictate, useStopVoice, useStyleOptions, useSubmitSendBox, useSuggestedActions, useSuggestedActionsHooks, useTimeoutForSend, useTrackDimension, useTrackEvent, useTrackException, useTrackTiming, useUIState, useUserID, useUsername, useVoiceRecordingMuted, useVoiceSelector, useVoiceState } from 'botframework-webchat-api/hook.js';
+import 'botframework-webchat-api/decorator.js';
+import 'botframework-webchat-core/internal.js';
+import 'prop-types';
+import 'valibot';
+import 'botframework-webchat-api/middleware.js';
+
+declare function createCoreMiddleware$1(): AttachmentMiddleware[];
 
-type AttributeSetter = false | string | ((value?: string) => string);
-type LinkOptions = {
-    /** Value of "aria-label" attribute of the link. If set to `false`, remove existing attribute. */
-    ariaLabel?: AttributeSetter;
-    /** Turns this link into a <button> with "value" attribute instead of "href". */
-    asButton?: boolean;
-    /** Value of "class" attribute of the link. If set to `false`, remove existing attribute. */
-    className?: AttributeSetter;
-    /** Alternate text of the image icon appended to the link. */
-    iconAlt?: string;
-    /** Class name of the image icon appended to the link. */
-    iconClassName?: string;
-    /** Value of "rel" attribute of the link. If set to `false`, remove existing attribute. */
-    rel?: AttributeSetter;
-    /** Value of "target" attribute of the link. If set to `false`, remove existing attribute. */
-    target?: AttributeSetter;
-    /** Value of "title" attribute of the link. If set to `false`, remove existing attribute. */
-    title?: AttributeSetter;
-    /** Wraps the link with zero-width space. */
-    wrapZeroWidthSpace?: boolean;
-};
-
-declare const SENDING = "sending";
-declare const SEND_FAILED = "send failed";
-declare const SENT = "sent";
-type SendStatus = typeof SENDING | typeof SEND_FAILED | typeof SENT;
-
-type ContextType$1 = {
-    activityMiddleware: readonly ActivityMiddleware[];
-    activityStatusMiddleware: readonly ActivityStatusMiddleware[];
-    attachmentForScreenReaderMiddleware: readonly AttachmentForScreenReaderMiddleware[];
-    attachmentMiddleware: readonly AttachmentMiddleware[];
-    avatarMiddleware: readonly AvatarMiddleware[];
-    cardActionMiddleware: readonly CardActionMiddleware[];
-    groupActivitiesMiddleware: readonly GroupActivitiesMiddleware[];
-    scrollToEndButtonMiddleware: readonly ScrollToEndButtonMiddleware[];
-    sendBoxMiddleware: readonly SendBoxMiddleware[];
-    sendBoxToolbarMiddleware: readonly SendBoxToolbarMiddleware[];
-    styleOptions: StyleOptions;
-    toastMiddleware: readonly ToastMiddleware[];
-    typingIndicatorMiddleware: readonly TypingIndicatorMiddleware[];
-};
-
-type ComposerCoreProps = Readonly<{
-    children?: ReactNode;
-    extraStyleSet?: any;
-    nonce?: string;
-    renderMarkdown?: (markdown: string, newLineOptions: {
-        markdownRespectCRLF: boolean;
-    }, linkOptions: {
-        externalLinkAlt: string;
-    }) => string;
-    styleSet?: any;
-    suggestedActionsAccessKey?: boolean | string;
-    webSpeechPonyfillFactory?: WebSpeechPonyfillFactory;
-}>;
-type ComposerProps = ComposerProps$1 & ComposerCoreProps;
-
-type ReactWebChatProps = Readonly<Omit<ComposerProps, 'children'> & {
-    className?: string;
-    role?: 'complementary' | 'contentinfo' | 'form' | 'main' | 'region';
-}>;
-declare const ReactWebChat: {
-    ({ className, role, ...composerProps }: ReactWebChatProps): react__default.JSX.Element;
-    defaultProps: {
-        children: any;
-        extraStyleSet: any;
-        nonce: any;
-        renderMarkdown: any;
-        styleSet: any;
-        suggestedActionsAccessKey: string;
-        webSpeechPonyfillFactory: any;
-        internalRenderErrorBox: any;
-        onTelemetry: any;
-        ponyfill: any;
-        store: any;
-        className: any;
-        role: any;
-    };
-    propTypes: {
-        extraStyleSet: PropTypes__default.Requireable<any>;
-        nonce: PropTypes__default.Requireable<string>;
-        renderMarkdown: PropTypes__default.Requireable<(...args: any[]) => any>;
-        styleSet: PropTypes__default.Requireable<any>;
-        suggestedActionsAccessKey: PropTypes__default.Requireable<NonNullable<string | boolean>>;
-        webSpeechPonyfillFactory: PropTypes__default.Requireable<(...args: any[]) => any>;
-        internalRenderErrorBox: PropTypes__default.Requireable<any>;
-        onTelemetry: PropTypes__default.Requireable<(...args: any[]) => any>;
-        ponyfill: PropTypes__default.Requireable<any>;
-        store: PropTypes__default.Requireable<any>;
-        className: PropTypes__default.Requireable<string>;
-        role: PropTypes__default.Requireable<string>;
-    };
-};
+type FocusTranscriptInit = WaitUntilable<EmptyObject>;
 
-type BasicWebChatProps = {
-    className?: string;
-    role?: 'complementary' | 'contentinfo' | 'form' | 'main' | 'region';
+type ContextType = {
+    focusTranscriptCallbacksRef: MutableRefObject<((init?: FocusTranscriptInit | undefined) => Promise<void>)[]>;
+    nonce: string | undefined;
+    dictateAbortable: any;
+    dispatchScrollPosition: any;
+    dispatchTranscriptFocusByActivityKey: any;
+    internalMarkdownItState: [any];
+    internalRenderMarkdownInline: any;
+    numTranscriptFocusObservers: any;
+    observeScrollPosition: any;
+    observeTranscriptFocus: any;
+    renderMarkdown: any;
+    scrollToCallbacksRef: any;
+    scrollToEndCallbacksRef: any;
+    setDictateAbortable: any;
+    styleSet: any;
+    suggestedActionsAccessKey: any;
+    webSpeechPonyfill: any;
 };
+declare const context: React__default.Context<ContextType>;
 
-declare function createCoreMiddleware$2(): AttachmentMiddleware[];
-
-declare function createCoreMiddleware$1(): ActivityMiddleware[];
+/**
+ * @deprecated Use `defaultActivityPolymiddleware` instead. The `createCoreActivityMiddleware` will be removed on or after 2028-03-16.
+ */
+declare function createCoreActivityMiddleware(): readonly ActivityMiddleware[];
 
 declare function createCoreMiddleware(): ActivityStatusMiddleware[];
 
-declare function createStyleSet(styleOptions: StyleOptions): Readonly<{
-    readonly activities: {
-        margin: number;
-        padding: number;
-    };
-    readonly audioAttachment: {
-        display: string;
-        minHeight: number;
-    };
-    readonly audioContent: {
-        width: string;
-    };
-    readonly autoResizeTextArea: {
-        '&.webchat__auto-resize-textarea': {
-            fontFamily: string;
-            overflow: string;
-            position: string;
-            '& .webchat__auto-resize-textarea__doppelganger': {
-                color: string;
-                height: string;
-                overflowY: string;
-                userSelect: string;
-                width: string;
-                whiteSpace: string;
-                wordBreak: string;
-            };
-            '& .webchat__auto-resize-textarea__textarea': {
-                appearance: string;
-                backgroundColor: string;
-                border: number;
-                color: string;
-                fontFamily: string;
-                fontSize: string;
-                height: string;
-                left: number;
-                margin: number;
-                outline: number;
-                overflowY: string;
-                padding: number;
-                position: string;
-                resize: string;
-                top: number;
-                width: string;
-                wordBreak: string;
-            };
-        };
-    };
-    readonly avatar: {
-        '&.webchat__defaultAvatar': {
-            borderRadius: string | number;
-            height: number;
-            width: number;
-        };
-    };
-    readonly basicTranscript: {
-        '&.webchat__basic-transcript': {
-            '&:focus': {
-                outline: number;
-                '& .webchat__basic-transcript__activity-indicator.webchat__basic-transcript__activity-indicator--focus': {
-                    borderColor: string;
-                    borderStyle: string;
-                    borderWidth: string | number;
-                    boxSizing: string;
-                    height: string;
-                    left: number;
-                    marginBottom: number;
-                    marginLeft: number;
-                    marginRight: number;
-                    marginTop: number;
-                    pointerEvents: string;
-                    position: string;
-                    top: number;
-                    width: string;
-                };
-            };
-            '&:focus-visible .webchat__basic-transcript__focus-indicator, .webchat__basic-transcript__terminator:focus-visible + .webchat__basic-transcript__focus-indicator': {
-                height: string;
-                borderColor: string;
-                borderStyle: string;
-                borderWidth: string | number;
-                boxSizing: string;
-                pointerEvents: string;
-                position: string;
-                top: number;
-                width: string;
-            };
-            '& .webchat__basic-transcript__activity': {
-                paddingTop: number;
-                position: string;
-                '&:first-child': {
-                    marginTop: number;
-                };
-                '&:not(:first-child)': {
-                    marginTop: number;
-                };
-            };
-            '& .webchat__basic-transcript__activity-active-descendant': {
-                height: string;
-                left: number;
-                marginTop: number;
-                paddingBottom: number;
-                pointerEvents: string;
-                position: string;
-                top: number;
-                width: string;
-            };
-            '& .webchat__basic-transcript__activity-body:not(:empty)': {
-                paddingBottom: number;
-            };
-            '& .webchat__basic-transcript__terminator': {
-                bottom: number;
-                height: number;
-                outline: number;
-                position: string;
-                width: string;
-            };
-            '& .webchat__basic-transcript__terminator-body': {
-                bottom: number;
-                display: string;
-                justifyContent: string;
-                position: string;
-                width: string;
-            };
-            '& .webchat__basic-transcript__terminator:not(:focus) .webchat__basic-transcript__terminator-body': {
-                display: string;
-            };
-            '& .webchat__basic-transcript__terminator-text': {
-                backgroundColor: string;
-                borderRadius: string | number;
-                color: string;
-                fontFamily: string;
-                fontSize: string | number;
-                margin: number;
-                padding: number;
-            };
-        };
-    };
-    readonly bubble: {
-        '&.webchat__bubble': any;
-    };
-    readonly carouselFilmStrip: {
-        '&.webchat__carousel-filmstrip': any;
-    };
-    readonly carouselFilmStripAttachment: any;
-    readonly carouselFlipper: {
-        '&.webchat__carousel-layout': {
-            '& .react-film__flipper': {
-                '& .react-film__flipper__body': {
-                    backgroundColor: string;
-                    color: string;
-                    outline: number;
-                };
-                '&:disabled, &[aria-disabled="true"]': {
-                    '& .react-film__flipper__body': {
-                        backgroundColor: string;
-                        color: string;
-                    };
-                };
-                '&:focus .react-film__flipper__body': {
-                    backgroundColor: string;
-                    color: string;
-                };
-                '&:hover .react-film__flipper__body': {
-                    backgroundColor: string;
-                    color: string;
-                };
-            };
-        };
-    };
-    readonly connectivityNotification: {
-        alignItems: string;
-        color: string;
-        display: string;
-        fontFamily: string;
-        fontSize: string | number;
-        marginBottom: number;
-        marginLeft: number;
-        marginRight: number;
-        marginTop: number;
-    };
-    readonly dictationInterims: {
-        fontFamily: string;
-        margin: number;
-        paddingBottom: number;
-        paddingLeft: number;
-        paddingRight: number;
-        paddingTop: number;
-        '&.dictating > span:not(:first-child), &.status': {
-            opacity: number;
-        };
-    };
-    readonly errorBox: {
-        display: string;
-        flexDirection: string;
-        fontFamily: string;
-        margin: number;
-        minHeight: number;
-        maxHeight: number;
-        overflowY: string;
-        WebkitOverflowScrolling: string;
-        '& > :first-child': {
-            backgroundColor: string;
-            color: string;
-            padding: string;
-        };
-        '& > :last-child': {
-            borderColor: string;
-            borderStyle: string;
-            borderBottomWidth: number;
-            borderLeftWidth: number;
-            borderRightWidth: number;
-            borderTopWidth: number;
-            margin: number;
-            overflowY: string;
-            padding: number;
-            '& > pre': {
-                fontFamily: string;
-                fontSize: string;
-                margin: number;
-            };
-        };
-    };
-    readonly errorNotification: {
-        alignItems: string;
-        color: string | number;
-        display: string;
-        fontFamily: string;
-        fontSize: string | number;
-        fontWeight: string;
-        marginBottom: number;
-        marginLeft: number;
-        marginRight: number;
-        marginTop: number;
-        '& > svg': {
-            fill: string | number;
-            '&:not(.webchat__error--rtl)': {
-                paddingRight: number;
-            };
-            '&.webchat__error--rtl': {
-                paddingLeft: number;
-            };
-        };
-    };
-    readonly fileContent: {
-        color: string;
-        display: string;
-        fontFamily: string;
-        padding: number;
-        '& .webchat__fileContent__badge': {
-            justifyContent: string;
-        };
-        '& .webchat__fileContent__buttonLink': {
-            alignItems: string;
-            color: string;
-            textDecoration: string;
-            '&:focus': {
-                backgroundColor: string;
-            };
-        };
-        '& .webchat__fileContent__downloadIcon': {
-            fill: string;
-            padding: number;
-            '&:not(.webchat__fileContent__downloadIcon--rtl)': {
-                marginLeft: number;
-            };
-            '&.webchat__fileContent__downloadIcon--rtl': {
-                marginRight: number;
-            };
-        };
-        '& .webchat__fileContent__fileName': {
-            color: string;
-        };
-    };
-    readonly imageAvatar: {
-        height: number;
-        overflow: string;
-        width: number;
-    };
-    readonly initialsAvatar: {
-        '&.webchat__initialsAvatar': {
-            alignItems: string;
-            color: string;
-            fontFamily: string;
-            height: number;
-            justifyContent: string;
-            overflow: string;
-            width: number;
-            '&.webchat__initialsAvatar--fromUser': {
-                backgroundColor: string;
-            };
-            '&:not(.webchat__initialsAvatar--fromUser)': {
-                backgroundColor: string;
-            };
-        };
-    };
-    readonly keyboardHelp: {
-        '&.webchat__keyboard-help': {
-            fontFamily: string;
-            fontSize: number;
-            height: string;
-            outline: number;
-            overflow: string;
-            '&:not(.webchat__keyboard-help--shown)': {
-                height: number;
-                margin: number;
-                overflow: string;
-                pointerEvents: string;
-                width: number;
-            };
-            '& .webchat__keyboard-help__border': {
-                boxSizing: string;
-                height: string;
-                padding: number;
-            };
-            '& .webchat__keyboard-help__box': {
-                borderRadius: number;
-                boxShadow: string;
-                height: string;
-                overflow: string;
-                "@media (forced-colors: active)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineWidth: number;
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '& .webchat__keyboard-help__scrollable': {
-                boxSizing: string;
-                height: string;
-                overflowY: string;
-                padding: number;
-                position: string;
-            };
-            '& .webchat__keyboard-help__close-button': {
-                appearance: string;
-                backgroundColor: string;
-                border: number;
-                outline: number;
-                padding: number;
-                pointerEvents: string;
-                position: string;
-                right: number;
-                top: number;
-            };
-            '& .webchat__keyboard-help__close-button-border': {
-                alignItems: string;
-                borderRadius: number;
-                borderStyle: string;
-                borderWidth: number;
-                color: string;
-                display: string;
-                height: number;
-                justifyContent: string;
-                pointerEvents: string;
-                width: number;
-                "@media (forced-colors: none) and (prefers-color-scheme: light)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-                "@media (forced-colors: active)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-            '& .webchat__keyboard-help__close-button-image': {
-                fill: string;
-                height: number;
-                width: number;
-                "@media (forced-colors: active)": {
-                    fill: string;
-                };
-                "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                    fill: string;
-                };
-            };
-            '& .webchat__keyboard-help__header, & .webchat__keyboard-help__sub-header': {
-                marginBottom: number;
-                marginTop: number;
-            };
-            '& .webchat__keyboard-help__section:not(:last-child)': {
-                marginBottom: number;
-            };
-            '& .webchat__keyboard-help__two-panes': {
-                alignItems: string;
-                display: string;
-            };
-            '& .webchat__keyboard-help__image': {
-                paddingRight: number;
-            };
-            '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--high-contrast': {
-                display: string;
-            };
-            "@media (forced-colors: active)": {
-                '& .webchat__keyboard-help__image--dark, & .webchat__keyboard-help__image--light': {
-                    display: string;
-                };
-                '& .webchat__keyboard-help__image--high-contrast': {
-                    display: string;
-                    mixBlendMode: string;
-                };
-            };
-            "@media (forced-colors: none) and (prefers-color-scheme: dark)": {
-                color: string;
-                '& .webchat__keyboard-help__image--light': {
-                    display: string;
-                };
-                '& .webchat__keyboard-help__image--dark': {
-                    display: string;
-                };
-            };
-            '& .webchat__keyboard-help__notes': {
-                marginBottom: number;
-                marginTop: number;
-            };
-            '& .webchat__keyboard-help__notes-header': {
-                fontWeight: string;
-                margin: number;
-            };
-            '& .webchat__keyboard-help__notes-pane': {
-                flexShrink: number;
-            };
-            '& .webchat__keyboard-help__notes-text': {
-                margin: number;
-            };
-        };
-    };
-    readonly microphoneButton: {
-        '&.webchat__microphone-button': {
-            '&.webchat__microphone-button--dictating .webchat__microphone-button__button': {
-                '&, &:focus, &:hover': {
-                    '& .webchat__microphone-button__icon': {
-                        fill: string;
-                    };
-                };
-            };
-        };
-    };
-    readonly options: {
-        readonly accent: string;
-        readonly backgroundColor: string;
-        readonly subtle: string;
-        readonly paddingRegular: number;
-        readonly paddingWide: number;
-        readonly transitionDuration: string;
-        readonly fontSizeSmall: string | number;
-        readonly monospaceFont: string;
-        readonly primaryFont: string;
-        readonly rootHeight: string | number;
-        readonly rootWidth: string | number;
-        readonly rootZIndex: number;
-        readonly avatarBorderRadius: string | number;
-        readonly avatarSize: number;
-        readonly botAvatarBackgroundColor: string;
-        readonly botAvatarImage: string;
-        readonly botAvatarInitials: string;
-        readonly userAvatarBackgroundColor: string;
-        readonly userAvatarImage: string;
-        readonly userAvatarInitials: string;
-        readonly showAvatarInGroup: true | "sender" | "status";
-        readonly bubbleBackground: string;
-        readonly bubbleBorderColor: string;
-        readonly bubbleBorderRadius: number;
-        readonly bubbleBorderStyle: string;
-        readonly bubbleBorderWidth: number;
-        readonly bubbleFromUserBackground: string;
-        readonly bubbleFromUserBorderColor: string;
-        readonly bubbleFromUserBorderRadius: number;
-        readonly bubbleFromUserBorderStyle: string;
-        readonly bubbleFromUserBorderWidth: number;
-        readonly bubbleFromUserNubOffset: number;
-        readonly bubbleFromUserNubSize: number;
-        readonly bubbleFromUserTextColor: string;
-        readonly bubbleImageHeight: number;
-        readonly bubbleMaxWidth: number;
-        readonly bubbleMinHeight: number;
-        readonly bubbleMinWidth: number;
-        readonly bubbleNubOffset: number;
-        readonly bubbleNubSize: number;
-        readonly bubbleTextColor: string;
-        readonly messageActivityWordBreak: "break-word" | "normal" | "break-all" | "keep-all";
-        readonly connectivityIconPadding: number;
-        readonly connectivityMarginLeftRight: number;
-        readonly connectivityMarginTopBottom: number;
-        readonly connectivityTextSize: string | number;
-        readonly failedConnectivity: string | number;
-        readonly slowConnectivity: string;
-        readonly notificationText: string;
-        readonly slowConnectionAfter: number;
-        readonly emojiSet: (boolean | Record<string, string>) & (false | Record<string, string>);
-        readonly internalLiveRegionFadeAfter: number;
-        readonly markdownRespectCRLF: boolean;
-        readonly markdownRenderHTML: boolean;
-        readonly markdownExternalLinkIconImage: string;
-        readonly autoScrollSnapOnActivity: number | boolean;
-        readonly autoScrollSnapOnActivityOffset: number;
-        readonly autoScrollSnapOnPage: number | boolean;
-        readonly autoScrollSnapOnPageOffset: number;
-        readonly hideSendBox: boolean;
-        readonly hideUploadButton: boolean;
-        readonly hideTelephoneKeypadButton: boolean;
-        readonly microphoneButtonColorOnDictate: string;
-        readonly sendBoxBackground: string;
-        readonly uploadAccept: string;
-        readonly uploadMultiple: boolean;
-        readonly sendAttachmentOn: "attach" | "send";
-        readonly sendBoxButtonColor: string;
-        readonly sendBoxButtonShadeBorderRadius: number;
-        readonly sendBoxButtonShadeColor: string;
-        readonly sendBoxButtonShadeInset: number;
-        readonly sendBoxButtonColorOnActive: string;
-        readonly sendBoxButtonShadeColorOnActive: string;
-        readonly sendBoxButtonColorOnDisabled: string;
-        readonly sendBoxButtonShadeColorOnDisabled: string;
-        readonly sendBoxButtonColorOnFocus: string;
-        readonly sendBoxButtonShadeColorOnFocus: string;
-        readonly sendBoxButtonColorOnHover: string;
-        readonly sendBoxButtonShadeColorOnHover: string;
-        readonly sendBoxButtonKeyboardFocusIndicatorBorderColor: string;
-        readonly sendBoxButtonKeyboardFocusIndicatorBorderRadius: string | number;
-        readonly sendBoxButtonKeyboardFocusIndicatorBorderStyle: string;
-        readonly sendBoxButtonKeyboardFocusIndicatorBorderWidth: number;
-        readonly sendBoxButtonKeyboardFocusIndicatorInset: number;
-        readonly sendBoxDisabledTextColor: string;
-        readonly sendBoxHeight: string | number;
-        readonly sendBoxMaxHeight: string | number;
-        readonly sendBoxTextColor: string;
-        readonly sendBoxBorderBottom: string | number;
-        readonly sendBoxBorderLeft: string | number;
-        readonly sendBoxBorderRight: string | number;
-        readonly sendBoxBorderTop: string | number;
-        readonly sendBoxPlaceholderColor: string;
-        readonly sendBoxTextWrap: boolean;
-        readonly sendBoxButtonAlignment: "bottom" | "top" | "stretch";
-        readonly showSpokenText: boolean;
-        readonly spinnerAnimationBackgroundImage: string;
-        readonly spinnerAnimationHeight: string | number;
-        readonly spinnerAnimationWidth: string | number;
-        readonly spinnerAnimationPadding: string | number;
-        readonly suggestedActionBorderRadius: string | number;
-        readonly suggestedActionBackground: string;
-        readonly suggestedActionBackgroundColor: string;
-        readonly suggestedActionBorderColor: string;
-        readonly suggestedActionBorderStyle: string;
-        readonly suggestedActionBorderWidth: number;
-        readonly suggestedActionTextColor: string;
-        readonly suggestedActionBackgroundColorOnDisabled: string;
-        readonly suggestedActionBorderColorOnDisabled: string;
-        readonly suggestedActionBorderStyleOnDisabled: string;
-        readonly suggestedActionBorderWidthOnDisabled: number;
-        readonly suggestedActionTextColorOnDisabled: string;
-        readonly suggestedActionBackgroundColorOnActive: string;
-        readonly suggestedActionBorderColorOnActive: string;
-        readonly suggestedActionBorderStyleOnActive: string;
-        readonly suggestedActionBorderWidthOnActive: number;
-        readonly suggestedActionTextColorOnActive: string;
-        readonly suggestedActionBackgroundColorOnFocus: string;
-        readonly suggestedActionBorderColorOnFocus: string;
-        readonly suggestedActionBorderStyleOnFocus: string;
-        readonly suggestedActionBorderWidthOnFocus: number;
-        readonly suggestedActionTextColorOnFocus: string;
-        readonly suggestedActionBackgroundColorOnHover: string;
-        readonly suggestedActionBorderColorOnHover: string;
-        readonly suggestedActionBorderStyleOnHover: string;
-        readonly suggestedActionBorderWidthOnHover: number;
-        readonly suggestedActionTextColorOnHover: string;
-        readonly suggestedActionDisabledBackground: string;
-        readonly suggestedActionDisabledBorderColor: string;
-        readonly suggestedActionDisabledBorderStyle: string;
-        readonly suggestedActionDisabledBorderWidth: number;
-        readonly suggestedActionDisabledTextColor: string;
-        readonly suggestedActionHeight: string | number;
-        readonly suggestedActionImageHeight: string | number;
-        readonly suggestedActionLayout: "carousel" | "flow" | "stacked";
-        readonly suggestedActionKeyboardFocusIndicatorBorderColor: string;
-        readonly suggestedActionKeyboardFocusIndicatorBorderRadius: string | number;
-        readonly suggestedActionKeyboardFocusIndicatorBorderStyle: string;
-        readonly suggestedActionKeyboardFocusIndicatorBorderWidth: number;
-        readonly suggestedActionKeyboardFocusIndicatorInset: number;
-        readonly suggestedActionActiveBackground: string;
-        readonly suggestedActionFocusBackground: string;
-        readonly suggestedActionHoverBackground: string;
-        readonly suggestedActionsCarouselFlipperCursor: string;
-        readonly suggestedActionsCarouselFlipperBoxWidth: number;
-        readonly suggestedActionsCarouselFlipperSize: number;
-        readonly suggestedActionsFlowMaxHeight: undefined;
-        readonly suggestedActionsStackedHeight: number | "auto";
-        readonly suggestedActionsStackedOverflow: "visible" | "hidden" | "auto" | "scroll";
-        readonly suggestedActionsStackedLayoutButtonMaxHeight: string | number;
-        readonly suggestedActionsStackedLayoutButtonTextWrap: boolean;
-        readonly suggestedActionsVisualKeyboardIndicatorColor: string;
-        readonly suggestedActionsVisualKeyboardIndicatorStyle: string;
-        readonly suggestedActionsVisualKeyboardIndicatorWidth: number;
-        readonly groupTimestamp: number | boolean;
-        readonly sendTimeout: number | ((activity: botframework_webchat_core.WebChatActivity) => number);
-        readonly sendTimeoutForAttachments: number;
-        readonly timestampColor: string;
-        readonly timestampFormat: "relative" | "absolute";
-        readonly transcriptTerminatorBackgroundColor: string;
-        readonly transcriptTerminatorBorderRadius: string | number;
-        readonly transcriptTerminatorColor: string;
-        readonly transcriptTerminatorFontSize: string | number;
-        readonly transcriptActivityVisualKeyboardIndicatorColor: string;
-        readonly transcriptActivityVisualKeyboardIndicatorStyle: string;
-        readonly transcriptActivityVisualKeyboardIndicatorWidth: string | number;
-        readonly transcriptVisualKeyboardIndicatorColor: string;
-        readonly transcriptVisualKeyboardIndicatorStyle: string;
-        readonly transcriptVisualKeyboardIndicatorWidth: string | number;
-        readonly scrollToEndButtonBehavior: false | "any" | "unread";
-        readonly scrollToEndButtonFontSize: string | number;
-        readonly transcriptOverlayButtonBackground: string;
-        readonly transcriptOverlayButtonBackgroundOnDisabled: string;
-        readonly transcriptOverlayButtonBackgroundOnFocus: string;
-        readonly transcriptOverlayButtonBackgroundOnHover: string;
-        readonly transcriptOverlayButtonColor: string;
-        readonly transcriptOverlayButtonColorOnDisabled: string;
-        readonly transcriptOverlayButtonColorOnFocus: string;
-        readonly transcriptOverlayButtonColorOnHover: string;
-        readonly notificationDebounceTimeout: number;
-        readonly hideToaster: boolean;
-        readonly toasterHeight: string | number;
-        readonly toasterMaxHeight: string | number;
-        readonly toasterSingularMaxHeight: string | number;
-        readonly toastFontSize: string | number;
-        readonly toastIconWidth: string | number;
-        readonly toastSeparatorColor: string;
-        readonly toastTextPadding: string | number;
-        readonly toastErrorBackgroundColor: string;
-        readonly toastErrorColor: string;
-        readonly toastInfoBackgroundColor: string;
-        readonly toastInfoColor: string;
-        readonly toastSuccessBackgroundColor: string;
-        readonly toastSuccessColor: string;
-        readonly toastWarnBackgroundColor: string;
-        readonly toastWarnColor: string;
-        readonly typingAnimationBackgroundImage: string;
-        readonly typingAnimationDuration: number;
-        readonly typingAnimationHeight: string | number;
-        readonly typingAnimationWidth: string | number;
-        readonly enableUploadThumbnail: boolean;
-        readonly uploadThumbnailContentType: string;
-        readonly uploadThumbnailHeight: number;
-        readonly uploadThumbnailQuality: number;
-        readonly uploadThumbnailWidth: number;
-        readonly videoHeight: string | number;
-        readonly maxMessageLength: number;
-    };
-    readonly root: {
-        backgroundColor: string;
-        height: string | number;
-        width: string | number;
-        zIndex: number;
-    };
-    readonly scrollToEndButton: {
-        '&.webchat__scroll-to-end-button': {
-            '@media screen and (forced-colors: active)': {
-                borderWidth: string;
-                outline: string;
-            };
-            appearance: string;
-            backgroundColor: string;
-            borderRadius: number;
-            borderWidth: number;
-            bottom: number;
-            color: string;
-            fontFamily: string;
-            fontSize: string | number;
-            outline: number;
-            padding: number;
-            position: string;
-            zIndex: number;
-            '&:hover': {
-                backgroundColor: string;
-                color: string;
-            };
-            '&:focus': {
-                backgroundColor: string;
-                color: string;
-            };
-            '&:not(.webchat__scroll-to-end-button--rtl)': {
-                right: number;
-            };
-            '&.webchat__scroll-to-end-button--rtl': {
-                left: number;
-            };
-        };
-    };
-    readonly sendBox: {
-        '&.webchat__send-box': {
-            '& .webchat__send-box__button--align-bottom': {
-                alignSelf: string;
-            };
-            '& .webchat__send-box__button--align-stretch': {
-                alignSelf: string;
-            };
-            '& .webchat__send-box__button--align-top': {
-                alignSelf: string;
-            };
-            '& .webchat__send-box__main': {
-                alignItems: string;
-                backgroundColor: string;
-                borderBottom: string | number;
-                borderLeft: string | number;
-                borderRight: string | number;
-                borderTop: string | number;
-                minHeight: string | number;
-            };
-        };
-    };
-    readonly sendBoxButton: {
-        '&.webchat__icon-button': {
-            alignItems: string;
-            appearance: string;
-            backgroundColor: string;
-            border: number;
-            display: string;
-            fill: string;
-            justifyContent: string;
-            outline: number;
-            padding: number;
-            position: string;
-            width: string | number;
-            '&:not(.webchat__icon-button--stretch)': {
-                height: string | number;
-            };
-            '&:disabled, &[aria-disabled="true"]': {
-                fill: string;
-                '& .webchat__icon-button__shade': {
-                    backgroundColor: string;
-                };
-            };
-            '&:not(:disabled):not([aria-disabled="true"])': {
-                '&:active': {
-                    fill: string;
-                    '& .webchat__icon-button__shade': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:not(:active)': {
-                    '&:hover': {
-                        fill: string;
-                        '& .webchat__icon-button__shade': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&:not(:hover)': {
-                        '&:focus': {
-                            fill: string;
-                            '& .webchat__icon-button__shade': {
-                                backgroundColor: string;
-                            };
-                        };
-                    };
-                };
-            };
-            '&:not(:focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
-                display: string;
-            };
-            '&:not(.webchat__icon-button--focus-visible) .webchat__icon-button__keyboard-focus-indicator': {
-                display: string;
-            };
-            '& > *': {
-                position: string;
-            };
-            '& .webchat__icon-button__shade': {
-                backgroundColor: string;
-                borderRadius: number;
-                bottom: number;
-                left: number;
-                position: string;
-                right: number;
-                top: number;
-            };
-            '& .webchat__icon-button__keyboard-focus-indicator': {
-                borderColor: string;
-                borderRadius: string | number;
-                borderStyle: string;
-                borderWidth: number;
-                bottom: number;
-                left: number;
-                position: string;
-                right: number;
-                top: number;
-            };
-        };
-    };
-    readonly sendBoxTextBox: {
-        '&.webchat__send-box-text-box': {
-            alignItems: string;
-            fontFamily: string;
-            padding: number;
-            position: string;
-            '& .webchat__send-box-text-box__input': {
-                border: number;
-                fontFamily: string;
-                fontSize: string;
-                height: string;
-                outline: number;
-                padding: number;
-            };
-            '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__html-text-area': {
-                backgroundColor: string;
-                '&:not(:disabled):not([aria-disabled="true"])': {
-                    color: string;
-                };
-                '&:disabled, &[aria-disabled="true"]': {
-                    color: string;
-                };
-                '&::placeholder': {
-                    color: string;
-                };
-            };
-            '& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__text-area': {
-                maxHeight: string | number;
-            };
-            '& .webchat__send-box-text-box__glass': {
-                height: string;
-                left: number;
-                position: string;
-                top: number;
-                userSelect: number;
-                width: string;
-            };
-        };
-    };
-    readonly singleAttachmentActivity: {
-        '& > .bubble-box': {
-            maxWidth: number;
-            minWidth: number;
-        };
-        '& > .filler': {
-            minWidth: number;
-        };
-    };
-    readonly spinnerAnimation: {
-        backgroundImage: string;
-        backgroundRepeat: string;
-        backgroundSize: string;
-        height: string | number;
-        width: string | number;
-        ':not(.webchat__spinner--rtl)': {
-            marginRight: string | number;
-        };
-        '.webchat__spinner--rtl': {
-            marginLeft: string | number;
-        };
-    };
-    readonly stackedLayout: {
-        '&.webchat__stacked-layout': {
-            marginLeft: number;
-            marginRight: number;
-            '& .webchat__stacked-layout__alignment-pad': {
-                transitionDuration: string;
-                transitionProperty: string;
-                width: number;
-            };
-            '&.webchat__stacked-layout--extra-trailing .webchat__stacked-layout__alignment-pad': {
-                width: number;
-            };
-            '& .webchat__stacked-layout__avatar-gutter': {
-                transitionDuration: string;
-                transitionProperty: string;
-                width: number;
-            };
-            '& .webchat__stacked-layout__attachment': {
-                maxWidth: number;
-                minWidth: number;
-                transitionDuration: string;
-                transitionProperty: string;
-            };
-            '& .webchat__stacked-layout__attachment-row': {
-                marginTop: number;
-                width: string;
-            };
-            '&.webchat__stacked-layout--no-message .webchat__stacked-layout__attachment-row.webchat__stacked-layout__attachment-row--first': {
-                marginTop: number;
-            };
-            '& .webchat__stacked-layout__message': {
-                maxWidth: number;
-                overflow: string;
-                transitionDuration: string;
-                transitionProperty: string;
-            };
-            '& .webchat__stacked-layout__nub-pad': {
-                transitionDuration: string;
-                transitionProperty: string;
-                width: number;
-            };
-            '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar': {
-                '& .webchat__stacked-layout__avatar-gutter': {
-                    width: number;
-                };
-            };
-            '&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar, &.webchat__stacked-layout--hide-nub, &.webchat__stacked-layout--show-nub': {
-                '& .webchat__stacked-layout__attachment, & .webchat__stacked-layout__message': {
-                    maxWidth: number;
-                };
-                '& .webchat__stacked-layout__nub-pad': {
-                    width: number;
-                };
-            };
-            '&:not(.webchat__stacked-layout--top-callout)': {
-                '& .webchat__stacked-layout__avatar-gutter, & .webchat__stacked-layout__content': {
-                    justifyContent: string;
-                };
-            };
-        };
-    };
-    readonly suggestedAction: {
-        '&.webchat__suggested-action': {
-            alignItems: string;
-            background: string;
-            backgroundColor: string;
-            borderColor: string;
-            borderRadius: string | number;
-            borderStyle: string;
-            borderWidth: number;
-            color: string;
-            fontFamily: string;
-            fontSize: string;
-            height: string | number;
-            justifyContent: string;
-            maxWidth: string;
-            outline: number;
-            paddingLeft: number;
-            paddingRight: number;
-            position: string;
-            whiteSpace: string;
-            width: string;
-            '&:disabled, &[aria-disabled="true"]': {
-                background: string;
-                backgroundColor: string;
-                borderColor: string;
-                borderStyle: string;
-                borderWidth: number;
-                color: string;
-            };
-            '&:not(:disabled):not([aria-disabled="true"])': {
-                '&:active': {
-                    background: string;
-                    backgroundColor: string;
-                    borderColor: string;
-                    borderStyle: string;
-                    borderWidth: number;
-                    color: string;
-                };
-                '&:not(:active)': {
-                    '&:hover': {
-                        background: string;
-                        backgroundColor: string;
-                        borderColor: string;
-                        borderStyle: string;
-                        borderWidth: number;
-                        color: string;
-                    };
-                    '&:not(:hover)': {
-                        '&:focus': {
-                            background: string;
-                            backgroundColor: string;
-                            borderColor: string;
-                            borderStyle: string;
-                            borderWidth: number;
-                            color: string;
-                        };
-                    };
-                };
-            };
-            '&:not(:focus-visible) .webchat__suggested-action__keyboard-focus-indicator': {
-                display: string;
-            };
-            '&:not(.webchat__suggested-action--focus-visible) .webchat__suggested-action__keyboard-focus-indicator': {
-                display: string;
-            };
-            '&:not(.webchat__suggested-action--rtl) .webchat__suggested-action__image + .webchat__suggested-action__text': {
-                paddingLeft: number;
-            };
-            '&.webchat__suggested-action--rtl .webchat__suggested-action__image + .webchat__suggested-action__text': {
-                paddingRight: number;
-            };
-            '&.webchat__suggested-action--wrapping': {
-                height: string;
-                maxHeight: string | number;
-                minHeight: string | number;
-            };
-            '& .webchat__suggested-action__image': {
-                height: string | number;
-            };
-            '& .webchat__suggested-action__keyboard-focus-indicator': {
-                borderColor: string;
-                borderRadius: string | number;
-                borderStyle: string;
-                borderWidth: number;
-                bottom: number;
-                left: number;
-                position: string;
-                right: number;
-                top: number;
-            };
-        };
-    };
-    readonly suggestedActions: {
-        '&.webchat__suggested-actions': {
-            position: string;
-            '&.webchat__suggested-actions--carousel-layout': {
-                '& .webchat__suggested-actions__carousel': {
-                    paddingBottom: number;
-                    paddingTop: number;
-                    '& .webchat__suggested-actions__item-box': {
-                        paddingBottom: number;
-                        paddingLeft: number;
-                        paddingRight: number;
-                        paddingTop: number;
-                    };
-                    '& .react-film__filmstrip': {
-                        scrollbarWidth: string;
-                    };
-                    '& .react-film__flipper': {
-                        '&:disabled, &[aria-disabled="true"]': {
-                            '& .react-film__flipper__body': {
-                                backgroundColor: string;
-                                color: string;
-                            };
-                        };
-                        '&:focus .react-film__flipper__body': {
-                            backgroundColor: string;
-                            color: string;
-                        };
-                        '&:hover .react-film__flipper__body': {
-                            backgroundColor: string;
-                            color: string;
-                        };
-                        '& .react-film__flipper__body': {
-                            background: string;
-                            color: string;
-                            outline: number;
-                        };
-                    };
-                };
-                '&:not(.webchat__suggested-actions--rtl)': {
-                    '& .react-film__filmstrip__item:first-child': {
-                        paddingLeft: number;
-                    };
-                    '& .react-film__filmstrip__item:last-child': {
-                        paddingRight: number;
-                    };
-                    '& .react-film__flipper + .react-film__filmstrip': {
-                        '& .react-film__filmstrip__item:first-child': {
-                            paddingLeft: number;
-                        };
-                        '& .react-film__filmstrip__item:last-child': {
-                            paddingRight: number;
-                        };
-                    };
-                };
-                '&.webchat__suggested-actions--rtl': {
-                    '& .react-film__filmstrip__item:first-child': {
-                        paddingRight: number;
-                    };
-                    '& .react-film__filmstrip__item:last-child': {
-                        paddingLeft: number;
-                    };
-                    '& .react-film__flipper + .react-film__filmstrip': {
-                        '& .react-film__filmstrip__item:first-child': {
-                            paddingRight: number;
-                        };
-                        '& .react-film__filmstrip__item:last-child': {
-                            paddingLeft: number;
-                        };
-                    };
-                };
-            };
-            '&.webchat__suggested-actions--flow-layout': {
-                '& .webchat__suggested-actions__flow-box': {
-                    maxHeight: undefined;
-                    overflowY: string;
-                    paddingBottom: number;
-                    paddingLeft: number;
-                    paddingRight: number;
-                    paddingTop: number;
-                };
-                '& .webchat__suggested-actions__flow-item-box': {
-                    maxWidth: string;
-                    overflow: string;
-                };
-                '& .webchat__suggested-actions__item-box': {
-                    paddingBottom: number;
-                    paddingLeft: number;
-                    paddingRight: number;
-                    paddingTop: number;
-                };
-            };
-            '&.webchat__suggested-actions--stacked-layout': {
-                '& .webchat__suggested-actions__stack': {
-                    maxHeight: number | "auto";
-                    overflowY: "visible" | "hidden" | "auto" | "scroll";
-                    paddingBottom: number;
-                    paddingLeft: number;
-                    paddingRight: number;
-                    paddingTop: number;
-                };
-                '& .webchat__suggested-actions__item-box': {
-                    paddingBottom: number;
-                    paddingLeft: number;
-                    paddingRight: number;
-                    paddingTop: number;
-                };
-            };
-            '&.webchat__suggested-actions--flow-layout, &.webchat__suggested-actions--stacked-layout': {
-                '& .webchat__suggested-actions__button-text': {
-                    overflow: string;
-                    textOverflow: string;
-                };
-                '& .webchat__suggested-actions__button-text-stacked-text-wrap': {
-                    alignItems: string;
-                    display: string;
-                    whiteSpace: string;
-                };
-            };
-            '& .webchat__suggested-actions__item-box': {
-                display: string;
-                maxWidth: string;
-            };
-            '&.webchat__suggested-actions--focus-within, &:focus-within': {
-                '& .webchat__suggested-actions__focus-indicator': {
-                    borderColor: string;
-                    borderStyle: string;
-                    borderWidth: number;
-                    boxSizing: string;
-                    height: string;
-                    pointerEvents: string;
-                    position: string;
-                    top: number;
-                    width: string;
-                };
-            };
-        };
-    };
-    readonly toast: {
-        fontFamily: string;
-        fontSize: string | number;
-        minHeight: string | number;
-        '&.webchat__toast--error': {
-            color: string;
-            fill: string;
-        };
-        '&.webchat__toast--info': {
-            color: string;
-            fill: string;
-        };
-        '&.webchat__toast--success': {
-            color: string;
-            fill: string;
-        };
-        '&.webchat__toast--warn': {
-            color: string;
-            fill: string;
-        };
-        '& .webchat__toast__iconBox': {
-            alignItems: string;
-            display: string;
-            flexShrink: number;
-            height: string | number;
-            justifyContent: string;
-            width: string | number;
-        };
-        '& .webchat__toast__dismissButton': {
-            alignItems: string;
-            appearance: string;
-            backgroundColor: string;
-            border: number;
-            display: string;
-            height: string | number;
-            justifyContent: string;
-            outline: number;
-            padding: number;
-            width: string | number;
-            '&:focus .webchat__toast__dismissButtonFocus': {
-                borderColor: string;
-            };
-            '&:hover .webchat__toast__dismissButtonFocus': {
-                backgroundColor: string;
-            };
-        };
-        '& .webchat__toast__dismissButtonFocus': {
-            alignItems: string;
-            borderColor: string;
-            borderStyle: string;
-            borderWidth: number;
-            borderRadius: number;
-            display: string;
-            height: number;
-            justifyContent: string;
-            width: number;
-        };
-        '& .webchat__toast__text': {
-            alignSelf: string;
-            paddingBottom: string | number;
-            paddingTop: string | number;
-        };
-    };
-    readonly toaster: {
-        overflowY: string;
-        '&:not(.webchat__toaster--expandable)': {
-            maxHeight: string | number;
-        };
-        '&.webchat__toaster--expandable:not(.webchat__toaster--expanded) > ul': {
-            height: number;
-        };
-        '&.webchat__toaster--expandable.webchat__toaster--expanded': {
-            maxHeight: string | number;
-        };
-        '& .webchat__toaster__header': {
-            alignItems: string;
-            alignSelf: string;
-            appearance: string;
-            backgroundColor: string;
-            border: number;
-            display: string;
-            fontFamily: string;
-            fontSize: string | number;
-            minHeight: string | number;
-            outline: number;
-            padding: number;
-            textAlign: string;
-            '&:focus .webchat__toaster__expandIconFocus': {
-                borderColor: string;
-            };
-            '&:hover .webchat__toaster__expandIconFocus': {
-                backgroundColor: string;
-            };
-        };
-        '& .webchat__toaster__expandIconFocus': {
-            alignItems: string;
-            borderColor: string;
-            borderStyle: string;
-            borderWidth: number;
-            borderRadius: number;
-            display: string;
-            height: number;
-            justifyContent: string;
-            width: number;
-        };
-        '&.webchat__toaster--error': {
-            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
-                backgroundColor: string;
-            };
-            '& .webchat__toaster__header': {
-                color: string;
-                fill: string;
-            };
-        };
-        '&.webchat__toaster--info': {
-            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
-                backgroundColor: string;
-            };
-            '& .webchat__toaster__header': {
-                color: string;
-                fill: string;
-            };
-        };
-        '&.webchat__toaster--success': {
-            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
-                backgroundColor: string;
-            };
-            '& .webchat__toaster__header': {
-                color: string;
-                fill: string;
-            };
-        };
-        '&.webchat__toaster--warn': {
-            '&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
-                backgroundColor: string;
-            };
-            '& .webchat__toaster__header': {
-                color: string;
-                fill: string;
-            };
-        };
-        '& .webchat__toaster__expandLevelIconBox': {
-            height: string | number;
-            width: string | number;
-        };
-        '& .webchat__toaster__expandIcon': {
-            height: string | number;
-            width: string | number;
-        };
-        '& .webchat__toaster__expandText': {
-            padding: string;
-        };
-        '& .webchat__toaster__expandLevelIconBox, & .webchat__toaster__expandIcon': {
-            alignItems: string;
-            display: string;
-            justifyContent: string;
-        };
-        '& .webchat__toaster__list': {
-            margin: number;
-            overflowY: string;
-            padding: number;
-        };
-        '& .webchat__toaster__listItem:first-child:last-child': {
-            overflow: string;
-        };
-        '& .webchat__toaster__listItem:not(:first-child), & .webchat__toaster__listItem:not(:last-child)': {
-            borderBottomColor: string;
-            borderBottomStyle: string;
-            borderBottomWidth: number;
-            minHeight: number;
-        };
-    };
-    readonly typingAnimation: {
-        backgroundImage: string;
-        backgroundRepeat: string;
-        height: string | number;
-        width: string | number;
-    };
-    readonly typingIndicator: {
-        paddingBottom: number;
-        '&:not(.webchat__typing-indicator--rtl)': {
-            paddingLeft: number;
-        };
-        '&.webchat__typing-indicator--rtl': {
-            paddingRight: number;
-        };
-    };
-    readonly uploadButton: {
-        width: string | number;
-        '& > .icon > svg': {
-            fill: string;
-        };
-        '& > input:hover + .icon > svg': {
-            fill: string;
-        };
-        '& > input:focus + .icon > svg': {
-            fill: string;
-        };
-    };
-    readonly videoAttachment: {};
-    readonly videoContent: {
-        height: string | number;
-        width: string;
-    };
-    readonly vimeoContent: {
-        border: number;
-        height: string | number;
-        width: string;
-    };
-    readonly warningNotification: {
-        alignItems: string;
-        color: string;
-        display: string;
-        fontFamily: string;
-        fontSize: string | number;
-        marginBottom: number;
-        marginLeft: number;
-        marginRight: number;
-        marginTop: number;
-        '& > svg': {
-            fill: string;
-            '&:not(webchat__warning--rtl)': {
-                paddingRight: number;
-            };
-            '&.webchat__warning--rtl': {
-                paddingLeft: number;
-            };
-        };
-    };
-    readonly youTubeContent: {
-        border: number;
-        height: string | number;
-        width: string;
-    };
-    readonly citationModalDialog: {
-        '&.webchat__citation-modal-dialog': {
-            '& .webchat__citation-modal-dialog__body': {
-                lineHeight: string;
-            };
-        };
-    };
-    readonly cssCustomProperties: {
-        '&.webchat__css-custom-properties': {
-            display: string;
-            "--webchat__color--accent": string;
-            "--webchat__color--subtle": string;
-            "--webchat__color--timestamp": string;
-            "--webchat__font--primary": string;
-            "--webchat__font-size--small": string | number;
-            "--webchat__icon-url--external-link": string;
-            "--webchat__max-width--bubble": string;
-            "--webchat__min-height--bubble": string;
-            "--webchat__padding--regular": string;
-        };
-    };
-    readonly linkDefinitions: {
-        '&.webchat__link-definitions': {
-            '.webchat__link-definitions__header': {
-                alignItems: string;
-                display: string;
-                fontFamily: "var(--webchat__font--primary)";
-                fontSize: "var(--webchat__font-size--small)";
-                gap: number;
-                listStyle: string;
-                "@media (forced-colors: none)": {
-                    color: string;
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    color: string;
-                };
-            };
-            '.webchat__link-definitions__header-text': {
-                flexShrink: number;
-            };
-            '.webchat__link-definitions__header::-webkit-details-marker': {
-                display: string;
-            };
-            '.webchat__link-definitions__header-chevron': {
-                flexShrink: number;
-            };
-            '&:not([open]) .webchat__link-definitions__header-chevron': {
-                transform: string;
-            };
-            '.webchat__link-definitions__header-filler': {
-                flexGrow: number;
-            };
-            '.webchat__link-definitions__header-accessory': {
-                overflow: string;
-            };
-            '.webchat__link-definitions__message-sensitivity-label': {
-                display: string;
-                gap: number;
-            };
-            '.webchat__link-definitions__message-sensitivity-label-icon': {
-                color: string;
-                flexShrink: number;
-            };
-            '.webchat__link-definitions__message-sensitivity-label-text': {
-                overflow: string;
-                textOverflow: string;
-                whiteSpace: string;
-            };
-            '.webchat__link-definitions__list': {
-                display: string;
-                flexDirection: string;
-                gap: number;
-                margin: string;
-                padding: number;
-            };
-            '.webchat__link-definitions__list-item': {
-                display: string;
-                flexDirection: string;
-            };
-            '.webchat__link-definitions__badge': {
-                alignItems: string;
-                alignSelf: string;
-                borderRadius: string;
-                borderStyle: string;
-                borderWidth: number;
-                display: string;
-                flexShrink: number;
-                fontSize: string;
-                justifyContent: string;
-                margin: number;
-                minWidth: string;
-                overflow: string;
-                padding: number;
-                whiteSpace: string;
-                "@media (forced-colors: none)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                    color: string;
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                    color: string;
-                };
-                "@media (forced-colors: active)": {
-                    borderColor: string;
-                };
-            };
-            '.webchat__link-definitions__list-item-box': {
-                alignItems: string;
-                borderRadius: number;
-                borderStyle: string;
-                borderWidth: number;
-                "@media (forced-colors: none)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-                "@media (forced-colors: active)": {
-                    backgroundColor: string;
-                    borderColor: string;
-                };
-            };
-            '.webchat__link-definitions__list-item-box--as-link': {
-                display: string;
-                outlineOffset: number;
-                textDecoration: string;
-            };
-            '.webchat__link-definitions__list-item-box--as-button': {
-                appearance: string;
-                background: string;
-                cursor: string;
-                fontFamily: string;
-                fontSize: string;
-                overflow: string;
-                padding: number;
-                textAlign: string;
-            };
-            '.webchat__link-definitions__list-item-body': {
-                alignItems: string;
-                display: string;
-                fontFamily: string;
-                gap: number;
-                padding: number;
-            };
-            '.webchat__link-definitions__list-item-body-main': {
-                display: string;
-                flexDirection: string;
-                gap: number;
-                overflow: string;
-            };
-            '.webchat__link-definitions__list-item-main-text': {
-                alignItems: string;
-                display: string;
-                gap: number;
-            };
-            '.webchat__link-definitions__list-item-badge, .webchat__link-definitions__list-item-text': {
-                overflow: string;
-                textOverflow: string;
-                whiteSpace: string;
-            };
-            '.webchat__link-definitions__list-item-text': {
-                textDecoration: string;
-                "@media (forced-colors: none)": {
-                    color: "var(--webchat__color--accent)";
-                };
-            };
-            '.webchat__link-definitions__list-item-badge': {
-                fontSize: "var(--webchat__font-size--small)";
-                "@media (forced-colors: none)": {
-                    color: "var(--webchat__color--subtle)";
-                };
-            };
-            '.webchat__link-definitions__open-in-new-window-icon': {
-                flexShrink: number;
-                paddingRight: number;
-                "@media (forced-colors: none)": {
-                    color: "var(--webchat__color--accent)";
-                };
-            };
-        };
-    };
-    readonly modalDialog: {
-        '&.webchat__modal-dialog': {
-            fontFamily: "var(--webchat__font--primary)";
-            maxHeight: string;
-            maxWidth: string;
-            width: string;
-            "@media (forced-colors: none)": {
-                backgroundColor: string;
-                border: number;
-            };
-            '& .webchat__modal-dialog__box': {
-                borderRadius: number;
-                overflow: string;
-                margin: string;
-                '@media screen and (max-width: 639px)': {
-                    maxWidth: string;
-                };
-                '@media screen and (min-width: 640px)': {
-                    maxWidth: string;
-                    minWidth: string;
-                    width: string;
-                };
-                "@media (forced-colors: none)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    backgroundColor: string;
-                    boxShadow: string;
-                    color: string;
-                };
-                "@media (forced-colors: active)": {
-                    outlineColor: string;
-                    outlineStyle: string;
-                    outlineWidth: number;
-                };
-            };
-            '& .webchat__modal-dialog__close-button-layout': {
-                float: string;
-                padding: "var(--webchat__padding--regular)";
-            };
-            '& .webchat__modal-dialog__close-button': {
-                height: number;
-                width: number;
-                "@media (forced-colors: none)": {
-                    appearance: string;
-                    backgroundColor: string;
-                    borderColor: string;
-                    borderRadius: number;
-                    borderStyle: string;
-                    borderWidth: number;
-                    color: string;
-                    outline: number;
-                };
-            };
-            '& .webchat__modal-dialog__close-button:focus': {
-                "@media (forced-colors: none)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    borderColor: string;
-                    '&:active': {
-                        backgroundColor: string;
-                    };
-                    '&:not(:active):hover': {
-                        backgroundColor: string;
-                    };
-                };
-            };
-            '& .webchat__modal-dialog__close-button-image': {
-                height: number;
-                width: number;
-                "@media (forced-colors: none)": {
-                    fill: string;
-                };
-                "@media (forced-colors: none) and not (forced-colors: none)": {
-                    fill: string;
-                };
-                "@media (forced-colors: active)": {
-                    fill: string;
-                };
-            };
-            '& .webchat__modal-dialog__body': {
-                margin: string;
-            };
-        };
-    };
-    readonly renderMarkdown: {
-        '&.webchat__render-markdown': {
-            display: string;
-            '&.webchat__render-markdown--adaptive-cards > *:first-child': {
-                marginTop: number;
-                width: string;
-                overflow: string;
-                textOverflow: string;
-            };
-            '&.webchat__render-markdown--adaptive-cards > *:last-child': {
-                marginBottom: number;
-            };
-            '&.webchat__render-markdown--message-activity > *:first-child': {
-                marginTop: number;
-            };
-            '&.webchat__render-markdown--message-activity > *:last-child': {
-                marginBottom: number;
-            };
-            '& .webchat__render-markdown__external-link-icon': {
-                backgroundImage: "var(--webchat__icon-url--external-link)";
-                height: string;
-                marginLeft: string;
-            };
-            '& .webchat__render-markdown__citation': {
-                background: string;
-                border: number;
-                cursor: string;
-                fontFamily: string;
-                fontSize: string;
-                padding: number;
-                textDecoration: string;
-                whiteSpace: string;
-                "@media (forced-colors: active)": {
-                    color: string;
-                };
-                "@media (forced-colors: none)": {
-                    color: "var(--webchat__color--accent)";
-                };
-            };
-            '& .webchat__render-markdown__pure-identifier': {
-                whiteSpace: string;
-            };
-            '& .webchat__render-markdown__pure-identifier::after': {
-                content: string;
-            };
-            '& .webchat__render-markdown__pure-identifier::before': {
-                content: string;
-            };
-        };
-    };
-    readonly sendStatus: {
-        '&.webchat__activity-status': {
-            color: "var(--webchat__color--timestamp)";
-            fontFamily: "var(--webchat__font--primary)";
-            fontSize: "var(--webchat__font-size--small)";
-            marginTop: string;
-        };
-        '&.webchat__activity-status--slotted': {
-            display: string;
-            gap: number;
-        };
-        '& .webchat__activity-status__originator': {
-            alignItems: string;
-            '&.webchat__activity-status__originator--has-link': {
-                color: "var(--webchat__color--accent)";
-            };
-        };
-    };
-    readonly slottedActivityStatus: {
-        '&.webchat__slotted-activity-status': {
-            alignItems: string;
-            display: string;
-            gap: number;
-            marginTop: string;
-            '& .webchat__slotted-activity-status__pipe': {
-                fontSize: "var(--webchat__font-size--small)";
-            };
-        };
-    };
-    readonly textContent: {
-        '&.webchat__text-content': {
-            fontFamily: "var(--webchat__font--primary)";
-            margin: number;
-            minHeight: string;
-            padding: "var(--webchat__padding--regular)";
-            '&.webchat__text-content--is-markdown': {
-                display: string;
-                flexDirection: string;
-                gap: "var(--webchat__padding--regular)";
-            };
-            '& .webchat__text-content__markdown img:not(.webchat__render-markdown__external-link-icon)': {
-                maxWidth: "var(--webchat__max-width--bubble)";
-                width: string;
-            };
-            '& .webchat__text-content__markdown pre': {
-                overflow: string;
-            };
-            '& .webchat__text-content__open-in-new-window-icon': {
-                height: string;
-            };
-        };
-    };
-    readonly thumbButton: {
-        '&.webchat__thumb-button': {
-            appearance: string;
-            background: string;
-            border: number;
-            borderRadius: number;
-            height: number;
-            overflow: string;
-            padding: number;
-            width: number;
-            '&:active': {
-                background: string;
-            };
-            '&:focus': {
-                outline: string;
-            };
-            '& .webchat__thumb-button__image': {
-                color: "var(--webchat__color--accent)";
-                width: number;
-            };
-            '&:hover .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
-                display: string;
-            };
-            '&.webchat__thumb-button--is-pressed .webchat__thumb-button__image:not(.webchat__thumb-button__image--is-filled)': {
-                display: string;
-            };
-            '&.webchat__thumb-button:not(:hover):not(.webchat__thumb-button--is-pressed) .webchat__thumb-button__image--is-filled': {
-                display: string;
-            };
-        };
-    };
-}>;
-
-declare function getTabIndex(element: HTMLElement): number | null;
-
-type WaitUntilable<T> = T & {
-    waitUntil: (promise: Promise<void>) => void;
+declare const testIds: {
+    codeBlockCopyButton: string;
+    copyButton: string;
+    feedbackButton: string;
+    feedbackSendBox: string;
+    sendBoxAttachmentBar: string;
+    sendBoxDropZone: string;
+    sendBoxAttachmentBarItem: string;
+    sendBoxAttachmentBarItemDeleteButton: string;
+    sendBoxMicrophoneButton: string;
+    sendBoxSpeechBox: string;
+    sendBoxTextBox: string;
+    suggestedActionButton: string;
+    typingIndicator: string;
+    viewCodeButton: string;
 };
 
-type FocusTranscriptInit = WaitUntilable<EmptyObject>;
-
-type ContextType = {
-    focusTranscriptCallbacksRef: MutableRefObject<((init: FocusTranscriptInit) => Promise<void>)[]>;
-};
-declare const context: react.Context<ContextType>;
+declare function getTabIndex(element: HTMLElement): number | null;
 
 type InputTargetProps<H> = {
     onChange?: (event: ChangeEvent<H>) => void;
@@ -1939,400 +75,16 @@ type InputTargetProps<H> = {
     value?: string;
 };
 type PropsOf<T> = T extends ComponentType<infer P> ? P : never;
-declare function withEmoji<T extends ComponentType<P>, P extends InputTargetProps<H> = PropsOf<T>, H extends HTMLInputElement | HTMLTextAreaElement = P extends InputTargetProps<infer H> ? H : never>(componentType: T): react__default.ForwardRefExoticComponent<react__default.PropsWithoutRef<Readonly<Omit<P, "onChange" | "emojiMap"> & {
+declare function withEmoji<T extends ComponentType<P>, P extends InputTargetProps<H> = PropsOf<T>, H extends HTMLInputElement | HTMLTextAreaElement = P extends InputTargetProps<infer H> ? H : never>(componentType: T): React__default__default.ForwardRefExoticComponent<React__default__default.PropsWithoutRef<Readonly<Omit<P, "onChange" | "emojiMap"> & {
     emojiMap?: Map<string, string>;
     onChange?: (value: string | undefined) => void;
-}>> & react__default.RefAttributes<H>>;
-
-declare function useDictateAbortable(): [boolean];
-
-declare function useFocus(): (where?: 'main' | 'sendBox' | 'sendBoxWithoutKeyboard') => Promise<void>;
-
-declare function useMakeThumbnail(): (file: File, contentType?: string | undefined) => Promise<undefined | URL>;
-
-type ScrollPosition = {
-    activityID?: string;
-    scrollTop: number;
-};
-
-declare function useObserveScrollPosition(observer: (scrollPosition: ScrollPosition) => void, deps: any[]): void;
-
-declare function useObserveTranscriptFocus(observer: (event: {
-    activity: WebChatActivity;
-}) => void, deps: any[]): void;
-
-declare function useRenderMarkdownAsHTML(mode?: 'accessible name' | 'adaptive cards' | 'citation modal' | 'message activity'): ((markdown: string, styleOptions?: Readonly<StrictStyleOptions>, options?: Readonly<{
-    externalLinkAlt: string;
-}>) => string) | undefined;
-
-declare function useScrollDown(): (options?: {
-    displacement: number;
-}) => void;
-
-declare function useScrollTo(): (position: ScrollPosition, scrollToOptions: {
-    behavior?: 'auto' | 'smooth';
-}) => void;
-
-declare function useScrollToEnd(): () => void;
-
-declare function useScrollUp(): (options?: {
-    displacement: number;
-}) => void;
-
-/**
- * @deprecated This hook will be removed on or after 2026-04-03. Please use `useSendMessage` instead.
- */
-declare function useSendFiles(): (files: readonly File[]) => void;
-
-type SendMessage = (text?: string, method?: string, init?: {
-    attachments?: Iterable<SendBoxAttachment> | undefined;
-    channelData?: any;
-}) => void;
-declare function useSendMessage(): SendMessage;
+}>> & React__default__default.RefAttributes<H>>;
 
-declare function useStyleSet(): readonly [Record<keyof ReturnType<typeof createStyleSet>, any>];
-
-declare function useWebSpeechPonyfill(): [WebSpeechPonyfill];
-
-declare function useTypingIndicatorVisible(): readonly [boolean];
-
-declare function useSendBoxSpeechInterimsVisible(): [boolean];
-
-declare function useMicrophoneButtonClick(): () => void;
-declare function useMicrophoneButtonDisabled(): [boolean];
-
-/**
- * Submits the text box and optionally set the focus after send.
- */
-type SubmitTextBoxFunction = {
-    /**
-     * Submits the text box, without setting the focus after send.
-     *
-     * @deprecated Instead of passing `false`, you should leave the `setFocus` argument `undefined`.
-     */
-    (setFocus: false): void;
-    /**
-     * Submits the text box and optionally set the focus after send.
-     */
-    (setFocus?: 'sendBox' | 'sendBoxWithoutKeyboard'): void;
-};
-declare function useTextBoxSubmit(): SubmitTextBoxFunction;
-declare function useTextBoxValue(): [string, (textBoxValue: string) => void];
-
-type SendBoxFocusOptions = WaitUntilable<{
-    noKeyboard: boolean;
-}>;
-
-declare const hooks: {
-    useDictateAbortable: typeof useDictateAbortable;
-    useFocus: typeof useFocus;
-    useMakeThumbnail: typeof useMakeThumbnail;
-    useMicrophoneButtonClick: typeof useMicrophoneButtonClick;
-    useMicrophoneButtonDisabled: typeof useMicrophoneButtonDisabled;
-    useObserveScrollPosition: typeof useObserveScrollPosition;
-    useObserveTranscriptFocus: typeof useObserveTranscriptFocus;
-    useRegisterFocusSendBox: (listener: (value: SendBoxFocusOptions) => void) => void;
-    useRenderMarkdownAsHTML: typeof useRenderMarkdownAsHTML;
-    useScrollDown: typeof useScrollDown;
-    useScrollTo: typeof useScrollTo;
-    useScrollToEnd: typeof useScrollToEnd;
-    useScrollUp: typeof useScrollUp;
-    useSendBoxSpeechInterimsVisible: typeof useSendBoxSpeechInterimsVisible;
-    useSendFiles: typeof useSendFiles;
-    useSendMessage: typeof useSendMessage;
-    useStyleSet: typeof useStyleSet;
-    useTextBoxSubmit: typeof useTextBoxSubmit;
-    useTextBoxValue: typeof useTextBoxValue;
-    useTypingIndicatorVisible: typeof useTypingIndicatorVisible;
-    useWebSpeechPonyfill: typeof useWebSpeechPonyfill;
-    useActiveTyping: (expireAfter?: number) => readonly [Readonly<Record<string, botframework_webchat_api.Typing>>];
-    useActivities: () => [WebChatActivity[]];
-    useActivityKeys: () => readonly [readonly string[]];
-    useActivityKeysByRead: () => readonly [readonly string[], readonly string[]];
-    useAvatarForBot: () => [{
-        image: string;
-        initials: string;
-    }];
-    useAvatarForUser: () => [{
-        image: string;
-        initials: string;
-    }];
-    useByteFormatter: () => (bytes: number) => string;
-    useConnectivityStatus: () => [string];
-    useCreateActivityRenderer: () => botframework_webchat_api.ActivityComponentFactory;
-    useCreateActivityStatusRenderer: () => botframework_webchat_api.ActivityStatusRenderer;
-    useCreateAttachmentForScreenReaderRenderer: () => botframework_webchat_api.AttachmentForScreenReaderComponentFactory;
-    useCreateAvatarRenderer: () => ({ activity }: {
-        activity: WebChatActivity;
-    }) => false | (() => react.ReactChild | react.ReactFragment | react.ReactPortal);
-    useCreateScrollToEndButtonRenderer: () => botframework_webchat_api.ScrollToEndButtonComponentFactory;
-    useDateFormatter: () => (date: string | number | Date) => string;
-    useDebouncedNotifications: () => [botframework_webchat_api.DebouncedNotifications];
-    useDictateInterims: () => [string[], (interims: string[]) => void];
-    useDictateState: () => [number];
-    useDirection: () => ["auto" | "ltr" | "rtl"];
-    useDisabled: () => [boolean];
-    useDismissNotification: () => (id: string) => void;
-    useEmitTypingIndicator: () => () => void;
-    useGetActivitiesByKey: () => (key?: string) => readonly WebChatActivity[];
-    useGetActivityByKey: () => (key?: string) => WebChatActivity;
-    useGetHasAcknowledgedByActivityKey: typeof hooks$1.useGetHasAcknowledgedByActivityKey;
-    useGetKeyByActivity: () => (activity?: WebChatActivity) => string;
-    useGetKeyByActivityId: () => (activityId?: string) => string;
-    useGetSendTimeoutForActivity: () => ({ activity }: {
-        activity: WebChatActivity;
-    }) => number;
-    useGrammars: () => [any];
-    useGroupActivities: () => ({ activities }: {
-        activities: WebChatActivity[];
-    }) => {
-        sender: WebChatActivity[][];
-        status: WebChatActivity[][];
-    };
-    useGroupTimestamp: () => [number | boolean];
-    useLanguage: (options?: "speech") => [string];
-    useLastAcknowledgedActivityKey: () => readonly [string];
-    useLastReadActivityKey: () => readonly [string];
-    useLocalizer: ({ plural }?: {
-        plural?: boolean;
-    }) => (id: string | {
-        zero?: string;
-        one?: string;
-        two?: string;
-        few?: string;
-        many?: string;
-        other: string;
-    }, args_0?: string | number, ...args_1: string[]) => any;
-    useMarkActivityAsSpoken: () => (activity: WebChatActivity) => void;
-    useMarkActivityKeyAsRead: () => (activityKey: string) => void;
-    useMarkAllAsAcknowledged: () => () => void;
-    useNotifications: () => [botframework_webchat_api.Notification[]];
-    usePerformCardAction: () => botframework_webchat_api.PerformCardAction;
-    usePonyfill: () => readonly [{
-        cancelAnimationFrame?: typeof cancelAnimationFrame;
-        cancelIdleCallback?: typeof cancelIdleCallback;
-        clearImmediate?: typeof clearImmediate;
-        clearInterval: typeof clearInterval;
-        clearTimeout: typeof clearTimeout;
-        Date: DateConstructor;
-        requestAnimationFrame?: typeof requestAnimationFrame;
-        requestIdleCallback?: typeof requestIdleCallback;
-        setImmediate?: typeof setImmediate;
-        setInterval: typeof setInterval;
-        setTimeout: typeof setTimeout;
-    }];
-    usePostActivity: () => (activity: WebChatActivity) => botframework_webchat_core.Observable<string>;
-    useReferenceGrammarID: () => [string];
-    useRelativeTimeFormatter: () => (dateOrString: string | Date) => string;
-    useRenderAttachment: () => botframework_webchat_api.RenderAttachment;
-    useRenderToast: () => botframework_webchat_api.RenderToast;
-    useRenderTypingIndicator: () => botframework_webchat_api.RenderTypingIndicator;
-    useSendBoxAttachments: () => readonly [readonly Readonly<{
-        blob: Blob | File;
-        thumbnailURL?: URL;
-    }>[], (attachments: readonly Readonly<{
-        blob: Blob | File;
-        thumbnailURL?: URL;
-    }>[]) => void];
-    useSendBoxValue: () => [string, (value: string) => void];
-    useSendEvent: () => (name: string, value: any) => void;
-    useSendMessageBack: () => (value: any, text?: string, displayText?: string) => void;
-    useSendPostBack: () => (value?: any) => void;
-    useSendStatusByActivityKey: typeof hooks$1.useSendStatusByActivityKey;
-    useSendTimeoutForActivity: (activity: WebChatActivity) => number;
-    useSendTypingIndicator: () => [boolean];
-    useSetNotification: () => (notification: botframework_webchat_api.Notification) => void;
-    useShouldSpeakIncomingActivity: () => [boolean, (value: boolean) => void];
-    useStartDictate: () => () => void;
-    useStopDictate: () => () => void;
-    useStyleOptions: () => [botframework_webchat_api.StrictStyleOptions];
-    useSubmitSendBox: () => (method?: string, { channelData }?: {
-        channelData: any;
-    }) => void;
-    useSuggestedActions: () => [botframework_webchat_core.DirectLineCardAction[], (suggestedActions: never[]) => void];
-    useTimeoutForSend: () => [number | ((activity: WebChatActivity) => number)];
-    useTrackDimension: () => (name: string, data: any) => void;
-    useTrackEvent: () => {
-        (name: string, data: any): void;
-        debug: (name: string, data: any) => void;
-        error: (name: string, data: any) => void;
-        info: (name: string, data: any) => void;
-        warn: (name: string, data: any) => void;
-    };
-    useTrackException: () => (error: Error, fatal: boolean) => void;
-    useTrackTiming: <T>() => (name: string, functionOrPromise: (() => T) | Promise<T>) => Promise<T>;
-    useUserID: () => [string];
-    useUsername: () => [string];
-    useVoiceSelector: (activity: any) => (voices: {
-        new (): SpeechSynthesisVoice;
-        prototype: SpeechSynthesisVoice;
-    }[]) => {
-        new (): SpeechSynthesisVoice;
-        prototype: SpeechSynthesisVoice;
-    };
+declare const buildInfoObject: {
+    readonly buildTool?: string | undefined;
+    readonly moduleFormat?: string | undefined;
+    readonly version?: string | undefined;
 };
 declare const version: string;
-declare const buildInfo: {
-    buildTool: string;
-    moduleFormat: string;
-    version: string;
-};
-declare const Components: {
-    BasicWebChat: react.FC<BasicWebChatProps>;
-    Composer: {
-        ({ activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, children, extraStyleSet, renderMarkdown, scrollToEndButtonMiddleware, sendBoxMiddleware: sendBoxMiddlewareFromProps, sendBoxToolbarMiddleware: sendBoxToolbarMiddlewareFromProps, styleOptions, styleSet, suggestedActionsAccessKey, toastMiddleware, typingIndicatorMiddleware, webSpeechPonyfillFactory, ...composerProps }: ComposerProps): react.JSX.Element;
-        defaultProps: {
-            children: any;
-            extraStyleSet: any;
-            nonce: any;
-            renderMarkdown: any;
-            styleSet: any;
-            suggestedActionsAccessKey: string;
-            webSpeechPonyfillFactory: any;
-            internalRenderErrorBox: any;
-            onTelemetry: any;
-            ponyfill: any;
-            store: any;
-        };
-        propTypes: {
-            children: PropTypes.Requireable<any>;
-            extraStyleSet: PropTypes.Requireable<any>;
-            nonce: PropTypes.Requireable<string>;
-            renderMarkdown: PropTypes.Requireable<(...args: any[]) => any>;
-            styleSet: PropTypes.Requireable<any>;
-            suggestedActionsAccessKey: PropTypes.Requireable<NonNullable<string | boolean>>;
-            webSpeechPonyfillFactory: PropTypes.Requireable<(...args: any[]) => any>;
-            internalRenderErrorBox: PropTypes.Requireable<any>;
-            onTelemetry: PropTypes.Requireable<(...args: any[]) => any>;
-            ponyfill: PropTypes.Requireable<any>;
-            store: PropTypes.Requireable<any>;
-        };
-    };
-    ThemeProvider: react.MemoExoticComponent<({ children, activityMiddleware, activityStatusMiddleware, attachmentForScreenReaderMiddleware, attachmentMiddleware, avatarMiddleware, cardActionMiddleware, groupActivitiesMiddleware, scrollToEndButtonMiddleware, sendBoxMiddleware, sendBoxToolbarMiddleware, styleOptions, toastMiddleware, typingIndicatorMiddleware }: Readonly<{
-        children?: react.ReactNode;
-    } & Partial<ContextType$1>>) => react.JSX.Element>;
-    AccessKeySinkSurface: any;
-    BasicConnectivityStatus: any;
-    BasicSendBox: react.FC<Readonly<{
-        className?: string;
-    }>>;
-    BasicSendBoxToolbar: react.MemoExoticComponent<({ className }: {
-        className?: string;
-    }) => react.JSX.Element>;
-    BasicToaster: any;
-    BasicTranscript: react.NamedExoticComponent<{
-        className?: string;
-    }>;
-    AudioContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
-        src: string;
-    }>;
-    FileContent: react.FC<{
-        className?: string;
-        fileName: string;
-        href?: string;
-        size?: number;
-    }>;
-    HTMLVideoContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
-        src: string;
-    }>;
-    ImageContent: react.FC<{
-        alt?: string;
-        src: string;
-    }>;
-    TextContent: react.FC<Readonly<{
-        activity: WebChatActivity;
-        contentType?: string;
-        text: string;
-    }>>;
-    VideoContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        loop?: boolean;
-        poster?: string;
-        src: string;
-    }>;
-    VimeoContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        embedID: string;
-        loop?: boolean;
-    }>;
-    YouTubeContent: react.FC<{
-        alt?: string;
-        autoPlay?: boolean;
-        embedID: string;
-        loop?: boolean;
-    }>;
-    Avatar: react.VFC<{
-        'aria-hidden'?: boolean;
-        className?: string;
-        fromUser?: boolean;
-    }>;
-    Bubble: react.NamedExoticComponent<{
-        'aria-hidden'?: boolean;
-        children?: react.ReactNode;
-        className?: string;
-        fromUser?: boolean;
-        nub?: boolean | "hidden";
-    }>;
-    ErrorBox: react.FC<{
-        error: Error;
-        type?: string;
-    }>;
-    SendStatus: react.FC<{
-        activity: WebChatActivity;
-        sendStatus: SendStatus;
-    }>;
-    SpeakActivity: react.NamedExoticComponent<{
-        activity: WebChatActivity;
-    }>;
-    Timestamp: react.FC<{
-        timestamp: string;
-    }>;
-    DictationInterims: react.FC<{
-        className?: string;
-    }>;
-    MicrophoneButton: react.FC<{
-        className?: string;
-    }>;
-    SendButton: react.FC<{
-        className?: string;
-    }>;
-    SendTextBox: ({ className }: Readonly<{
-        className?: string;
-    }>) => react.JSX.Element;
-    SuggestedActions: ({ className }: Readonly<{
-        className?: string;
-    }>) => react.JSX.Element;
-    UploadButton: react.FC<{
-        className?: string;
-    }>;
-    LocalizedString: react.MemoExoticComponent<(props: Readonly<{
-        className?: string;
-        linkClassName?: string;
-        onDecorateLink?: (href: string, textContent: string) => LinkOptions;
-    }> & (Readonly<{
-        stringIds: {
-            zero?: string;
-            one?: string;
-            two?: string;
-            few?: string;
-            many?: string;
-            other: string;
-        };
-        values: readonly [number, ...(string | number)[]];
-    }> | Readonly<{
-        stringIds: string;
-        values?: readonly (string | number)[];
-    }>)) => react.JSX.Element>;
-};
 
-export { type BasicWebChatProps, Components, type ComposerProps, context as Context, type ReactWebChatProps, type SendBoxFocusOptions, buildInfo, createCoreMiddleware$1 as createCoreActivityMiddleware, createCoreMiddleware as createCoreActivityStatusMiddleware, createCoreMiddleware$2 as createCoreAttachmentMiddleware, createStyleSet, ReactWebChat as default, getTabIndex, hooks, version, withEmoji };
+export { context as Context, buildInfoObject as buildInfo, createCoreActivityMiddleware, createCoreMiddleware as createCoreActivityStatusMiddleware, createCoreMiddleware$1 as createCoreAttachmentMiddleware, getTabIndex, testIds, version, withEmoji };