botframework-webchat-component 4.18.1-main.20251002.d92f9fb → 4.18.1-main.20251015.7788726

package/dist/TextBox-BEU2rUID.d.mts

@@ -1,6 +1,6 @@
 import * as valibot from 'valibot';
 import { InferInput } from 'valibot';
-import React__default from 'react';
+import React__default__default from 'react';
 
 declare function useSendBoxSpeechInterimsVisible(): [boolean];
 declare const basicSendBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
@@ -9,16 +9,16 @@ declare const basicSendBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.
     className?: string;
 }>]>;
 type BasicSendBoxProps = InferInput<typeof basicSendBoxPropsSchema>;
-declare function BasicSendBox(props: BasicSendBoxProps): React__default.JSX.Element;
-declare const _default$1: React__default.MemoExoticComponent<typeof BasicSendBox>;
+declare function BasicSendBox(props: BasicSendBoxProps): React__default__default.JSX.Element;
+declare const _default$1: React__default__default.MemoExoticComponent<typeof BasicSendBox>;
 
 declare function useMicrophoneButtonClick(): () => void;
 declare function useMicrophoneButtonDisabled(): [boolean];
 type MicrophoneButtonProps = Readonly<{
     className?: string | undefined;
 }>;
-declare const _default: React__default.MemoExoticComponent<{
-    ({ className }: MicrophoneButtonProps): React__default.JSX.Element;
+declare const _default: React__default__default.MemoExoticComponent<{
+    ({ className }: MicrophoneButtonProps): React__default__default.JSX.Element;
     displayName: string;
 }>;
 
@@ -41,6 +41,6 @@ declare function useTextBoxSubmit(): SubmitTextBoxFunction;
 declare function useTextBoxValue(): [string, (textBoxValue: string) => void];
 declare const TextBox: ({ className }: Readonly<{
     className?: string | undefined;
-}>) => React__default.JSX.Element;
+}>) => React__default__default.JSX.Element;
 
 export { TextBox as T, _default$1 as _, _default as a, useMicrophoneButtonDisabled as b, useSendBoxSpeechInterimsVisible as c, useTextBoxSubmit as d, useTextBoxValue as e, useMicrophoneButtonClick as u };

package/dist/TextBox-BEU2rUID.d.ts

@@ -1,6 +1,6 @@
 import * as valibot from 'valibot';
 import { InferInput } from 'valibot';
-import React__default from 'react';
+import React__default__default from 'react';
 
 declare function useSendBoxSpeechInterimsVisible(): [boolean];
 declare const basicSendBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
@@ -9,16 +9,16 @@ declare const basicSendBoxPropsSchema: valibot.SchemaWithPipe<readonly [valibot.
     className?: string;
 }>]>;
 type BasicSendBoxProps = InferInput<typeof basicSendBoxPropsSchema>;
-declare function BasicSendBox(props: BasicSendBoxProps): React__default.JSX.Element;
-declare const _default$1: React__default.MemoExoticComponent<typeof BasicSendBox>;
+declare function BasicSendBox(props: BasicSendBoxProps): React__default__default.JSX.Element;
+declare const _default$1: React__default__default.MemoExoticComponent<typeof BasicSendBox>;
 
 declare function useMicrophoneButtonClick(): () => void;
 declare function useMicrophoneButtonDisabled(): [boolean];
 type MicrophoneButtonProps = Readonly<{
     className?: string | undefined;
 }>;
-declare const _default: React__default.MemoExoticComponent<{
-    ({ className }: MicrophoneButtonProps): React__default.JSX.Element;
+declare const _default: React__default__default.MemoExoticComponent<{
+    ({ className }: MicrophoneButtonProps): React__default__default.JSX.Element;
     displayName: string;
 }>;
 
@@ -41,6 +41,6 @@ declare function useTextBoxSubmit(): SubmitTextBoxFunction;
 declare function useTextBoxValue(): [string, (textBoxValue: string) => void];
 declare const TextBox: ({ className }: Readonly<{
     className?: string | undefined;
-}>) => React__default.JSX.Element;
+}>) => React__default__default.JSX.Element;
 
 export { TextBox as T, _default$1 as _, _default as a, useMicrophoneButtonDisabled as b, useSendBoxSpeechInterimsVisible as c, useTextBoxSubmit as d, useTextBoxValue as e, useMicrophoneButtonClick as u };

package/dist/_dtsroll-chunks/DAT48twE-botframework-webchat-styles.react.d.ts

@@ -0,0 +1,18 @@
+import * as valibot from 'valibot';
+import { InferOutput } from 'valibot';
+
+declare const injectedStylesElementSchema: valibot.UnionSchema<[valibot.CustomSchema<HTMLLinkElement & {
+    rel: "stylesheet";
+}, undefined>, valibot.InstanceSchema<{
+    new (): HTMLStyleElement;
+    prototype: HTMLStyleElement;
+}, undefined>], "botframework-webchat: <InjectStyleElements> supports injecting <link rel=\"stylesheet\"> and <style> only">;
+type InjectedStylesElement = InferOutput<typeof injectedStylesElementSchema>;
+type InjectStyleElementsProps = {
+    readonly at?: Node | undefined;
+    readonly nonce: string | undefined;
+    readonly styleElements: readonly InjectedStylesElement[];
+};
+declare function InjectStyleElements(props: InjectStyleElementsProps): null;
+
+export { InjectStyleElements as I };

package/dist/_dtsroll-chunks/XgxqMcDN-empty-object.d.ts

@@ -0,0 +1,38 @@
+declare global {
+	// eslint-disable-next-line @typescript-eslint/consistent-type-definitions -- It has to be an `interface` so that it can be merged.
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+declare const emptyObjectSymbol: unique symbol;
+
+/**
+Represents a strictly empty plain object, the `{}` value.
+
+When you annotate something as the type `{}`, it can be anything except `null` and `undefined`. This means that you cannot use `{}` to represent an empty plain object ([read more](https://stackoverflow.com/questions/47339869/typescript-empty-object-and-any-difference/52193484#52193484)).
+
+@example
+```
+import type {EmptyObject} from 'type-fest';
+
+// The following illustrates the problem with `{}`.
+const foo1: {} = {}; // Pass
+const foo2: {} = []; // Pass
+const foo3: {} = 42; // Pass
+const foo4: {} = {a: 1}; // Pass
+
+// With `EmptyObject` only the first case is valid.
+const bar1: EmptyObject = {}; // Pass
+const bar2: EmptyObject = 42; // Fail
+const bar3: EmptyObject = []; // Fail
+const bar4: EmptyObject = {a: 1}; // Fail
+```
+
+Unfortunately, `Record<string, never>`, `Record<keyof any, never>` and `Record<never, never>` do not work. See {@link https://github.com/sindresorhus/type-fest/issues/395 #395}.
+
+@category Object
+*/
+type EmptyObject = {[emptyObjectSymbol]?: never};
+
+export type { EmptyObject as E };

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

@@ -1,4 +1,4 @@
-export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent } from './component-DJP2vWXb.mjs';
+export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent } from './component-k-_rorjx.mjs';
 export { _ as BasicSendBox, a as MicrophoneButton, T as SendTextBox } from './TextBox-BEU2rUID.mjs';
 import 'botframework-webchat-api';
 import 'botframework-webchat-api/decorator';

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

@@ -1,4 +1,4 @@
-export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent } from './component-CcyOIxZA.js';
+export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent } from './component-DgZzivUf.js';
 export { _ as BasicSendBox, a as MicrophoneButton, T as SendTextBox } from './TextBox-BEU2rUID.js';
 import 'botframework-webchat-api';
 import 'botframework-webchat-api/decorator';

package/dist/botframework-webchat-component.component.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHMFXYQWAjs = require('./chunk-HMFXYQWA.js');var _chunkUNY4Z36Ajs = require('./chunk-UNY4Z36A.js');var _chunkZQ5JXLOFjs = require('./chunk-ZQ5JXLOF.js');require('./chunk-JVHPNRWA.js');require('./chunk-F2CRJQTT.js');require('./chunk-DTBTDRBU.js');exports.AccessKeySinkSurface = _chunkHMFXYQWAjs.A; exports.AttachmentBar = _chunkZQ5JXLOFjs.E; exports.AudioContent = _chunkHMFXYQWAjs.a; exports.Avatar = _chunkHMFXYQWAjs.D; exports.BasicConnectivityStatus = _chunkHMFXYQWAjs.x; exports.BasicSendBox = _chunkZQ5JXLOFjs.$; exports.BasicSendBoxToolbar = _chunkHMFXYQWAjs.v; exports.BasicToaster = _chunkHMFXYQWAjs.y; exports.BasicTranscript = _chunkHMFXYQWAjs.z; exports.BasicWebChat = _chunkHMFXYQWAjs.B; exports.Bubble = _chunkHMFXYQWAjs.l; exports.Composer = _chunkHMFXYQWAjs.w; exports.DictationInterims = _chunkZQ5JXLOFjs.F; exports.ErrorBox = _chunkHMFXYQWAjs.E; exports.FileContent = _chunkHMFXYQWAjs.b; exports.HTMLVideoContent = _chunkHMFXYQWAjs.g; exports.ImageContent = _chunkHMFXYQWAjs.c; exports.LocalizedString = _chunkHMFXYQWAjs.e; exports.MicrophoneButton = _chunkZQ5JXLOFjs.M; exports.ReactWebChat = _chunkHMFXYQWAjs.C; exports.SendButton = _chunkZQ5JXLOFjs.O; exports.SendStatus = _chunkHMFXYQWAjs.n; exports.SendTextBox = _chunkZQ5JXLOFjs.Z; exports.SpeakActivity = _chunkHMFXYQWAjs.t; exports.SuggestedActions = _chunkZQ5JXLOFjs.V; exports.TextArea = _chunkHMFXYQWAjs.d; exports.TextContent = _chunkHMFXYQWAjs.f; exports.ThemeProvider = _chunkUNY4Z36Ajs.c; exports.Timestamp = _chunkHMFXYQWAjs.p; exports.UploadButton = _chunkHMFXYQWAjs.u; exports.VideoContent = _chunkHMFXYQWAjs.j; exports.VimeoContent = _chunkHMFXYQWAjs.h; exports.YouTubeContent = _chunkHMFXYQWAjs.i;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZFKGZ4XMjs = require('./chunk-ZFKGZ4XM.js');require('./chunk-I6EXXZUN.js');var _chunkO5T4MT2Kjs = require('./chunk-O5T4MT2K.js');require('./chunk-PKWU5U3T.js');require('./chunk-5B56ZRD4.js');require('./chunk-P6HWMBMQ.js');exports.AccessKeySinkSurface = _chunkZFKGZ4XMjs.A; exports.AttachmentBar = _chunkO5T4MT2Kjs.E; exports.AudioContent = _chunkZFKGZ4XMjs.a; exports.Avatar = _chunkZFKGZ4XMjs.D; exports.BasicConnectivityStatus = _chunkZFKGZ4XMjs.x; exports.BasicSendBox = _chunkO5T4MT2Kjs.$; exports.BasicSendBoxToolbar = _chunkZFKGZ4XMjs.v; exports.BasicToaster = _chunkZFKGZ4XMjs.y; exports.BasicTranscript = _chunkZFKGZ4XMjs.z; exports.BasicWebChat = _chunkZFKGZ4XMjs.B; exports.Bubble = _chunkZFKGZ4XMjs.l; exports.Composer = _chunkZFKGZ4XMjs.w; exports.DictationInterims = _chunkO5T4MT2Kjs.F; exports.ErrorBox = _chunkZFKGZ4XMjs.E; exports.FileContent = _chunkZFKGZ4XMjs.b; exports.HTMLVideoContent = _chunkZFKGZ4XMjs.g; exports.ImageContent = _chunkZFKGZ4XMjs.c; exports.LocalizedString = _chunkZFKGZ4XMjs.e; exports.MicrophoneButton = _chunkO5T4MT2Kjs.M; exports.ReactWebChat = _chunkZFKGZ4XMjs.C; exports.SendButton = _chunkO5T4MT2Kjs.O; exports.SendStatus = _chunkZFKGZ4XMjs.n; exports.SendTextBox = _chunkO5T4MT2Kjs.Z; exports.SpeakActivity = _chunkZFKGZ4XMjs.t; exports.SuggestedActions = _chunkO5T4MT2Kjs.V; exports.TextArea = _chunkZFKGZ4XMjs.d; exports.TextContent = _chunkZFKGZ4XMjs.f; exports.ThemeProvider = _chunkZFKGZ4XMjs.F; exports.Timestamp = _chunkZFKGZ4XMjs.p; exports.UploadButton = _chunkZFKGZ4XMjs.u; exports.VideoContent = _chunkZFKGZ4XMjs.j; exports.VimeoContent = _chunkZFKGZ4XMjs.h; exports.YouTubeContent = _chunkZFKGZ4XMjs.i;
 //# sourceMappingURL=botframework-webchat-component.component.js.map

package/dist/botframework-webchat-component.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.component.js"],"names":[],"mappings":"AAAA,+HAAgM,sDAAwC,sDAAkF,+BAA4B,+BAA4B,+BAA4B,85CAA8mB","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.component.js"}
+{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.component.js"],"names":[],"mappings":"AAAA,+HAAuM,+BAA4B,sDAAkF,+BAA4B,+BAA4B,+BAA4B,85CAA8mB","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.component.js"}

package/dist/botframework-webchat-component.component.mjs

@@ -1,2 +1,2 @@
-import{A as C,B as D,C as E,D as F,E as G,a,b,c,d as k,e as l,f as m,g as n,h as o,i as p,j as q,l as r,n as s,p as t,t as u,u as v,v as w,w as y,x as z,y as A,z as B}from"./chunk-GQFIO7PQ.mjs";import{c as x}from"./chunk-DCGLROWJ.mjs";import{$ as j,E as d,F as e,M as f,O as g,V as h,Z as i}from"./chunk-OKAKE4OW.mjs";import"./chunk-KWVJBQOL.mjs";import"./chunk-7XEUBYCM.mjs";import"./chunk-URQVHMKV.mjs";export{C as AccessKeySinkSurface,d as AttachmentBar,a as AudioContent,F as Avatar,z as BasicConnectivityStatus,j as BasicSendBox,w as BasicSendBoxToolbar,A as BasicToaster,B as BasicTranscript,D as BasicWebChat,r as Bubble,y as Composer,e as DictationInterims,G as ErrorBox,b as FileContent,n as HTMLVideoContent,c as ImageContent,l as LocalizedString,f as MicrophoneButton,E as ReactWebChat,g as SendButton,s as SendStatus,i as SendTextBox,u as SpeakActivity,h as SuggestedActions,k as TextArea,m as TextContent,x as ThemeProvider,t as Timestamp,v as UploadButton,q as VideoContent,o as VimeoContent,p as YouTubeContent};
+import{A as B,B as C,C as D,D as E,E as F,F as G,a,b,c,d as k,e as l,f as m,g as n,h as o,i as p,j as q,l as r,n as s,p as t,t as u,u as v,v as w,w as x,x as y,y as z,z as A}from"./chunk-6H4ZYHBT.mjs";import"./chunk-UKBRB4EA.mjs";import{$ as j,E as d,F as e,M as f,O as g,V as h,Z as i}from"./chunk-74IWB2LS.mjs";import"./chunk-73YJV47H.mjs";import"./chunk-BAUWCUDN.mjs";import"./chunk-4B4HI4PM.mjs";export{B as AccessKeySinkSurface,d as AttachmentBar,a as AudioContent,E as Avatar,y as BasicConnectivityStatus,j as BasicSendBox,w as BasicSendBoxToolbar,z as BasicToaster,A as BasicTranscript,C as BasicWebChat,r as Bubble,x as Composer,e as DictationInterims,F as ErrorBox,b as FileContent,n as HTMLVideoContent,c as ImageContent,l as LocalizedString,f as MicrophoneButton,D as ReactWebChat,g as SendButton,s as SendStatus,i as SendTextBox,u as SpeakActivity,h as SuggestedActions,k as TextArea,m as TextContent,G as ThemeProvider,t as Timestamp,v as UploadButton,q as VideoContent,o as VimeoContent,p as YouTubeContent};
 //# sourceMappingURL=botframework-webchat-component.component.mjs.map

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

@@ -1,12 +1,12 @@
-import { AttachmentMiddleware, ActivityMiddleware, ActivityStatusMiddleware } from 'botframework-webchat-api';
+import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentMiddleware } from 'botframework-webchat-api';
 export { concatMiddleware, localize } from 'botframework-webchat-api';
 export { WebChatActivity } from 'botframework-webchat-core';
-import * as React from 'react';
-import React__default, { 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/XgxqMcDN-empty-object.js';
 import { W as WaitUntilable } from './hook-n8v6lR9c.mjs';
 export { S as SendBoxFocusOptions, c as createStyleSet, h as hooks, b as useDictateAbortable, d as useFocus, e as useMakeThumbnail, f as useObserveScrollPosition, g as useObserveTranscriptFocus, i as useRegisterFocusSendBox, j as useRenderMarkdownAsHTML, k as useScrollDown, l as useScrollTo, m as useScrollToEnd, n as useScrollUp, u as useSendFiles, a as useSendMessage, o as useShouldReduceMotion, p as useStyleSet, q as useTransformHTMLContent, r as useTypingIndicatorVisible, s as useWebSpeechPonyfill } from './hook-n8v6lR9c.mjs';
-export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, d as Components, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, H as HTMLContentTransformEnhancer, a as HTMLContentTransformFunction, b as HTMLContentTransformMiddleware, c as HTMLContentTransformRequest, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent, R as default } from './component-DJP2vWXb.mjs';
+export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, d as Components, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, H as HTMLContentTransformEnhancer, a as HTMLContentTransformFunction, b as HTMLContentTransformMiddleware, c as HTMLContentTransformRequest, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent, R as default } from './component-k-_rorjx.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 { useActiveTyping, useActivities, useActivityKeys, useActivityKeysByRead, useAvatarForBot, useAvatarForUser, useBuildRenderActivityCallback, useByteFormatter, 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, useStopDictate, useStyleOptions, useSubmitSendBox, useSuggestedActions, useSuggestedActionsHooks, useTimeoutForSend, useTrackDimension, useTrackEvent, useTrackException, useTrackTiming, useUIState, useUserID, useUsername, useVoiceSelector } from 'botframework-webchat-api/hook';
 import 'botframework-webchat-api/decorator';
@@ -37,7 +37,7 @@ type ContextType = {
     suggestedActionsAccessKey: any;
     webSpeechPonyfill: any;
 };
-declare const context: React.Context<ContextType>;
+declare const context: React__default.Context<ContextType>;
 
 declare function createCoreMiddleware$1(): ActivityMiddleware[];
 
@@ -68,10 +68,10 @@ 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>>;
+}>> & React__default__default.RefAttributes<H>>;
 
 declare const buildInfoObject: {
     readonly buildTool?: string | undefined;

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

@@ -1,12 +1,12 @@
-import { AttachmentMiddleware, ActivityMiddleware, ActivityStatusMiddleware } from 'botframework-webchat-api';
+import { ActivityMiddleware, ActivityStatusMiddleware, AttachmentMiddleware } from 'botframework-webchat-api';
 export { concatMiddleware, localize } from 'botframework-webchat-api';
 export { WebChatActivity } from 'botframework-webchat-core';
-import * as React from 'react';
-import React__default, { 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/XgxqMcDN-empty-object.js';
 import { W as WaitUntilable } from './hook-CTaaeKhK.js';
 export { S as SendBoxFocusOptions, c as createStyleSet, h as hooks, b as useDictateAbortable, d as useFocus, e as useMakeThumbnail, f as useObserveScrollPosition, g as useObserveTranscriptFocus, i as useRegisterFocusSendBox, j as useRenderMarkdownAsHTML, k as useScrollDown, l as useScrollTo, m as useScrollToEnd, n as useScrollUp, u as useSendFiles, a as useSendMessage, o as useShouldReduceMotion, p as useStyleSet, q as useTransformHTMLContent, r as useTypingIndicatorVisible, s as useWebSpeechPonyfill } from './hook-CTaaeKhK.js';
-export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, d as Components, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, H as HTMLContentTransformEnhancer, a as HTMLContentTransformFunction, b as HTMLContentTransformMiddleware, c as HTMLContentTransformRequest, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent, R as default } from './component-CcyOIxZA.js';
+export { S as AccessKeySinkSurface, x as AttachmentBar, k as AudioContent, r as Avatar, B as BasicConnectivityStatus, j as BasicSendBoxToolbar, _ as BasicToaster, g as BasicTranscript, h as BasicWebChat, i as BasicWebChatProps, s as Bubble, d as Components, C as Composer, e as ComposerProps, y as DictationInterims, w as ErrorBox, l as FileContent, H as HTMLContentTransformEnhancer, a as HTMLContentTransformFunction, b as HTMLContentTransformMiddleware, c as HTMLContentTransformRequest, m as HTMLVideoContent, I as ImageContent, E as LocalizedString, R as ReactWebChat, f as ReactWebChatProps, z as SendButton, u as SendStatus, t as SpeakActivity, A as SuggestedActions, T as TextArea, n as TextContent, F as ThemeProvider, v as Timestamp, D as UploadButton, o as VideoContent, p as VimeoContent, q as YouTubeContent, R as default } from './component-DgZzivUf.js';
 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.js';
 export { useActiveTyping, useActivities, useActivityKeys, useActivityKeysByRead, useAvatarForBot, useAvatarForUser, useBuildRenderActivityCallback, useByteFormatter, 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, useStopDictate, useStyleOptions, useSubmitSendBox, useSuggestedActions, useSuggestedActionsHooks, useTimeoutForSend, useTrackDimension, useTrackEvent, useTrackException, useTrackTiming, useUIState, useUserID, useUsername, useVoiceSelector } from 'botframework-webchat-api/hook';
 import 'botframework-webchat-api/decorator';
@@ -37,7 +37,7 @@ type ContextType = {
     suggestedActionsAccessKey: any;
     webSpeechPonyfill: any;
 };
-declare const context: React.Context<ContextType>;
+declare const context: React__default.Context<ContextType>;
 
 declare function createCoreMiddleware$1(): ActivityMiddleware[];
 
@@ -68,10 +68,10 @@ 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>>;
+}>> & React__default__default.RefAttributes<H>>;
 
 declare const buildInfoObject: {
     readonly buildTool?: string | undefined;

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

@@ -1,26 +1,28 @@
 import * as valibot from 'valibot';
 import { InferInput } from 'valibot';
-import React__default, { ReactNode } from 'react';
+import React__default__default, { ReactNode } from 'react';
 
 declare const webChatDecoratorPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
-    readonly children: valibot.OptionalSchema<valibot.CustomSchema<React__default.ReactNode, undefined>, undefined>;
+    readonly children: valibot.OptionalSchema<valibot.CustomSchema<React__default__default.ReactNode, undefined>, undefined>;
+    readonly nonce: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
 }, undefined>, valibot.ReadonlyAction<{
-    children?: React__default.ReactNode;
+    children?: React__default__default.ReactNode;
+    nonce?: string;
 }>]>;
 type WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;
-declare function WebChatDecorator(props: WebChatDecoratorProps): React__default.JSX.Element;
-declare const _default$2: React__default.MemoExoticComponent<typeof WebChatDecorator>;
+declare function WebChatDecorator(props: WebChatDecoratorProps): React__default__default.JSX.Element;
+declare const _default$2: React__default__default.MemoExoticComponent<typeof WebChatDecorator>;
 
 declare function BorderLoader({ children, showLoader }: Readonly<{
     children?: ReactNode | undefined;
     showLoader?: boolean;
-}>): React__default.JSX.Element;
-declare const _default$1: React__default.MemoExoticComponent<typeof BorderLoader>;
+}>): React__default__default.JSX.Element;
+declare const _default$1: React__default__default.MemoExoticComponent<typeof BorderLoader>;
 
 declare function BorderFlair({ children, showFlair }: Readonly<{
     children?: ReactNode | undefined;
     showFlair?: boolean;
-}>): React__default.JSX.Element;
-declare const _default: React__default.MemoExoticComponent<typeof BorderFlair>;
+}>): React__default__default.JSX.Element;
+declare const _default: React__default__default.MemoExoticComponent<typeof BorderFlair>;
 
 export { _default as BorderFlair, _default$1 as BorderLoader, _default$2 as WebChatDecorator };

package/dist/botframework-webchat-component.decorator.d.ts

@@ -1,26 +1,28 @@
 import * as valibot from 'valibot';
 import { InferInput } from 'valibot';
-import React__default, { ReactNode } from 'react';
+import React__default__default, { ReactNode } from 'react';
 
 declare const webChatDecoratorPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
-    readonly children: valibot.OptionalSchema<valibot.CustomSchema<React__default.ReactNode, undefined>, undefined>;
+    readonly children: valibot.OptionalSchema<valibot.CustomSchema<React__default__default.ReactNode, undefined>, undefined>;
+    readonly nonce: valibot.OptionalSchema<valibot.StringSchema<undefined>, undefined>;
 }, undefined>, valibot.ReadonlyAction<{
-    children?: React__default.ReactNode;
+    children?: React__default__default.ReactNode;
+    nonce?: string;
 }>]>;
 type WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;
-declare function WebChatDecorator(props: WebChatDecoratorProps): React__default.JSX.Element;
-declare const _default$2: React__default.MemoExoticComponent<typeof WebChatDecorator>;
+declare function WebChatDecorator(props: WebChatDecoratorProps): React__default__default.JSX.Element;
+declare const _default$2: React__default__default.MemoExoticComponent<typeof WebChatDecorator>;
 
 declare function BorderLoader({ children, showLoader }: Readonly<{
     children?: ReactNode | undefined;
     showLoader?: boolean;
-}>): React__default.JSX.Element;
-declare const _default$1: React__default.MemoExoticComponent<typeof BorderLoader>;
+}>): React__default__default.JSX.Element;
+declare const _default$1: React__default__default.MemoExoticComponent<typeof BorderLoader>;
 
 declare function BorderFlair({ children, showFlair }: Readonly<{
     children?: ReactNode | undefined;
     showFlair?: boolean;
-}>): React__default.JSX.Element;
-declare const _default: React__default.MemoExoticComponent<typeof BorderFlair>;
+}>): React__default__default.JSX.Element;
+declare const _default: React__default__default.MemoExoticComponent<typeof BorderFlair>;
 
 export { _default as BorderFlair, _default$1 as BorderLoader, _default$2 as WebChatDecorator };

package/dist/botframework-webchat-component.decorator.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkUNY4Z36Ajs = require('./chunk-UNY4Z36A.js');var _chunkDTBTDRBUjs = require('./chunk-DTBTDRBU.js');var _decorator = require('botframework-webchat-api/decorator');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _valibot = require('valibot');var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var n={"border-flair":"wEWpITq_border-flair","border-flair--complete":"wEWpITq_border-flair--complete"},i=n,X=n["border-flair"];var Z=n["border-flair--complete"];function W({children:a,showFlair:r=!0}){let e=_chunkDTBTDRBUjs.i.call(void 0, i),[o,t]=_react.useState.call(void 0, !1),x=_react.useCallback.call(void 0, w=>(w.animationName===i["borderAnimation-angle"]||w.animationName===i["borderFlair-animation"])&&t(!0),[]);return!r&&o&&t(!1),_react2.default.createElement(_react.Fragment,null,a,r&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, e["border-flair"],o&&e["border-flair--complete"]),onAnimationEnd:x}))}var b=_react.memo.call(void 0, W);var m={"border-loader__track":"w17q6fa_border-loader__track","border-loader__loader":"w17q6fa_border-loader__loader"},_=m,br=m["border-loader__track"];var lr=m["border-loader__loader"];function B({children:a,showLoader:r=!0}){let e=_chunkDTBTDRBUjs.i.call(void 0, _);return _react2.default.createElement(_react.Fragment,null,a,r&&_react2.default.createElement("div",{className:e["border-loader__track"]},_react2.default.createElement("div",{className:e["border-loader__loader"]})))}var l=_react.memo.call(void 0, B);var z="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",u=_chunkUNY4Z36Ajs.b.call(void 0, z);var q=u("component/decorator");function I({children:a}){return _react2.default.createElement(_chunkUNY4Z36Ajs.c,{styles:q},a)}var y=_react.memo.call(void 0, I);var H=Object.freeze([_decorator.createActivityBorderMiddleware.call(void 0, function({request:r,Next:e,...o}){var t;return _react2.default.createElement(b,{showFlair:(t=o.showFlair)!=null?t:r.livestreamingState==="completing"},_react2.default.createElement(e,{...o,showFlair:!1}))}),_decorator.createActivityBorderMiddleware.call(void 0, function({request:r,Next:e,...o}){var t;return _react2.default.createElement(l,{showLoader:(t=o.showLoader)!=null?t:r.livestreamingState==="preparing"},_react2.default.createElement(e,{...o,showLoader:!1}))})]),J=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {children:_valibot.optional.call(void 0, _chunkDTBTDRBUjs.g.call(void 0, ))}),_valibot.readonly.call(void 0, ));function K(a){let{children:r}=_chunkDTBTDRBUjs.h.call(void 0, J,a);return _react2.default.createElement(y,null,_react2.default.createElement(_decorator.DecoratorComposer,{middleware:H},r))}var k=_react.memo.call(void 0, K);exports.BorderFlair = b; exports.BorderLoader = l; exports.WebChatDecorator = k;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkI6EXXZUNjs = require('./chunk-I6EXXZUN.js');var _chunkP6HWMBMQjs = require('./chunk-P6HWMBMQ.js');var _decorator = require('botframework-webchat-api/decorator');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _valibot = require('valibot');var _hook = require('botframework-webchat-api/hook');var D="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",C=_chunkI6EXXZUNjs.a.call(void 0, D),v=C;var M=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {children:_valibot.optional.call(void 0, _valibot.never.call(void 0, )),nonce:_valibot.undefinedable.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, )),O=v("component/decorator");function u(e){let{nonce:a}=_chunkP6HWMBMQjs.h.call(void 0, M,e),[{stylesRoot:r}]=_hook.useStyleOptions.call(void 0, );return _react2.default.createElement(_chunkP6HWMBMQjs.i,{at:r,nonce:a,styleElements:O})}u.displayName="DecoratorStylesheet";var _=_react.memo.call(void 0, u);var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var m={"border-flair":"wEWpITq_border-flair","border-flair--complete":"wEWpITq_border-flair--complete"},b=m,vr=m["border-flair"];var ur=m["border-flair--complete"];function K({children:e,showFlair:a=!0}){let r=_chunkP6HWMBMQjs.j.call(void 0, b),[o,t]=_react.useState.call(void 0, !1),L=_react.useCallback.call(void 0, F=>(F.animationName===b["borderAnimation-angle"]||F.animationName===b["borderFlair-animation"])&&t(!0),[]);return!a&&o&&t(!1),_react2.default.createElement(_react.Fragment,null,e,a&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, r["border-flair"],o&&r["border-flair--complete"]),onAnimationEnd:L}))}var l=_react.memo.call(void 0, K);var h={"border-loader__track":"w17q6fa_border-loader__track","border-loader__loader":"w17q6fa_border-loader__loader"},g=h,Nr=h["border-loader__track"];var Ar=h["border-loader__loader"];function U({children:e,showLoader:a=!0}){let r=_chunkP6HWMBMQjs.j.call(void 0, g);return _react2.default.createElement(_react.Fragment,null,e,a&&_react2.default.createElement("div",{className:r["border-loader__track"]},_react2.default.createElement("div",{className:r["border-loader__loader"]})))}var n=_react.memo.call(void 0, U);var or=Object.freeze([_decorator.createActivityBorderMiddleware.call(void 0, function({request:a,Next:r,...o}){var t;return _react2.default.createElement(l,{showFlair:(t=o.showFlair)!=null?t:a.livestreamingState==="completing"},_react2.default.createElement(r,{...o,showFlair:!1}))}),_decorator.createActivityBorderMiddleware.call(void 0, function({request:a,Next:r,...o}){var t;return _react2.default.createElement(n,{showLoader:(t=o.showLoader)!=null?t:a.livestreamingState==="preparing"},_react2.default.createElement(r,{...o,showLoader:!1}))})]),tr=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {children:_valibot.optional.call(void 0, _chunkP6HWMBMQjs.g.call(void 0, )),nonce:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function dr(e){let{children:a,nonce:r}=_chunkP6HWMBMQjs.h.call(void 0, tr,e);return _react2.default.createElement(_react.Fragment,null,_react2.default.createElement(_,{nonce:r}),_react2.default.createElement(_decorator.DecoratorComposer,{middleware:or},a))}var x=_react.memo.call(void 0, dr);exports.BorderFlair = l; exports.BorderLoader = n; exports.WebChatDecorator = x;
 //# sourceMappingURL=botframework-webchat-component.decorator.js.map

package/dist/botframework-webchat-component.decorator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.decorator.js","../src/decorator/private/WebChatDecorator.tsx","../src/decorator/private/BorderFlair.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module.css?css_module","../src/decorator/private/BorderLoader.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module.css?css_module","../src/decorator/private/WebChatTheme.tsx","../src/decorator/private/createStyles.ts"],"names":["classes","BorderFlair_module_default","_border_flair0","_border_flair__complete0","BorderFlair","children","showFlair","classNames","f","isComplete","setComplete","useState","handleAnimationEnd","useCallback","event","React","Fragment","cx","BorderFlair_default","memo","BorderLoader_module_default","_border_loader__track0","_border_loader__loader0","BorderLoader","showLoader","BorderLoader_default","decoratorStyleContent","styles","createStyles_default","WebChatTheme","WebChatTheme_default","middleware","request","props","_a","webChatDecoratorPropsSchema","pipe","object","optional","c","readonly","WebChatDecorator","WebChatDecorator_default"],"mappings":"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","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.decorator.js","sourcesContent":[null,"/* eslint-disable prefer-arrow-callback */\nimport {\n  createActivityBorderMiddleware,\n  DecoratorComposer,\n  type DecoratorMiddleware\n} from 'botframework-webchat-api/decorator';\nimport { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport React, { memo } from 'react';\nimport { object, optional, pipe, readonly, type InferInput } from 'valibot';\n\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\nimport WebChatTheme from './WebChatTheme';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n  createActivityBorderMiddleware(function BorderFlairDecorator({ request, Next, ...props }) {\n    return (\n      <BorderFlair showFlair={props.showFlair ?? request.livestreamingState === 'completing'}>\n        <Next {...props} showFlair={false} />\n      </BorderFlair>\n    );\n  }),\n  createActivityBorderMiddleware(function BorderLoaderDecorator({ request, Next, ...props }) {\n    return (\n      <BorderLoader showLoader={props.showLoader ?? request.livestreamingState === 'preparing'}>\n        <Next {...props} showLoader={false} />\n      </BorderLoader>\n    );\n  })\n]);\n\nconst webChatDecoratorPropsSchema = pipe(\n  object({\n    children: optional(reactNode())\n  }),\n  readonly()\n);\n\ntype WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;\n\nfunction WebChatDecorator(props: WebChatDecoratorProps) {\n  const { children } = validateProps(webChatDecoratorPropsSchema, props);\n\n  return (\n    <WebChatTheme>\n      <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n    </WebChatTheme>\n  );\n}\n\nexport default memo(WebChatDecorator);\nexport { webChatDecoratorPropsSchema, type WebChatDecoratorProps };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({\n  children,\n  showFlair = true\n}: Readonly<{ children?: ReactNode | undefined; showFlair?: boolean }>) {\n  const classNames = useStyles(styles);\n  const [isComplete, setComplete] = useState(false);\n\n  const handleAnimationEnd = useCallback(\n    event =>\n      (event.animationName === styles['borderAnimation-angle'] ||\n        event.animationName === styles['borderFlair-animation']) &&\n      setComplete(true),\n    []\n  );\n\n  if (!showFlair && isComplete) {\n    setComplete(false);\n  }\n\n  return (\n    <Fragment>\n      {children}\n      {showFlair && (\n        <div\n          className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n          onAnimationEnd={handleAnimationEnd}\n        />\n      )}\n    </Fragment>\n  );\n}\n\nexport default memo(BorderFlair);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module_built.css\";\nconst classes = {\"border-flair\":\"wEWpITq_border-flair\",\"border-flair--complete\":\"wEWpITq_border-flair--complete\"}\nexport default classes\n\nconst _border_flair0 = classes[\"border-flair\"]\nexport { _border_flair0 as \"border-flair\" }\n\nconst _border_flair__complete0 = classes[\"border-flair--complete\"]\nexport { _border_flair__complete0 as \"border-flair--complete\" }\n","import React, { Fragment, memo, type ReactNode } from 'react';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderLoader.module.css';\n\nfunction BorderLoader({\n  children,\n  showLoader = true\n}: Readonly<{ children?: ReactNode | undefined; showLoader?: boolean }>) {\n  const classNames = useStyles(styles);\n\n  return (\n    <Fragment>\n      {children}\n      {showLoader && (\n        <div className={classNames['border-loader__track']}>\n          <div className={classNames['border-loader__loader']} />\n        </div>\n      )}\n    </Fragment>\n  );\n}\n\nexport default memo(BorderLoader);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module_built.css\";\nconst classes = {\"border-loader__track\":\"w17q6fa_border-loader__track\",\"border-loader__loader\":\"w17q6fa_border-loader__loader\"}\nexport default classes\n\nconst _border_loader__track0 = classes[\"border-loader__track\"]\nexport { _border_loader__track0 as \"border-loader__track\" }\n\nconst _border_loader__loader0 = classes[\"border-loader__loader\"]\nexport { _border_loader__loader0 as \"border-loader__loader\" }\n","import React, { memo, type ReactNode } from 'react';\n\nimport ThemeProvider from '../../providers/Theme/ThemeProvider';\nimport createStyles from './createStyles';\n\ntype WebChatThemeProps = Readonly<{\n  readonly children?: ReactNode | undefined;\n}>;\n\nconst styles = createStyles('component/decorator');\n\nfunction WebChatTheme({ children }: WebChatThemeProps) {\n  return <ThemeProvider styles={styles}>{children}</ThemeProvider>;\n}\n\nexport default memo(WebChatTheme);\nexport { type WebChatThemeProps };\n","import { makeCreateStyles } from '@msinternal/botframework-webchat-styles';\n\nexport const decoratorStyleContent = '@--DECORATOR-STYLES-CONTENT--@';\n\nexport default makeCreateStyles(decoratorStyleContent);\n"]}
+{"version":3,"sources":["/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.decorator.js","../src/decorator/private/WebChatDecorator.tsx","../src/decorator/stylesheet/DecoratorStylesheet.tsx","../src/decorator/stylesheet/createDecoratorStyleElements.ts","../src/decorator/private/BorderFlair.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module.css?css_module","../src/decorator/private/BorderLoader.tsx","unplugin-lightningcss:/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module.css?css_module"],"names":["decoratorStyleContent","createDecoratorStyleElements","decoratorStylesheetPropsSchema","pipe","object","optional","never","undefinedable","string","readonly","styleElements","createDecoratorStyleElements_default","DecoratorStylesheet","props","nonce","o","stylesRoot","React","BorderFlair","children","showFlair","classNames","dt","BorderFlair_module_default","useState","handleAnimationEnd","useCallback","event","isComplete","cx","BorderFlair_default","memo","BorderLoader","showLoader","BorderLoader_module_default","BorderLoader_default","middleware","request","_a","webChatDecoratorPropsSchema","c","WebChatDecorator","WebChatDecorator_default"],"mappings":"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","file":"/__w/1/s/BotFramework-WebChat/packages/component/dist.tmp/botframework-webchat-component.decorator.js","sourcesContent":[null,"/* eslint-disable prefer-arrow-callback */\nimport { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport {\n  createActivityBorderMiddleware,\n  DecoratorComposer,\n  type DecoratorMiddleware\n} from 'botframework-webchat-api/decorator';\nimport React, { Fragment, memo } from 'react';\nimport { object, optional, pipe, readonly, string, type InferInput } from 'valibot';\n\nimport DecoratorStylesheet from '../stylesheet/DecoratorStylesheet';\nimport BorderFlair from './BorderFlair';\nimport BorderLoader from './BorderLoader';\n\nconst middleware: readonly DecoratorMiddleware[] = Object.freeze([\n  createActivityBorderMiddleware(function BorderFlairDecorator({ request, Next, ...props }) {\n    return (\n      <BorderFlair showFlair={props.showFlair ?? request.livestreamingState === 'completing'}>\n        <Next {...props} showFlair={false} />\n      </BorderFlair>\n    );\n  }),\n  createActivityBorderMiddleware(function BorderLoaderDecorator({ request, Next, ...props }) {\n    return (\n      <BorderLoader showLoader={props.showLoader ?? request.livestreamingState === 'preparing'}>\n        <Next {...props} showLoader={false} />\n      </BorderLoader>\n    );\n  })\n]);\n\nconst webChatDecoratorPropsSchema = pipe(\n  object({\n    children: optional(reactNode()),\n    nonce: optional(string())\n  }),\n  readonly()\n);\n\ntype WebChatDecoratorProps = InferInput<typeof webChatDecoratorPropsSchema>;\n\nfunction WebChatDecorator(props: WebChatDecoratorProps) {\n  const { children, nonce } = validateProps(webChatDecoratorPropsSchema, props);\n\n  return (\n    <Fragment>\n      <DecoratorStylesheet nonce={nonce} />\n      <DecoratorComposer middleware={middleware}>{children}</DecoratorComposer>\n    </Fragment>\n  );\n}\n\nexport default memo(WebChatDecorator);\nexport { webChatDecoratorPropsSchema, type WebChatDecoratorProps };\n","// TODO: [P2] This component can be replaced by `bindProps`.\nimport { InjectStyleElements } from '@msinternal/botframework-webchat-styles/react';\nimport { validateProps } from '@msinternal/botframework-webchat-react-valibot';\nimport { useStyleOptions } from 'botframework-webchat-api/hook';\nimport React, { memo, type FunctionComponent } from 'react';\nimport { never, object, optional, pipe, readonly, string, undefinedable, type InferInput } from 'valibot';\n\nimport createDecoratorStyleElements from './createDecoratorStyleElements';\n\nconst decoratorStylesheetPropsSchema = pipe(\n  object({\n    children: optional(never()),\n    nonce: undefinedable(string())\n  }),\n  readonly()\n);\n\ntype DecoratorStylesheetProps = InferInput<typeof decoratorStylesheetPropsSchema>;\n\nconst styleElements = createDecoratorStyleElements('component/decorator');\n\nfunction DecoratorStylesheet(props: DecoratorStylesheetProps) {\n  const { nonce } = validateProps(decoratorStylesheetPropsSchema, props);\n\n  const [{ stylesRoot }] = useStyleOptions();\n\n  return <InjectStyleElements at={stylesRoot} nonce={nonce} styleElements={styleElements} />;\n}\n\nDecoratorStylesheet.displayName = 'DecoratorStylesheet';\n\nexport default memo(DecoratorStylesheet as FunctionComponent<DecoratorStylesheetProps>);\nexport { decoratorStylesheetPropsSchema, type DecoratorStylesheetProps };\n","import { makeCreateStyles } from '@msinternal/botframework-webchat-styles';\n\nconst decoratorStyleContent = '@--DECORATOR-STYLES-CONTENT--@';\n\nconst createDecoratorStyleElements = makeCreateStyles(decoratorStyleContent);\n\nexport default createDecoratorStyleElements;\nexport { decoratorStyleContent };\n","import React, { Fragment, memo, useCallback, useState, type ReactNode } from 'react';\nimport cx from 'classnames';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderFlair.module.css';\n\nfunction BorderFlair({\n  children,\n  showFlair = true\n}: Readonly<{ children?: ReactNode | undefined; showFlair?: boolean }>) {\n  const classNames = useStyles(styles);\n  const [isComplete, setComplete] = useState(false);\n\n  const handleAnimationEnd = useCallback(\n    event =>\n      (event.animationName === styles['borderAnimation-angle'] ||\n        event.animationName === styles['borderFlair-animation']) &&\n      setComplete(true),\n    []\n  );\n\n  if (!showFlair && isComplete) {\n    setComplete(false);\n  }\n\n  return (\n    <Fragment>\n      {children}\n      {showFlair && (\n        <div\n          className={cx(classNames['border-flair'], isComplete && classNames['border-flair--complete'])}\n          onAnimationEnd={handleAnimationEnd}\n        />\n      )}\n    </Fragment>\n  );\n}\n\nexport default memo(BorderFlair);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderFlair.module_built.css\";\nconst classes = {\"border-flair\":\"wEWpITq_border-flair\",\"border-flair--complete\":\"wEWpITq_border-flair--complete\"}\nexport default classes\n\nconst _border_flair0 = classes[\"border-flair\"]\nexport { _border_flair0 as \"border-flair\" }\n\nconst _border_flair__complete0 = classes[\"border-flair--complete\"]\nexport { _border_flair__complete0 as \"border-flair--complete\" }\n","import React, { Fragment, memo, type ReactNode } from 'react';\nimport { useStyles } from '@msinternal/botframework-webchat-styles/react';\n\nimport styles from './BorderLoader.module.css';\n\nfunction BorderLoader({\n  children,\n  showLoader = true\n}: Readonly<{ children?: ReactNode | undefined; showLoader?: boolean }>) {\n  const classNames = useStyles(styles);\n\n  return (\n    <Fragment>\n      {children}\n      {showLoader && (\n        <div className={classNames['border-loader__track']}>\n          <div className={classNames['border-loader__loader']} />\n        </div>\n      )}\n    </Fragment>\n  );\n}\n\nexport default memo(BorderLoader);\n","import \"/__w/1/s/BotFramework-WebChat/packages/component/src/decorator/private/BorderLoader.module_built.css\";\nconst classes = {\"border-loader__track\":\"w17q6fa_border-loader__track\",\"border-loader__loader\":\"w17q6fa_border-loader__loader\"}\nexport default classes\n\nconst _border_loader__track0 = classes[\"border-loader__track\"]\nexport { _border_loader__track0 as \"border-loader__track\" }\n\nconst _border_loader__loader0 = classes[\"border-loader__loader\"]\nexport { _border_loader__loader0 as \"border-loader__loader\" }\n"]}

package/dist/botframework-webchat-component.decorator.mjs

@@ -1,2 +1,2 @@
-import{b as p,c as f}from"./chunk-DCGLROWJ.mjs";import{b as F,c as s,d}from"./chunk-URQVHMKV.mjs";import{createActivityBorderMiddleware as g,DecoratorComposer as M}from"botframework-webchat-api/decorator";import t,{memo as O}from"react";import{object as R,optional as j,pipe as G,readonly as Y}from"valibot";import v,{Fragment as L,memo as C,useCallback as S,useState as N}from"react";import T from"classnames";var l={"border-flair":"wEWpITq_border-flair","border-flair--complete":"wEWpITq_border-flair--complete"},c=l,X=l["border-flair"];var Z=l["border-flair--complete"];function W({children:a,showFlair:r=!0}){let e=d(c),[o,h]=N(!1),x=S(w=>(w.animationName===c["borderAnimation-angle"]||w.animationName===c["borderFlair-animation"])&&h(!0),[]);return!r&&o&&h(!1),v.createElement(L,null,a,r&&v.createElement("div",{className:T(e["border-flair"],o&&e["border-flair--complete"]),onAnimationEnd:x}))}var i=C(W);import m,{Fragment as A,memo as D}from"react";var n={"border-loader__loader":"w17q6fa_border-loader__loader","border-loader__track":"w17q6fa_border-loader__track"},_=n,br=n["border-loader__loader"];var lr=n["border-loader__track"];function B({children:a,showLoader:r=!0}){let e=d(_);return m.createElement(A,null,a,r&&m.createElement("div",{className:e["border-loader__track"]},m.createElement("div",{className:e["border-loader__loader"]})))}var b=D(B);import P,{memo as E}from"react";var z="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",u=p(z);var q=u("component/decorator");function I({children:a}){return P.createElement(f,{styles:q},a)}var y=E(I);var H=Object.freeze([g(function({request:r,Next:e,...o}){return t.createElement(i,{showFlair:o.showFlair??r.livestreamingState==="completing"},t.createElement(e,{...o,showFlair:!1}))}),g(function({request:r,Next:e,...o}){return t.createElement(b,{showLoader:o.showLoader??r.livestreamingState==="preparing"},t.createElement(e,{...o,showLoader:!1}))})]),J=G(R({children:j(F())}),Y());function K(a){let{children:r}=s(J,a);return t.createElement(y,null,t.createElement(M,{middleware:H},r))}var k=O(K);export{i as BorderFlair,b as BorderLoader,k as WebChatDecorator};
+import{a as f}from"./chunk-UKBRB4EA.mjs";import{b as s,c as d,d as p,e as c}from"./chunk-4B4HI4PM.mjs";import{createActivityBorderMiddleware as S,DecoratorComposer as V}from"botframework-webchat-api/decorator";import t,{Fragment as X,memo as Z}from"react";import{object as $,optional as k,pipe as rr,readonly as ar,string as er}from"valibot";import{useStyleOptions as N}from"botframework-webchat-api/hook";import A,{memo as E}from"react";import{never as B,object as I,optional as z,pipe as P,readonly as W,string as q,undefinedable as T}from"valibot";var D="@property --webchat-decorator-borderFlair-animated-angle{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --webchat-decorator-borderFlair-animated-color1{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color2{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@property --webchat-decorator-borderFlair-animated-color3{syntax: \"<color>\"; inherits: true; initial-value: #0000;}@keyframes borderAnimation-angle{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes borderAnimation-color1{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes borderAnimation-color2{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes borderAnimation-color3{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(#fff0, #fff0) padding-box, linear-gradient(#fff, #fff) border-box;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);pointer-events:none;animation:2s linear forwards borderAnimation-angle,1.2s linear forwards borderAnimation-color1,1.2s linear .2s forwards borderAnimation-color2,1.2s linear .4s forwards borderAnimation-color3;position:absolute;inset:0;mask-composite:intersect}.webchat .wEWpITq_border-flair--complete{animation-play-state:paused}@supports ((-moz-appearance: none)){@keyframes borderFlair-animation{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat .wEWpITq_border-flair{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:2s linear forwards borderFlair-animation}}@keyframes borderAnimation-position{0%{width:33%;left:-33%}to{width:33%;left:100%}}.webchat .w17q6fa_border-loader__track{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6, #e6e6e6);height:var(--webchat-decorator-borderLoader-borderSize);width:100%;position:relative}.webchat .w17q6fa_border-loader__loader{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);isolation:isolate;width:100%;animation:3s linear infinite borderAnimation-position;position:absolute;inset:0}\n",C=f(D),v=C;var M=P(I({children:z(B()),nonce:T(q())}),W()),O=v("component/decorator");function u(e){let{nonce:a}=d(M,e),[{stylesRoot:r}]=N();return A.createElement(p,{at:r,nonce:a,styleElements:O})}u.displayName="DecoratorStylesheet";var _=E(u);import y,{Fragment as j,memo as G,useCallback as Y,useState as H}from"react";import J from"classnames";var n={"border-flair":"wEWpITq_border-flair","border-flair--complete":"wEWpITq_border-flair--complete"},i=n,vr=n["border-flair"];var ur=n["border-flair--complete"];function K({children:e,showFlair:a=!0}){let r=c(i),[o,w]=H(!1),L=Y(F=>(F.animationName===i["borderAnimation-angle"]||F.animationName===i["borderFlair-animation"])&&w(!0),[]);return!a&&o&&w(!1),y.createElement(j,null,e,a&&y.createElement("div",{className:J(r["border-flair"],o&&r["border-flair--complete"]),onAnimationEnd:L}))}var b=G(K);import h,{Fragment as Q,memo as R}from"react";var m={"border-loader__loader":"w17q6fa_border-loader__loader","border-loader__track":"w17q6fa_border-loader__track"},g=m,Nr=m["border-loader__loader"];var Ar=m["border-loader__track"];function U({children:e,showLoader:a=!0}){let r=c(g);return h.createElement(Q,null,e,a&&h.createElement("div",{className:r["border-loader__track"]},h.createElement("div",{className:r["border-loader__loader"]})))}var l=R(U);var or=Object.freeze([S(function({request:a,Next:r,...o}){return t.createElement(b,{showFlair:o.showFlair??a.livestreamingState==="completing"},t.createElement(r,{...o,showFlair:!1}))}),S(function({request:a,Next:r,...o}){return t.createElement(l,{showLoader:o.showLoader??a.livestreamingState==="preparing"},t.createElement(r,{...o,showLoader:!1}))})]),tr=rr($({children:k(s()),nonce:k(er())}),ar());function dr(e){let{children:a,nonce:r}=d(tr,e);return t.createElement(X,null,t.createElement(_,{nonce:r}),t.createElement(V,{middleware:or},a))}var x=Z(dr);export{b as BorderFlair,l as BorderLoader,x as WebChatDecorator};
 //# sourceMappingURL=botframework-webchat-component.decorator.mjs.map