@microsoft/omnichannel-chat-widget 1.8.7 → 2.0.0-main.5ebd4eb

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -10,27 +10,29 @@ var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
 var _utils = require("../../../../../../common/utils");
-var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+var _useChatContextStore3 = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const DeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-  let {
-    args,
-    role,
-    name
-  } = _ref;
-  const [state] = (0, _useChatContextStore.default)();
+  let args = _ref.args,
+    role = _ref.role,
+    name = _ref.name;
+  const _useChatContextStore = (0, _useChatContextStore3.default)(),
+    _useChatContextStore2 = _slicedToArray(_useChatContextStore, 1),
+    state = _useChatContextStore2[0];
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)
   };
-  const {
-    activity: {
-      timestamp
-    }
-  } = args;
+  const timestamp = args.activity.timestamp;
   const getTimeElement = timestamp => {
     const timeString = (0, _utils.getTimestampHourMinute)(timestamp);
     const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/HistoryMessageTimestamp.js

@@ -9,25 +9,27 @@ var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
 var _utils = require("../../../../../../common/utils");
-var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+var _useChatContextStore3 = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const HistoryMessageTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-  let {
-    args
-  } = _ref;
-  const [state] = (0, _useChatContextStore.default)();
+  let args = _ref.args;
+  const _useChatContextStore = (0, _useChatContextStore3.default)(),
+    _useChatContextStore2 = _slicedToArray(_useChatContextStore, 1),
+    state = _useChatContextStore2[0];
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
-  const {
-    activity: {
-      timestamp,
-      from: {
-        name,
-        role
-      }
-    }
-  } = args;
+  const _args$activity = args.activity,
+    timestamp = _args$activity.timestamp,
+    _args$activity$from = _args$activity.from,
+    name = _args$activity$from.name,
+    role = _args$activity$from.role;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
     ...((_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.timestampContentStyleProps)

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/NotDeliveredTimestamp.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NotDeliveredTimestamp = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _KeyCodes = require("../../../../../../common/KeyCodes");
 var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
@@ -13,31 +12,29 @@ var _defaultTimestampFailedStyles = require("../defaultStyles/defaultTimestampFa
 var _defaultTimestampRetryStyles = require("../defaultStyles/defaultTimestampRetryStyles");
 var _utils = require("../../../../../../common/utils");
 var _botframeworkWebchat = require("botframework-webchat");
-var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+var _useChatContextStore3 = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable @typescript-eslint/no-explicit-any */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const NotDeliveredTimestamp = _ref => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3, _state$domainStates$r4, _state$domainStates$m, _state$domainStates$m2;
-  let {
-    args
-  } = _ref;
+  let args = _ref.args;
   const timestampRef = (0, _react.useRef)();
-  const {
-    useFocus,
-    usePostActivity
-  } = _botframeworkWebchat.hooks;
+  const useFocus = _botframeworkWebchat.hooks.useFocus,
+    usePostActivity = _botframeworkWebchat.hooks.usePostActivity;
   const focus = useFocus();
   const postActivity = usePostActivity();
-  const {
-    activity
-  } = args;
-  const {
-    timestamp
-  } = activity;
-  const [state] = (0, _useChatContextStore.default)();
+  const activity = args.activity;
+  const timestamp = activity.timestamp;
+  const _useChatContextStore = (0, _useChatContextStore3.default)(),
+    _useChatContextStore2 = _slicedToArray(_useChatContextStore, 1),
+    state = _useChatContextStore2[0];
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,
@@ -64,24 +61,15 @@ const NotDeliveredTimestamp = _ref => {
     await postActivity(activity);
     focus("sendBox");
   }, [activity, focus, postActivity]);
-  const onRetryKeyEnter = event => {
-    if (event.code === _KeyCodes.KeyCodes.ENTER) {
-      event.preventDefault();
-      onRetryClick();
-    }
-  };
   return /*#__PURE__*/_react.default.createElement(_react2.Stack, {
     style: contentStyles,
     dir: dir,
     horizontal: true
   }, /*#__PURE__*/_react.default.createElement("span", null, " ", (0, _utils.getTimestampHourMinute)(timestamp)), /*#__PURE__*/_react.default.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/_react.default.createElement("span", {
     style: failedTextStyles
-  }, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_NOT_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_NOT_DELIVERED, " "), /*#__PURE__*/_react.default.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/_react.default.createElement("span", {
+  }, " ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_NOT_DELIVERED) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_NOT_DELIVERED, " "), /*#__PURE__*/_react.default.createElement("span", null, " \xA0-\xA0 "), /*#__PURE__*/_react.default.createElement("button", {
     style: retryTextStyles,
-    role: "button",
-    onClick: onRetryClick,
-    onKeyDown: onRetryKeyEnter,
-    tabIndex: 0
-  }, " ", ((_state$domainStates$m2 = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m2 === void 0 ? void 0 : _state$domainStates$m2.MIDDLEWARE_MESSAGE_RETRY) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_RETRY, " "));
+    onClick: onRetryClick
+  }, ((_state$domainStates$m2 = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m2 === void 0 ? void 0 : _state$domainStates$m2.MIDDLEWARE_MESSAGE_RETRY) ?? _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_RETRY));
 };
 exports.NotDeliveredTimestamp = NotDeliveredTimestamp;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/SendingTimestamp.js

@@ -8,12 +8,20 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@fluentui/react");
 var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
 var _defaultTimestampContentStyles = require("../defaultStyles/defaultTimestampContentStyles");
-var _useChatContextStore = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
+var _useChatContextStore3 = _interopRequireDefault(require("../../../../../../hooks/useChatContextStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /* eslint @typescript-eslint/no-explicit-any: "off" */
 const SendingTimestamp = () => {
   var _state$domainStates$r, _state$domainStates$r2, _state$domainStates$m;
-  const [state] = (0, _useChatContextStore.default)();
+  const _useChatContextStore = (0, _useChatContextStore3.default)(),
+    _useChatContextStore2 = _slicedToArray(_useChatContextStore, 1),
+    state = _useChatContextStore2[0];
   const dir = ((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.timestampDir) ?? state.domainStates.globalDir;
   const contentStyles = {
     ..._defaultTimestampContentStyles.defaultTimestampContentStyles,

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/toastMiddleware.js

@@ -12,9 +12,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const createToastMiddleware = (notificationPaneProps, endChat) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
   const toastMiddleware = () => next => card => {
-    const {
-      notification
-    } = card;
+    const notification = card.notification;
     if (notificationPaneProps) {
       if (notification.id === _NotificationScenarios.NotificationScenarios.ChatDisconnect) {
         return /*#__PURE__*/_react.default.createElement(_NotificationPaneStateful.default, {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware.js

@@ -15,21 +15,27 @@ var _ = require("../../../../..");
 var _useFacadeChatSDKStore = _interopRequireDefault(require("../../../../../hooks/useFacadeChatSDKStore"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/******
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /******
  * TypingIndicatorMiddleware
  *
  * This middleware changes the component that shows who's actively typing. It uses the default Microsoft LiveChatWidget styles.
  ******/
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const TypingIndicator = _ref => {
   var _state$domainStates$l, _state$domainStates$r, _state$domainStates$r2, _state$domainStates$r3;
-  let {
-    activeTyping,
-    visible
-  } = _ref;
-  const [facadeChatSDK] = (0, _useFacadeChatSDKStore.default)();
-  const [state] = (0, _.useChatContextStore)();
+  let activeTyping = _ref.activeTyping,
+    visible = _ref.visible;
+  const _useFacadeSDKStore = (0, _useFacadeChatSDKStore.default)(),
+    _useFacadeSDKStore2 = _slicedToArray(_useFacadeSDKStore, 1),
+    facadeChatSDK = _useFacadeSDKStore2[0];
+  const _useChatContextStore = (0, _.useChatContextStore)(),
+    _useChatContextStore2 = _slicedToArray(_useChatContextStore, 1),
+    state = _useChatContextStore2[0];
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const debounceTyping = (0, _react.useCallback)((0, _utils.debounceLeading)(() => facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.sendTypingEvent()), []);
   if (!activeTyping || Object.keys(activeTyping).length === 0 || ((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.LiveChatVersion) === 1 && !visible) {
@@ -108,10 +114,8 @@ const TypingIndicator = _ref => {
 
 // eslint-disable-next-line react/display-name, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
 const typingIndicatorMiddleware = () => next => args => {
-  const {
-    activeTyping,
-    visible
-  } = args;
+  const activeTyping = args.activeTyping,
+    visible = args.visible;
   return /*#__PURE__*/_react.default.createElement(TypingIndicator, {
     activeTyping: activeTyping,
     visible: visible

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * AttachmentProcessingMiddleware
@@ -20,15 +21,14 @@ const createSendFileAction = files => {
     type: _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE
   };
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const attachmentProcessingMiddleware = _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => async action => {
     var _action$payload;
-    if ((action === null || action === void 0 ? void 0 : action.type) === _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE && (action === null || action === void 0 || (_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.attachments) === null || _action$payload === void 0 ? void 0 : _action$payload.length) > 0) {
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
+    if (action.type === _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE && ((_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.attachments) === null || _action$payload === void 0 ? void 0 : _action$payload.length) > 0) {
       const files = action.payload.attachments;
       if (files.length === 1) {
         return next(action);

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentSentAnnouncementMiddleware.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
+var _WebChatActionType = require("../../enums/WebChatActionType");
+/******
+ * AttachmentSentAnnouncementMiddleware
+ *
+ * When a file attachment is successfully sent, announces the result to
+ * screen readers via an aria-live region so that assistive technology
+ * users receive immediate feedback.
+ ******/
+
+const ARIA_LIVE_REGION_ID = "oc-lcw-attachment-announcement";
+
+/**
+ * Ensures a visually-hidden aria-live region exists in the DOM for
+ * announcing attachment upload results to screen readers.
+ */
+const ensureAriaLiveRegion = () => {
+  let region = document.getElementById(ARIA_LIVE_REGION_ID);
+  if (!region) {
+    region = document.createElement("div");
+    region.id = ARIA_LIVE_REGION_ID;
+    region.setAttribute("aria-live", "polite");
+    region.setAttribute("role", "status");
+    region.setAttribute("aria-atomic", "true");
+    // Visually hidden but available to screen readers
+    Object.assign(region.style, {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    });
+    const container = document.getElementById("oc-lcw-container");
+    (container || document.body).appendChild(region);
+  }
+  return region;
+};
+
+/**
+ * Announces a message to screen readers by updating the aria-live region.
+ * Clears it briefly first so repeated identical messages are still announced.
+ */
+const announce = message => {
+  const region = ensureAriaLiveRegion();
+  region.textContent = "";
+  // Small delay so the screen reader detects the content change
+  setTimeout(() => {
+    region.textContent = message;
+  }, 100);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const attachmentSentAnnouncementMiddleware = _ref => {
+  let dispatch = _ref.dispatch;
+  return next => action => {
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
+
+    // Intercept successfully posted activities that contain attachments
+    if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_FULFILLED) {
+      var _action$payload;
+      const attachments = (_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.activity) === null || _action$payload === void 0 ? void 0 : _action$payload.attachments;
+      if (attachments && attachments.length > 0) {
+        const count = attachments.length;
+        const message = count === 1 ? "File sent" : `${count} files sent`;
+        announce(message);
+      }
+    }
+    return next(action);
+  };
+};
+var _default = exports.default = attachmentSentAnnouncementMiddleware;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
 var _Constants = require("../../../../../common/Constants");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _NotificationHandler = require("../../notification/NotificationHandler");
 var _NotificationScenarios = require("../../enums/NotificationScenarios");
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
@@ -17,6 +18,27 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
  ******/
 
 const MBtoBRatio = 1000000;
+const announceFileSent = message => {
+  // TalkBack on Android WebView reliably announces newly *appended*
+  // role="alert" nodes but often misses text-content updates on existing
+  // nodes. Wait 500ms for the send-box focus shift to settle, then inject
+  // a fresh alert element appended to document.body and remove it after 3s.
+  setTimeout(() => {
+    const el = document.createElement("div");
+    el.setAttribute("role", "alert");
+    el.setAttribute("aria-live", "assertive");
+    el.setAttribute("aria-atomic", "true");
+    el.style.cssText = "position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;";
+    el.textContent = message;
+    document.body.appendChild(el);
+    // Remove after TalkBack has had time to read it
+    setTimeout(() => {
+      if (el.parentNode) {
+        el.parentNode.removeChild(el);
+      }
+    }, 3000);
+  }, 500);
+};
 
 /*
 * If an attachment is invalid, delete this attachment from the attachments list
@@ -194,19 +216,25 @@ const getFileSizeErrorMessage = (fileName, maxUploadFileSize, maxFileSizeSupport
   return errorMessage ? errorMessage.includes("{2}") ? errorMessage.replace("{2}", textEllipsis(fileName)) : errorMessage : "";
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const createAttachmentUploadValidatorMiddleware = (allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts) => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
     if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY) {
       var _payload$activity, _payload$activity2;
-      const {
-        payload
-      } = action;
+      const payload = action.payload;
       if (payload !== null && payload !== void 0 && payload.activity.attachments && payload.activity.attachments.length > 0 && (payload === null || payload === void 0 || (_payload$activity = payload.activity) === null || _payload$activity === void 0 || (_payload$activity = _payload$activity.attachments) === null || _payload$activity === void 0 ? void 0 : _payload$activity.length) === (payload === null || payload === void 0 || (_payload$activity2 = payload.activity) === null || _payload$activity2 === void 0 || (_payload$activity2 = _payload$activity2.channelData) === null || _payload$activity2 === void 0 || (_payload$activity2 = _payload$activity2.attachmentSizes) === null || _payload$activity2 === void 0 ? void 0 : _payload$activity2.length)) {
-        return next(validateAttachment(action, allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts));
+        var _validatedAction$payl;
+        const validatedAction = validateAttachment(action, allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts);
+
+        // Announce to screen readers that the file was sent when validation passes
+        if (((_validatedAction$payl = validatedAction.payload) === null || _validatedAction$payl === void 0 || (_validatedAction$payl = _validatedAction$payl.activity) === null || _validatedAction$payl === void 0 || (_validatedAction$payl = _validatedAction$payl.attachments) === null || _validatedAction$payl === void 0 ? void 0 : _validatedAction$payl.length) > 0) {
+          announceFileSent(localizedTexts.MIDDLEWARE_BANNER_FILE_SENT ?? "File sent successfully.");
+        }
+        return next(validatedAction);
       }
     }
     return next(action);

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/callActionMiddleware.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * CallActionMiddleware
@@ -11,8 +12,11 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
  * Intercepts custom call actions and handles tel: URL navigation
  ******/
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const createCallActionMiddleware = () => () => next => action => {
+  if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+    return next(action);
+  }
+
   // Intercept incoming activities to modify suggested actions with call type
   if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY) {
     var _action$payload, _activity$suggestedAc;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _Constants = require("../../../../../common/Constants");
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * ChannelDataMiddleware
@@ -15,12 +16,13 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const channelDataMiddleware = addConversationalSurveyTagsCallback => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
-    var _action, _action2;
-    if (((_action = action) === null || _action === void 0 ? void 0 : _action.type) === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_PENDING && (_action2 = action) !== null && _action2 !== void 0 && (_action2 = _action2.payload) !== null && _action2 !== void 0 && (_action2 = _action2.activity) !== null && _action2 !== void 0 && _action2.channelData) {
+    var _action$payload;
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
+    if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_PENDING && (_action$payload = action.payload) !== null && _action$payload !== void 0 && (_action$payload = _action$payload.activity) !== null && _action$payload !== void 0 && _action$payload.channelData) {
       const channelIdTag = `${_Constants.Constants.channelIdKey}${_Constants.Constants.ChannelId}`;
       const customerMessageTag = `${_Constants.Constants.CustomerTag}`;
       if (action.payload.activity.channelData.tags) {
@@ -34,10 +36,11 @@ const channelDataMiddleware = addConversationalSurveyTagsCallback => _ref => {
         action.payload.activity.channelData.tags = [channelIdTag];
         action.payload.activity.channelData.tags.push(customerMessageTag);
       }
-      action = addConversationalSurveyTagsCallback(action);
-      action.payload.activity.channelData.metadata = {
+      const updatedAction = addConversationalSurveyTagsCallback(action);
+      updatedAction.payload.activity.channelData.metadata = {
         deliveryMode: _omnichannelChatSdk.DeliveryMode.Bridged
       };
+      return next(updatedAction);
     }
     return next(action);
   };

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/citationsMiddleware.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createCitationsMiddleware = void 0;
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _LiveChatWidgetActionType = require("../../../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
 var _createReducer = require("../../../../../contexts/createReducer");
@@ -15,6 +16,9 @@ var _createReducer = require("../../../../../contexts/createReducer");
 
 const createCitationsMiddleware = (state, dispatch) => () => next => action => {
   var _action$payload;
+  if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+    return next(action);
+  }
   if ((_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
     if (isApplicable(action)) {
       try {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _Constants = require("../../../../../common/Constants");
 var _DirectLineSenderRole = require("../../enums/DirectLineSenderRole");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _MessageType = require("../../enums/MessageType");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
@@ -17,12 +18,13 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const createConversationEndMiddleware = (conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback) => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
     var _action$payload;
-    if ((action === null || action === void 0 ? void 0 : action.type) == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
+    if (action.type == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
       var _activity$from2, _activity$channelData9, _activity$channelData0;
       const activity = action.payload.activity;
       if (activity.channelId === "ACS_CHANNEL") {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/customEventMiddleware.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isValidCustomEvent = exports.default = void 0;
 var _Constants = require("../../../../../common/Constants");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * CustomEventMiddleware
@@ -20,7 +21,10 @@ const isValidCustomEvent = activity => {
 exports.isValidCustomEvent = isValidCustomEvent;
 const createCustomEventMiddleware = broadcastservice => () => next => action => {
   var _action$payload;
-  if ((action === null || action === void 0 ? void 0 : action.type) == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+  if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+    return next(action);
+  }
+  if (action.type == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
     const activity = action.payload.activity;
     if (isValidCustomEvent(activity)) {
       const customEvent = {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
+var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 var _isMaskingFromCustomer = require("../../../common/utils/isMaskingFromCustomer");
@@ -16,9 +17,7 @@ var _isMaskingFromCustomer = require("../../../common/utils/isMaskingFromCustome
 
 const applyDataMasking = (action, regexCollection) => {
   const maskedChar = "#"; //to do: load from env once OC SDK supporting.
-  let {
-    text
-  } = action.payload;
+  let text = action.payload.text;
   if (!regexCollection) {
     _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
       Event: _TelemetryConstants.TelemetryEvent.InvalidConfiguration,
@@ -78,13 +77,14 @@ const applyDataMasking = (action, regexCollection) => {
   return action;
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const createDataMaskingMiddleware = dataMaskingInfo => _ref => {
-  let {
-    dispatch
-  } = _ref;
+  let dispatch = _ref.dispatch;
   return next => action => {
     var _action$payload;
+    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+      return next(action);
+    }
     if ((0, _isMaskingFromCustomer.isMaskingforCustomer)(dataMaskingInfo) && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.text && action.type === _WebChatActionType.WebChatActionType.WEB_CHAT_SEND_MESSAGE) {
       const regexCollection = dataMaskingInfo === null || dataMaskingInfo === void 0 ? void 0 : dataMaskingInfo.dataMaskingRules;
       return next(applyDataMasking(action, regexCollection));