botframework-webchat-component 4.15.1 → 4.15.2-main.20220413.af6e8a3

package/lib/providers/LiveRegionTwin/private/LiveRegionTwinContainer.d.ts

@@ -5,6 +5,7 @@ declare type LiveRegionTwinContainerProps = {
     'aria-roledescription'?: string;
     className?: string;
     role?: string;
+    textElementClassName?: string;
 };
 declare const LiveRegionTwinContainer: VFC<LiveRegionTwinContainerProps>;
 export default LiveRegionTwinContainer;

package/lib/providers/LiveRegionTwin/private/LiveRegionTwinContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveRegionTwinContainer.d.ts","sourceRoot":"","sources":["../../../../src/providers/LiveRegionTwin/private/LiveRegionTwinContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,aAAK,4BAA4B,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,QAAQ,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,QAAA,MAAM,uBAAuB,EAAE,GAAG,CAAC,4BAA4B,CA2B9D,CAAC;AAmBF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"LiveRegionTwinContainer.d.ts","sourceRoot":"","sources":["../../../../src/providers/LiveRegionTwin/private/LiveRegionTwinContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,aAAK,4BAA4B,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,QAAQ,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAGF,QAAA,MAAM,uBAAuB,EAAE,GAAG,CAAC,4BAA4B,CAwC9D,CAAC;AAqBF,eAAe,uBAAuB,CAAC"}

package/lib/providers/LiveRegionTwin/private/LiveRegionTwinContainer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -39,7 +39,8 @@ var LiveRegionTwinContainer = function LiveRegionTwinContainer(_ref) {
       ariaLive = _ref['aria-live'],
       ariaRoleDescription = _ref['aria-roledescription'],
       className = _ref.className,
-      role = _ref.role;
+      role = _ref.role,
+      textElementClassName = _ref.textElementClassName;
 
   var _useStaticElementEntr = (0, _useStaticElementEntries.default)(),
       _useStaticElementEntr2 = _slicedToArray(_useStaticElementEntr, 1),
@@ -58,9 +59,20 @@ var LiveRegionTwinContainer = function LiveRegionTwinContainer(_ref) {
   }, staticElementEntries.map(function (_ref2) {
     var element = _ref2.element,
         key = _ref2.key;
-    return typeof element === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
-      key: key
-    }, element) : /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+
+    if (typeof element === 'string') {
+      var id = "webchat__live-region-twin__text-element-".concat(key);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        "aria-atomic": true,
+        "aria-labelledby": id,
+        className: textElementClassName,
+        key: key
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        id: id
+      }, element));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
       key: key
     }, element);
   }));
@@ -70,7 +82,8 @@ LiveRegionTwinContainer.defaultProps = {
   'aria-label': undefined,
   'aria-roledescription': undefined,
   className: undefined,
-  role: undefined
+  role: undefined,
+  textElementClassName: undefined
 };
 LiveRegionTwinContainer.propTypes = {
   'aria-label': _propTypes.default.string,
@@ -79,8 +92,9 @@ LiveRegionTwinContainer.propTypes = {
   'aria-live': _propTypes.default.oneOf(['assertive', 'polite']).isRequired,
   'aria-roledescription': _propTypes.default.string,
   className: _propTypes.default.string,
-  role: _propTypes.default.string
+  role: _propTypes.default.string,
+  textElementClassName: _propTypes.default.string
 };
 var _default = LiveRegionTwinContainer;
 exports.default = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm92aWRlcnMvTGl2ZVJlZ2lvblR3aW4vcHJpdmF0ZS9MaXZlUmVnaW9uVHdpbkNvbnRhaW5lci50c3giXSwibmFtZXMiOlsiTGl2ZVJlZ2lvblR3aW5Db250YWluZXIiLCJhcmlhTGFiZWwiLCJhcmlhTGl2ZSIsImFyaWFSb2xlRGVzY3JpcHRpb24iLCJjbGFzc05hbWUiLCJyb2xlIiwic3RhdGljRWxlbWVudEVudHJpZXMiLCJtYXAiLCJlbGVtZW50Iiwia2V5IiwiZGVmYXVsdFByb3BzIiwidW5kZWZpbmVkIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwic3RyaW5nIiwib25lT2YiLCJpc1JlcXVpcmVkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFJQTs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFVQTtBQUNBLElBQU1BLHVCQUEwRCxHQUFHLFNBQTdEQSx1QkFBNkQsT0FNN0Q7QUFBQSxNQUxVQyxTQUtWLFFBTEosWUFLSTtBQUFBLE1BSlNDLFFBSVQsUUFKSixXQUlJO0FBQUEsTUFIb0JDLG1CQUdwQixRQUhKLHNCQUdJO0FBQUEsTUFGSkMsU0FFSSxRQUZKQSxTQUVJO0FBQUEsTUFESkMsSUFDSSxRQURKQSxJQUNJOztBQUNKLDhCQUErQix1Q0FBL0I7QUFBQTtBQUFBLE1BQU9DLG9CQUFQLDZCQURJLENBR0o7QUFDQTtBQUNBOzs7QUFDQTtBQUVBLHNCQUNFO0FBQ0Usa0JBQVlMLFNBRGQ7QUFFRSxpQkFBV0MsUUFGYjtBQUdFLDRCQUFzQkMsbUJBSHhCO0FBSUUsSUFBQSxTQUFTLEVBQUVDLFNBSmI7QUFLRSxJQUFBLElBQUksRUFBRUM7QUFMUixLQU9HQyxvQkFBb0IsQ0FBQ0MsR0FBckIsQ0FBeUI7QUFBQSxRQUFHQyxPQUFILFNBQUdBLE9BQUg7QUFBQSxRQUFZQyxHQUFaLFNBQVlBLEdBQVo7QUFBQSxXQUN4QixPQUFPRCxPQUFQLEtBQW1CLFFBQW5CLGdCQUE4QjtBQUFLLE1BQUEsR0FBRyxFQUFFQztBQUFWLE9BQWdCRCxPQUFoQixDQUE5QixnQkFBK0QsNkJBQUMsZUFBRDtBQUFVLE1BQUEsR0FBRyxFQUFFQztBQUFmLE9BQXFCRCxPQUFyQixDQUR2QztBQUFBLEdBQXpCLENBUEgsQ0FERjtBQWFELENBM0JEOztBQTZCQVIsdUJBQXVCLENBQUNVLFlBQXhCLEdBQXVDO0FBQ3JDLGdCQUFjQyxTQUR1QjtBQUVyQywwQkFBd0JBLFNBRmE7QUFHckNQLEVBQUFBLFNBQVMsRUFBRU8sU0FIMEI7QUFJckNOLEVBQUFBLElBQUksRUFBRU07QUFKK0IsQ0FBdkM7QUFPQVgsdUJBQXVCLENBQUNZLFNBQXhCLEdBQW9DO0FBQ2xDLGdCQUFjQyxtQkFBVUMsTUFEVTtBQUVsQztBQUNBO0FBQ0EsZUFBYUQsbUJBQVVFLEtBQVYsQ0FBZ0IsQ0FBQyxXQUFELEVBQWMsUUFBZCxDQUFoQixFQUF5Q0MsVUFKcEI7QUFLbEMsMEJBQXdCSCxtQkFBVUMsTUFMQTtBQU1sQ1YsRUFBQUEsU0FBUyxFQUFFUyxtQkFBVUMsTUFOYTtBQU9sQ1QsRUFBQUEsSUFBSSxFQUFFUSxtQkFBVUM7QUFQa0IsQ0FBcEM7ZUFVZWQsdUIiLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgVkZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdXNlTWFya0FsbEFzUmVuZGVyZWRFZmZlY3QgZnJvbSAnLi91c2VNYXJrQWxsQXNSZW5kZXJlZEVmZmVjdCc7XG5pbXBvcnQgdXNlU3RhdGljRWxlbWVudEVudHJpZXMgZnJvbSAnLi91c2VTdGF0aWNFbGVtZW50RW50cmllcyc7XG5cbnR5cGUgTGl2ZVJlZ2lvblR3aW5Db250YWluZXJQcm9wcyA9IHtcbiAgJ2FyaWEtbGFiZWwnPzogc3RyaW5nO1xuICAnYXJpYS1saXZlJzogJ2Fzc2VydGl2ZScgfCAncG9saXRlJztcbiAgJ2FyaWEtcm9sZWRlc2NyaXB0aW9uJz86IHN0cmluZztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICByb2xlPzogc3RyaW5nO1xufTtcblxuLy8gVGhpcyBjb250YWluZXIgaXMgbWFya2VkIGFzIHByaXZhdGUgYmVjYXVzZSB3ZSBhc3N1bWUgdGhlcmUgaXMgb25seSBvbmUgaW5zdGFuY2UgdW5kZXIgdGhlIDxMaXZlUmVnaW9uVHdpbkNvbnRleHQ+LlxuY29uc3QgTGl2ZVJlZ2lvblR3aW5Db250YWluZXI6IFZGQzxMaXZlUmVnaW9uVHdpbkNvbnRhaW5lclByb3BzPiA9ICh7XG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnYXJpYS1saXZlJzogYXJpYUxpdmUsXG4gICdhcmlhLXJvbGVkZXNjcmlwdGlvbic6IGFyaWFSb2xlRGVzY3JpcHRpb24sXG4gIGNsYXNzTmFtZSxcbiAgcm9sZVxufSkgPT4ge1xuICBjb25zdCBbc3RhdGljRWxlbWVudEVudHJpZXNdID0gdXNlU3RhdGljRWxlbWVudEVudHJpZXMoKTtcblxuICAvLyBXZSBhc3N1bWUgdGhlcmUgaXMgb25seSBvbmUgaW5zdGFuY2UgdW5kZXIgdGhlIDxMaXZlUmVnaW9uVHdpbkNvbnRleHQ+LlxuICAvLyBUaGUgYXNzdW1wdGlvbiBtYWRlIHVzIHNhZmUgdG8gbWFyayBldmVyeXRoaW5nIGlzIHJlbmRlcmVkLlxuICAvLyBJbiBjb250cmFyeSwgaWYgd2UgaGF2ZSAwLXRvLW1hbnkgYXQgZGlmZmVyZW50IHRpbWUsIHdlIG1heSBmYWxzZWx5IG1hcmsgc29tZXRoaW5nIGFzIHJlbmRlcmVkLlxuICB1c2VNYXJrQWxsQXNSZW5kZXJlZEVmZmVjdCgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1saXZlPXthcmlhTGl2ZX1cbiAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPXthcmlhUm9sZURlc2NyaXB0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICByb2xlPXtyb2xlfVxuICAgID5cbiAgICAgIHtzdGF0aWNFbGVtZW50RW50cmllcy5tYXAoKHsgZWxlbWVudCwga2V5IH0pID0+XG4gICAgICAgIHR5cGVvZiBlbGVtZW50ID09PSAnc3RyaW5nJyA/IDxkaXYga2V5PXtrZXl9PntlbGVtZW50fTwvZGl2PiA6IDxGcmFnbWVudCBrZXk9e2tleX0+e2VsZW1lbnR9PC9GcmFnbWVudD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5MaXZlUmVnaW9uVHdpbkNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSB7XG4gICdhcmlhLWxhYmVsJzogdW5kZWZpbmVkLFxuICAnYXJpYS1yb2xlZGVzY3JpcHRpb24nOiB1bmRlZmluZWQsXG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxuICByb2xlOiB1bmRlZmluZWRcbn07XG5cbkxpdmVSZWdpb25Ud2luQ29udGFpbmVyLnByb3BUeXBlcyA9IHtcbiAgJ2FyaWEtbGFiZWwnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAvLyBQcm9wVHlwZXMub25lT2YoKSByZXR1cm5zIHR5cGUgb2YgYHN0cmluZ2AsIGJ1dCBub3QgYCdhc3NlcnRpdmUnIHwgJ3BvbGl0ZSdgLlxuICAvLyBAdHMtaWdub3JlXG4gICdhcmlhLWxpdmUnOiBQcm9wVHlwZXMub25lT2YoWydhc3NlcnRpdmUnLCAncG9saXRlJ10pLmlzUmVxdWlyZWQsXG4gICdhcmlhLXJvbGVkZXNjcmlwdGlvbic6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcm9sZTogUHJvcFR5cGVzLnN0cmluZ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGl2ZVJlZ2lvblR3aW5Db250YWluZXI7XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wcm92aWRlcnMvTGl2ZVJlZ2lvblR3aW4vcHJpdmF0ZS9MaXZlUmVnaW9uVHdpbkNvbnRhaW5lci50c3giXSwibmFtZXMiOlsiTGl2ZVJlZ2lvblR3aW5Db250YWluZXIiLCJhcmlhTGFiZWwiLCJhcmlhTGl2ZSIsImFyaWFSb2xlRGVzY3JpcHRpb24iLCJjbGFzc05hbWUiLCJyb2xlIiwidGV4dEVsZW1lbnRDbGFzc05hbWUiLCJzdGF0aWNFbGVtZW50RW50cmllcyIsIm1hcCIsImVsZW1lbnQiLCJrZXkiLCJpZCIsImRlZmF1bHRQcm9wcyIsInVuZGVmaW5lZCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsIm9uZU9mIiwiaXNSZXF1aXJlZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBSUE7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBV0E7QUFDQSxJQUFNQSx1QkFBMEQsR0FBRyxTQUE3REEsdUJBQTZELE9BTzdEO0FBQUEsTUFOVUMsU0FNVixRQU5KLFlBTUk7QUFBQSxNQUxTQyxRQUtULFFBTEosV0FLSTtBQUFBLE1BSm9CQyxtQkFJcEIsUUFKSixzQkFJSTtBQUFBLE1BSEpDLFNBR0ksUUFISkEsU0FHSTtBQUFBLE1BRkpDLElBRUksUUFGSkEsSUFFSTtBQUFBLE1BREpDLG9CQUNJLFFBREpBLG9CQUNJOztBQUNKLDhCQUErQix1Q0FBL0I7QUFBQTtBQUFBLE1BQU9DLG9CQUFQLDZCQURJLENBR0o7QUFDQTtBQUNBOzs7QUFDQTtBQUVBLHNCQUNFO0FBQ0Usa0JBQVlOLFNBRGQ7QUFFRSxpQkFBV0MsUUFGYjtBQUdFLDRCQUFzQkMsbUJBSHhCO0FBSUUsSUFBQSxTQUFTLEVBQUVDLFNBSmI7QUFLRSxJQUFBLElBQUksRUFBRUM7QUFMUixLQU9HRSxvQkFBb0IsQ0FBQ0MsR0FBckIsQ0FBeUIsaUJBQXNCO0FBQUEsUUFBbkJDLE9BQW1CLFNBQW5CQSxPQUFtQjtBQUFBLFFBQVZDLEdBQVUsU0FBVkEsR0FBVTs7QUFDOUMsUUFBSSxPQUFPRCxPQUFQLEtBQW1CLFFBQXZCLEVBQWlDO0FBQy9CLFVBQU1FLEVBQUUscURBQThDRCxHQUE5QyxDQUFSO0FBRUEsMEJBQ0U7QUFBSyx1QkFBYSxJQUFsQjtBQUF3QiwyQkFBaUJDLEVBQXpDO0FBQTZDLFFBQUEsU0FBUyxFQUFFTCxvQkFBeEQ7QUFBOEUsUUFBQSxHQUFHLEVBQUVJO0FBQW5GLHNCQUdFO0FBQUcsUUFBQSxFQUFFLEVBQUVDO0FBQVAsU0FBWUYsT0FBWixDQUhGLENBREY7QUFPRDs7QUFFRCx3QkFBTyw2QkFBQyxlQUFEO0FBQVUsTUFBQSxHQUFHLEVBQUVDO0FBQWYsT0FBcUJELE9BQXJCLENBQVA7QUFDRCxHQWRBLENBUEgsQ0FERjtBQXlCRCxDQXhDRDs7QUEwQ0FULHVCQUF1QixDQUFDWSxZQUF4QixHQUF1QztBQUNyQyxnQkFBY0MsU0FEdUI7QUFFckMsMEJBQXdCQSxTQUZhO0FBR3JDVCxFQUFBQSxTQUFTLEVBQUVTLFNBSDBCO0FBSXJDUixFQUFBQSxJQUFJLEVBQUVRLFNBSitCO0FBS3JDUCxFQUFBQSxvQkFBb0IsRUFBRU87QUFMZSxDQUF2QztBQVFBYix1QkFBdUIsQ0FBQ2MsU0FBeEIsR0FBb0M7QUFDbEMsZ0JBQWNDLG1CQUFVQyxNQURVO0FBRWxDO0FBQ0E7QUFDQSxlQUFhRCxtQkFBVUUsS0FBVixDQUFnQixDQUFDLFdBQUQsRUFBYyxRQUFkLENBQWhCLEVBQXlDQyxVQUpwQjtBQUtsQywwQkFBd0JILG1CQUFVQyxNQUxBO0FBTWxDWixFQUFBQSxTQUFTLEVBQUVXLG1CQUFVQyxNQU5hO0FBT2xDWCxFQUFBQSxJQUFJLEVBQUVVLG1CQUFVQyxNQVBrQjtBQVFsQ1YsRUFBQUEsb0JBQW9CLEVBQUVTLG1CQUFVQztBQVJFLENBQXBDO2VBV2VoQix1QiIsInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUgeyBWRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB1c2VNYXJrQWxsQXNSZW5kZXJlZEVmZmVjdCBmcm9tICcuL3VzZU1hcmtBbGxBc1JlbmRlcmVkRWZmZWN0JztcbmltcG9ydCB1c2VTdGF0aWNFbGVtZW50RW50cmllcyBmcm9tICcuL3VzZVN0YXRpY0VsZW1lbnRFbnRyaWVzJztcblxudHlwZSBMaXZlUmVnaW9uVHdpbkNvbnRhaW5lclByb3BzID0ge1xuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmc7XG4gICdhcmlhLWxpdmUnOiAnYXNzZXJ0aXZlJyB8ICdwb2xpdGUnO1xuICAnYXJpYS1yb2xlZGVzY3JpcHRpb24nPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJvbGU/OiBzdHJpbmc7XG4gIHRleHRFbGVtZW50Q2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuLy8gVGhpcyBjb250YWluZXIgaXMgbWFya2VkIGFzIHByaXZhdGUgYmVjYXVzZSB3ZSBhc3N1bWUgdGhlcmUgaXMgb25seSBvbmUgaW5zdGFuY2UgdW5kZXIgdGhlIDxMaXZlUmVnaW9uVHdpbkNvbnRleHQ+LlxuY29uc3QgTGl2ZVJlZ2lvblR3aW5Db250YWluZXI6IFZGQzxMaXZlUmVnaW9uVHdpbkNvbnRhaW5lclByb3BzPiA9ICh7XG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnYXJpYS1saXZlJzogYXJpYUxpdmUsXG4gICdhcmlhLXJvbGVkZXNjcmlwdGlvbic6IGFyaWFSb2xlRGVzY3JpcHRpb24sXG4gIGNsYXNzTmFtZSxcbiAgcm9sZSxcbiAgdGV4dEVsZW1lbnRDbGFzc05hbWVcbn0pID0+IHtcbiAgY29uc3QgW3N0YXRpY0VsZW1lbnRFbnRyaWVzXSA9IHVzZVN0YXRpY0VsZW1lbnRFbnRyaWVzKCk7XG5cbiAgLy8gV2UgYXNzdW1lIHRoZXJlIGlzIG9ubHkgb25lIGluc3RhbmNlIHVuZGVyIHRoZSA8TGl2ZVJlZ2lvblR3aW5Db250ZXh0Pi5cbiAgLy8gVGhlIGFzc3VtcHRpb24gbWFkZSB1cyBzYWZlIHRvIG1hcmsgZXZlcnl0aGluZyBpcyByZW5kZXJlZC5cbiAgLy8gSW4gY29udHJhcnksIGlmIHdlIGhhdmUgMC10by1tYW55IGF0IGRpZmZlcmVudCB0aW1lLCB3ZSBtYXkgZmFsc2VseSBtYXJrIHNvbWV0aGluZyBhcyByZW5kZXJlZC5cbiAgdXNlTWFya0FsbEFzUmVuZGVyZWRFZmZlY3QoKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGFyaWEtbGl2ZT17YXJpYUxpdmV9XG4gICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj17YXJpYVJvbGVEZXNjcmlwdGlvbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICA+XG4gICAgICB7c3RhdGljRWxlbWVudEVudHJpZXMubWFwKCh7IGVsZW1lbnQsIGtleSB9KSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgZWxlbWVudCA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICBjb25zdCBpZCA9IGB3ZWJjaGF0X19saXZlLXJlZ2lvbi10d2luX190ZXh0LWVsZW1lbnQtJHtrZXl9YDtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IGFyaWEtYXRvbWljPXt0cnVlfSBhcmlhLWxhYmVsbGVkYnk9e2lkfSBjbGFzc05hbWU9e3RleHRFbGVtZW50Q2xhc3NOYW1lfSBrZXk9e2tleX0+XG4gICAgICAgICAgICAgIHsvKiBcImFyaWEtbGFiZWxsZWRieVwiIHJlcXVpcmVzIHRoZSB1c2Ugb2YgXCJpZFwiIGF0dHJpYnV0ZS4gKi99XG4gICAgICAgICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvZm9yYmlkLWRvbS1wcm9wcyAqL31cbiAgICAgICAgICAgICAgPHAgaWQ9e2lkfT57ZWxlbWVudH08L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIDxGcmFnbWVudCBrZXk9e2tleX0+e2VsZW1lbnR9PC9GcmFnbWVudD47XG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkxpdmVSZWdpb25Ud2luQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgJ2FyaWEtbGFiZWwnOiB1bmRlZmluZWQsXG4gICdhcmlhLXJvbGVkZXNjcmlwdGlvbic6IHVuZGVmaW5lZCxcbiAgY2xhc3NOYW1lOiB1bmRlZmluZWQsXG4gIHJvbGU6IHVuZGVmaW5lZCxcbiAgdGV4dEVsZW1lbnRDbGFzc05hbWU6IHVuZGVmaW5lZFxufTtcblxuTGl2ZVJlZ2lvblR3aW5Db250YWluZXIucHJvcFR5cGVzID0ge1xuICAnYXJpYS1sYWJlbCc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIC8vIFByb3BUeXBlcy5vbmVPZigpIHJldHVybnMgdHlwZSBvZiBgc3RyaW5nYCwgYnV0IG5vdCBgJ2Fzc2VydGl2ZScgfCAncG9saXRlJ2AuXG4gIC8vIEB0cy1pZ25vcmVcbiAgJ2FyaWEtbGl2ZSc6IFByb3BUeXBlcy5vbmVPZihbJ2Fzc2VydGl2ZScsICdwb2xpdGUnXSkuaXNSZXF1aXJlZCxcbiAgJ2FyaWEtcm9sZWRlc2NyaXB0aW9uJzogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICByb2xlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0RWxlbWVudENsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGl2ZVJlZ2lvblR3aW5Db250YWluZXI7XG4iXX0=

package/lib/providers/TranscriptFocus/TranscriptFocusComposer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botframework-webchat-component",
-  "version": "4.15.1",
+  "version": "4.15.2-main.20220413.af6e8a3",
   "description": "React component of botframework-webchat",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -21,6 +21,9 @@
     "build": "npm run build:typescript && npm run build:babel",
     "build:babel": "babel src --copy-files --extensions .js,.ts,.tsx --ignore **/*.spec.js,**/*.spec.ts,**/*.spec.tsx,**/*.test.js,**/*.test.ts,**/*.test.tsx,__tests__/**/*.js,__tests__/**/*.ts,__tests__/**/*.tsx --no-copy-ignored --out-dir lib --verbose",
     "build:typescript": "tsc --project src/tsconfig.json",
+    "bump": "npm run bump:prod && npm run bump:dev",
+    "bump:dev": "npm install $(cat package.json | jq -r '(.devDependencies | keys) - .skipBump | .[]' | awk '{print $1 \"@latest\"}')",
+    "bump:prod": "npm install --save-exact $(cat package.json | jq -r '(.dependencies | keys) - .skipBump | .[]' | awk '{print $1 \"@latest\"}')",
     "eslint": "npm run precommit",
     "precommit": "npm run precommit:eslint -- src && npm run precommit:typecheck",
     "precommit:eslint": "../../node_modules/.bin/eslint --report-unused-disable-directives --max-warnings 0",
@@ -30,39 +33,40 @@
     "start:babel": "npm run build:babel -- --skip-initial-build --watch",
     "start:typescript": "npm run build:typescript -- --watch"
   },
+  "skipBump": [],
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@types/node": "^16.10.9",
-    "@types/react": "^17.0.29",
-    "babel-plugin-istanbul": "^6.0.0",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.5",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@types/node": "^17.0.21",
+    "@types/react": "^17.0.39",
+    "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
-    "concurrently": "^6.3.0",
-    "core-js": "^3.18.3",
-    "node-dev": "^7.0.0",
-    "typescript": "^4.3.5"
+    "concurrently": "^7.0.0",
+    "core-js": "^3.21.1",
+    "node-dev": "^7.1.0",
+    "typescript": "^4.6.2"
   },
   "dependencies": {
-    "@emotion/css": "11.1.3",
+    "@emotion/css": "11.7.1",
     "base64-js": "1.5.1",
-    "botframework-webchat-api": "4.15.1",
-    "botframework-webchat-core": "4.15.1",
+    "botframework-webchat-api": "4.15.2-main.20220413.af6e8a3",
+    "botframework-webchat-core": "4.15.2-main.20220413.af6e8a3",
     "classnames": "2.3.1",
     "compute-scroll-into-view": "1.0.17",
     "event-target-shim": "6.0.2",
     "markdown-it": "12.3.2",
     "math-random": "2.0.1",
-    "memoize-one": "5.2.1",
-    "prop-types": "15.7.2",
+    "memoize-one": "6.0.0",
+    "prop-types": "15.8.1",
     "react-dictate-button": "2.0.1",
     "react-film": "3.1.0",
-    "react-redux": "7.2.4",
+    "react-redux": "7.2.6",
     "react-say": "2.1.0",
     "react-scroll-to-bottom": "4.2.0",
-    "redux": "4.0.5",
+    "redux": "4.1.2",
     "simple-update-in": "2.2.0"
   },
   "peerDependencies": {

package/src/Activity/Speak.tsx

@@ -1,8 +1,8 @@
-import { DirectLineActivity } from 'botframework-webchat-core';
 import { hooks } from 'botframework-webchat-api';
 import PropTypes from 'prop-types';
 import React, { FC, useCallback, useMemo } from 'react';
 import Say, { SayUtterance } from 'react-say';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import connectToWebChat from '../connectToWebChat';
 import SayAlt from './SayAlt';
@@ -24,7 +24,7 @@ const connectSpeakActivity = (...selectors) =>
   );
 
 type SpeakProps = {
-  activity: DirectLineActivity;
+  activity: WebChatActivity;
 };
 
 const Speak: FC<SpeakProps> = ({ activity }) => {
@@ -36,25 +36,25 @@ const Speak: FC<SpeakProps> = ({ activity }) => {
     markActivityAsSpoken(activity);
   }, [activity, markActivityAsSpoken]);
 
-  const singleLine = useMemo(() => {
+  const singleLine: false | string = useMemo(() => {
+    if (activity.type !== 'message') {
+      return false;
+    }
+
     const { attachments = [], speak, text } = activity;
 
-    return (
-      !!activity &&
-      [
-        speak || text,
-        ...attachments
-          .filter(({ contentType }) => contentType === 'application/vnd.microsoft.card.adaptive')
-          .map(attachment => attachment?.content?.speak)
-      ]
-        .filter(line => line)
-        .join('\r\n')
-    );
+    return [
+      speak || text,
+      ...attachments
+        .filter(({ contentType }) => contentType === 'application/vnd.microsoft.card.adaptive')
+        .map(attachment => attachment?.content?.speak)
+    ]
+      .filter(line => line)
+      .join('\r\n');
   }, [activity]);
 
-  const {
-    channelData: { speechSynthesisUtterance } = {}
-  }: { channelData: { speechSynthesisUtterance?: SpeechSynthesisUtterance } } = activity;
+  const speechSynthesisUtterance: false | SpeechSynthesisUtterance | undefined =
+    activity.type === 'message' && activity.channelData?.speechSynthesisUtterance;
 
   return (
     !!activity && (
@@ -71,6 +71,8 @@ const Speak: FC<SpeakProps> = ({ activity }) => {
 };
 
 Speak.propTypes = {
+  // PropTypes cannot fully capture TypeScript types.
+  // @ts-ignore
   activity: PropTypes.shape({
     attachments: PropTypes.arrayOf(
       PropTypes.shape({
@@ -84,7 +86,8 @@ Speak.propTypes = {
       speechSynthesisUtterance: PropTypes.any
     }),
     speak: PropTypes.string,
-    text: PropTypes.string
+    text: PropTypes.string,
+    type: PropTypes.string.isRequired
   }).isRequired
 };
 

package/src/Activity/StackedLayout.tsx

@@ -1,10 +1,10 @@
-/* eslint complexity: ["error", 30] */
+/* eslint complexity: ["error", 50] */
 
-import { DirectLineActivity } from 'botframework-webchat-core';
 import { hooks, RenderAttachment } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { FC, ReactNode } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import Bubble from './Bubble';
 import connectToWebChat from '../connectToWebChat';
@@ -89,11 +89,11 @@ const connectStackedLayout = (...selectors) =>
   );
 
 type StackedLayoutProps = {
-  activity: DirectLineActivity;
+  activity: WebChatActivity;
   hideTimestamp?: boolean;
   renderActivityStatus?: (({ hideTimestamp: boolean }) => Exclude<ReactNode, boolean | null | undefined>) | false;
   renderAttachment?: RenderAttachment;
-  renderAvatar?: (activity: DirectLineActivity) => (() => Exclude<ReactNode, boolean | null | undefined>) | false;
+  renderAvatar?: ({ activity: WebChatActivity }) => (() => Exclude<ReactNode, boolean | null | undefined>) | false;
   showCallout?: boolean;
 };
 
@@ -115,23 +115,13 @@ const StackedLayout: FC<StackedLayoutProps> = ({
 
   const { bubbleNubOffset, bubbleNubSize, bubbleFromUserNubOffset, bubbleFromUserNubSize } = styleOptions;
 
-  const {
-    attachments = [],
-    channelData: { messageBack: { displayText: messageBackDisplayText } = {} } = {},
-    from: { role } = {},
-    text,
-    textFormat
-  }: {
-    attachments?: [];
-    channelData?: { messageBack?: { displayText?: string } };
-    from?: { role?: 'bot' | 'user' };
-    text?: string;
-    textFormat?: string;
-  } = activity;
-
-  const activityDisplayText = messageBackDisplayText || text;
-  const fromUser = role === 'user';
+  const isMessage = activity.type === 'message';
 
+  const attachments = (isMessage && activity.attachments) || [];
+  const fromUser = activity.from.role === 'user';
+  const messageBackDisplayText: string = (isMessage && activity.channelData?.messageBack?.displayText) || '';
+
+  const activityDisplayText = isMessage ? messageBackDisplayText || activity.text : '';
   const attachedAlt = localize(fromUser ? 'ACTIVITY_YOU_ATTACHED_ALT' : 'ACTIVITY_BOT_ATTACHED_ALT');
   const greetingAlt = (
     fromUser ? localize('ACTIVITY_YOU_SAID_ALT') : localize('ACTIVITY_BOT_SAID_ALT', botInitials || '')
@@ -152,7 +142,7 @@ const StackedLayout: FC<StackedLayoutProps> = ({
   const extraTrailing = !hasOtherAvatar && hasOtherNub; // This is for bot message with user nub and no user avatar. And vice versa.
 
   const showAvatar = showCallout && hasAvatar && !!renderAvatar;
-  const showNub = showCallout && hasNub && (topAlignedCallout || !attachments.length);
+  const showNub = showCallout && hasNub && (topAlignedCallout || !attachments?.length);
 
   return (
     <div
@@ -192,10 +182,12 @@ const StackedLayout: FC<StackedLayoutProps> = ({
               >
                 {renderAttachment({
                   activity,
-                  attachment: {
-                    content: activityDisplayText,
-                    contentType: textFormatToContentType(textFormat)
-                  }
+                  attachment: isMessage
+                    ? {
+                        content: activityDisplayText,
+                        contentType: textFormatToContentType(activity.textFormat)
+                      }
+                    : undefined
                 })}
               </Bubble>
             </div>
@@ -246,6 +238,8 @@ StackedLayout.defaultProps = {
 };
 
 StackedLayout.propTypes = {
+  // PropTypes cannot fully capture TypeScript types.
+  // @ts-ignore
   activity: PropTypes.shape({
     attachments: PropTypes.array,
     channelData: PropTypes.shape({
@@ -257,7 +251,7 @@ StackedLayout.propTypes = {
       role: PropTypes.string.isRequired
     }).isRequired,
     text: PropTypes.string,
-    textFormat: PropTypes.string,
+    textFormat: PropTypes.oneOf(['markdown', 'plain', 'xml']),
     timestamp: PropTypes.string,
     type: PropTypes.string.isRequired
   }).isRequired,

package/src/Attachment/FileContent.tsx

@@ -24,7 +24,7 @@ const ROOT_STYLE = {
   }
 };
 
-const ALLOWED_PROTOCOLS = ['data:', 'http:', 'https:'];
+const ALLOWED_PROTOCOLS = ['blob:', 'data:', 'http:', 'https:'];
 
 function isAllowedProtocol(url) {
   try {

package/src/BasicSendBox.tsx

@@ -3,6 +3,7 @@ import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import DictationInterims from './SendBox/DictationInterims';
 import MicrophoneButton from './SendBox/MicrophoneButton';
@@ -31,8 +32,8 @@ const ROOT_STYLE = {
 };
 
 // TODO: [P3] We should consider exposing core/src/definitions and use it instead
-function activityIsSpeakingOrQueuedToSpeak({ channelData: { speak } = {} }: { channelData: { speak?: any } }) {
-  return !!speak;
+function activityIsSpeakingOrQueuedToSpeak(activity: WebChatActivity) {
+  return activity.type === 'message' && activity.channelData?.speak;
 }
 
 function useSendBoxSpeechInterimsVisible(): [boolean] {

package/src/BasicTranscript.tsx

@@ -15,8 +15,8 @@ import React, { forwardRef, Fragment, useCallback, useMemo, useRef } from 'react
 
 import type { ActivityComponentFactory, AvatarComponentFactory } from 'botframework-webchat-api';
 import type { ActivityElementMap } from './Transcript/types';
-import type { DirectLineActivity } from 'botframework-webchat-core';
 import type { FC, KeyboardEventHandler, MutableRefObject, ReactNode, VFC } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import { android } from './Utils/detectBrowser';
 import ActivityRow from './Transcript/ActivityRow';
@@ -94,11 +94,7 @@ const ROOT_STYLE = {
 };
 
 type RenderingElement = {
-  activity: DirectLineActivity & {
-    channelData?: {
-      ['webchat:fallback-text']: string;
-    };
-  };
+  activity: WebChatActivity;
   callbackRef: (element: HTMLElement) => void;
   hideTimestamp: boolean;
   key: string;

package/src/Middleware/Activity/createCoreMiddleware.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable complexity */
 import { ActivityMiddleware } from 'botframework-webchat-api';
 import React from 'react';
 
@@ -20,28 +19,24 @@ export default function createCoreMiddleware(): ActivityMiddleware[] {
         if (type === 'conversationUpdate' || type === 'event' || type === 'invoke' || type === 'typing') {
           return false;
         } else if (type === 'message') {
-          const { attachments = [], channelData, text } = activity;
+          const { attachments, channelData, text } = activity;
 
           if (
             // Do not show postback
-            (channelData && channelData.postBack) ||
+            channelData?.postBack ||
             // Do not show messageBack if displayText is undefined
-            (channelData && channelData.messageBack && !channelData.messageBack.displayText) ||
+            (channelData?.messageBack && !channelData.messageBack.displayText) ||
             // Do not show empty bubbles (no text and attachments, and not "typing")
-            !(text || attachments.length)
+            !(text || attachments?.length)
           ) {
             return false;
           }
-          // eslint-disable-next-line no-dupe-else-if
-        } else if (type === 'typing' && activity.from.role === 'user') {
-          // Do not show typing by oneself
-          return false;
         }
 
         if (type === 'message' || type === 'typing') {
           if (
             type === 'message' &&
-            (activity.attachments || []).length > 1 &&
+            (activity.attachments?.length || 0) > 1 &&
             activity.attachmentLayout === 'carousel'
           ) {
             // The following line is not a React functional component, it's a render function called by useCreateActivityRenderer() hook.

package/src/Middleware/ActivityStatus/SendStatus/SendStatus.tsx

@@ -1,7 +1,8 @@
-import { Constants, DirectLineActivity } from 'botframework-webchat-core';
+import { Constants } from 'botframework-webchat-core';
 import { hooks } from 'botframework-webchat-api';
 import PropTypes from 'prop-types';
 import React, { FC, useCallback } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import connectToWebChat from '../../../connectToWebChat';
 import ScreenReaderText from '../../../ScreenReaderText';
@@ -33,7 +34,7 @@ const connectSendStatus = (...selectors) =>
   );
 
 type SendStatusProps = {
-  activity: DirectLineActivity;
+  activity: WebChatActivity;
   sendState: 'sending' | 'send failed' | 'sent';
 };
 
@@ -72,9 +73,10 @@ const SendStatus: FC<SendStatusProps> = ({ activity, sendState }) => {
 };
 
 SendStatus.propTypes = {
+  // PropTypes cannot fully capture TypeScript types.
+  // @ts-ignore
   activity: PropTypes.shape({
     channelData: PropTypes.shape({
-      clientTimestamp: PropTypes.string,
       state: PropTypes.string
     })
   }).isRequired,

package/src/Middleware/ActivityStatus/Timestamp.tsx

@@ -1,8 +1,8 @@
-import { DirectLineActivity } from 'botframework-webchat-core';
 import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { FC } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import AbsoluteTime from './AbsoluteTime';
 import RelativeTime from './RelativeTime';
@@ -11,7 +11,7 @@ import useStyleSet from '../../hooks/useStyleSet';
 const { useStyleOptions } = hooks;
 
 type TimestampProps = {
-  activity: DirectLineActivity;
+  activity: WebChatActivity;
   className?: string;
 };
 
@@ -40,8 +40,10 @@ Timestamp.defaultProps = {
 };
 
 Timestamp.propTypes = {
+  // PropTypes cannot fully capture TypeScript types.
+  // @ts-ignore
   activity: PropTypes.shape({
-    timestamp: PropTypes.string.isRequired
+    timestamp: PropTypes.string
   }).isRequired,
   className: PropTypes.string
 };

package/src/SendBox/SuggestedAction.tsx

@@ -2,6 +2,7 @@ import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { MouseEventHandler, useCallback, useRef, VFC } from 'react';
+import type { DirectLineCardAction } from 'botframework-webchat-core';
 
 import AccessibleButton from '../Utils/AccessibleButton';
 import connectToWebChat from '../connectToWebChat';
@@ -13,7 +14,6 @@ import useScrollToEnd from '../hooks/useScrollToEnd';
 import useSuggestedActionsAccessKey from '../hooks/internal/useSuggestedActionsAccessKey';
 import useStyleSet from '../hooks/useStyleSet';
 import useStyleToEmotionObject from '../hooks/internal/useStyleToEmotionObject';
-import { DirectLineCardAction } from 'botframework-webchat-core';
 
 const { useDirection, useDisabled, usePerformCardAction, useStyleOptions, useSuggestedActions } = hooks;
 

package/src/SendBox/SuggestedActions.tsx

@@ -1,11 +1,11 @@
 /* eslint react/no-array-index-key: "off" */
 
-import { DirectLineCardAction } from 'botframework-webchat-core';
 import { hooks } from 'botframework-webchat-api';
 import BasicFilm, { createBasicStyleSet as createBasicStyleSetForReactFilm } from 'react-film';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { FC, useMemo, useRef } from 'react';
+import type { DirectLineCardAction } from 'botframework-webchat-core';
 
 import connectToWebChat from '../connectToWebChat';
 import ScreenReaderText from '../ScreenReaderText';

package/src/Transcript/ActivityRow.tsx

@@ -2,9 +2,8 @@ import { hooks } from 'botframework-webchat-api';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { forwardRef, useCallback, useRef } from 'react';
-
-import type { DirectLineActivity } from 'botframework-webchat-core';
 import type { MouseEventHandler, PropsWithChildren } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import { android } from '../Utils/detectBrowser';
 import FocusTrap from './FocusTrap';
@@ -18,9 +17,7 @@ import useValueRef from '../hooks/internal/useValueRef';
 
 const { useActivityKeysByRead, useGetHasAcknowledgedByActivityKey, useGetKeyByActivity } = hooks;
 
-type ActivityRowProps = PropsWithChildren<{
-  activity: DirectLineActivity;
-}>;
+type ActivityRowProps = PropsWithChildren<{ activity: WebChatActivity }>;
 
 const ActivityRow = forwardRef<HTMLLIElement, ActivityRowProps>(({ activity, children }, ref) => {
   const [activeDescendantId] = useActiveDescendantId();
@@ -112,6 +109,8 @@ ActivityRow.defaultProps = {
 };
 
 ActivityRow.propTypes = {
+  // PropTypes cannot fully capture TypeScript type.
+  // @ts-ignore
   activity: PropTypes.shape({
     channelData: PropTypes.shape({
       speak: PropTypes.bool,

package/src/Transcript/ActivityTextAlt.tsx

@@ -1,14 +1,13 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import type { DirectLineActivity } from 'botframework-webchat-core';
 import type { RefObject, VFC } from 'react';
+import type { WebChatActivity } from 'botframework-webchat-core';
 
 import ScreenReaderText from '../ScreenReaderText';
 import useActivityAccessibleName from './useActivityAccessibleName';
 
 type ActivityTextAltProps = {
-  activity: DirectLineActivity;
+  activity: WebChatActivity;
   bodyRef: RefObject<HTMLDivElement>;
   id: string;
 };