botframework-webchat-component 4.18.1-main.20260518.2a3d1d3 → 4.18.2

package/src/Utils/JSONLinkedData/__snapshots__/dereferenceBlankNodes.spec.ts.snap

@@ -1,24 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should dereference unconnected blank nodes in array in cyclic fashion 1`] = `
-{
+Object {
   "@type": "Book",
-  "about": [
-    {
+  "about": Array [
+    Object {
       "@id": "_:isaac",
       "@type": "Person",
       "name": "Isaac Stevens",
-      "worksFor": {
+      "worksFor": Object {
         "@id": "_:uw",
         "@type": "Organization",
         "founder": [Circular],
         "name": "University of Washington",
       },
     },
-    {
+    Object {
       "@id": "_:uw",
       "@type": "Organization",
-      "founder": {
+      "founder": Object {
         "@id": "_:isaac",
         "@type": "Person",
         "name": "Isaac Stevens",
@@ -27,7 +27,7 @@ exports[`should dereference unconnected blank nodes in array in cyclic fashion 1
       "name": "University of Washington",
     },
   ],
-  "author": {
+  "author": Object {
     "@type": "Person",
     "name": "Edmond S. Meany",
   },
@@ -36,13 +36,13 @@ exports[`should dereference unconnected blank nodes in array in cyclic fashion 1
 `;
 
 exports[`should dereference unconnected blank nodes in cyclic fashion 1`] = `
-{
+Object {
   "@type": "Book",
-  "author": {
+  "author": Object {
     "@id": "_:isaac",
     "@type": "Person",
     "name": "Isaac Stevens",
-    "worksFor": {
+    "worksFor": Object {
       "@id": "_:uw",
       "@type": "Organization",
       "founder": [Circular],
@@ -50,10 +50,10 @@ exports[`should dereference unconnected blank nodes in cyclic fashion 1`] = `
     },
   },
   "name": "Report of Explorations for a Route for the Pacific Railroad near the 47th and 49th Parallels of North Latitude, from St. Paul, Minnesota, to Puget Sound",
-  "sourceOrganization": {
+  "sourceOrganization": Object {
     "@id": "_:uw",
     "@type": "Organization",
-    "founder": {
+    "founder": Object {
       "@id": "_:isaac",
       "@type": "Person",
       "name": "Isaac Stevens",
@@ -65,22 +65,22 @@ exports[`should dereference unconnected blank nodes in cyclic fashion 1`] = `
 `;
 
 exports[`should dereference unconnected blank nodes in the graph 1`] = `
-[
-  {
+Array [
+  Object {
     "@id": "_:isaac",
     "@type": "Person",
     "name": "Isaac Stevens",
-    "worksFor": {
+    "worksFor": Object {
       "@id": "_:uw",
       "@type": "Organization",
       "founder": [Circular],
       "name": "University of Washington",
     },
   },
-  {
+  Object {
     "@id": "_:uw",
     "@type": "Organization",
-    "founder": {
+    "founder": Object {
       "@id": "_:isaac",
       "@type": "Person",
       "name": "Isaac Stevens",

package/src/Utils/JSONLinkedData/dereferenceBlankNodes.spec.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-
 import dereferenceBlankNodes from './dereferenceBlankNodes';
 
 test('should leave non-blank node as-is', () => {

package/src/Utils/JSONLinkedData/dereferenceBlankNodes.ts

@@ -77,7 +77,7 @@ function dereferenceBlankNodesInline(objects: object[]): void {
  * @param graph A list of nodes in the graph.
  * @returns A structured clone of graph with unconnected blank nodes replaced by their corresponding blank node.
  */
-export default function dereferenceBlankNodes<T extends Record<any, any>>(graph: T[]): readonly T[] {
+export default function dereferenceBlankNodes<T extends object>(graph: T[]): readonly T[] {
   const nextObjects = structuredClone(graph);
 
   dereferenceBlankNodesInline(nextObjects);

package/src/Utils/JSONLinkedData/getSafeOwnPropertyNames.ts

@@ -1,12 +1,12 @@
 const DANGEROUS_PROPERTY_NAMES = ['__proto__', 'constructor', 'prototype'];
 
 /**
- * Returns an allowlisted own-property names.
+ * Returns a whitelisted own-property names.
  *
  * If `null` or `undefined` is passed, an empty list will be returned.
  *
  * @param object An object (including primitives).
- * @returns An allowlisted own-property names.
+ * @returns A whitelisted own-property names.
  */
 export default function getSafeOwnPropertyNames(object: unknown): string[] {
   return Object.getOwnPropertyNames(object).filter(name => !DANGEROUS_PROPERTY_NAMES.includes(name));

package/src/Utils/JSONLinkedData/isUnconnectedBlankNode.spec.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-
 import isUnconnectedBlankNode from './isUnconnectedBlankNode';
 
 test('passing a blank node identifier should return true', () =>

package/src/Utils/LocalizedString.tsx

@@ -31,16 +31,16 @@ const defaultDecorateLink = (href: string, textContent: string, linkOptions?: Li
     );
 
     // linkDefinition.identifier is uppercase, while linkDefinition.label is as-is.
-    linkDefinition.label === textContent && classes.add('render-markdown__pure-identifier');
+    linkDefinition.label === textContent && classes.add('webchat__render-markdown__pure-identifier');
   }
 
   // For links that would be sanitized out, let's turn them into a button so we could handle them later.
   if (!allowedSchemes.map(scheme => `${scheme}:`).includes(protocol)) {
     decoration.asButton ??= true;
 
-    classes.add('render-markdown__citation');
+    classes.add('webchat__render-markdown__citation');
   } else if (protocol === 'http:' || protocol === 'https:') {
-    decoration.iconClassName = [decoration.iconClassName, 'render-markdown__external-link-icon']
+    decoration.iconClassName = [decoration.iconClassName, 'webchat__render-markdown__external-link-icon']
       .filter((className: string | undefined) => className)
       .join(' ');
 

package/src/Utils/addTargetBlankToHyperlinksMarkdown.spec.js

@@ -10,7 +10,7 @@ test('add to external links', () => {
   const html = markdownIt.renderer.render(updatedTree);
 
   expect(html).toMatchInlineSnapshot(
-    `"Hello, <a href="https://microsoft.com/" rel="noopener noreferrer" target="_blank">Microsoft</a>!"`
+    `"Hello, <a href=\\"https://microsoft.com/\\" rel=\\"noopener noreferrer\\" target=\\"_blank\\">Microsoft</a>!"`
   );
 });
 
@@ -21,7 +21,7 @@ test("don't add for hashes", () => {
   const updatedTree = addTargetBlankToHyperlinksMarkdown(tree);
   const html = markdownIt.renderer.render(updatedTree);
 
-  expect(html).toMatchInlineSnapshot(`"Hello, <a href="#microsoft">Microsoft</a>!"`);
+  expect(html).toMatchInlineSnapshot(`"Hello, <a href=\\"#microsoft\\">Microsoft</a>!"`);
 });
 
 test("don't add for searches", () => {
@@ -31,7 +31,7 @@ test("don't add for searches", () => {
   const updatedTree = addTargetBlankToHyperlinksMarkdown(tree);
   const html = markdownIt.renderer.render(updatedTree);
 
-  expect(html).toMatchInlineSnapshot(`"Hello, <a href="?q=microsoft">Microsoft</a>!"`);
+  expect(html).toMatchInlineSnapshot(`"Hello, <a href=\\"?q=microsoft\\">Microsoft</a>!"`);
 });
 
 test("don't add for cross references", () => {
@@ -41,5 +41,5 @@ test("don't add for cross references", () => {
   const updatedTree = addTargetBlankToHyperlinksMarkdown(tree);
   const html = markdownIt.renderer.render(updatedTree);
 
-  expect(html).toMatchInlineSnapshot(`"Hello, <a href="#microsoft">Microsoft</a>!"`);
+  expect(html).toMatchInlineSnapshot(`"Hello, <a href=\\"#microsoft\\">Microsoft</a>!"`);
 });

package/src/Utils/downscaleImageToDataURL/downscaleImageToDataURLUsingBrowser.ts

@@ -39,8 +39,6 @@ function createCanvas(width: number, height: number): HTMLCanvasElement {
 }
 
 function loadImageFromBlob(blob: Blob): Promise<HTMLImageElement> {
-  // Blob is only loaded in <img> created inline and not presented in HTML.
-  // eslint-disable-next-line no-restricted-properties
   const blobURL = URL.createObjectURL(blob);
 
   return new Promise<HTMLImageElement>((resolve, reject) => {

package/src/Utils/downscaleImageToDataURL/downscaleImageToDataURLUsingWorker.ts

@@ -1,7 +1,7 @@
 import workerFunction from './downscaleImageToDataURLUsingWorker.worker';
 import { type WorkerJob, type WorkerReturnValue } from './WorkerJob';
 
-function createWorker(fn: ((...args: unknown[]) => unknown) | string): Promise<Worker> {
+function createWorker(fn: Function | string): Promise<Worker> {
   const blob = new Blob([`(${fn})()`], { type: 'text/javascript' });
   const url = window.URL.createObjectURL(blob);
 
@@ -52,7 +52,7 @@ const checkSupportOffscreenCanvas = () => {
     try {
       new OffscreenCanvas(1, 1).getContext('2d');
       isOffscreenCanvasSupportGetContext2D = true;
-    } catch {
+    } catch (err) {
       isOffscreenCanvasSupportGetContext2D = false;
     }
   }
@@ -74,7 +74,7 @@ function checkSupportWebWorker(): Promise<boolean> {
 
       try {
         worker = await createWorker('function(){postMessage("ready")}');
-      } catch {
+      } catch (err) {
         return false;
       }
 
@@ -95,7 +95,7 @@ function checkSupport(): Promise<boolean> {
         const results = await Promise.all([checkSupportOffscreenCanvas(), checkSupportWebWorker()]);
 
         return results.every(result => result);
-      } catch {
+      } catch (err) {
         return false;
       }
     })())

package/src/Utils/firstTabbableDescendant.js

@@ -27,6 +27,7 @@ function orSelf(element) {
   }
 
   // "msMatchesSelector" is vendor-prefixed version of "matches".
+  // eslint-disable-next-line dot-notation
   if ((element.matches || element['msMatchesSelector']).call(element, SELECTOR)) {
     return element;
   }

package/src/Utils/parseDocumentFromString.ts

@@ -0,0 +1,5 @@
+export default function parseDocumentFromString(html: string): Document {
+  const parser = new DOMParser();
+
+  return parser.parseFromString(html, 'text/html');
+}

package/src/Utils/readDataURIToBlob.js

@@ -0,0 +1,31 @@
+import { toByteArray } from 'base64-js';
+
+const PATTERN = /^data:([^,]*?)(;(base64)){0,1},([A-Za-z0-9+/=]+)/u;
+
+const DEFAULT_CONTENT_TYPE = 'text/plain;charset=US-ASCII';
+
+export function parse(dataURI) {
+  const match = PATTERN.exec(dataURI);
+
+  if (!match) {
+    return;
+  }
+
+  const [, contentType, , encoding, base64] = match;
+
+  if (encoding !== 'base64') {
+    return;
+  }
+
+  return { base64, contentType: contentType || DEFAULT_CONTENT_TYPE, encoding };
+}
+
+export default function readDataURIToBlob(dataURI) {
+  const parsed = parse(dataURI);
+
+  if (!parsed) {
+    return;
+  }
+
+  return new Blob([toByteArray(parsed.base64)], { type: parsed.contentType });
+}

package/src/Utils/serializeDocumentIntoString.ts

@@ -0,0 +1,10 @@
+export default function serializeDocumentIntoString(document: Document): string {
+  const serializer = new XMLSerializer();
+  const elementHTML: string[] = [];
+
+  for (const element of document.body.children) {
+    elementHTML.push(serializer.serializeToString(element));
+  }
+
+  return `${elementHTML.join('\n')}\n`;
+}

package/src/Utils/singleToArray.ts

@@ -0,0 +1,3 @@
+export default function singleToArray<T>(singleOrArray: T | T[]): T[] {
+  return singleOrArray ? (Array.isArray(singleOrArray) ? singleOrArray : [singleOrArray]) : [];
+}

package/src/Utils/supportPseudoClass.ts

@@ -9,7 +9,7 @@ export default function supportPseudoClass(pseudoClass: string, nonce?: string):
     styleElement.sheet.insertRule('html' + pseudoClass + '{}', 0);
 
     return true;
-  } catch {
+  } catch (error) {
     return false;
   } finally {
     document.head.removeChild(styleElement);

package/src/Utils/tabbableElements.ts

@@ -7,15 +7,9 @@ export default function tabbableElements(element?: HTMLElement): HTMLElement[] {
     ) || [];
 
   return ([] as HTMLElement[]).filter.call(candidates, (element: HTMLElement) => {
-    const style = window.getComputedStyle(element);
-
-    if (style.visibility === 'hidden' || style.display === 'none' || style.display === 'contents') {
-      return false;
-    }
-
     const tabIndexAttribute = element.attributes.getNamedItem('tabindex');
 
-    if (tabIndexAttribute) {
+    if (tabIndexAttribute && tabIndexAttribute.specified) {
       const value = parseInt(tabIndexAttribute.value, 10);
 
       return value >= 0 || (isNaN(value) && element.nodeName.toLowerCase() === 'input');

package/src/Utils/textFormatToContentType.js

@@ -0,0 +1,12 @@
+export default function textFormatToContentType(textFormat) {
+  switch (textFormat) {
+    case 'plain':
+      return 'text/plain';
+
+    case 'xml':
+      return 'text/xml';
+
+    default:
+      return 'text/markdown';
+  }
+}

package/src/Utils/updateMarkdownAttrs.spec.js

@@ -8,17 +8,17 @@ test('add "rel" and "target" attributes', () => {
   const actual = updateMarkdownAttrs(token, attrs => ({ ...attrs, rel: 'noopener noreferrer', target: '_blank' }));
 
   expect(actual).toMatchInlineSnapshot(`
-    {
-      "attrs": [
-        [
+    Object {
+      "attrs": Array [
+        Array [
           "href",
           "https://example.org/",
         ],
-        [
+        Array [
           "rel",
           "noopener noreferrer",
         ],
-        [
+        Array [
           "target",
           "_blank",
         ],
@@ -28,9 +28,9 @@ test('add "rel" and "target" attributes', () => {
 
   // The token passed in should kept unchanged
   expect(token).toMatchInlineSnapshot(`
-    {
-      "attrs": [
-        [
+    Object {
+      "attrs": Array [
+        Array [
           "href",
           "https://example.org/",
         ],
@@ -47,9 +47,9 @@ test('replace "href" attribute', () => {
   const actual = updateMarkdownAttrs(token, () => ({ href: 'https://microsoft.com/' }));
 
   expect(actual).toMatchInlineSnapshot(`
-    {
-      "attrs": [
-        [
+    Object {
+      "attrs": Array [
+        Array [
           "href",
           "https://microsoft.com/",
         ],
@@ -59,9 +59,9 @@ test('replace "href" attribute', () => {
 
   // The token passed in should kept unchanged
   expect(token).toMatchInlineSnapshot(`
-    {
-      "attrs": [
-        [
+    Object {
+      "attrs": Array [
+        Array [
           "href",
           "https://example.org/",
         ],

package/src/Utils/walkMarkdownTokens.spec.js

@@ -12,7 +12,7 @@ test('walk every node and add class="markdown"', () => {
   const actual = markdownIt.renderer.render(patchedTree);
 
   expect(actual).toMatchInlineSnapshot(`
-    "<p class="markdown">Hello, <a href="#world" class="markdown">World</a class="markdown">!</p class="markdown">
+    "<p class=\\"markdown\\">Hello, <a href=\\"#world\\" class=\\"markdown\\">World</a class=\\"markdown\\">!</p class=\\"markdown\\">
     "
   `);
 });

package/src/hooks/index.ts

@@ -1,5 +1,3 @@
-import { useTransformHTMLContent } from '../providers/HTMLContentTransformCOR/index';
-import useShouldReduceMotion from '../providers/ReducedMotion/useShouldReduceMotion';
 import useDictateAbortable from './useDictateAbortable';
 import useFocus from './useFocus';
 import useMakeThumbnail from './useMakeThumbnail';
@@ -42,11 +40,9 @@ export {
   useSendFiles,
   // We are overwriting the `useSendMessage` hook from bf-wc-api and adding thumbnailing support.
   useSendMessage,
-  useShouldReduceMotion,
   useStyleSet,
   useTextBoxSubmit,
   useTextBoxValue,
-  useTransformHTMLContent,
   useTypingIndicatorVisible,
   useWebSpeechPonyfill
 };

package/src/hooks/internal/UITracker.js

@@ -24,7 +24,7 @@ const Tracker = () => {
     trackDimension('prop:speechSynthesis', !!speechSynthesisCapability + '');
   }, [trackDimension, speechRecognitionCapability, speechSynthesisCapability]);
 
-  return null;
+  return false;
 };
 
 export default Tracker;

package/src/hooks/internal/WebChatUIContext.ts

@@ -3,25 +3,7 @@ import { createContext, type MutableRefObject } from 'react';
 import { type FocusTranscriptInit } from '../../types/internal/FocusTranscriptInit';
 
 export type ContextType = {
-  focusTranscriptCallbacksRef: MutableRefObject<((init?: FocusTranscriptInit | undefined) => Promise<void>)[]>;
-  nonce: string | undefined;
-
-  // TODO: [P0] Infer the following types.
-  dictateAbortable: any;
-  dispatchScrollPosition: any;
-  dispatchTranscriptFocusByActivityKey: any;
-  internalMarkdownItState: [any];
-  internalRenderMarkdownInline: any;
-  numTranscriptFocusObservers: any;
-  observeScrollPosition: any;
-  observeTranscriptFocus: any;
-  renderMarkdown: any;
-  scrollToCallbacksRef: any;
-  scrollToEndCallbacksRef: any;
-  setDictateAbortable: any;
-  styleSet: any;
-  suggestedActionsAccessKey: any;
-  webSpeechPonyfill: any;
+  focusTranscriptCallbacksRef: MutableRefObject<((init: FocusTranscriptInit) => Promise<void>)[]>;
 };
 
 const context = createContext<ContextType>(undefined as ContextType);

package/src/hooks/internal/createWaitUntilable.spec.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-
 import createWaitUntilable, { type WaitUntilable } from './createWaitUntilable';
 
 type Deferred<T> = {
@@ -38,7 +36,7 @@ describe('with no waitUntil()', () => {
 });
 
 describe('With a single waitUntil()', () => {
-  let event: WaitUntilable<any>;
+  let event: WaitUntilable<{}>;
   let getPromise: () => Promise<void>;
   let promise: Promise<void>;
   let deferred: Deferred<void>;
@@ -61,7 +59,7 @@ describe('With a single waitUntil()', () => {
 });
 
 describe('With nested waitUntil()', () => {
-  let event: WaitUntilable<any>;
+  let event: WaitUntilable<{}>;
   let getPromise: () => Promise<void>;
   let promise: Promise<void>;
   let deferred1: Deferred<void>;

package/src/hooks/internal/createWaitUntilable.ts

@@ -1,6 +1,6 @@
 export type WaitUntilable<T> = T & { waitUntil: (promise: Promise<void>) => void };
 
-export default function createWaitUntilable<T extends Record<any, any>>(
+export default function createWaitUntilable<T extends object>(
   object: T
 ): readonly [WaitUntilable<T>, () => Promise<void>] {
   const allPromises: Promise<void>[] = [];

package/src/hooks/internal/private/createOnEventShim.spec.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-
 import createOnEventShim from './createOnEventShim';
 
 describe('A shimmed event target', () => {

package/src/hooks/internal/useForceRenderAtInterval.ts

@@ -1,11 +1,11 @@
 import { hooks } from 'botframework-webchat-api';
-import random from 'math-random';
 import { useCallback, useState } from 'react';
+import random from 'math-random';
 
 import useTimer from './useTimer';
 
-import type { GlobalScopePonyfill } from 'botframework-webchat-core';
 import type { Dispatch, SetStateAction } from 'react';
+import type { GlobalScopePonyfill } from 'botframework-webchat-core';
 
 const { usePonyfill } = hooks;
 
@@ -16,8 +16,8 @@ const { usePonyfill } = hooks;
 
 // False positive: we are using `Date` as a type.
 // eslint-disable-next-line no-restricted-globals
-function nextTimer(origin: Date, interval: number, { Date }: GlobalScopePonyfill): number {
-  const time = origin.getTime();
+function nextTimer(origin: Date | number | string, interval: number, { Date }: GlobalScopePonyfill): number {
+  const time = new Date(origin).getTime();
   const now = Date.now();
 
   return time > now ? time : now + interval - ((now - time) % interval);
@@ -26,9 +26,9 @@ function nextTimer(origin: Date, interval: number, { Date }: GlobalScopePonyfill
 export default function useForceRenderAtInterval(
   // False positive: we are using `Date` as a type.
   // eslint-disable-next-line no-restricted-globals
-  origin: Date,
+  origin: Date | number | string,
   interval: number,
-  fn?: (() => void) | undefined
+  fn: () => void
 ): [number, Dispatch<SetStateAction<number>>] {
   const [ponyfill] = usePonyfill();
   const [timer, setTimer] = useState<number>(nextTimer(origin, interval, ponyfill));

package/src/hooks/internal/useMemoWithPrevious.ts

@@ -0,0 +1,16 @@
+import { useEffect, useMemo, useRef } from 'react';
+
+import type { DependencyList } from 'react';
+
+export default function useMemoWithPrevious<T>(factory: (prevValue: T) => T, deps: DependencyList): T {
+  const prevValueRef = useRef<T>();
+  // We are building a `useMemo`-like hook, `deps` is passed as-is and `factory` is not one fo the dependencies.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const value = useMemo<T>(() => factory(prevValueRef.current), deps);
+
+  useEffect(() => {
+    prevValueRef.current = value;
+  });
+
+  return value;
+}

package/src/hooks/internal/useMemoized.spec.jsx

@@ -1,7 +1,7 @@
-/** @jest-environment @happy-dom/jest-environment */
-
+/** @jest-environment jsdom */
+/* eslint-disable react/prop-types */
+/* eslint-disable no-undef */
 /* eslint no-magic-numbers: "off" */
-
 import React from 'react';
 import { render } from 'react-dom';
 import { act } from 'react-dom/test-utils';

package/src/hooks/internal/useMemoized.ts

@@ -62,7 +62,7 @@ export default function useMemoized<TFinal, TArgs>(fn: Fn<TArgs, TFinal>, deps:
       return memoizedFn;
     },
     // Concat our deps with passed deps, so the memo callback runs when anything changes
-    /* eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo */
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [fnRef, cacheRef, nextCacheRef, ...deps]
   );
 

package/src/hooks/internal/useNonce.js

@@ -0,0 +1,7 @@
+import useWebChatUIContext from './useWebChatUIContext';
+
+export default function useNonce() {
+  const { nonce } = useWebChatUIContext();
+
+  return [nonce];
+}

package/src/hooks/internal/useObserveFocusVisible.ts

@@ -218,6 +218,7 @@ function useObserveFocusVisibleForModernBrowsers(
 
     if (
       // "msMatchesSelector" is vendor-prefixed version of "matches".
+      // eslint-disable-next-line dot-notation
       (current.matches || (current['msMatchesSelector'] as (selector: string) => boolean)).call(
         current,
         ':focus-visible'

package/src/hooks/internal/useStateRef.ts

@@ -5,7 +5,7 @@ import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
 export default function useStateRef<T>(
   initialValue?: T
 ): readonly [T, Dispatch<SetStateAction<T>>, MutableRefObject<T>] {
-  const [_, forceRender] = useState<unknown>();
+  const [_, forceRender] = useState<{}>();
   const valueRef: MutableRefObject<T> = useRef<T>(initialValue);
 
   const setter: Dispatch<SetStateAction<T>> = useCallback(

package/src/hooks/internal/useStyleToEmotionObject.js

@@ -0,0 +1,5 @@
+import useWebChatUIContext from './useWebChatUIContext';
+
+export default function useStyleToEmotionObject() {
+  return useWebChatUIContext().styleToEmotionObject;
+}

package/src/hooks/sendBoxFocus.ts

@@ -3,10 +3,6 @@ import { createPropagation } from 'use-propagate';
 
 export type SendBoxFocusOptions = WaitUntilable<{ noKeyboard: boolean }>;
 
-const {
-  PropagationScope: FocusSendBoxScope,
-  useListen: useRegisterFocusSendBox,
-  usePropagate: useFocusSendBox
-} = createPropagation<SendBoxFocusOptions>();
+const { useListen: useRegisterFocusSendBox, usePropagate: useFocusSendBox } = createPropagation<SendBoxFocusOptions>();
 
-export { FocusSendBoxScope, useRegisterFocusSendBox, useFocusSendBox };
+export { useRegisterFocusSendBox, useFocusSendBox };