botframework-webchat-fluent-theme 4.18.1-main.20250505.488ce72 → 4.18.1-main.20250505.5e12798

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botframework-webchat-fluent-theme",
-  "version": "4.18.1-main.20250505.488ce72",
+  "version": "4.18.1-main.20250505.5e12798",
   "description": "Fluent theme for Bot Framework Web Chat",
   "main": "./dist/botframework-webchat-fluent-theme.js",
   "types": "./dist/botframework-webchat-fluent-theme.d.ts",
@@ -72,15 +72,15 @@
     "@types/math-random": "^1.0.2",
     "@types/node": "^22.13.4",
     "@types/react": "^16.14.62",
-    "botframework-webchat-base": "4.18.1-main.20250505.488ce72",
-    "botframework-webchat-styles": "4.18.1-main.20250505.488ce72",
+    "botframework-webchat-base": "4.18.1-main.20250505.5e12798",
+    "botframework-webchat-styles": "4.18.1-main.20250505.5e12798",
     "tsup": "^8.3.6",
     "typescript": "^5.7.3"
   },
   "dependencies": {
-    "botframework-webchat-api": "4.18.1-main.20250505.488ce72",
-    "botframework-webchat-component": "4.18.1-main.20250505.488ce72",
-    "botframework-webchat-core": "4.18.1-main.20250505.488ce72",
+    "botframework-webchat-api": "4.18.1-main.20250505.5e12798",
+    "botframework-webchat-component": "4.18.1-main.20250505.5e12798",
+    "botframework-webchat-core": "4.18.1-main.20250505.5e12798",
     "classnames": "2.5.1",
     "inject-meta-tag": "0.0.1",
     "math-random": "2.0.1",

package/src/private/FluentThemeProvider.tsx

@@ -1,10 +1,5 @@
 import { type ActivityMiddleware, type StyleOptions, type TypingIndicatorMiddleware } from 'botframework-webchat-api';
-import {
-  DecoratorComposer,
-  DecoratorMiddleware,
-  type DecoratorMiddlewareInit,
-  type DecoratorMiddlewareTypes
-} from 'botframework-webchat-api/decorator';
+import { DecoratorComposer, DecoratorMiddleware } from 'botframework-webchat-api/decorator';
 import { Components } from 'botframework-webchat-component';
 import { WebChatDecorator } from 'botframework-webchat-component/decorator';
 import React, { memo, type ReactNode } from 'react';
@@ -23,10 +18,7 @@ import VariantComposer, { VariantList } from './VariantComposer';
 
 const { ThemeProvider } = Components;
 
-type FluentThemeProviderProps = Readonly<{
-  children?: ReactNode | undefined;
-  variant?: VariantList | undefined;
-}>;
+type Props = Readonly<{ children?: ReactNode | undefined; variant?: VariantList | undefined }>;
 
 const activityMiddleware: readonly ActivityMiddleware[] = Object.freeze([
   () =>
@@ -53,14 +45,11 @@ const activityMiddleware: readonly ActivityMiddleware[] = Object.freeze([
 
 const sendBoxMiddleware = [() => () => () => PrimarySendBox];
 
-const decoratorMiddleware: readonly DecoratorMiddleware[] = Object.freeze([
-  (init: DecoratorMiddlewareInit) =>
+const decoratorMiddleware: DecoratorMiddleware[] = [
+  init =>
     init === 'activity border' &&
-    ((next => request =>
-      request.livestreamingState === 'preparing'
-        ? ActivityLoader
-        : next(request)) satisfies DecoratorMiddlewareTypes['activity border'])
-]);
+    (next => request => (request.livestreamingState === 'preparing' ? ActivityLoader : next(request)))
+];
 
 const styles = createStyles();
 
@@ -75,29 +64,26 @@ const typingIndicatorMiddleware = Object.freeze([
       args[0].visible ? <SlidingDotsTypingIndicator /> : next(...args)
 ] satisfies TypingIndicatorMiddleware[]);
 
-function FluentThemeProvider({ children, variant = 'fluent' }: FluentThemeProviderProps) {
-  return (
-    <VariantComposer variant={variant}>
-      <WebChatTheme>
-        <TelephoneKeypadProvider>
-          <ThemeProvider
-            activityMiddleware={activityMiddleware}
-            sendBoxMiddleware={sendBoxMiddleware}
-            styleOptions={fluentStyleOptions}
-            styles={styles}
-            typingIndicatorMiddleware={typingIndicatorMiddleware}
-          >
-            <AssetComposer>
-              <WebChatDecorator>
-                <DecoratorComposer middleware={decoratorMiddleware}>{children}</DecoratorComposer>
-              </WebChatDecorator>
-            </AssetComposer>
-          </ThemeProvider>
-        </TelephoneKeypadProvider>
-      </WebChatTheme>
-    </VariantComposer>
-  );
-}
+const FluentThemeProvider = ({ children, variant = 'fluent' }: Props) => (
+  <VariantComposer variant={variant}>
+    <WebChatTheme>
+      <TelephoneKeypadProvider>
+        <ThemeProvider
+          activityMiddleware={activityMiddleware}
+          sendBoxMiddleware={sendBoxMiddleware}
+          styleOptions={fluentStyleOptions}
+          styles={styles}
+          typingIndicatorMiddleware={typingIndicatorMiddleware}
+        >
+          <AssetComposer>
+            <WebChatDecorator>
+              <DecoratorComposer middleware={decoratorMiddleware}>{children}</DecoratorComposer>
+            </WebChatDecorator>
+          </AssetComposer>
+        </ThemeProvider>
+      </TelephoneKeypadProvider>
+    </WebChatTheme>
+  </VariantComposer>
+);
 
 export default memo(FluentThemeProvider);
-export { type FluentThemeProviderProps };