botframework-webchat-component 4.18.0 → 4.18.1-hotfix.20260127.b53acdf

package/src/providers/TranscriptFocus/TranscriptFocusComposer.tsx

@@ -1,28 +1,19 @@
-import { hooks } from 'botframework-webchat-api';
-import PropTypes from 'prop-types';
 import random from 'math-random';
-import React, { useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import React, { memo, useCallback, useMemo, type MutableRefObject, type ReactNode } from 'react';
 
-import scrollIntoViewWithBlockNearest from '../../Utils/scrollIntoViewWithBlockNearest';
-import TranscriptFocusContext from './private/Context';
-import useActivityTreeWithRenderer from '../ActivityTree/useActivityTreeWithRenderer';
 import usePrevious from '../../hooks/internal/usePrevious';
 import useStateRef from '../../hooks/internal/useStateRef';
 import useValueRef from '../../hooks/internal/useValueRef';
+import scrollIntoViewWithBlockNearest from '../../Utils/scrollIntoViewWithBlockNearest';
+import useRenderingActivityKeys from '../RenderingActivities/useRenderingActivityKeys';
+import TranscriptFocusContext, { type TranscriptFocusContextType } from './private/Context';
 
-import type { FC, MutableRefObject, PropsWithChildren } from 'react';
-import type { TranscriptFocusContextType } from './private/Context';
-
-const { useGetKeyByActivity } = hooks;
-
-type TranscriptFocusComposerProps = PropsWithChildren<{
+type TranscriptFocusComposerProps = Readonly<{
+  children?: ReactNode | undefined;
   containerRef: MutableRefObject<HTMLElement>;
 }>;
 
-function last<T>(array: ArrayLike<T>) {
-  return array[array.length - 1];
-}
-
 function uniqueId(count = Infinity) {
   return (
     random()
@@ -33,10 +24,9 @@ function uniqueId(count = Infinity) {
   );
 }
 
-const TranscriptFocusComposer: FC<TranscriptFocusComposerProps> = ({ children, containerRef }) => {
-  const [flattenedActivityTree] = useActivityTreeWithRenderer({ flat: true });
+const TranscriptFocusComposer = ({ children, containerRef }: TranscriptFocusComposerProps) => {
+  const [renderingActivityKeys] = useRenderingActivityKeys();
   const [_, setRawFocusedActivityKey, rawFocusedActivityKeyRef] = useStateRef<string | undefined>();
-  const getKeyByActivity = useGetKeyByActivity();
 
   // As we need to use IDREF for `aria-activedescendant`,
   // this prefix will differentiate multiple instances of transcript on the same page.
@@ -48,11 +38,6 @@ const TranscriptFocusComposer: FC<TranscriptFocusComposerProps> = ({ children, c
     [prefix]
   );
 
-  const renderingActivityKeys = useMemo<readonly string[]>(
-    () => Object.freeze(flattenedActivityTree.map(({ activity }) => getKeyByActivity(activity))),
-    [flattenedActivityTree, getKeyByActivity]
-  );
-
   const renderingActivityKeysRef = useValueRef<readonly string[]>(renderingActivityKeys);
 
   // While the transcript or any descendants are not focused, if the transcript is updated, reset the user-selected active descendant.
@@ -66,7 +51,9 @@ const TranscriptFocusComposer: FC<TranscriptFocusComposerProps> = ({ children, c
   const { current: rawFocusedActivityKey } = rawFocusedActivityKeyRef;
 
   const focusedActivityKey = useMemo<string>(
-    () => (renderingActivityKeys.includes(rawFocusedActivityKey) ? rawFocusedActivityKey : last(renderingActivityKeys)),
+    () =>
+      // eslint-disable-next-line no-magic-numbers
+      renderingActivityKeys.includes(rawFocusedActivityKey) ? rawFocusedActivityKey : renderingActivityKeys.at(-1),
     [renderingActivityKeys, rawFocusedActivityKey]
   );
 
@@ -97,7 +84,8 @@ const TranscriptFocusComposer: FC<TranscriptFocusComposerProps> = ({ children, c
         const activeDescendantId = getDescendantIdByActivityKey(
           activityKey === false
             ? // If "activityKey" is false, it means "focus nothing and reset it to the last activity".
-              last(renderingActivityKeysRef.current)
+              // eslint-disable-next-line no-magic-numbers
+              renderingActivityKeysRef.current.at(-1)
             : activityKey && activityKey !== true
               ? // If "activity" is not "undefined" and not "true", it means "focus on this activity".
                 activityKey
@@ -168,6 +156,8 @@ const TranscriptFocusComposer: FC<TranscriptFocusComposerProps> = ({ children, c
   return <TranscriptFocusContext.Provider value={contextValue}>{children}</TranscriptFocusContext.Provider>;
 };
 
+TranscriptFocusComposer.displayName = 'TranscriptFocusComposer';
+
 TranscriptFocusComposer.propTypes = {
   // PropTypes is not fully compatible with TypeScript.
   // @ts-ignore
@@ -176,4 +166,4 @@ TranscriptFocusComposer.propTypes = {
   }).isRequired
 };
 
-export default TranscriptFocusComposer;
+export default memo(TranscriptFocusComposer);

package/src/providers/TranscriptFocus/useFocusRelativeActivity.ts

@@ -1,5 +1,5 @@
 import useTranscriptFocusContext from './private/useContext';
 
-export default function useFocusByActivityKey(): (delta: number) => void {
+export default function useFocusRelativeActivity(): (delta: number) => void {
   return useTranscriptFocusContext().focusRelativeActivity;
 }

package/src/providers/createContextAndHook.ts

@@ -0,0 +1,23 @@
+import { createContext, useContext as reactUseContext, type Context } from 'react';
+
+export default function createContextAndHook<T extends object>(
+  displayName: string
+): Readonly<{
+  contextComponentType: Context<T>;
+  useContext: () => T;
+}> {
+  const contextComponentType = createContext<T>(
+    new Proxy({} as T, {
+      get() {
+        throw new Error(`botframework-webchat: This hook can only be used under <${displayName}>`);
+      }
+    })
+  );
+
+  contextComponentType.displayName = displayName;
+
+  return {
+    contextComponentType,
+    useContext: (): T => reactUseContext(contextComponentType)
+  };
+}

package/src/providers/internal/SendBox/SendBoxComposer.tsx

@@ -1,17 +1,17 @@
 import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
-import React, { useCallback, useEffect, useMemo, useRef, useState, type PropsWithChildren } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';
 import { useRefFrom } from 'use-ref-from';
 
-import useStyleToEmotionObject from '../../../hooks/internal/useStyleToEmotionObject';
+import { useStyleToEmotionObject } from '../../../hooks/internal/styleToEmotionObject';
 import useUniqueId from '../../../hooks/internal/useUniqueId';
 import useFocus from '../../../hooks/useFocus';
 import useScrollToEnd from '../../../hooks/useScrollToEnd';
+import { useLiveRegion } from '../../../providers/LiveRegionTwin';
 import SendBoxContext from './private/Context';
 import { type ContextType, type SendError } from './private/types';
 
-const { useConnectivityStatus, useLocalizer, usePonyfill, useSendBoxAttachments, useSendBoxValue, useSubmitSendBox } =
-  hooks;
+const { useConnectivityStatus, useLocalizer, useSendBoxAttachments, useSendBoxValue, useSubmitSendBox } = hooks;
 
 const SUBMIT_ERROR_MESSAGE_STYLE = {
   '&.webchat__submit-error-message': {
@@ -31,13 +31,6 @@ const SUBMIT_ERROR_MESSAGE_STYLE = {
   }
 };
 
-// False positive: we are using `setTimeout` as a type.
-// eslint-disable-next-line no-restricted-globals
-type Timeout = ReturnType<typeof setTimeout>;
-
-const TIME_TO_QUEUE_ERROR_MESSAGE = 500;
-const TIME_TO_RESET_ERROR_MESSAGE = 50;
-
 // This component is marked as internal because it is not fully implemented and is not ready to be consumed publicly.
 // When it is done, it should provide and replace all the functionalities we did in Redux, including but not limited to:
 
@@ -54,9 +47,10 @@ const TIME_TO_RESET_ERROR_MESSAGE = 50;
 
 type ErrorMessageStringMap = ReadonlyMap<SendError, string>;
 
+type SendBoxComposerProps = Readonly<{ children?: ReactNode | undefined }>;
+
 // TODO: [P2] Complete this component.
-const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
-  const [{ clearTimeout, setTimeout }] = usePonyfill();
+const SendBoxComposer = ({ children }: SendBoxComposerProps) => {
   const [attachments] = useSendBoxAttachments();
   const [connectivityStatus] = useConnectivityStatus();
   const [error, setError] = useState<SendError | false>(false);
@@ -67,7 +61,6 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
   const scrollToEnd = useScrollToEnd();
   const styleToEmotionObject = useStyleToEmotionObject();
   const submitErrorMessageId = useUniqueId('webchat__send-box__error-message-id');
-  const timeoutRef = useRef<readonly [Timeout, Timeout] | undefined>(undefined);
 
   const errorMessageStringMap = useMemo<ErrorMessageStringMap>(
     () =>
@@ -81,15 +74,12 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
   );
   const focusRef = useRefFrom(focus);
   const scrollToEndRef = useRefFrom(scrollToEnd);
-  const setErrorRef = useRef<typeof setError | undefined>(setError);
   const submitErrorMessageClassName = styleToEmotionObject(SUBMIT_ERROR_MESSAGE_STYLE) + '';
   const submitErrorMessageIdState = useMemo<readonly [string | undefined]>(
     () => Object.freeze([error ? submitErrorMessageId : undefined]) as readonly [string | undefined],
     [error, submitErrorMessageId]
   );
 
-  setErrorRef.current = setError;
-
   const submitErrorRef = useRefFrom<'empty' | 'offline' | undefined>(
     connectivityStatus !== 'connected' && connectivityStatus !== 'reconnected'
       ? 'offline'
@@ -104,30 +94,14 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
         focusRef.current?.(setFocus === 'main' || setFocus === 'sendBox' ? setFocus : 'sendBoxWithoutKeyboard');
 
       const { current: submitError } = submitErrorRef;
+      setError(submitError ?? false);
 
-      if (submitError) {
-        timeoutRef.current && timeoutRef.current.forEach(clearTimeout);
-
-        setErrorRef.current?.(false);
-
-        timeoutRef.current = Object.freeze([
-          setTimeout(() => setErrorRef.current?.(submitError), TIME_TO_RESET_ERROR_MESSAGE),
-          setTimeout(() => setErrorRef.current?.(false), TIME_TO_QUEUE_ERROR_MESSAGE)
-        ]) as readonly [Timeout, Timeout];
-      } else {
+      if (!submitError) {
         scrollToEndRef.current?.();
         apiSubmitSendBox();
       }
     },
-    [apiSubmitSendBox, clearTimeout, focusRef, scrollToEndRef, setErrorRef, setTimeout, submitErrorRef, timeoutRef]
-  );
-
-  useEffect(
-    // Prevent `setTimeout()` from firing after unmount.
-    () => () => {
-      setErrorRef.current = undefined;
-    },
-    [setErrorRef]
+    [apiSubmitSendBox, focusRef, scrollToEndRef, submitErrorRef]
   );
 
   const context = useMemo(
@@ -138,6 +112,21 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
     [submit, submitErrorMessageIdState]
   );
 
+  const hasValue = !!sendBoxValue?.trim();
+
+  useEffect(() => {
+    if (error === 'empty' && hasValue) {
+      setError(false);
+    }
+  }, [error, hasValue]);
+
+  const errorMessage = error && errorMessageStringMap.get(error);
+
+  useLiveRegion(
+    () => errorMessage && <div className={classNames('webchat__submit-error-message__status')}>{errorMessage}</div>,
+    [errorMessage]
+  );
+
   return (
     <SendBoxContext.Provider value={context}>
       {children}
@@ -146,7 +135,6 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
         // "id" is required for "aria-errormessage" as IDREF.
         // eslint-disable-next-line react/forbid-dom-props
         id={submitErrorMessageId}
-        role="alert"
       >
         {error ? errorMessageStringMap.get(error) : ''}
       </span>
@@ -154,4 +142,6 @@ const SendBoxComposer = ({ children }: PropsWithChildren<{}>) => {
   );
 };
 
-export default SendBoxComposer;
+SendBoxComposer.displayName = 'SendBoxComposer';
+
+export default memo(SendBoxComposer);

package/src/testIds.ts

@@ -0,0 +1,11 @@
+const testIds = {
+  codeBlockCopyButton: 'code block copy button',
+  copyButton: 'copy button',
+  sendBoxSpeechBox: 'send box speech box',
+  sendBoxTextBox: 'send box text area',
+  typingIndicator: 'typing indicator',
+  viewCodeButton: 'view code button',
+  feedbackSendBox: 'feedback sendbox'
+};
+
+export default testIds;

package/src/tsconfig.json

@@ -1,18 +1,15 @@
 {
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
-    "declaration": true,
-    "declarationDir": "../lib",
-    "declarationMap": true,
     "downlevelIteration": true,
-    "emitDeclarationOnly": true,
     "jsx": "react",
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "preserveWatchOutput": true,
-    "pretty": true,
+    "noEmit": true,
     "skipLibCheck": true,
-    "sourceMap": true,
     "target": "ESNext"
-  }
+  },
+  "extends": [
+		"botframework-webchat-styles/tsconfig.json"
+	]
 }

package/src/types/internal/mutableRefObject.ts

@@ -0,0 +1,33 @@
+import {
+  any,
+  check,
+  object,
+  pipe,
+  safeParse,
+  type BaseIssue,
+  type BaseSchema,
+  type ErrorMessage,
+  type InferOutput,
+  type ObjectIssue
+} from 'valibot';
+
+function mutableRefObject<TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>>(
+  baseSchema: TInput
+): BaseSchema<unknown, { current: InferOutput<TInput> }, BaseIssue<undefined>>;
+
+function mutableRefObject<
+  TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>,
+  const TMessage extends ErrorMessage<ObjectIssue> | undefined
+>(baseSchema: TInput, message: TMessage): BaseSchema<unknown, { current: InferOutput<TInput> }, BaseIssue<TMessage>>;
+
+function mutableRefObject<
+  TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>,
+  const TMessage extends ErrorMessage<ObjectIssue> | undefined
+>(baseSchema: TInput, message?: TMessage): BaseSchema<unknown, { current: InferOutput<TInput> }, BaseIssue<TMessage>> {
+  return pipe(
+    any(),
+    check(value => safeParse(object({ current: baseSchema }, message), value).success)
+  );
+}
+
+export default mutableRefObject;

package/src/types/internal/reactNode.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import { custom, type CustomIssue, type CustomSchema, type ErrorMessage } from 'valibot';
+
+function reactNode(): CustomSchema<ReactNode, undefined>;
+
+function reactNode<
+  const TMessage extends ErrorMessage<CustomIssue> | undefined = ErrorMessage<CustomIssue> | undefined
+>(message: TMessage): CustomSchema<ReactNode, TMessage>;
+
+function reactNode<
+  const TMessage extends ErrorMessage<CustomIssue> | undefined = ErrorMessage<CustomIssue> | undefined
+>(message?: TMessage): CustomSchema<ReactNode, TMessage> {
+  return custom<ReactNode, TMessage>(() => true, message);
+}
+
+export default reactNode;

package/src/types/internal/refObject.ts

@@ -0,0 +1,40 @@
+import {
+  any,
+  check,
+  object,
+  pipe,
+  readonly,
+  safeParse,
+  type BaseIssue,
+  type BaseSchema,
+  type ErrorMessage,
+  type InferOutput,
+  type ObjectIssue
+} from 'valibot';
+
+function refObject<TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>>(
+  baseSchema: TInput
+): BaseSchema<unknown, { get current(): InferOutput<TInput> }, BaseIssue<undefined>>;
+
+function refObject<
+  TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>,
+  const TMessage extends ErrorMessage<ObjectIssue> | undefined
+>(
+  baseSchema: TInput,
+  message: TMessage
+): BaseSchema<unknown, { get current(): InferOutput<TInput> }, BaseIssue<TMessage>>;
+
+function refObject<
+  TInput extends BaseSchema<unknown, unknown, BaseIssue<unknown>>,
+  const TMessage extends ErrorMessage<ObjectIssue> | undefined
+>(
+  baseSchema: TInput,
+  message?: TMessage
+): BaseSchema<unknown, { get current(): InferOutput<TInput> }, BaseIssue<TMessage>> {
+  return pipe(
+    any(),
+    check(value => safeParse(pipe(object({ current: baseSchema }, message), readonly()), value).success)
+  );
+}
+
+export default refObject;

package/dist/chunk-X37JABN5.mjs

@@ -1,5 +0,0 @@
-var o=Object.defineProperty;var a=(e,r)=>{for(var n in r)o(e,n,{get:r[n],enumerable:!0})};function i(e){return new DOMParser().parseFromString(e,"text/html")}function s(e){let r=new XMLSerializer,n=[];for(let t of e.body.children)n.push(r.serializeToString(t));return`${n.join(`
-`)}
-`}export{a,i as b,s as c};
-/*! For license information please see chunk-X37JABN5.mjs.LEGAL.txt */
-//# sourceMappingURL=chunk-X37JABN5.mjs.map

package/dist/chunk-X37JABN5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Utils/parseDocumentFromString.ts","../src/Utils/serializeDocumentIntoString.ts"],"sourcesContent":["export default function parseDocumentFromString(html: string): Document {\n  const parser = new DOMParser();\n\n  return parser.parseFromString(html, 'text/html');\n}\n","export default function serializeDocumentIntoString(document: Document): string {\n  const serializer = new XMLSerializer();\n  const elementHTML: string[] = [];\n\n  for (const element of document.body.children) {\n    elementHTML.push(serializer.serializeToString(element));\n  }\n\n  return `${elementHTML.join('\\n')}\\n`;\n}\n"],"mappings":"0FAAe,SAARA,EAAyCC,EAAwB,CAGtE,OAFe,IAAI,UAAU,EAEf,gBAAgBA,EAAM,WAAW,CACjD,CCJe,SAARC,EAA6CC,EAA4B,CAC9E,IAAMC,EAAa,IAAI,cACjBC,EAAwB,CAAC,EAE/B,QAAWC,KAAWH,EAAS,KAAK,SAClCE,EAAY,KAAKD,EAAW,kBAAkBE,CAAO,CAAC,EAGxD,MAAO,GAAGD,EAAY,KAAK;AAAA,CAAI,CAAC;AAAA,CAClC","names":["parseDocumentFromString","html","serializeDocumentIntoString","document","serializer","elementHTML","element"]}

package/lib/Activity/Avatar.d.ts

@@ -1,10 +0,0 @@
-import { VFC } from 'react';
-type AvatarProps = {
-    'aria-hidden'?: boolean;
-    className?: string;
-    fromUser?: boolean;
-};
-/** @deprecated Please use `useRenderAvatar` hook instead. */
-declare const Avatar: VFC<AvatarProps>;
-export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/lib/Activity/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Activity/Avatar.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAInC,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,6DAA6D;AAC7D,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC,WAAW,CAM5B,CAAC;AAcF,eAAe,MAAM,CAAC"}

package/lib/Activity/Avatar.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _createCoreMiddleware = require("../Middleware/Avatar/createCoreMiddleware");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/** @deprecated Please use `useRenderAvatar` hook instead. */
-var Avatar = function Avatar(_ref) {
-  var ariaHidden = _ref['aria-hidden'],
-    className = _ref.className,
-    fromUser = _ref.fromUser;
-  console.warn('botframework-webchat: <Avatar> component is deprecated and will be removed on or after 2022-02-25. Please use `useRenderAvatar` hook instead.');
-  return /*#__PURE__*/_react.default.createElement(_createCoreMiddleware.DefaultAvatar, {
-    "aria-hidden": ariaHidden,
-    className: className,
-    fromUser: fromUser
-  });
-};
-Avatar.defaultProps = {
-  'aria-hidden': false,
-  className: '',
-  fromUser: false
-};
-Avatar.propTypes = {
-  'aria-hidden': _propTypes.default.bool,
-  className: _propTypes.default.string,
-  fromUser: _propTypes.default.bool
-};
-var _default = Avatar;
-exports.default = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfcmVhY3QiLCJfY3JlYXRlQ29yZU1pZGRsZXdhcmUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIkF2YXRhciIsIl9yZWYiLCJhcmlhSGlkZGVuIiwiY2xhc3NOYW1lIiwiZnJvbVVzZXIiLCJjb25zb2xlIiwid2FybiIsImNyZWF0ZUVsZW1lbnQiLCJEZWZhdWx0QXZhdGFyIiwiZGVmYXVsdFByb3BzIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYm9vbCIsInN0cmluZyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL0FjdGl2aXR5L0F2YXRhci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBWRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IERlZmF1bHRBdmF0YXIgfSBmcm9tICcuLi9NaWRkbGV3YXJlL0F2YXRhci9jcmVhdGVDb3JlTWlkZGxld2FyZSc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSB7XG4gICdhcmlhLWhpZGRlbic/OiBib29sZWFuO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGZyb21Vc2VyPzogYm9vbGVhbjtcbn07XG5cbi8qKiBAZGVwcmVjYXRlZCBQbGVhc2UgdXNlIGB1c2VSZW5kZXJBdmF0YXJgIGhvb2sgaW5zdGVhZC4gKi9cbmNvbnN0IEF2YXRhcjogVkZDPEF2YXRhclByb3BzPiA9ICh7ICdhcmlhLWhpZGRlbic6IGFyaWFIaWRkZW4sIGNsYXNzTmFtZSwgZnJvbVVzZXIgfSkgPT4ge1xuICBjb25zb2xlLndhcm4oXG4gICAgJ2JvdGZyYW1ld29yay13ZWJjaGF0OiA8QXZhdGFyPiBjb21wb25lbnQgaXMgZGVwcmVjYXRlZCBhbmQgd2lsbCBiZSByZW1vdmVkIG9uIG9yIGFmdGVyIDIwMjItMDItMjUuIFBsZWFzZSB1c2UgYHVzZVJlbmRlckF2YXRhcmAgaG9vayBpbnN0ZWFkLidcbiAgKTtcblxuICByZXR1cm4gPERlZmF1bHRBdmF0YXIgYXJpYS1oaWRkZW49e2FyaWFIaWRkZW59IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBmcm9tVXNlcj17ZnJvbVVzZXJ9IC8+O1xufTtcblxuQXZhdGFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgJ2FyaWEtaGlkZGVuJzogZmFsc2UsXG4gIGNsYXNzTmFtZTogJycsXG4gIGZyb21Vc2VyOiBmYWxzZVxufTtcblxuQXZhdGFyLnByb3BUeXBlcyA9IHtcbiAgJ2FyaWEtaGlkZGVuJzogUHJvcFR5cGVzLmJvb2wsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgZnJvbVVzZXI6IFByb3BUeXBlcy5ib29sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBBdmF0YXI7XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFFLHFCQUFBLEdBQUFGLE9BQUE7QUFBMEUsU0FBQUQsdUJBQUFJLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFRMUU7QUFDQSxJQUFNRyxNQUF3QixHQUFHLFNBQTNCQSxNQUF3QkEsQ0FBQUMsSUFBQSxFQUEyRDtFQUFBLElBQXRDQyxVQUFVLEdBQUFELElBQUEsQ0FBekIsYUFBYTtJQUFjRSxTQUFTLEdBQUFGLElBQUEsQ0FBVEUsU0FBUztJQUFFQyxRQUFRLEdBQUFILElBQUEsQ0FBUkcsUUFBUTtFQUNoRkMsT0FBTyxDQUFDQyxJQUFJLENBQ1YsK0lBQ0YsQ0FBQztFQUVELG9CQUFPWCxNQUFBLENBQUFJLE9BQUEsQ0FBQVEsYUFBQSxDQUFDWCxxQkFBQSxDQUFBWSxhQUFhO0lBQUMsZUFBYU4sVUFBVztJQUFDQyxTQUFTLEVBQUVBLFNBQVU7SUFBQ0MsUUFBUSxFQUFFQTtFQUFTLENBQUUsQ0FBQztBQUM3RixDQUFDO0FBRURKLE1BQU0sQ0FBQ1MsWUFBWSxHQUFHO0VBQ3BCLGFBQWEsRUFBRSxLQUFLO0VBQ3BCTixTQUFTLEVBQUUsRUFBRTtFQUNiQyxRQUFRLEVBQUU7QUFDWixDQUFDO0FBRURKLE1BQU0sQ0FBQ1UsU0FBUyxHQUFHO0VBQ2pCLGFBQWEsRUFBRUMsa0JBQVMsQ0FBQ0MsSUFBSTtFQUM3QlQsU0FBUyxFQUFFUSxrQkFBUyxDQUFDRSxNQUFNO0VBQzNCVCxRQUFRLEVBQUVPLGtCQUFTLENBQUNDO0FBQ3RCLENBQUM7QUFBQyxJQUFBRSxRQUFBLEdBRWFkLE1BQU07QUFBQWUsT0FBQSxDQUFBaEIsT0FBQSxHQUFBZSxRQUFBIn0=

package/lib/Activity/Bubble.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-type BubbleProps = {
-    'aria-hidden'?: boolean;
-    children?: ReactNode;
-    className?: string;
-    fromUser?: boolean;
-    nub?: boolean | 'hidden';
-};
-declare const _default: React.NamedExoticComponent<BubbleProps>;
-export default _default;
-//# sourceMappingURL=Bubble.d.ts.map

package/lib/Activity/Bubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../src/Activity/Bubble.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAQ,MAAM,OAAO,CAAC;AA2DnD,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;;AAyEF,wBAA4B"}