@microsoft/omnichannel-chat-widget 1.8.3 → 1.8.4-main.424a580

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/Constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LazyLoadActivityConstants = void 0;
+const LazyLoadActivityConstants = {
+  SCROLL_ID: ".webchat__basic-transcript__scrollable"
+};
+exports.LazyLoadActivityConstants = LazyLoadActivityConstants;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activities/ConversationDividerActivity.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultMiddlewareLocalizedTexts = require("../../../../common/defaultProps/defaultMiddlewareLocalizedTexts");
+var _defaultPersistentChatHistoryProps = require("../../../../../livechatwidget/common/defaultProps/defaultPersistentChatHistoryProps");
+var _react2 = require("@fluentui/react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ConversationDividerActivity = props => {
+  const styleApplied = (0, _react2.mergeStyles)(_defaultPersistentChatHistoryProps.defaultPersistentChatHistoryProps.dividerActivityStyle, props.dividerActivityStyle);
+  const ariaLabel = props.dividerActivityAriaLabel || _defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts.CONVERSATION_DIVIDER_ARIA_LABEL;
+
+  // Create a simple separator that screen readers can detect without being interactive
+  // Preserve the visual divider styling while making it accessible
+  // Use a ref to programmatically remove only the "EL said:" prefix from the label
+  const dividerRef = _react.default.useRef(null);
+  _react.default.useEffect(() => {
+    if (dividerRef.current) {
+      // Find and hardcode the text in the label div to just show the divider label
+      const article = dividerRef.current.closest(".webchat__basic-transcript__activity");
+      if (article) {
+        const labelDiv = article.querySelector("div[id*=\"webchat__basic-transcript__active-descendant-label--\"]");
+        if (labelDiv) {
+          // Hardcode the text to just the aria label
+          labelDiv.textContent = ariaLabel || "";
+        }
+      }
+    }
+  }, [ariaLabel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dividerRef,
+    role: "separator",
+    "aria-label": ariaLabel,
+    "aria-hidden": false,
+    className: styleApplied,
+    "data-accessibility-divider": "true",
+    style: {
+      // Add accessibility enhancements
+      position: "relative"
+    }
+  });
+};
+var _default = ConversationDividerActivity;
+exports.default = _default;