botframework-webchat-component 4.19.0 → 4.19.1-main.20260529.6bcfcee

package/src/Utils/addTargetBlankToHyperlinks.ts

@@ -0,0 +1,14 @@
+import { betterLinkDocumentMod } from '@msinternal/botframework-webchat-component-better-link';
+
+function addTargetBlankToHyperlinks(documentFragment: DocumentFragment) {
+  betterLinkDocumentMod(documentFragment, href => {
+    if (href && /^\w/u.test(href)) {
+      return {
+        rel: 'noopener noreferrer',
+        target: '_blank'
+      };
+    }
+  });
+}
+
+export default addTargetBlankToHyperlinks;

package/src/boot/internal.ts

@@ -1,3 +1,10 @@
+export {
+  betterLinkDocumentMod,
+  parseDocumentFragmentFromString,
+  serializeDocumentFragmentIntoString,
+  type BetterLinkDocumentModAttributeSetter,
+  type BetterLinkDocumentModDecoration
+} from '@msinternal/botframework-webchat-component-better-link';
 export { InjectStyleElements, injectStyleElementsPropsSchema } from '@msinternal/botframework-webchat-styles/react';
 export {
   CodeHighlighterComposer,
@@ -8,8 +15,6 @@ export { default as PartGrouping } from '../Middleware/ActivityGrouping/ui/PartG
 export { useLiveRegion } from '../providers/LiveRegionTwin/index';
 export { default as ScreenReaderText } from '../ScreenReaderText';
 export { default as createIconComponent } from '../Utils/createIconComponent';
-export { default as parseDocumentFragmentFromString } from '../Utils/parseDocumentFragmentFromString';
-export { default as serializeDocumentFragmentIntoString } from '../Utils/serializeDocumentFragmentIntoString';
 
 // For type portability
 export { type __INTERNAL_DO_NOT_USE__avatarPolymiddlewareRequestStyleOptionsSymbol } from 'botframework-webchat-api/internal.js';

package/src/hooks/internal/WebChatUIContext.ts

@@ -10,8 +10,6 @@ export type ContextType = {
   dictateAbortable: any;
   dispatchScrollPosition: any;
   dispatchTranscriptFocusByActivityKey: any;
-  internalMarkdownItState: [any];
-  internalRenderMarkdownInline: any;
   numTranscriptFocusObservers: any;
   observeScrollPosition: any;
   observeTranscriptFocus: any;

package/src/hooks/useRenderMarkdownAsHTML.ts

@@ -1,12 +1,14 @@
 import { cx } from '@emotion/css';
+import {
+  parseDocumentFragmentFromString,
+  serializeDocumentFragmentIntoString
+} from '@msinternal/botframework-webchat-component-better-link';
 import { hooks, StrictStyleOptions } from 'botframework-webchat-api';
 import { useMemo } from 'react';
 
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
 import { useTransformHTMLContent } from '../providers/HTMLContentTransformCOR/index';
-import parseDocumentFragmentFromString from '../Utils/parseDocumentFragmentFromString';
-import serializeDocumentFragmentIntoString from '../Utils/serializeDocumentFragmentIntoString';
 import useWebChatUIContext from './internal/useWebChatUIContext';
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
 
 import styles from './RenderMarkdown.module.css';
 

package/src/hooks/useStreamingMarkdownWithDefinitions.ts

@@ -1,13 +1,13 @@
 import { cx } from '@emotion/css';
+import { parseDocumentFragmentFromString } from '@msinternal/botframework-webchat-component-better-link';
+import { useStyles } from '@msinternal/botframework-webchat-styles/react';
 import { hooks } from 'botframework-webchat-api';
 import type { Definition } from 'mdast';
 import { fromMarkdown } from 'mdast-util-from-markdown';
 import { useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { useStyles } from '@msinternal/botframework-webchat-styles/react';
 import { useRefFrom } from 'use-ref-from';
 
 import { useTransformHTMLContent } from '../providers/HTMLContentTransformCOR/index';
-import parseDocumentFragmentFromString from '../Utils/parseDocumentFragmentFromString';
 import useWebChatUIContext from './internal/useWebChatUIContext';
 
 import styles from './RenderMarkdown.module.css';

package/src/private/renderMarkdownInline.ts

@@ -0,0 +1,19 @@
+import {
+  parseDocumentFragmentFromString,
+  serializeDocumentFragmentIntoString,
+  stripParagraphContainer
+} from '@msinternal/botframework-webchat-component-better-link';
+import { micromark } from 'micromark';
+import addTargetBlankToHyperlinks from '../Utils/addTargetBlankToHyperlinks';
+
+function renderMarkdownInline(markdown: string): string {
+  const documentFragment = parseDocumentFragmentFromString(micromark(markdown));
+
+  addTargetBlankToHyperlinks(documentFragment);
+
+  const html = serializeDocumentFragmentIntoString(documentFragment);
+
+  return stripParagraphContainer(html);
+}
+
+export default renderMarkdownInline;

package/src/providers/CustomElements/customElements/CodeBlock.ts

@@ -1,11 +1,11 @@
 /* eslint-disable class-methods-use-this */
-import { hooks } from 'botframework-webchat-api';
+import { parseDocumentFragmentFromString } from '@msinternal/botframework-webchat-component-better-link';
 import { useStyles } from '@msinternal/botframework-webchat-styles/react';
+import { hooks } from 'botframework-webchat-api';
 import { ReactNode, useMemo, useRef } from 'react';
 
 import { useCodeHighlighter } from '../../../hooks/internal/codeHighlighter';
 import { defaultHighlightCode, HighlightCodeFn } from '../../../hooks/internal/codeHighlighter/index';
-import parseDocumentFragmentFromString from '../../../Utils/parseDocumentFragmentFromString';
 
 import styles from './CodeBlock.module.css';
 

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

@@ -1,38 +0,0 @@
-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>;
-declare const injectStyleElementsPropsSchema: valibot.SchemaWithPipe<readonly [valibot.ObjectSchema<{
-    readonly at: valibot.UndefinedableSchema<valibot.CustomSchema<Node, valibot.ErrorMessage<valibot.CustomIssue> | undefined>, undefined>;
-    readonly children: valibot.OptionalSchema<valibot.NeverSchema<undefined>, undefined>;
-    readonly nonce: valibot.UndefinedableSchema<valibot.StringSchema<undefined>, undefined>;
-    readonly styleElements: valibot.SchemaWithPipe<readonly [valibot.ArraySchema<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">, undefined>, valibot.ReadonlyAction<((HTMLLinkElement & {
-        rel: "stylesheet";
-    }) | HTMLStyleElement)[]>]>;
-}, undefined>, valibot.ReadonlyAction<{
-    at: Node | undefined;
-    children?: undefined;
-    nonce: string | undefined;
-    readonly styleElements: readonly ((HTMLLinkElement & {
-        rel: "stylesheet";
-    }) | HTMLStyleElement)[];
-}>]>;
-type InjectStyleElementsProps = {
-    readonly at?: Node | undefined;
-    readonly nonce: string | undefined;
-    readonly styleElements: readonly InjectedStylesElement[];
-};
-declare function InjectStyleElements(props: InjectStyleElementsProps): null;
-
-export { InjectStyleElements as I, injectStyleElementsPropsSchema as i };

package/dist/chunk-2R7BJ63Z.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTMUNLKZWjs = require('./chunk-TMUNLKZW.js');var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);var _valibot = require('valibot');var _react = require('react'); var _react2 = _interopRequireDefault(_react);function he(e,i){let o=Object.keys(e).reduce((n,s)=>{let[m,c]=s.split("--");if(!c)return n;let p=m;if(!i.includes(p))return n;let l=n.get(p);return l||(l=new Set,n.set(p,l)),l.add(c),n},new Map),t=Array.from(o.entries()).reduce((n,[s,m])=>{let c=Array.from(m);return c.length&&(n[s]=_valibot.optional.call(void 0, _valibot.picklist.call(void 0, c))),n},{}),r=_valibot.object.call(void 0, t);return _valibot.pipe.call(void 0, r,_valibot.readonly.call(void 0, ))}function k(e,i,o){let t=he(e,i);return{component:(n=>{let{className:s,...m}=n,c=_chunkTMUNLKZWjs.h.call(void 0, t,n),p=_chunkTMUNLKZWjs.k.call(void 0, e),l=Object.entries(c).map(([_,w])=>p[`${_}--${w}`]);return _react2.default.createElement(o,{className:_classnames2.default.call(void 0, s,l),...m})}),modifierPropsSchema:t}}function ue(e){let o=new DOMParser().parseFromString(e,"text/html"),t=o.createDocumentFragment();return t.append(...o.body.childNodes),t}function we(e){return new XMLSerializer().serializeToString(e)}var _usereffrom = require('use-ref-from');var _botframeworkwebchatapi = require('botframework-webchat-api');function M(){let{markAllAsRendered:e}=h();_react.useEffect.call(void 0, e)}function E(){return h().staticElementEntriesState}var Ce=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {"aria-label":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),"aria-live":_valibot.union.call(void 0, [_valibot.literal.call(void 0, "assertive"),_valibot.literal.call(void 0, "polite")]),"aria-roledescription":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),className:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),role:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),textElementClassName:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function Se(e){let{"aria-label":i,"aria-live":o,"aria-roledescription":t,className:r,role:n,textElementClassName:s}=_chunkTMUNLKZWjs.h.call(void 0, Ce,e),[m]=E();return M(),_react2.default.createElement("div",{"aria-label":i,"aria-live":o,"aria-roledescription":t,className:r,role:n},m.map(({element:c,key:p})=>typeof c=="string"?_react2.default.createElement("div",{"aria-atomic":!0,className:s,key:p},c):_react2.default.createElement(_react.Fragment,{key:p},c)))}var z=Se;var{usePonyfill:Ee}=_botframeworkwebchatapi.hooks,Re="polite",Pe=1e3,Le=({Provider:e})=>{let i=({"aria-label":o,"aria-live":t=Re,"aria-roledescription":r,children:n,className:s,fadeAfter:m=Pe,role:c,textElementClassName:p})=>{let[{clearTimeout:l,setTimeout:_}]=Ee(),[w,x]=_react.useState.call(void 0, []),V=_usereffrom.useRefFrom.call(void 0, m),d=_react.useRef.call(void 0, ),y=_react.useRef.call(void 0, 1),T=_usereffrom.useRefFrom.call(void 0, w),O=_react.useCallback.call(void 0, ()=>{T.current.length&&(d.current&&l(d.current),d.current=_(()=>{T.current.length&&x([])},V.current))},[l,V,d,x,_,T]);_react.useEffect.call(void 0, ()=>()=>d.current&&l(d.current),[l,d]);let N=_react.useCallback.call(void 0, ne=>{let ae=y.current;y.current=y.current+1,x(ie=>[...ie,{element:ne,key:ae}])},[y,x]),j=_react.useMemo.call(void 0, ()=>Object.freeze([Object.freeze(w)]),[w]),te=_react.useMemo.call(void 0, ()=>({markAllAsRendered:O,queueStaticElement:N,staticElementEntriesState:j}),[O,N,j]);return _react2.default.createElement(e,{value:te},_react2.default.createElement(z,{"aria-label":o,"aria-live":t,"aria-roledescription":r,className:s,role:c,textElementClassName:p}),n)};return i.displayName="LiveRegionTwinComposer",_react.memo.call(void 0, i)},K=Le;var P=_react.createContext.call(void 0, new Proxy({},{get(e,i){throw new Error(`botframework-webchat: LiveRegionTwinContext.${i} can only be used inside of <LiveRegionTwinComposer>.`)}})),Ie=K(P),Ze= exports.h =Ie;function h(){return _react.useContext.call(void 0, P)}function S(){return h().queueStaticElement}function Q(e,i){let o=_usereffrom.useRefFrom.call(void 0, e),t=S();_react.useMemo.call(void 0, ()=>{let r=o==null?void 0:o.current();r&&t(r)},[...i,o,t])}var _createinstance = require('@emotion/css/create-instance'); var _createinstance2 = _interopRequireDefault(_createinstance);var _mathrandom = require('math-random'); var _mathrandom2 = _interopRequireDefault(_mathrandom);function L(){return _mathrandom2.default.call(void 0, ).toString(26).substr(2,5).replace(/\d/gu,e=>String.fromCharCode(e.charCodeAt(0)+65))}var v=[];function A(e,i){let o=_react.useMemo.call(void 0, ()=>{let t=v.find(({sheet:n})=>n.nonce===e&&n.container===i),r=t!=null?t:_createinstance2.default.call(void 0, {container:i,key:`webchat--css-${L()}`,nonce:e});return v.push(r),r},[i,e]);return _react.useEffect.call(void 0, ()=>()=>{var r;let t=v.lastIndexOf(o);if(~t&&v.splice(t,1),!v.includes(o)&&((r=o.sheet)!=null&&r.tags))for(let n of o.sheet.tags)n.remove()},[o]),o}var{useStyleOptions:Ke}=_botframeworkwebchatapi.hooks,Qe=({Provider:e})=>({children:i,nonce:o})=>{let[{stylesRoot:t}]=Ke(),r=A(o,t),n=_react.useCallback.call(void 0, m=>r.css(m),[r]),s=_usereffrom.useRefFrom.call(void 0, n);return _react2.default.createElement(e,{value:s},n&&i)},U=Qe;var X=_react.createContext.call(void 0, new Proxy(_react.createRef.call(void 0, ),{get(){throw new Error("StyleToEmotionObjectContext was used without StyleToEmotionObjectComposer")}}));function We(){return _react.useContext.call(void 0, X).current}var G=_react.memo.call(void 0, U(X));G.displayName="StyleToEmotionObjectComposer";var a={"icon--copy-code":"w61aa0a_icon--copy-code","direction--follow":"w61aa0a_direction--follow","icon--thumb-up-filled":"w61aa0a_icon--thumb-up-filled","icon--thumb-down-filled":"w61aa0a_icon--thumb-down-filled","icon--microphone":"w61aa0a_icon--microphone","component-icon":"w61aa0a_component-icon","appearance--text":"w61aa0a_appearance--text","icon--copy":"w61aa0a_icon--copy","icon--attachment-checkmark":"w61aa0a_icon--attachment-checkmark","icon--chevron":"w61aa0a_icon--chevron","icon--copy-code-checkmark":"w61aa0a_icon--copy-code-checkmark","icon--view-code":"w61aa0a_icon--view-code","icon--thumb-up":"w61aa0a_icon--thumb-up","icon--unchecked-circle":"w61aa0a_icon--unchecked-circle","direction--rtl":"w61aa0a_direction--rtl","icon--attachment":"w61aa0a_icon--attachment","icon--thumb-down":"w61aa0a_icon--thumb-down","icon--download":"w61aa0a_icon--download","icon--dismiss":"w61aa0a_icon--dismiss","icon--send":"w61aa0a_icon--send","icon--checkmark-circle":"w61aa0a_icon--checkmark-circle"},I=a,ht=a["icon--copy-code"];var ut=a["direction--follow"];var wt=a["icon--thumb-up-filled"];var ft=a["icon--thumb-down-filled"];var gt=a["icon--microphone"];var vt=a["component-icon"];var _t=a["appearance--text"];var xt=a["icon--copy"];var yt=a["icon--attachment-checkmark"];var Ct=a["icon--chevron"];var St=a["icon--copy-code-checkmark"];var bt=a["icon--view-code"];var Tt=a["icon--thumb-up"];var kt=a["icon--unchecked-circle"];var Mt=a["direction--rtl"];var Et=a["icon--attachment"];var Rt=a["icon--thumb-down"];var Pt=a["icon--download"];var Lt=a["icon--dismiss"];var At=a["icon--send"];var It=a["icon--checkmark-circle"];var ee=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {"aria-hidden":_valibot.optional.call(void 0, _valibot.literal.call(void 0, "true")),"aria-label":_valibot.optional.call(void 0, _valibot.string.call(void 0, )),className:_valibot.optional.call(void 0, _valibot.string.call(void 0, )),role:_valibot.optional.call(void 0, _valibot.string.call(void 0, ))}),_valibot.readonly.call(void 0, ));function no(e){let{className:i,"aria-hidden":o,"aria-label":t,role:r}=_chunkTMUNLKZWjs.h.call(void 0, ee,e),n=_chunkTMUNLKZWjs.k.call(void 0, I);return _react2.default.createElement("div",{"aria-hidden":o,"aria-label":t,className:_classnames2.default.call(void 0, n["component-icon"],i),role:r})}var{component:oe,modifierPropsSchema:ao}=k(I,["appearance","direction","icon"],no);oe.displayName="ComponentIcon";var io=_valibot.pipe.call(void 0, _valibot.object.call(void 0, {...ee.entries,...ao.entries}),_valibot.readonly.call(void 0, )),ro= exports.e =_react.memo.call(void 0, oe);exports.a = We; exports.b = G; exports.c = k; exports.d = io; exports.e = ro; exports.f = ue; exports.g = we; exports.h = Ze; exports.i = S; exports.j = Q;
-//# sourceMappingURL=chunk-2R7BJ63Z.js.map