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

package/src/ActivityFeedback/providers/ActivityFeedbackComposer.tsx

@@ -1,372 +0,0 @@
-import { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import { hooks } from 'botframework-webchat-api';
-import { orgSchemaActionSchema, type OrgSchemaAction } from 'botframework-webchat-core/org-schema.js';
-import { getOrgSchemaMessage, type WebChatActivity } from 'botframework-webchat-core';
-import { isOfType } from 'botframework-webchat-core/json-ld.js';
-import random from 'math-random';
-import React, { memo, useCallback, useMemo, useRef, useState, type Dispatch, type SetStateAction } from 'react';
-import { wrapWith } from 'react-wrap-with';
-import { useRefFrom } from 'use-ref-from';
-import { useStateWithRef } from 'use-state-with-ref';
-import { custom, is, object, optional, parse, pipe, readonly, safeParse, type InferInput } from 'valibot';
-
-import dereferenceBlankNodes from '../../Utils/JSONLinkedData/dereferenceBlankNodes';
-import canActionResubmit from '../private/canActionResubmit';
-import getDisclaimerFromFeedbackLoop from '../private/getDisclaimerFromFeedbackLoop';
-import hasFeedbackLoop from '../private/hasFeedbackLoop';
-import isActionRequireReview from '../private/isActionRequireReview';
-import ActivityFeedbackContext, { type ActivityFeedbackContextType } from './private/ActivityFeedbackContext';
-import { ActivityFeedbackFocusPropagationScope, usePropagateActivityFeedbackFocus } from './private/FocusPropagation';
-
-const { usePonyfill, usePostActivity } = hooks;
-
-const activityFeedbackComposerPropsSchema = pipe(
-  object({
-    activity: custom<WebChatActivity>(value => is(object({}), value)),
-    children: optional(reactNode())
-  }),
-  readonly()
-);
-
-type ActivityFeedbackComposerProps = InferInput<typeof activityFeedbackComposerPropsSchema>;
-
-type ActionState = Readonly<{
-  actionId: string;
-  actionStatus: 'CompletedActionStatus' | 'ActiveActionStatus';
-}>;
-
-const DEBOUNCE_TIMEOUT = 500;
-
-/**
- * Patch `OrgSchemaAction` for simpler logic down the road:
- *
- * 1. If no `@id`, generate a random `@id`
- * 2. If `channelData.feedbackLoop.disclaimer` presents (a deprecated property), move it to `action.result.description`
- *
- * @param activity Activity to read `channelData`
- * @param actions Actions to patch
- * @returns New instances of patched actions
- */
-function patchActions(activity: WebChatActivity, actions: readonly OrgSchemaAction[]): readonly OrgSchemaAction[] {
-  actions = actions.map(action =>
-    // eslint-disable-next-line no-magic-numbers
-    action['@id'] ? action : Object.freeze({ ...action, '@id': `_:${random().toString(36).substring(2, 7)}` })
-  );
-
-  const deprecatedFeedbackLoopChannelData = activity.channelData?.feedbackLoop;
-
-  if (deprecatedFeedbackLoopChannelData) {
-    // TODO: Find the date we deprecated the channelData.
-    console.warn(
-      'botframework-webchat: `channelData.feedbackLoop` is deprecated, use `entities[@type="Message"][@id=""].potentialAction[@type="Action"].result[@type="UserReview"].description instead. It will be removed on or after YYYY-MM-DD.'
-    );
-
-    actions = actions.map(action =>
-      action.result
-        ? action
-        : parse(orgSchemaActionSchema, {
-            ...action,
-            result: {
-              '@type': 'UserReview',
-              reviewAspect: deprecatedFeedbackLoopChannelData.disclaimer
-            }
-          })
-    );
-  }
-
-  return Object.freeze(actions);
-}
-
-function ActivityFeedbackComposer(props: ActivityFeedbackComposerProps) {
-  const { children, activity: activityFromProps } = validateProps(activityFeedbackComposerPropsSchema, props);
-
-  const [{ clearTimeout, setTimeout }] = usePonyfill();
-  const [feedbackText, setFeedbackText, feedbackTextRef] = useStateWithRef<string | undefined>();
-  const activity: WebChatActivity = useMemo(
-    () =>
-      // Force enable feedback loop until service fixed their issue.
-      hasFeedbackLoop(activityFromProps)
-        ? Object.freeze({
-            ...activityFromProps,
-            entities: [
-              {
-                '@context': 'https://schema.org',
-                '@id': '',
-                '@type': 'Message',
-                type: 'https://schema.org/Message',
-                keywords: [],
-                potentialAction: [
-                  {
-                    '@type': 'LikeAction',
-                    actionStatus: 'PotentialActionStatus',
-                    result: [
-                      {
-                        '@type': 'UserReview',
-                        reviewAspect: getDisclaimerFromFeedbackLoop(activityFromProps)
-                      }
-                    ]
-                  },
-                  {
-                    '@type': 'DislikeAction',
-                    actionStatus: 'PotentialActionStatus',
-                    result: [
-                      {
-                        '@type': 'UserReview',
-                        reviewAspect: getDisclaimerFromFeedbackLoop(activityFromProps)
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          })
-        : activityFromProps,
-    [activityFromProps]
-  );
-
-  const activityRef = useRefFrom(activity);
-
-  const actionStateRef = useRef<ActionState | undefined>(undefined);
-  const [_, setForceRefresh] = useState({});
-
-  const setActionStateWithRefresh = useCallback(
-    (actionState: ActionState | undefined) => {
-      actionStateRef.current = actionState;
-      setForceRefresh({});
-    },
-    [actionStateRef, setForceRefresh]
-  );
-
-  const rawActions = useMemo<readonly OrgSchemaAction[]>(() => {
-    try {
-      const graph = dereferenceBlankNodes(activity.entities || []);
-      const messageThing = getOrgSchemaMessage(graph);
-
-      const reactActions: readonly OrgSchemaAction[] = Object.freeze(
-        messageThing?.potentialAction.filter(
-          action => isOfType('LikeAction', action) || isOfType('DislikeAction', action)
-        ) ?? []
-      );
-
-      if (reactActions.length) {
-        return patchActions(activity, reactActions);
-      }
-
-      const voteActions = Object.freeze(
-        graph.reduce<OrgSchemaAction[]>((result, item) => {
-          const parseResult = safeParse(orgSchemaActionSchema, item);
-
-          if (parseResult.success) {
-            const { output } = parseResult;
-
-            output.actionOption[0] && result.push(output);
-          }
-
-          return result;
-        }, [])
-        // TODO: Instead of processing VoteAction, convert it to LikeAction/DislikeAction.
-        // .map(action => ({
-        //   ...action,
-        //   '@type': action.actionOption === 'downvote' ? 'DislikeAction' : 'LikeAction'
-        // }))
-      );
-
-      if (voteActions.length) {
-        // VoteAction is deprecated and was never published publicly.
-        return patchActions(activity, voteActions);
-      }
-    } catch (error) {
-      // Intentionally left blank.
-      console.warn('botframework-webchat: Internal error in <ActivityFeedbackComposer>', error);
-    }
-
-    return Object.freeze([]);
-  }, [activity]);
-
-  useMemo(() => {
-    const activeOrCompletedAction = rawActions.find(
-      (action): action is OrgSchemaAction & { actionStatus: ['ActiveActionStatus' | 'CompletedActionStatus'] } =>
-        action.actionStatus[0] === 'ActiveActionStatus' || action.actionStatus[0] === 'CompletedActionStatus'
-    );
-
-    actionStateRef.current = activeOrCompletedAction
-      ? {
-          actionId: activeOrCompletedAction['@id'],
-          actionStatus: activeOrCompletedAction.actionStatus[0]
-        }
-      : undefined;
-  }, [rawActions]);
-
-  // Workaround ESLint on saying actionStateRef.current is redundant when using it directly.
-  const actionStateForActions = actionStateRef.current;
-
-  const actions = useMemo<readonly OrgSchemaAction[]>(
-    () =>
-      Object.freeze(
-        rawActions.map(action =>
-          actionStateForActions && actionStateForActions.actionId === action['@id']
-            ? Object.freeze({ ...action, actionStatus: [actionStateForActions.actionStatus] } satisfies OrgSchemaAction)
-            : action.actionStatus[0] === 'PotentialActionStatus'
-              ? action
-              : Object.freeze({ ...action, actionStatus: ['PotentialActionStatus'] } satisfies OrgSchemaAction)
-        )
-      ),
-    [actionStateForActions, rawActions]
-  );
-
-  const actionsRef = useRefFrom(actions);
-
-  const postActivity = usePostActivity();
-
-  const hasSubmitted = useMemo<boolean>(
-    () => actions.some(action => action.actionStatus[0] === 'CompletedActionStatus'),
-    [actions]
-  );
-
-  const hasSubmittedRef = useRefFrom(hasSubmitted);
-
-  const submit = useCallback(
-    (action: OrgSchemaAction) => {
-      if (actionStateRef.current?.actionStatus === 'CompletedActionStatus') {
-        return console.warn(
-          'botframework-webchat internal: useFeedbackActions().submitCallback() must not be called after feedback is completed, ignoring the call.'
-        );
-      } else if (!actionsRef.current.includes(action)) {
-        return console.warn(
-          'botframework-webchat internal: Cannot submit an action that does not exists in the message, ignoring the call.'
-        );
-      }
-
-      setActionStateWithRefresh(Object.freeze({ actionId: action['@id'], actionStatus: 'CompletedActionStatus' }));
-
-      const { '@id': _id, actionStatus: _actionStatus, ...rest } = action;
-      const { current: feedbackText } = feedbackTextRef;
-      const isLegacyAction = isOfType('VoteAction', action);
-
-      // TODO: We should update this to use W3C Hydra.1
-      if (isActionRequireReview(action)) {
-        postActivity({
-          name: 'message/submitAction',
-          replyToId: activityRef.current.id,
-          type: 'invoke',
-          value: {
-            actionName: 'feedback',
-            actionValue: {
-              feedback: { feedbackText: feedbackText || '' },
-              reaction: isOfType('LikeAction', action) ? 'like' : 'dislike'
-            }
-          }
-        } as any);
-      } else {
-        const entity = isLegacyAction ? rest : action;
-
-        postActivity({
-          entities: [
-            {
-              ...entity,
-              actionOption: entity.actionOption[0], // TODO: Service should accept plural.
-              type: new URL(entity['@type'][0] ?? '', entity['@context'] ?? 'https://schema.org').href
-            }
-          ],
-          name: 'webchat:activity-status/feedback',
-          type: 'event'
-        } as any);
-      }
-    },
-    [actionsRef, actionStateRef, activityRef, feedbackTextRef, postActivity, setActionStateWithRefresh]
-  );
-
-  const selectedAction = useMemo<OrgSchemaAction | undefined>(
-    () =>
-      actions.find(
-        ({ actionStatus }) => actionStatus[0] === 'ActiveActionStatus' || actionStatus[0] === 'CompletedActionStatus'
-      ),
-    [actions]
-  );
-
-  const autoSubmitTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
-
-  const setSelectedAction = useCallback(
-    (action: OrgSchemaAction | undefined) => {
-      // If the action require a UserReview, do not allow resubmit.
-      const shouldAllowResubmit = canActionResubmit(action);
-
-      if (hasSubmittedRef.current && !shouldAllowResubmit) {
-        return console.warn(
-          'botframework-webchat internal: useFeedbackActions().setSelectedAction() must not be called after feedback is completed as it does not allow resubmission, ignoring the call.'
-        );
-      } else if (action && !actionsRef.current.includes(action)) {
-        return console.warn(
-          'botframework-webchat internal: Cannot select an action that does not exists in the message, ignoring the call.'
-        );
-      }
-
-      setActionStateWithRefresh(
-        action
-          ? Object.freeze({
-              actionId: action['@id'],
-              actionStatus: 'ActiveActionStatus'
-            })
-          : undefined
-      );
-
-      if (shouldAllowResubmit) {
-        clearTimeout(autoSubmitTimeoutRef.current);
-
-        if (action?.['@id']) {
-          autoSubmitTimeoutRef.current = setTimeout(
-            () => submit(actionsRef.current.find(({ '@id': id }) => id === action['@id'])),
-            DEBOUNCE_TIMEOUT
-          );
-        }
-      }
-    },
-    [actionsRef, autoSubmitTimeoutRef, clearTimeout, hasSubmittedRef, setActionStateWithRefresh, setTimeout, submit]
-  );
-
-  const selectedActionState = useMemo<readonly [OrgSchemaAction, (action: OrgSchemaAction) => void]>(
-    () => Object.freeze([selectedAction, setSelectedAction]),
-    [selectedAction, setSelectedAction]
-  );
-
-  const actionsState = useMemo<readonly [readonly OrgSchemaAction[]]>(
-    () => Object.freeze([actions] as const),
-    [actions]
-  );
-
-  const feedbackTextState = useMemo<readonly [string, Dispatch<SetStateAction<string>>]>(
-    () => Object.freeze([feedbackText, setFeedbackText]),
-    [feedbackText, setFeedbackText]
-  );
-
-  const hasSubmittedState = useMemo<readonly [boolean]>(() => Object.freeze([hasSubmitted]), [hasSubmitted]);
-
-  const activityState = useMemo<readonly [WebChatActivity]>(() => Object.freeze([activity]), [activity]);
-  const focusFeedbackButton = usePropagateActivityFeedbackFocus();
-
-  const useActions = useCallback(() => actionsState, [actionsState]);
-  const useActivity = useCallback(() => activityState, [activityState]);
-  const useFeedbackText = useCallback(() => feedbackTextState, [feedbackTextState]);
-  const useFocusFeedbackButton = useCallback(() => focusFeedbackButton, [focusFeedbackButton]);
-  const useHasSubmitted = useCallback(() => hasSubmittedState, [hasSubmittedState]);
-  const useSelectedActions = useCallback(() => selectedActionState, [selectedActionState]);
-  const useSubmit = useCallback(() => submit, [submit]);
-
-  const context = useMemo<ActivityFeedbackContextType>(
-    () => ({
-      useActions,
-      useActivity,
-      useFeedbackText,
-      useFocusFeedbackButton,
-      useHasSubmitted,
-      useSelectedAction: useSelectedActions,
-      useSubmit
-    }),
-    [useActions, useActivity, useFeedbackText, useFocusFeedbackButton, useHasSubmitted, useSelectedActions, useSubmit]
-  );
-
-  return <ActivityFeedbackContext.Provider value={context}>{children}</ActivityFeedbackContext.Provider>;
-}
-
-export default memo(wrapWith(ActivityFeedbackFocusPropagationScope)(ActivityFeedbackComposer));
-export { activityFeedbackComposerPropsSchema, type ActivityFeedbackComposerProps };

package/src/ActivityFeedback/providers/private/ActivityFeedbackContext.ts

@@ -1,24 +0,0 @@
-import { type WebChatActivity } from 'botframework-webchat-core';
-import { type OrgSchemaAction } from 'botframework-webchat-core/org-schema.js';
-import { createContext, type Dispatch, type SetStateAction } from 'react';
-
-type ActivityFeedbackContextType = Readonly<{
-  useActions: () => readonly [readonly OrgSchemaAction[]];
-  useActivity: () => readonly [WebChatActivity];
-  useFeedbackText: () => readonly [string, Dispatch<SetStateAction<string>>];
-  useFocusFeedbackButton: () => (action: OrgSchemaAction) => void;
-  useHasSubmitted: () => readonly [boolean];
-  useSelectedAction: () => readonly [OrgSchemaAction, (action: OrgSchemaAction) => void];
-  useSubmit: () => (action: OrgSchemaAction) => void;
-}>;
-
-const ActivityFeedbackContext = createContext<ActivityFeedbackContextType>(
-  new Proxy({} as ActivityFeedbackContextType, {
-    get() {
-      throw new Error('botframework-webchat: This hook can only be used under <ActivityFeedbackContext>');
-    }
-  })
-);
-
-export default ActivityFeedbackContext;
-export { type ActivityFeedbackContextType };

package/src/ActivityFeedback/providers/private/FocusPropagation.ts

@@ -1,10 +0,0 @@
-import { type OrgSchemaAction } from 'botframework-webchat-core/org-schema.js';
-import { createPropagation } from 'use-propagate';
-
-const {
-  PropagationScope: ActivityFeedbackFocusPropagationScope,
-  useListen: useListenToActivityFeedbackFocus,
-  usePropagate: usePropagateActivityFeedbackFocus
-} = createPropagation<OrgSchemaAction>();
-
-export { ActivityFeedbackFocusPropagationScope, useListenToActivityFeedbackFocus, usePropagateActivityFeedbackFocus };

package/src/ActivityFeedback/providers/useActivityFeedbackHooks.ts

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import ActivityFeedbackContext, { type ActivityFeedbackContextType } from './private/ActivityFeedbackContext';
-
-export default function useActivityFeedbackHooks(): ActivityFeedbackContextType {
-  return useContext(ActivityFeedbackContext);
-}

package/src/ActivityStatus/AbsoluteTime.tsx

@@ -1,37 +0,0 @@
-import { validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import { hooks } from 'botframework-webchat-api';
-import React, { Fragment } from 'react';
-import { boolean, date, number, object, optional, pipe, readonly, string, union, type InferInput } from 'valibot';
-
-import ScreenReaderText from '../ScreenReaderText';
-
-const { useDateFormatter, useLocalizer } = hooks;
-
-const absoluteTimePropsSchema = pipe(
-  object({
-    hide: optional(boolean(), false),
-    value: union([date(), number(), string()])
-  }),
-  readonly()
-);
-
-type AbsoluteTimeProps = InferInput<typeof absoluteTimePropsSchema>;
-
-const AbsoluteTime = (props: AbsoluteTimeProps) => {
-  const { hide, value } = validateProps(absoluteTimePropsSchema, props);
-
-  const localize = useLocalizer();
-  const formatDate = useDateFormatter();
-
-  const absoluteTime = formatDate(value);
-
-  return (
-    <Fragment>
-      <ScreenReaderText text={localize('ACTIVITY_STATUS_SEND_STATUS_ALT_SENT_AT', absoluteTime)} />
-      {!hide && <span aria-hidden={true}>{absoluteTime}</span>}
-    </Fragment>
-  );
-};
-
-export default AbsoluteTime;
-export { absoluteTimePropsSchema, type AbsoluteTimeProps };

package/src/ActivityStatus/ActivityStatus.module.css

@@ -1,31 +0,0 @@
-:global(.webchat) .activity-status {
-  color: var(--webchat__color--timestamp);
-  font-family: var(--webchat__font--primary);
-  font-size: var(--webchat__font-size--small);
-  margin-block-start: calc(var(--webchat__padding--regular) / 2);
-
-  &.activity-status--slotted {
-    display: inline-flex;
-    gap: 4px;
-  }
-}
-
-:global(.webchat) .activity-status-slot {
-  display: contents;
-
-  &:not(:first-child)::before {
-    content: '|';
-  }
-
-  &:empty {
-    display: none;
-  }
-}
-
-:global(.webchat) .activity-status__originator {
-  align-items: center;
-
-  &.activity-status__originator--has-link {
-    color: var(--webchat__color--accent);
-  }
-}

package/src/ActivityStatus/StatusSlot.tsx

@@ -1,17 +0,0 @@
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
-import React, { memo, ReactNode } from 'react';
-import cx from 'classnames';
-
-import styles from './ActivityStatus.module.css';
-
-type Props = Readonly<{ className?: string; children?: ReactNode | undefined }>;
-
-const StatusSlot = ({ children, className }: Props) => {
-  const classNames = useStyles(styles);
-
-  return <span className={cx(classNames['activity-status-slot'], className)}>{children}</span>;
-};
-
-StatusSlot.displayName = 'StatusSlot';
-
-export default memo(StatusSlot);

package/src/ActivityStatus/private/RelativeTime.tsx

@@ -1,43 +0,0 @@
-import { validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import { hooks } from 'botframework-webchat-api';
-import React, { Fragment } from 'react';
-import { date, number, object, pipe, readonly, string, union, type InferInput } from 'valibot';
-
-import ScreenReaderText from '../../ScreenReaderText';
-import useForceRenderAtInterval from '../../hooks/internal/useForceRenderAtInterval';
-
-const { useDateFormatter, useLocalizer, usePonyfill, useRelativeTimeFormatter } = hooks;
-
-const TIMER_INTERVAL = 60000;
-
-const relativeTimePropsSchema = pipe(
-  object({
-    value: union([date(), number(), string()])
-  }),
-  readonly()
-);
-
-type RelativeTimeProps = InferInput<typeof relativeTimePropsSchema>;
-
-const RelativeTime = (props: RelativeTimeProps) => {
-  const { value } = validateProps(relativeTimePropsSchema, props);
-
-  const [{ Date }] = usePonyfill();
-  const formatDate = useDateFormatter();
-  const formatRelativeTime = useRelativeTimeFormatter();
-  const localize = useLocalizer();
-
-  const dateValue = new Date(value);
-
-  useForceRenderAtInterval(dateValue, TIMER_INTERVAL);
-
-  return (
-    <Fragment>
-      <ScreenReaderText text={localize('ACTIVITY_STATUS_SEND_STATUS_ALT_SENT_AT', formatDate(dateValue))} />
-      <span aria-hidden={true}>{formatRelativeTime(dateValue)}</span>
-    </Fragment>
-  );
-};
-
-export default RelativeTime;
-export { relativeTimePropsSchema, type RelativeTimeProps };

package/src/Attachment/ImageAttachment.tsx

@@ -1,58 +0,0 @@
-import { validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import React, { memo } from 'react';
-import { custom, is, object, optional, pipe, readonly, string, union, type InferInput } from 'valibot';
-
-import readDataURIToBlob from '../Utils/readDataURIToBlob';
-import ImageContent from './ImageContent';
-import { type WebChatAttachment } from './private/types/WebChatAttachment';
-
-const imageAttachmentPropsSchema = pipe(
-  object({
-    attachment: custom<WebChatAttachment>(value =>
-      is(
-        union([
-          object({
-            contentUrl: string(),
-            name: optional(string()),
-            thumbnailUrl: optional(string())
-          }),
-          object({
-            contentUrl: optional(string()),
-            name: optional(string()),
-            thumbnailUrl: string()
-          })
-        ]),
-        value
-      )
-    )
-  }),
-  readonly()
-);
-
-type ImageAttachmentProps = InferInput<typeof imageAttachmentPropsSchema>;
-
-// React component is better with standard function than arrow function.
-// eslint-disable-next-line prefer-arrow-callback
-const ImageAttachment = memo(function ImageAttachment(props: ImageAttachmentProps) {
-  const { attachment } = validateProps(imageAttachmentPropsSchema, props);
-
-  let imageURL = attachment.thumbnailUrl || attachment.contentUrl;
-
-  // To support Content Security Policy, data URI cannot be used.
-  // We need to parse the data URI into a blob: URL.
-  const blob = readDataURIToBlob(imageURL);
-
-  if (blob) {
-    // Only allow image/* for image, otherwise, treat it as binary.
-    // eslint-disable-next-line no-restricted-properties
-    imageURL = URL.createObjectURL(
-      new Blob([blob], {
-        type: blob.type.startsWith('image/') ? blob.type : 'application/octet-stream'
-      })
-    );
-  }
-
-  return <ImageContent alt={attachment.name} src={imageURL} />;
-});
-
-export default ImageAttachment;

package/src/Attachment/Text/TextContent.module.css

@@ -1,45 +0,0 @@
-:global(.webchat) .text-content {
-  font-family: var(--webchat__font--primary);
-  margin: 0;
-  min-height: calc(var(--webchat__min-height--bubble) - var(--webchat__padding--regular) * 2);
-  padding: var(--webchat__padding--regular);
-
-  &.text-content--is-markdown {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: var(--webchat__padding--regular);
-    min-width: 0;
-  }
-
-  .text-content__markdown img:not(:global(.render-markdown__external-link-icon)) {
-    max-width: var(--webchat__max-width--message-bubble);
-    min-width: var(--webchat__min-width--message-bubble);
-    width: 100%;
-  }
-
-  .text-content__markdown pre {
-    overflow: hidden;
-  }
-
-  .text-content__open-in-new-window-icon {
-    height: 0.75em;
-  }
-
-  .text-content__activity-actions {
-    align-self: flex-start;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px calc(var(--webchat__padding--regular) / 2);
-    width: 100%;
-  }
-
-  .text-content__activity-actions:empty {
-    display: none;
-  }
-
-  .text-content__generated-badge {
-    color: var(--webchat__color--subtle);
-    font-size: var(--webchat__font-size--small);
-  }
-}