botframework-webchat 4.15.10-main.20230908.de79e0e → 4.15.10-main.20230915.bb5898e

package/lib/markdown/renderMarkdown.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = render;
+
+var _botframeworkWebchatCore = require("botframework-webchat-core");
+
+var _markdownIt = _interopRequireDefault(require("markdown-it"));
+
+var _sanitizeHtml = _interopRequireDefault(require("sanitize-html"));
+
+var _respectCRLF = require("./markdownItPlugins/respectCRLF");
+
+var _ariaLabel = _interopRequireWildcard(require("./markdownItPlugins/ariaLabel"));
+
+var _betterLink = _interopRequireDefault(require("./markdownItPlugins/betterLink"));
+
+var _iterateLinkDefinitions = _interopRequireDefault(require("./private/iterateLinkDefinitions"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SANITIZE_HTML_OPTIONS = Object.freeze({
+  allowedAttributes: {
+    a: ['aria-label', 'class', 'href', 'name', 'rel', 'target'],
+    button: ['aria-label', 'class', 'type', 'value'],
+    img: ['alt', 'class', 'src', 'title'],
+    span: ['aria-label']
+  },
+  allowedSchemes: ['data', 'http', 'https', 'ftp', 'mailto', 'sip', 'tel'],
+  allowedTags: ['a', 'b', 'blockquote', 'br', 'button', 'caption', 'code', 'del', 'div', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'img', 'ins', 'li', 'nl', 'ol', 'p', 'pre', 's', 'span', 'strike', 'strong', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'ul']
+});
+var MARKDOWN_IT_INIT = Object.freeze({
+  breaks: false,
+  html: false,
+  linkify: true,
+  typographer: true,
+  xhtmlOut: true
+});
+
+function render(markdown, _ref) {
+  var markdownRespectCRLF = _ref.markdownRespectCRLF;
+
+  var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Object.freeze({}),
+      _ref2$externalLinkAlt = _ref2.externalLinkAlt,
+      externalLinkAlt = _ref2$externalLinkAlt === void 0 ? '' : _ref2$externalLinkAlt;
+
+  var linkDefinitions = Array.from((0, _iterateLinkDefinitions.default)(markdown));
+
+  if (markdownRespectCRLF) {
+    markdown = (0, _respectCRLF.pre)(markdown);
+  }
+
+  markdown = (0, _ariaLabel.pre)(markdown);
+  var markdownIt = new _markdownIt.default(MARKDOWN_IT_INIT).use(_ariaLabel.default).use(_betterLink.default, function (href, textContent) {
+    var decoration = {
+      rel: 'noopener noreferrer',
+      target: '_blank'
+    };
+    var ariaLabelSegments = [textContent];
+    var classes = new Set();
+    var linkDefinition = linkDefinitions.find(function (_ref3) {
+      var url = _ref3.url;
+      return url === href;
+    });
+    var protocol = (0, _botframeworkWebchatCore.onErrorResumeNext)(function () {
+      return new URL(href).protocol;
+    });
+
+    if (linkDefinition) {
+      ariaLabelSegments.push(linkDefinition.title || (0, _botframeworkWebchatCore.onErrorResumeNext)(function () {
+        return new URL(linkDefinition.url).host;
+      }) || linkDefinition.url);
+      linkDefinition.identifier === textContent && classes.add('webchat__render-markdown__pure-identifier');
+    }
+
+    if (protocol === 'cite:') {
+      decoration.asButton = true;
+      classes.add('webchat__render-markdown__citation');
+    } else if (protocol === 'http:' || protocol === 'https:') {
+      decoration.iconAlt = externalLinkAlt;
+      decoration.iconClassName = 'webchat__render-markdown__external-link-icon';
+      ariaLabelSegments.push(externalLinkAlt);
+    } // The first segment is textContent. Putting textContent is aria-label is useless.
+
+
+    if (ariaLabelSegments.length > 1) {
+      // If "aria-label" is already applied, do not overwrite it.
+      decoration.ariaLabel = function (value) {
+        return value || ariaLabelSegments.join(' ');
+      };
+    }
+
+    decoration.className = Array.from(classes).join(' '); // By default, Markdown-It will set "title" to the link title in link definition.
+    // However, "title" may be narrated by screen reader:
+    // - Edge
+    //   - <a> will narrate "aria-label" but not "title"
+    //   - <button> will narrate both "aria-label" and "title"
+    // - NVDA
+    //   - <a> will narrate both "aria-label" and "title"
+    //   - <button> will narrate both "aria-label" and "title"
+    // Title makes it very difficult to control narrations by the screen reader. Thus, we are disabling it in favor of "aria-label".
+    // This will not affect our accessibility compliance but UX. We could use a non-native tooltip or other forms of visual hint.
+
+    decoration.title = false;
+    return decoration;
+  });
+  var html = markdownIt.render(markdown);
+  html = (0, _ariaLabel.post)(html);
+  return (0, _sanitizeHtml.default)(html, SANITIZE_HTML_OPTIONS);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTQU5JVElaRV9IVE1MX09QVElPTlMiLCJPYmplY3QiLCJmcmVlemUiLCJhbGxvd2VkQXR0cmlidXRlcyIsImEiLCJidXR0b24iLCJpbWciLCJzcGFuIiwiYWxsb3dlZFNjaGVtZXMiLCJhbGxvd2VkVGFncyIsIk1BUktET1dOX0lUX0lOSVQiLCJicmVha3MiLCJodG1sIiwibGlua2lmeSIsInR5cG9ncmFwaGVyIiwieGh0bWxPdXQiLCJyZW5kZXIiLCJtYXJrZG93biIsIm1hcmtkb3duUmVzcGVjdENSTEYiLCJleHRlcm5hbExpbmtBbHQiLCJsaW5rRGVmaW5pdGlvbnMiLCJBcnJheSIsImZyb20iLCJpdGVyYXRlTGlua0RlZmluaXRpb25zIiwicmVzcGVjdENSTEZQcmUiLCJhcmlhTGFiZWxQcmUiLCJtYXJrZG93bkl0IiwiTWFya2Rvd25JdCIsInVzZSIsImFyaWFMYWJlbCIsImJldHRlckxpbmsiLCJocmVmIiwidGV4dENvbnRlbnQiLCJkZWNvcmF0aW9uIiwicmVsIiwidGFyZ2V0IiwiYXJpYUxhYmVsU2VnbWVudHMiLCJjbGFzc2VzIiwiU2V0IiwibGlua0RlZmluaXRpb24iLCJmaW5kIiwidXJsIiwicHJvdG9jb2wiLCJvbkVycm9yUmVzdW1lTmV4dCIsIlVSTCIsInB1c2giLCJ0aXRsZSIsImhvc3QiLCJpZGVudGlmaWVyIiwiYWRkIiwiYXNCdXR0b24iLCJpY29uQWx0IiwiaWNvbkNsYXNzTmFtZSIsImxlbmd0aCIsInZhbHVlIiwiam9pbiIsImNsYXNzTmFtZSIsImFyaWFMYWJlbFBvc3QiLCJzYW5pdGl6ZUhUTUwiXSwic291cmNlUm9vdCI6ImJ1bmRsZTovLy8iLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tYXJrZG93bi9yZW5kZXJNYXJrZG93bi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBvbkVycm9yUmVzdW1lTmV4dCB9IGZyb20gJ2JvdGZyYW1ld29yay13ZWJjaGF0LWNvcmUnO1xuaW1wb3J0IE1hcmtkb3duSXQgZnJvbSAnbWFya2Rvd24taXQnO1xuaW1wb3J0IHNhbml0aXplSFRNTCBmcm9tICdzYW5pdGl6ZS1odG1sJztcblxuaW1wb3J0IHsgcHJlIGFzIHJlc3BlY3RDUkxGUHJlIH0gZnJvbSAnLi9tYXJrZG93bkl0UGx1Z2lucy9yZXNwZWN0Q1JMRic7XG5pbXBvcnQgYXJpYUxhYmVsLCB7IHBvc3QgYXMgYXJpYUxhYmVsUG9zdCwgcHJlIGFzIGFyaWFMYWJlbFByZSB9IGZyb20gJy4vbWFya2Rvd25JdFBsdWdpbnMvYXJpYUxhYmVsJztcbmltcG9ydCBiZXR0ZXJMaW5rIGZyb20gJy4vbWFya2Rvd25JdFBsdWdpbnMvYmV0dGVyTGluayc7XG5pbXBvcnQgaXRlcmF0ZUxpbmtEZWZpbml0aW9ucyBmcm9tICcuL3ByaXZhdGUvaXRlcmF0ZUxpbmtEZWZpbml0aW9ucyc7XG5cbmNvbnN0IFNBTklUSVpFX0hUTUxfT1BUSU9OUyA9IE9iamVjdC5mcmVlemUoe1xuICBhbGxvd2VkQXR0cmlidXRlczoge1xuICAgIGE6IFsnYXJpYS1sYWJlbCcsICdjbGFzcycsICdocmVmJywgJ25hbWUnLCAncmVsJywgJ3RhcmdldCddLFxuICAgIGJ1dHRvbjogWydhcmlhLWxhYmVsJywgJ2NsYXNzJywgJ3R5cGUnLCAndmFsdWUnXSxcbiAgICBpbWc6IFsnYWx0JywgJ2NsYXNzJywgJ3NyYycsICd0aXRsZSddLFxuICAgIHNwYW46IFsnYXJpYS1sYWJlbCddXG4gIH0sXG4gIGFsbG93ZWRTY2hlbWVzOiBbJ2RhdGEnLCAnaHR0cCcsICdodHRwcycsICdmdHAnLCAnbWFpbHRvJywgJ3NpcCcsICd0ZWwnXSxcbiAgYWxsb3dlZFRhZ3M6IFtcbiAgICAnYScsXG4gICAgJ2InLFxuICAgICdibG9ja3F1b3RlJyxcbiAgICAnYnInLFxuICAgICdidXR0b24nLFxuICAgICdjYXB0aW9uJyxcbiAgICAnY29kZScsXG4gICAgJ2RlbCcsXG4gICAgJ2RpdicsXG4gICAgJ2VtJyxcbiAgICAnaDEnLFxuICAgICdoMicsXG4gICAgJ2gzJyxcbiAgICAnaDQnLFxuICAgICdoNScsXG4gICAgJ2g2JyxcbiAgICAnaHInLFxuICAgICdpJyxcbiAgICAnaW1nJyxcbiAgICAnaW5zJyxcbiAgICAnbGknLFxuICAgICdubCcsXG4gICAgJ29sJyxcbiAgICAncCcsXG4gICAgJ3ByZScsXG4gICAgJ3MnLFxuICAgICdzcGFuJyxcbiAgICAnc3RyaWtlJyxcbiAgICAnc3Ryb25nJyxcbiAgICAndGFibGUnLFxuICAgICd0Ym9keScsXG4gICAgJ3RkJyxcbiAgICAndGZvb3QnLFxuICAgICd0aCcsXG4gICAgJ3RoZWFkJyxcbiAgICAndHInLFxuICAgICd1bCdcbiAgXVxufSk7XG5cbmNvbnN0IE1BUktET1dOX0lUX0lOSVQgPSBPYmplY3QuZnJlZXplKHtcbiAgYnJlYWtzOiBmYWxzZSxcbiAgaHRtbDogZmFsc2UsXG4gIGxpbmtpZnk6IHRydWUsXG4gIHR5cG9ncmFwaGVyOiB0cnVlLFxuICB4aHRtbE91dDogdHJ1ZVxufSk7XG5cbnR5cGUgQmV0dGVyTGlua0RlY29yYXRpb24gPSBFeGNsdWRlPFJldHVyblR5cGU8UGFyYW1ldGVyczx0eXBlb2YgYmV0dGVyTGluaz5bMV0+LCB1bmRlZmluZWQ+O1xudHlwZSBSZW5kZXJJbml0ID0geyBleHRlcm5hbExpbmtBbHQ/OiBzdHJpbmcgfTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gcmVuZGVyKFxuICBtYXJrZG93bjogc3RyaW5nLFxuICB7IG1hcmtkb3duUmVzcGVjdENSTEYgfTogUmVhZG9ubHk8eyBtYXJrZG93blJlc3BlY3RDUkxGOiBib29sZWFuIH0+LFxuICB7IGV4dGVybmFsTGlua0FsdCA9ICcnIH06IFJlYWRvbmx5PFJlbmRlckluaXQ+ID0gT2JqZWN0LmZyZWV6ZSh7fSlcbik6IHN0cmluZyB7XG4gIGNvbnN0IGxpbmtEZWZpbml0aW9ucyA9IEFycmF5LmZyb20oaXRlcmF0ZUxpbmtEZWZpbml0aW9ucyhtYXJrZG93bikpO1xuXG4gIGlmIChtYXJrZG93blJlc3BlY3RDUkxGKSB7XG4gICAgbWFya2Rvd24gPSByZXNwZWN0Q1JMRlByZShtYXJrZG93bik7XG4gIH1cblxuICBtYXJrZG93biA9IGFyaWFMYWJlbFByZShtYXJrZG93bik7XG5cbiAgY29uc3QgbWFya2Rvd25JdCA9IG5ldyBNYXJrZG93bkl0KE1BUktET1dOX0lUX0lOSVQpXG4gICAgLnVzZShhcmlhTGFiZWwpXG4gICAgLnVzZShiZXR0ZXJMaW5rLCAoaHJlZjogc3RyaW5nLCB0ZXh0Q29udGVudDogc3RyaW5nKTogQmV0dGVyTGlua0RlY29yYXRpb24gfCB1bmRlZmluZWQgPT4ge1xuICAgICAgY29uc3QgZGVjb3JhdGlvbjogQmV0dGVyTGlua0RlY29yYXRpb24gPSB7XG4gICAgICAgIHJlbDogJ25vb3BlbmVyIG5vcmVmZXJyZXInLFxuICAgICAgICB0YXJnZXQ6ICdfYmxhbmsnXG4gICAgICB9O1xuXG4gICAgICBjb25zdCBhcmlhTGFiZWxTZWdtZW50czogc3RyaW5nW10gPSBbdGV4dENvbnRlbnRdO1xuICAgICAgY29uc3QgY2xhc3NlczogU2V0PHN0cmluZz4gPSBuZXcgU2V0KCk7XG4gICAgICBjb25zdCBsaW5rRGVmaW5pdGlvbiA9IGxpbmtEZWZpbml0aW9ucy5maW5kKCh7IHVybCB9KSA9PiB1cmwgPT09IGhyZWYpO1xuICAgICAgY29uc3QgcHJvdG9jb2wgPSBvbkVycm9yUmVzdW1lTmV4dCgoKSA9PiBuZXcgVVJMKGhyZWYpLnByb3RvY29sKTtcblxuICAgICAgaWYgKGxpbmtEZWZpbml0aW9uKSB7XG4gICAgICAgIGFyaWFMYWJlbFNlZ21lbnRzLnB1c2goXG4gICAgICAgICAgbGlua0RlZmluaXRpb24udGl0bGUgfHwgb25FcnJvclJlc3VtZU5leHQoKCkgPT4gbmV3IFVSTChsaW5rRGVmaW5pdGlvbi51cmwpLmhvc3QpIHx8IGxpbmtEZWZpbml0aW9uLnVybFxuICAgICAgICApO1xuXG4gICAgICAgIGxpbmtEZWZpbml0aW9uLmlkZW50aWZpZXIgPT09IHRleHRDb250ZW50ICYmIGNsYXNzZXMuYWRkKCd3ZWJjaGF0X19yZW5kZXItbWFya2Rvd25fX3B1cmUtaWRlbnRpZmllcicpO1xuICAgICAgfVxuXG4gICAgICBpZiAocHJvdG9jb2wgPT09ICdjaXRlOicpIHtcbiAgICAgICAgZGVjb3JhdGlvbi5hc0J1dHRvbiA9IHRydWU7XG5cbiAgICAgICAgY2xhc3Nlcy5hZGQoJ3dlYmNoYXRfX3JlbmRlci1tYXJrZG93bl9fY2l0YXRpb24nKTtcbiAgICAgIH0gZWxzZSBpZiAocHJvdG9jb2wgPT09ICdodHRwOicgfHwgcHJvdG9jb2wgPT09ICdodHRwczonKSB7XG4gICAgICAgIGRlY29yYXRpb24uaWNvbkFsdCA9IGV4dGVybmFsTGlua0FsdDtcbiAgICAgICAgZGVjb3JhdGlvbi5pY29uQ2xhc3NOYW1lID0gJ3dlYmNoYXRfX3JlbmRlci1tYXJrZG93bl9fZXh0ZXJuYWwtbGluay1pY29uJztcblxuICAgICAgICBhcmlhTGFiZWxTZWdtZW50cy5wdXNoKGV4dGVybmFsTGlua0FsdCk7XG4gICAgICB9XG5cbiAgICAgIC8vIFRoZSBmaXJzdCBzZWdtZW50IGlzIHRleHRDb250ZW50LiBQdXR0aW5nIHRleHRDb250ZW50IGlzIGFyaWEtbGFiZWwgaXMgdXNlbGVzcy5cbiAgICAgIGlmIChhcmlhTGFiZWxTZWdtZW50cy5sZW5ndGggPiAxKSB7XG4gICAgICAgIC8vIElmIFwiYXJpYS1sYWJlbFwiIGlzIGFscmVhZHkgYXBwbGllZCwgZG8gbm90IG92ZXJ3cml0ZSBpdC5cbiAgICAgICAgZGVjb3JhdGlvbi5hcmlhTGFiZWwgPSAodmFsdWU6IHN0cmluZykgPT4gdmFsdWUgfHwgYXJpYUxhYmVsU2VnbWVudHMuam9pbignICcpO1xuICAgICAgfVxuXG4gICAgICBkZWNvcmF0aW9uLmNsYXNzTmFtZSA9IEFycmF5LmZyb20oY2xhc3Nlcykuam9pbignICcpO1xuXG4gICAgICAvLyBCeSBkZWZhdWx0LCBNYXJrZG93bi1JdCB3aWxsIHNldCBcInRpdGxlXCIgdG8gdGhlIGxpbmsgdGl0bGUgaW4gbGluayBkZWZpbml0aW9uLlxuXG4gICAgICAvLyBIb3dldmVyLCBcInRpdGxlXCIgbWF5IGJlIG5hcnJhdGVkIGJ5IHNjcmVlbiByZWFkZXI6XG4gICAgICAvLyAtIEVkZ2VcbiAgICAgIC8vICAgLSA8YT4gd2lsbCBuYXJyYXRlIFwiYXJpYS1sYWJlbFwiIGJ1dCBub3QgXCJ0aXRsZVwiXG4gICAgICAvLyAgIC0gPGJ1dHRvbj4gd2lsbCBuYXJyYXRlIGJvdGggXCJhcmlhLWxhYmVsXCIgYW5kIFwidGl0bGVcIlxuICAgICAgLy8gLSBOVkRBXG4gICAgICAvLyAgIC0gPGE+IHdpbGwgbmFycmF0ZSBib3RoIFwiYXJpYS1sYWJlbFwiIGFuZCBcInRpdGxlXCJcbiAgICAgIC8vICAgLSA8YnV0dG9uPiB3aWxsIG5hcnJhdGUgYm90aCBcImFyaWEtbGFiZWxcIiBhbmQgXCJ0aXRsZVwiXG5cbiAgICAgIC8vIFRpdGxlIG1ha2VzIGl0IHZlcnkgZGlmZmljdWx0IHRvIGNvbnRyb2wgbmFycmF0aW9ucyBieSB0aGUgc2NyZWVuIHJlYWRlci4gVGh1cywgd2UgYXJlIGRpc2FibGluZyBpdCBpbiBmYXZvciBvZiBcImFyaWEtbGFiZWxcIi5cbiAgICAgIC8vIFRoaXMgd2lsbCBub3QgYWZmZWN0IG91ciBhY2Nlc3NpYmlsaXR5IGNvbXBsaWFuY2UgYnV0IFVYLiBXZSBjb3VsZCB1c2UgYSBub24tbmF0aXZlIHRvb2x0aXAgb3Igb3RoZXIgZm9ybXMgb2YgdmlzdWFsIGhpbnQuXG5cbiAgICAgIGRlY29yYXRpb24udGl0bGUgPSBmYWxzZTtcblxuICAgICAgcmV0dXJuIGRlY29yYXRpb247XG4gICAgfSk7XG5cbiAgbGV0IGh0bWwgPSBtYXJrZG93bkl0LnJlbmRlcihtYXJrZG93bik7XG5cbiAgaHRtbCA9IGFyaWFMYWJlbFBvc3QoaHRtbCk7XG5cbiAgcmV0dXJuIHNhbml0aXplSFRNTChodG1sLCBTQU5JVElaRV9IVE1MX09QVElPTlMpO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztB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

package/lib/useComposerProps.js

@@ -17,7 +17,7 @@ var _createAdaptiveCardsAttachmentMiddleware = _interopRequireDefault(require(".
 
 var _createAdaptiveCardsStyleSet = _interopRequireDefault(require("./adaptiveCards/Styles/createAdaptiveCardsStyleSet"));
 
-var _renderMarkdown = _interopRequireDefault(require("./renderMarkdown"));
+var _renderMarkdown = _interopRequireDefault(require("./markdown/renderMarkdown"));
 
 function useComposerProps(_ref) {
   var attachmentForScreenReaderMiddleware = _ref.attachmentForScreenReaderMiddleware,
@@ -45,4 +45,4 @@ function useComposerProps(_ref) {
     renderMarkdown: patchedRenderMarkdown
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb21wb3NlclByb3BzIiwiYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUiLCJhdHRhY2htZW50TWlkZGxld2FyZSIsInJlbmRlck1hcmtkb3duIiwic3R5bGVPcHRpb25zIiwic3R5bGVTZXQiLCJwYXRjaGVkQXR0YWNobWVudE1pZGRsZXdhcmUiLCJ1c2VNZW1vIiwiY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlIiwicGF0Y2hlZEF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlIiwiY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlIiwiZXh0cmFTdHlsZVNldCIsInVuZGVmaW5lZCIsImNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCIsInBhdGNoZWRSZW5kZXJNYXJrZG93biIsImRlZmF1bHRSZW5kZXJNYXJrZG93biJdLCJzb3VyY2VSb290IjoiYnVuZGxlOi8vLyIsInNvdXJjZXMiOlsiLi4vc3JjL3VzZUNvbXBvc2VyUHJvcHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsIEF0dGFjaG1lbnRNaWRkbGV3YXJlIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBjcmVhdGVBZGFwdGl2ZUNhcmRzQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUgZnJvbSAnLi9hZGFwdGl2ZUNhcmRzL2NyZWF0ZUFkYXB0aXZlQ2FyZHNBdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZSc7XG5pbXBvcnQgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlIGZyb20gJy4vYWRhcHRpdmVDYXJkcy9jcmVhdGVBZGFwdGl2ZUNhcmRzQXR0YWNobWVudE1pZGRsZXdhcmUnO1xuaW1wb3J0IGNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCBmcm9tICcuL2FkYXB0aXZlQ2FyZHMvU3R5bGVzL2NyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCc7XG5pbXBvcnQgZGVmYXVsdFJlbmRlck1hcmtkb3duIGZyb20gJy4vcmVuZGVyTWFya2Rvd24nO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VDb21wb3NlclByb3BzKHtcbiAgYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsXG4gIGF0dGFjaG1lbnRNaWRkbGV3YXJlLFxuICByZW5kZXJNYXJrZG93bixcbiAgc3R5bGVPcHRpb25zLFxuICBzdHlsZVNldFxufToge1xuICBhdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZTogQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmVbXTtcbiAgYXR0YWNobWVudE1pZGRsZXdhcmU6IEF0dGFjaG1lbnRNaWRkbGV3YXJlW107XG4gIHJlbmRlck1hcmtkb3duPzogKFxuICAgIG1hcmtkb3duOiBzdHJpbmcsXG4gICAgbmV3TGluZU9wdGlvbnM6IHsgbWFya2Rvd25SZXNwZWN0Q1JMRjogYm9vbGVhbiB9LFxuICAgIGxpbmtPcHRpb25zOiB7IGV4dGVybmFsTGlua0FsdDogc3RyaW5nIH1cbiAgKSA9PiBzdHJpbmc7XG4gIHN0eWxlT3B0aW9uczogYW55O1xuICBzdHlsZVNldDogYW55O1xufSk6IHtcbiAgYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmU6IEF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlW107XG4gIGF0dGFjaG1lbnRNaWRkbGV3YXJlOiBBdHRhY2htZW50TWlkZGxld2FyZVtdO1xuICByZW5kZXJNYXJrZG93bjogKFxuICAgIG1hcmtkb3duOiBzdHJpbmcsXG4gICAgbmV3TGluZU9wdGlvbnM6IHsgbWFya2Rvd25SZXNwZWN0Q1JMRjogYm9vbGVhbiB9LFxuICAgIGxpbmtPcHRpb25zOiB7IGV4dGVybmFsTGlua0FsdDogc3RyaW5nIH1cbiAgKSA9PiBzdHJpbmc7XG4gIGV4dHJhU3R5bGVTZXQ6IGFueTtcbn0ge1xuICBjb25zdCBwYXRjaGVkQXR0YWNobWVudE1pZGRsZXdhcmUgPSB1c2VNZW1vKFxuICAgICgpID0+IFsuLi5hdHRhY2htZW50TWlkZGxld2FyZSwgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlKCldLFxuICAgIFthdHRhY2htZW50TWlkZGxld2FyZV1cbiAgKTtcblxuICBjb25zdCBwYXRjaGVkQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUgPSB1c2VNZW1vKFxuICAgICgpID0+IFsuLi5hdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZSwgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlKCldLFxuICAgIFthdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZV1cbiAgKTtcblxuICAvLyBXaGVuIHN0eWxlU2V0IGlzIG5vdCBzcGVjaWZpZWQsIHRoZSBzdHlsZU9wdGlvbnMgd2lsbCBiZSB1c2VkIHRvIGNyZWF0ZSBBZGFwdGl2ZSBDYXJkcyBzdHlsZVNldCBhbmQgbWVyZ2VkIGludG8gdXNlU3R5bGVTZXQuXG4gIGNvbnN0IGV4dHJhU3R5bGVTZXQgPSB1c2VNZW1vKFxuICAgICgpID0+IChzdHlsZVNldCA/IHVuZGVmaW5lZCA6IGNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldChzdHlsZU9wdGlvbnMpKSxcbiAgICBbc3R5bGVPcHRpb25zLCBzdHlsZVNldF1cbiAgKTtcblxuICBjb25zdCBwYXRjaGVkUmVuZGVyTWFya2Rvd24gPSB1c2VNZW1vKFxuICAgICgpID0+ICh0eXBlb2YgcmVuZGVyTWFya2Rvd24gPT09ICd1bmRlZmluZWQnID8gZGVmYXVsdFJlbmRlck1hcmtkb3duIDogcmVuZGVyTWFya2Rvd24pLFxuICAgIFtyZW5kZXJNYXJrZG93bl1cbiAgKTtcblxuICByZXR1cm4ge1xuICAgIGF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlOiBwYXRjaGVkQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsXG4gICAgYXR0YWNobWVudE1pZGRsZXdhcmU6IHBhdGNoZWRBdHRhY2htZW50TWlkZGxld2FyZSxcbiAgICBleHRyYVN0eWxlU2V0LFxuICAgIHJlbmRlck1hcmtkb3duOiBwYXRjaGVkUmVuZGVyTWFya2Rvd25cbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFZSxTQUFTQSxnQkFBVCxPQXlCYjtFQUFBLElBeEJBQyxtQ0F3QkEsUUF4QkFBLG1DQXdCQTtFQUFBLElBdkJBQyxvQkF1QkEsUUF2QkFBLG9CQXVCQTtFQUFBLElBdEJBQyxjQXNCQSxRQXRCQUEsY0FzQkE7RUFBQSxJQXJCQUMsWUFxQkEsUUFyQkFBLFlBcUJBO0VBQUEsSUFwQkFDLFFBb0JBLFFBcEJBQSxRQW9CQTtFQUNBLElBQU1DLDJCQUEyQixHQUFHLElBQUFDLGNBQUEsRUFDbEM7SUFBQSxrREFBVUwsb0JBQVYsSUFBZ0MsSUFBQU0sZ0RBQUEsR0FBaEM7RUFBQSxDQURrQyxFQUVsQyxDQUFDTixvQkFBRCxDQUZrQyxDQUFwQztFQUtBLElBQU1PLDBDQUEwQyxHQUFHLElBQUFGLGNBQUEsRUFDakQ7SUFBQSxrREFBVU4sbUNBQVYsSUFBK0MsSUFBQVMsK0RBQUEsR0FBL0M7RUFBQSxDQURpRCxFQUVqRCxDQUFDVCxtQ0FBRCxDQUZpRCxDQUFuRCxDQU5BLENBV0E7O0VBQ0EsSUFBTVUsYUFBYSxHQUFHLElBQUFKLGNBQUEsRUFDcEI7SUFBQSxPQUFPRixRQUFRLEdBQUdPLFNBQUgsR0FBZSxJQUFBQyxvQ0FBQSxFQUE0QlQsWUFBNUIsQ0FBOUI7RUFBQSxDQURvQixFQUVwQixDQUFDQSxZQUFELEVBQWVDLFFBQWYsQ0FGb0IsQ0FBdEI7RUFLQSxJQUFNUyxxQkFBcUIsR0FBRyxJQUFBUCxjQUFBLEVBQzVCO0lBQUEsT0FBTyxPQUFPSixjQUFQLEtBQTBCLFdBQTFCLEdBQXdDWSx1QkFBeEMsR0FBZ0VaLGNBQXZFO0VBQUEsQ0FENEIsRUFFNUIsQ0FBQ0EsY0FBRCxDQUY0QixDQUE5QjtFQUtBLE9BQU87SUFDTEYsbUNBQW1DLEVBQUVRLDBDQURoQztJQUVMUCxvQkFBb0IsRUFBRUksMkJBRmpCO0lBR0xLLGFBQWEsRUFBYkEsYUFISztJQUlMUixjQUFjLEVBQUVXO0VBSlgsQ0FBUDtBQU1EIn0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDb21wb3NlclByb3BzIiwiYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUiLCJhdHRhY2htZW50TWlkZGxld2FyZSIsInJlbmRlck1hcmtkb3duIiwic3R5bGVPcHRpb25zIiwic3R5bGVTZXQiLCJwYXRjaGVkQXR0YWNobWVudE1pZGRsZXdhcmUiLCJ1c2VNZW1vIiwiY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlIiwicGF0Y2hlZEF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlIiwiY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlIiwiZXh0cmFTdHlsZVNldCIsInVuZGVmaW5lZCIsImNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCIsInBhdGNoZWRSZW5kZXJNYXJrZG93biIsImRlZmF1bHRSZW5kZXJNYXJrZG93biJdLCJzb3VyY2VSb290IjoiYnVuZGxlOi8vLyIsInNvdXJjZXMiOlsiLi4vc3JjL3VzZUNvbXBvc2VyUHJvcHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsIEF0dGFjaG1lbnRNaWRkbGV3YXJlIH0gZnJvbSAnYm90ZnJhbWV3b3JrLXdlYmNoYXQtYXBpJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBjcmVhdGVBZGFwdGl2ZUNhcmRzQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUgZnJvbSAnLi9hZGFwdGl2ZUNhcmRzL2NyZWF0ZUFkYXB0aXZlQ2FyZHNBdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZSc7XG5pbXBvcnQgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlIGZyb20gJy4vYWRhcHRpdmVDYXJkcy9jcmVhdGVBZGFwdGl2ZUNhcmRzQXR0YWNobWVudE1pZGRsZXdhcmUnO1xuaW1wb3J0IGNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCBmcm9tICcuL2FkYXB0aXZlQ2FyZHMvU3R5bGVzL2NyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldCc7XG5pbXBvcnQgZGVmYXVsdFJlbmRlck1hcmtkb3duIGZyb20gJy4vbWFya2Rvd24vcmVuZGVyTWFya2Rvd24nO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VDb21wb3NlclByb3BzKHtcbiAgYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsXG4gIGF0dGFjaG1lbnRNaWRkbGV3YXJlLFxuICByZW5kZXJNYXJrZG93bixcbiAgc3R5bGVPcHRpb25zLFxuICBzdHlsZVNldFxufToge1xuICBhdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZTogQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmVbXTtcbiAgYXR0YWNobWVudE1pZGRsZXdhcmU6IEF0dGFjaG1lbnRNaWRkbGV3YXJlW107XG4gIHJlbmRlck1hcmtkb3duPzogKFxuICAgIG1hcmtkb3duOiBzdHJpbmcsXG4gICAgbmV3TGluZU9wdGlvbnM6IHsgbWFya2Rvd25SZXNwZWN0Q1JMRjogYm9vbGVhbiB9LFxuICAgIGxpbmtPcHRpb25zOiB7IGV4dGVybmFsTGlua0FsdDogc3RyaW5nIH1cbiAgKSA9PiBzdHJpbmc7XG4gIHN0eWxlT3B0aW9uczogYW55O1xuICBzdHlsZVNldDogYW55O1xufSk6IHtcbiAgYXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmU6IEF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlW107XG4gIGF0dGFjaG1lbnRNaWRkbGV3YXJlOiBBdHRhY2htZW50TWlkZGxld2FyZVtdO1xuICByZW5kZXJNYXJrZG93bjogKFxuICAgIG1hcmtkb3duOiBzdHJpbmcsXG4gICAgbmV3TGluZU9wdGlvbnM6IHsgbWFya2Rvd25SZXNwZWN0Q1JMRjogYm9vbGVhbiB9LFxuICAgIGxpbmtPcHRpb25zOiB7IGV4dGVybmFsTGlua0FsdDogc3RyaW5nIH1cbiAgKSA9PiBzdHJpbmc7XG4gIGV4dHJhU3R5bGVTZXQ6IGFueTtcbn0ge1xuICBjb25zdCBwYXRjaGVkQXR0YWNobWVudE1pZGRsZXdhcmUgPSB1c2VNZW1vKFxuICAgICgpID0+IFsuLi5hdHRhY2htZW50TWlkZGxld2FyZSwgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRNaWRkbGV3YXJlKCldLFxuICAgIFthdHRhY2htZW50TWlkZGxld2FyZV1cbiAgKTtcblxuICBjb25zdCBwYXRjaGVkQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUgPSB1c2VNZW1vKFxuICAgICgpID0+IFsuLi5hdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZSwgY3JlYXRlQWRhcHRpdmVDYXJkc0F0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlKCldLFxuICAgIFthdHRhY2htZW50Rm9yU2NyZWVuUmVhZGVyTWlkZGxld2FyZV1cbiAgKTtcblxuICAvLyBXaGVuIHN0eWxlU2V0IGlzIG5vdCBzcGVjaWZpZWQsIHRoZSBzdHlsZU9wdGlvbnMgd2lsbCBiZSB1c2VkIHRvIGNyZWF0ZSBBZGFwdGl2ZSBDYXJkcyBzdHlsZVNldCBhbmQgbWVyZ2VkIGludG8gdXNlU3R5bGVTZXQuXG4gIGNvbnN0IGV4dHJhU3R5bGVTZXQgPSB1c2VNZW1vKFxuICAgICgpID0+IChzdHlsZVNldCA/IHVuZGVmaW5lZCA6IGNyZWF0ZUFkYXB0aXZlQ2FyZHNTdHlsZVNldChzdHlsZU9wdGlvbnMpKSxcbiAgICBbc3R5bGVPcHRpb25zLCBzdHlsZVNldF1cbiAgKTtcblxuICBjb25zdCBwYXRjaGVkUmVuZGVyTWFya2Rvd24gPSB1c2VNZW1vKFxuICAgICgpID0+ICh0eXBlb2YgcmVuZGVyTWFya2Rvd24gPT09ICd1bmRlZmluZWQnID8gZGVmYXVsdFJlbmRlck1hcmtkb3duIDogcmVuZGVyTWFya2Rvd24pLFxuICAgIFtyZW5kZXJNYXJrZG93bl1cbiAgKTtcblxuICByZXR1cm4ge1xuICAgIGF0dGFjaG1lbnRGb3JTY3JlZW5SZWFkZXJNaWRkbGV3YXJlOiBwYXRjaGVkQXR0YWNobWVudEZvclNjcmVlblJlYWRlck1pZGRsZXdhcmUsXG4gICAgYXR0YWNobWVudE1pZGRsZXdhcmU6IHBhdGNoZWRBdHRhY2htZW50TWlkZGxld2FyZSxcbiAgICBleHRyYVN0eWxlU2V0LFxuICAgIHJlbmRlck1hcmtkb3duOiBwYXRjaGVkUmVuZGVyTWFya2Rvd25cbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFZSxTQUFTQSxnQkFBVCxPQXlCYjtFQUFBLElBeEJBQyxtQ0F3QkEsUUF4QkFBLG1DQXdCQTtFQUFBLElBdkJBQyxvQkF1QkEsUUF2QkFBLG9CQXVCQTtFQUFBLElBdEJBQyxjQXNCQSxRQXRCQUEsY0FzQkE7RUFBQSxJQXJCQUMsWUFxQkEsUUFyQkFBLFlBcUJBO0VBQUEsSUFwQkFDLFFBb0JBLFFBcEJBQSxRQW9CQTtFQUNBLElBQU1DLDJCQUEyQixHQUFHLElBQUFDLGNBQUEsRUFDbEM7SUFBQSxrREFBVUwsb0JBQVYsSUFBZ0MsSUFBQU0sZ0RBQUEsR0FBaEM7RUFBQSxDQURrQyxFQUVsQyxDQUFDTixvQkFBRCxDQUZrQyxDQUFwQztFQUtBLElBQU1PLDBDQUEwQyxHQUFHLElBQUFGLGNBQUEsRUFDakQ7SUFBQSxrREFBVU4sbUNBQVYsSUFBK0MsSUFBQVMsK0RBQUEsR0FBL0M7RUFBQSxDQURpRCxFQUVqRCxDQUFDVCxtQ0FBRCxDQUZpRCxDQUFuRCxDQU5BLENBV0E7O0VBQ0EsSUFBTVUsYUFBYSxHQUFHLElBQUFKLGNBQUEsRUFDcEI7SUFBQSxPQUFPRixRQUFRLEdBQUdPLFNBQUgsR0FBZSxJQUFBQyxvQ0FBQSxFQUE0QlQsWUFBNUIsQ0FBOUI7RUFBQSxDQURvQixFQUVwQixDQUFDQSxZQUFELEVBQWVDLFFBQWYsQ0FGb0IsQ0FBdEI7RUFLQSxJQUFNUyxxQkFBcUIsR0FBRyxJQUFBUCxjQUFBLEVBQzVCO0lBQUEsT0FBTyxPQUFPSixjQUFQLEtBQTBCLFdBQTFCLEdBQXdDWSx1QkFBeEMsR0FBZ0VaLGNBQXZFO0VBQUEsQ0FENEIsRUFFNUIsQ0FBQ0EsY0FBRCxDQUY0QixDQUE5QjtFQUtBLE9BQU87SUFDTEYsbUNBQW1DLEVBQUVRLDBDQURoQztJQUVMUCxvQkFBb0IsRUFBRUksMkJBRmpCO0lBR0xLLGFBQWEsRUFBYkEsYUFISztJQUlMUixjQUFjLEVBQUVXO0VBSlgsQ0FBUDtBQU1EIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botframework-webchat",
-  "version": "4.15.10-main.20230908.de79e0e",
+  "version": "4.15.10-main.20230915.bb5898e",
   "description": "A highly-customizable web-based chat client for Azure Bot Services.",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -92,10 +92,10 @@
     "@babel/runtime": "7.19.0",
     "adaptivecards": "2.11.1",
     "botframework-directlinejs": "0.15.4",
-    "botframework-directlinespeech-sdk": "4.15.10-main.20230908.de79e0e",
-    "botframework-webchat-api": "4.15.10-main.20230908.de79e0e",
-    "botframework-webchat-component": "4.15.10-main.20230908.de79e0e",
-    "botframework-webchat-core": "4.15.10-main.20230908.de79e0e",
+    "botframework-directlinespeech-sdk": "4.15.10-main.20230915.bb5898e",
+    "botframework-webchat-api": "4.15.10-main.20230915.bb5898e",
+    "botframework-webchat-component": "4.15.10-main.20230915.bb5898e",
+    "botframework-webchat-core": "4.15.10-main.20230915.bb5898e",
     "classnames": "2.3.2",
     "core-js": "3.28.0",
     "markdown-it": "13.0.1",
@@ -103,6 +103,8 @@
     "markdown-it-attrs-es5": "2.0.2",
     "markdown-it-for-inline": "0.1.1",
     "math-random": "2.0.1",
+    "mdast": "3.0.0",
+    "mdast-util-from-markdown": "2.0.0",
     "memoize-one": "6.0.0",
     "microsoft-cognitiveservices-speech-sdk": "1.17.0",
     "prop-types": "15.8.1",
@@ -126,8 +128,8 @@
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "concurrently": "^7.6.0",
     "esbuild": "^0.17.10",
-    "isomorphic-react": "4.15.10-main.20230908.de79e0e",
-    "isomorphic-react-dom": "4.15.10-main.20230908.de79e0e",
+    "isomorphic-react": "4.15.10-main.20230915.bb5898e",
+    "isomorphic-react-dom": "4.15.10-main.20230915.bb5898e",
     "source-map-loader": "^4.0.1",
     "terser-webpack-plugin": "^5.3.6",
     "typescript": "^4.9.5",

package/src/__tests__/renderMarkdown.spec.js

@@ -1,6 +1,6 @@
 /* eslint no-magic-numbers: ["error", { "ignore": [2] }] */
 
-import renderMarkdown from '../renderMarkdown';
+import renderMarkdown from '../markdown/renderMarkdown';
 
 describe('renderMarkdown', () => {
   it('should render markdown', () => {
@@ -54,7 +54,7 @@ describe('renderMarkdown', () => {
 
     expect(renderMarkdown('[example](https://sample.com){aria-label="Sample label"}', styleOptions))
       .toMatchInlineSnapshot(`
-      "<p><a href=\\"https://sample.com\\" aria-label=\\"Sample label\\" rel=\\"noopener noreferrer\\" target=\\"_blank\\">example<img src=\\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\\" alt class=\\"webchat__markdown__external-link-icon\\" /></a></p>
+      "<p><a href=\\"https://sample.com\\" aria-label=\\"Sample label\\" rel=\\"noopener noreferrer\\" target=\\"_blank\\">example<img src=\\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\\" alt class=\\"webchat__render-markdown__external-link-icon\\" title /></a></p>
       "
     `);
   });
@@ -65,7 +65,7 @@ describe('renderMarkdown', () => {
 
     expect(renderMarkdown('[example](https://sample.com){aria-label="Sample label"}', styleOptions, options))
       .toMatchInlineSnapshot(`
-      "<p><a href=\\"https://sample.com\\" aria-label=\\"Sample label\\" rel=\\"noopener noreferrer\\" target=\\"_blank\\" title=\\"Opens in a new window, external.\\">example<img src=\\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\\" alt=\\"Opens in a new window, external.\\" class=\\"webchat__markdown__external-link-icon\\" /></a></p>
+      "<p><a href=\\"https://sample.com\\" aria-label=\\"Sample label\\" rel=\\"noopener noreferrer\\" target=\\"_blank\\">example<img src=\\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\\" alt class=\\"webchat__render-markdown__external-link-icon\\" title=\\"Opens in a new window, external.\\" /></a></p>
       "
     `);
   });

package/src/adaptiveCards/Attachment/AdaptiveCardRenderer.tsx

@@ -25,10 +25,11 @@ import useAdaptiveCardsPackage from '../hooks/useAdaptiveCardsPackage';
 import useDisabledModEffect from './AdaptiveCardHacks/useDisabledModEffect';
 import usePersistValuesModEffect from './AdaptiveCardHacks/usePersistValuesModEffect';
 import useRoleModEffect from './AdaptiveCardHacks/useRoleModEffect';
+import useStyleSet from '../../hooks/useStyleSet';
 import useValueRef from './AdaptiveCardHacks/private/useValueRef';
 
 const { ErrorBox } = Components;
-const { useDisabled, useLocalizer, usePerformCardAction, useRenderMarkdownAsHTML, useScrollToEnd, useStyleSet } = hooks;
+const { useDisabled, useLocalizer, usePerformCardAction, useRenderMarkdownAsHTML, useScrollToEnd } = hooks;
 
 const node_env = process.env.node_env || process.env.NODE_ENV;
 

package/src/adaptiveCards/Attachment/AnimationCardContent.tsx

@@ -1,14 +1,14 @@
 /* eslint react/no-array-index-key: "off" */
 
-import { Components, hooks } from 'botframework-webchat-component';
+import { Components } from 'botframework-webchat-component';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
 import type { DirectLineAnimationCard } from 'botframework-webchat-core';
 
 import CommonCard from './CommonCard';
+import useStyleSet from '../../hooks/useStyleSet';
 
 const { ImageContent, VideoContent } = Components;
-const { useStyleSet } = hooks;
 
 type AnimationCardContentProps = {
   actionPerformedClassName?: string;

package/src/adaptiveCards/Attachment/AudioCardContent.tsx

@@ -1,14 +1,14 @@
 /* eslint react/no-array-index-key: "off" */
 
-import { Components, hooks } from 'botframework-webchat-component';
+import { Components } from 'botframework-webchat-component';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
 import type { DirectLineAudioCard } from 'botframework-webchat-core';
 
 import CommonCard from './CommonCard';
+import useStyleSet from '../../hooks/useStyleSet';
 
 const { AudioContent } = Components;
-const { useStyleSet } = hooks;
 
 type AudioCardContentProps = {
   actionPerformedClassName?: string;

package/src/adaptiveCards/Attachment/SignInCardContent.tsx

@@ -1,11 +1,9 @@
-import { hooks } from 'botframework-webchat-component';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
 import type { DirectLineSignInCard } from 'botframework-webchat-core';
 
 import CommonCard from './CommonCard';
-
-const { useStyleSet } = hooks;
+import useStyleSet from '../../hooks/useStyleSet';
 
 type SignInCardContentProps = {
   actionPerformedClassName?: string;

package/src/adaptiveCards/Attachment/VideoCardContent.tsx

@@ -1,13 +1,13 @@
 /* eslint react/no-array-index-key: "off" */
 
-import { Components, hooks } from 'botframework-webchat-component';
+import { Components } from 'botframework-webchat-component';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
 import type { DirectLineVideoCard } from 'botframework-webchat-core';
 
 import CommonCard from './CommonCard';
+import useStyleSet from '../../hooks/useStyleSet';
 
-const { useStyleSet } = hooks;
 const { VideoContent } = Components;
 
 type VideoCardContentProps = {

package/src/hooks/useStyleSet.ts

@@ -0,0 +1,13 @@
+import { hooks } from 'botframework-webchat-component';
+
+import type AdaptiveCardsStyleSet from '../adaptiveCards/AdaptiveCardsStyleSet';
+
+const useMinimalStyleSet = hooks.useStyleSet;
+
+type MinimalStyleSet = ReturnType<typeof useMinimalStyleSet>[0];
+
+export default function useStyleSet(): readonly [MinimalStyleSet & AdaptiveCardsStyleSet] {
+  const [styleOptions] = useMinimalStyleSet();
+
+  return Object.freeze([styleOptions as MinimalStyleSet & AdaptiveCardsStyleSet] as const);
+}

package/src/index.ts

@@ -22,12 +22,13 @@ import HeroCardContent from './adaptiveCards/Attachment/HeroCardContent';
 import OAuthCardContent from './adaptiveCards/Attachment/OAuthCardContent';
 import ReactWebChat from './FullReactWebChat';
 import ReceiptCardContent from './adaptiveCards/Attachment/ReceiptCardContent';
-import renderMarkdown from './renderMarkdown';
+import renderMarkdown from './markdown/renderMarkdown';
 import SignInCardContent from './adaptiveCards/Attachment/SignInCardContent';
 import ThumbnailCardContent from './adaptiveCards/Attachment/ThumbnailCardContent';
 import useAdaptiveCardsHostConfig from './adaptiveCards/hooks/useAdaptiveCardsHostConfig';
 import useAdaptiveCardsPackage from './adaptiveCards/hooks/useAdaptiveCardsPackage';
 import useStyleOptions from './hooks/useStyleOptions';
+import useStyleSet from './hooks/useStyleSet';
 import VideoCardContent from './adaptiveCards/Attachment/VideoCardContent';
 
 const renderWebChat = coreRenderWebChat.bind(null, ReactWebChat);
@@ -56,7 +57,8 @@ const patchedHooks = {
   ...hooks,
   useAdaptiveCardsHostConfig,
   useAdaptiveCardsPackage,
-  useStyleOptions
+  useStyleOptions,
+  useStyleSet
 };
 
 const AdditionalComponents = {

package/src/markdown/markdownItPlugins/ariaLabel.spec.ts

@@ -0,0 +1,27 @@
+import MarkdownIt from 'markdown-it';
+
+import ariaLabel, { pre, post } from './ariaLabel';
+
+test('should render {aria-label="Bing search"}', () => {
+  const markdown = 'Visit [Bing](https://bing.com/){aria-label="Bing search"} to start.';
+
+  const html = post(new MarkdownIt().use(ariaLabel).render(pre(markdown)));
+
+  expect(html).toBe('<p>Visit <a href="https://bing.com/" aria-label="Bing search">Bing</a> to start.</p>\n');
+});
+
+test('should render {1} as-is', () => {
+  const markdown = 'This is number {1}.';
+
+  const html = post(new MarkdownIt().use(ariaLabel).render(pre(markdown)));
+
+  expect(html).toBe('<p>This is number {1}.</p>\n');
+});
+
+test('should render {title="abc"} as-is', () => {
+  const markdown = 'Visit [Bing](https://bing.com/){title="abc"} to start.';
+
+  const html = post(new MarkdownIt().use(ariaLabel).render(pre(markdown)));
+
+  expect(html).toBe('<p>Visit <a href="https://bing.com/">Bing</a>{title=&quot;abc&quot;} to start.</p>\n');
+});

package/src/markdown/markdownItPlugins/ariaLabel.ts

@@ -0,0 +1,52 @@
+import MarkdownIt from 'markdown-it';
+import markdownItAttrs from 'markdown-it-attrs-es5';
+
+const MARKDOWN_ATTRS_LEFT_DELIMITER = '⟬';
+// Make sure the delimiter is free from any RegExp characters, such as *, ?, etc.
+// IE11 does not support "u" flag and Babel could not remove it. We intentionally omitting the "u" flag here.
+// eslint-disable-next-line require-unicode-regexp
+const MARKDOWN_ATTRS_LEFT_DELIMITER_PATTERN = new RegExp(MARKDOWN_ATTRS_LEFT_DELIMITER, 'g');
+
+const MARKDOWN_ATTRS_RIGHT_DELIMITER = '⟭';
+// Make sure the delimiter is free from any RegExp characters, such as *, ?, etc.
+// IE11 does not support "u" flag and Babel could not remove it. We intentionally omitting the "u" flag here.
+// eslint-disable-next-line require-unicode-regexp
+const MARKDOWN_ATTRS_RIGHT_DELIMITER_PATTERN = new RegExp(MARKDOWN_ATTRS_RIGHT_DELIMITER, 'g');
+
+const ariaLabel = (markdown: typeof MarkdownIt): typeof MarkdownIt =>
+  markdown.use(markdownItAttrs, {
+    // `markdown-it-attrs` is added for accessibility and allow bot developers to specify `aria-label`.
+    // We are allowlisting `aria-label` only as it is allowlisted in `sanitize-html`.
+    // Other `aria-*` will be sanitized even we allowlisted here.
+    allowedAttributes: ['aria-label'],
+    leftDelimiter: MARKDOWN_ATTRS_LEFT_DELIMITER,
+    rightDelimiter: MARKDOWN_ATTRS_RIGHT_DELIMITER
+  });
+
+// TODO: We should fold pre/post back into the plugin.
+const pre = (markdown: string): string =>
+  // Related to #3165.
+  // We only support attributes "aria-label" and should leave other attributes as-is.
+  // However, `markdown-it-attrs` remove unrecognized attributes, such as {hello}.
+  // Before passing to `markdown-it-attrs`, we will convert known attributes from {aria-label="..."} into ⟬aria-label="..."⟭ (using white tortoise shell brackets).
+  // Then, we ask `markdown-it-attrs` to only process the new brackets, so it should only try to process things that we allowlisted.
+  // Lastly, we revert tortoise shell brackets back to curly brackets, for unprocessed attributes.
+  markdown
+    // IE11 does not support "u" flag and Babel could not remove it. We intentionally omitting the "u" flag here.
+    // eslint-disable-next-line require-unicode-regexp
+    .replace(/\{\s*aria-label()\s*\}/gi, `${MARKDOWN_ATTRS_LEFT_DELIMITER}aria-label${MARKDOWN_ATTRS_RIGHT_DELIMITER}`)
+    .replace(
+      // IE11 does not support "u" flag and Babel could not remove it. We intentionally omitting the "u" flag here.
+      // eslint-disable-next-line require-unicode-regexp
+      /\{\s*aria-label=("[^"]*"|[^\s}]*)\s*\}/gi,
+      (_, valueInsideQuotes) =>
+        `${MARKDOWN_ATTRS_LEFT_DELIMITER}aria-label=${valueInsideQuotes}${MARKDOWN_ATTRS_RIGHT_DELIMITER}`
+    );
+
+const post = (html: string): string =>
+  // Restore attributes not processed by `markdown-it-attrs`.
+  // TODO: [P2] #2511 After we fixed our polyfill story, we should use "String.prototype.replaceAll" instead of RegExp for replace all occurrences.
+  html.replace(MARKDOWN_ATTRS_LEFT_DELIMITER_PATTERN, '{').replace(MARKDOWN_ATTRS_RIGHT_DELIMITER_PATTERN, '}');
+
+export default ariaLabel;
+export { pre, post };

package/src/markdown/markdownItPlugins/betterLink.spec.ts

@@ -0,0 +1,80 @@
+import MarkdownIt from 'markdown-it';
+
+import betterLink from './betterLink';
+
+// ariaLabel?: false | string;
+// asButton?: boolean;
+// iconAlt?: string;
+// iconClassName?: string;
+// className?: false | string;
+// rel?: false | string;
+// target?: false | string;
+// title?: false | string;
+
+test('should render "ariaLabel"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ ariaLabel: 'Hello, World!' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <a href="https://bing.com/" aria-label="Hello, World!">link</a>.</p>\n');
+});
+
+test('should render "asButton"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ asButton: true }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <button type="button" value="https://bing.com/">link</button>.</p>\n');
+});
+
+test('should render "className"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ className: 'link' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <a href="https://bing.com/" class="link">link</a>.</p>\n');
+});
+
+test('should render "iconClassName"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ iconClassName: 'icon' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe(
+    '<p>This is a <a href="https://bing.com/">link<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="icon"></a>.</p>\n'
+  );
+});
+
+test('should render "iconClassName" with "iconAlt"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ iconAlt: 'open in new window', iconClassName: 'icon' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe(
+    '<p>This is a <a href="https://bing.com/">link<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" class="icon" title="open in new window"></a>.</p>\n'
+  );
+});
+
+test('should render "rel"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ rel: 'noopener noreferrer' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <a href="https://bing.com/" rel="noopener noreferrer">link</a>.</p>\n');
+});
+
+test('should render "target"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ target: '_blank' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <a href="https://bing.com/" target="_blank">link</a>.</p>\n');
+});
+
+test('should render "title"', () => {
+  const html = new MarkdownIt()
+    .use(betterLink, () => ({ title: 'Hello, World!' }))
+    .render('This is a [link](https://bing.com/).');
+
+  expect(html).toBe('<p>This is a <a href="https://bing.com/" title="Hello, World!">link</a>.</p>\n');
+});

package/src/markdown/markdownItPlugins/betterLink.ts

@@ -0,0 +1,113 @@
+import iterator from 'markdown-it-for-inline';
+import MarkdownIt from 'markdown-it';
+
+// Put a transparent pixel instead of the "open in new window" icon, so developers can easily modify the icon in CSS.
+const TRANSPARENT_GIF = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+
+type AttributeSetter = false | string | ((value?: string) => string);
+
+type Decoration = {
+  /** Value of "aria-label" attribute of the link. If set to `false`, remove existing attribute. */
+  ariaLabel?: AttributeSetter;
+
+  /** Turns this link into a <button> with "value" attribute instead of "href". */
+  asButton?: boolean;
+
+  /** Value of "class" attribute of the link. If set to `false`, remove existing attribute. */
+  className?: AttributeSetter;
+
+  /** Alternate text of the image icon appended to the link. */
+  iconAlt?: string;
+
+  /** Class name of the image icon appended to the link. */
+  iconClassName?: string;
+
+  /** Value of "rel" attribute of the link. If set to `false`, remove existing attribute. */
+  rel?: AttributeSetter;
+
+  /** Value of "target" attribute of the link. If set to `false`, remove existing attribute. */
+  target?: AttributeSetter;
+
+  /** Value of "title" attribute of the link. If set to `false`, remove existing attribute. */
+  title?: AttributeSetter;
+};
+
+// This is used for parsing Markdown for external links.
+const internalMarkdownIt = new MarkdownIt();
+
+function setTokenAttribute(attrs: Array<[string, string]>, name: string, value?: AttributeSetter) {
+  const index = attrs.findIndex(entry => entry[0] === name);
+
+  if (value === false) {
+    ~index && attrs.splice(index, 1);
+  } else if (typeof value === 'string') {
+    if (~index) {
+      attrs[+index][1] = value;
+    } else {
+      attrs.push([name, value]);
+    }
+  } else if (typeof value === 'function') {
+    if (~index) {
+      attrs[+index][1] = value(attrs[+index][1]);
+    } else {
+      attrs.push([name, value()]);
+    }
+  }
+}
+
+const betterLink = (
+  markdown: typeof MarkdownIt,
+  decorate: (href: string, textContent: string) => Decoration | undefined
+): typeof MarkdownIt =>
+  markdown.use(iterator, 'url_new_win', 'link_open', (tokens, index) => {
+    const indexOfLinkCloseToken = tokens.indexOf(tokens.slice(index + 1).find(({ type }) => type === 'link_close'));
+    const token = tokens[+index];
+
+    const [, href] = token.attrs.find(([name]) => name === 'href');
+    const nodesInLink = tokens.slice(index + 1, indexOfLinkCloseToken);
+
+    const textContent = nodesInLink
+      .filter(({ type }) => type === 'text')
+      .map(({ content }) => content)
+      .join(' ');
+
+    const decoration = decorate(href, textContent);
+
+    if (!decoration) {
+      return;
+    }
+
+    const { ariaLabel, asButton, className, iconAlt, iconClassName, rel, target, title } = decoration;
+
+    setTokenAttribute(token.attrs, 'aria-label', ariaLabel);
+    setTokenAttribute(token.attrs, 'class', className);
+    setTokenAttribute(token.attrs, 'title', title);
+
+    if (iconClassName) {
+      const iconTokens = internalMarkdownIt.parseInline(`![](${TRANSPARENT_GIF})`)[0].children;
+
+      setTokenAttribute(iconTokens[0].attrs, 'class', iconClassName);
+      setTokenAttribute(iconTokens[0].attrs, 'title', iconAlt);
+
+      // Add an icon before </a>.
+      ~indexOfLinkCloseToken && tokens.splice(indexOfLinkCloseToken, 0, ...iconTokens);
+    }
+
+    if (asButton) {
+      setTokenAttribute(token.attrs, 'href', false);
+
+      token.tag = 'button';
+
+      setTokenAttribute(token.attrs, 'type', 'button');
+      setTokenAttribute(token.attrs, 'value', href);
+
+      if (~indexOfLinkCloseToken) {
+        tokens[+indexOfLinkCloseToken].tag = 'button';
+      }
+    } else {
+      setTokenAttribute(token.attrs, 'rel', rel);
+      setTokenAttribute(token.attrs, 'target', target);
+    }
+  });
+
+export default betterLink;