@xapp/chat-widget 1.49.1 → 1.49.2

package/dist/index.js

@@ -1642,7 +1642,7 @@ var ChatImage = function (props) {
         return (React__default$1["default"].createElement("div", { className: "chat-card-img" }, content));
     }
     else {
-        return (React__default$1["default"].createElement("a", { href: props.imageActionUrl, target: "_blank", rel: "noopener noreferrer", className: "chat-card-img" }, content));
+        return (React__default$1["default"].createElement("a", { href: props.imageActionUrl, "aria-label": "read more", target: "_blank", rel: "noopener noreferrer", className: "chat-card-img" }, content));
     }
 };
 
@@ -7376,7 +7376,7 @@ var ExternalLink = function (props) {
     var handleClick = React$1.useCallback(function (ev) {
         ev.preventDefault();
     }, []);
-    return (React__default$1["default"].createElement("a", { href: url, target: "_blank", rel: "noreferrer", className: props.className, onClick: handleClick }, getSvg()));
+    return (React__default$1["default"].createElement("a", { href: url, "aria-label": "read more", target: "_blank", rel: "noreferrer", className: props.className, onClick: handleClick }, getSvg()));
 };
 
 function firstIndex(val, patterns) {
@@ -7489,7 +7489,7 @@ var SmartLink = function (props) {
     var handleClick = React$1.useCallback(function (ev) {
         ev.preventDefault();
     }, []);
-    return (React__default$1["default"].createElement("a", { href: url, target: "_blank", rel: "noreferrer", className: className, onClick: handleClick }, reduceLink(url, 40)));
+    return (React__default$1["default"].createElement("a", { href: url, "aria-label": "read more", target: "_blank", rel: "noreferrer", className: className, onClick: handleClick }, reduceLink(url, 40)));
 };
 
 var ListItem = function (props) {
@@ -7992,7 +7992,7 @@ var ChatBranding = function (props) {
 };
 
 var DrawerBars = function (props) {
-    return (React__default$1["default"].createElement("div", { className: "drawer-bars", onClick: props.onToggle },
+    return (React__default$1["default"].createElement("button", { className: "drawer-bars", onClick: props.onToggle },
         React__default$1["default"].createElement("div", { className: "drawer-bar bar1" }),
         React__default$1["default"].createElement("div", { className: "drawer-bar bar2" })));
 };
@@ -8161,7 +8161,7 @@ var ChatFooter = function (props) {
     return (React__default$1["default"].createElement("div", { className: "chat-footer" },
         menuItems.length ?
             React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
-                React__default$1["default"].createElement(ChatMenu, { opened: drawer, onItemClick: handleMenuItem, items: menuItems }),
+                drawer && React__default$1["default"].createElement(ChatMenu, { opened: drawer, onItemClick: handleMenuItem, items: menuItems }),
                 React__default$1["default"].createElement("div", { className: "chat-footer__menu-icon" },
                     React__default$1["default"].createElement(DrawerBars, { onToggle: toggleDrawer }))) : React__default$1["default"].createElement(React__default$1["default"].Fragment, null),
         ((_j = suggestions.suggestions) === null || _j === void 0 ? void 0 : _j.length) > 0 && React__default$1["default"].createElement(Suggestions, { className: "xappw-chat-footer__suggestions", data: suggestions.suggestions, index: suggestions.index, onItemClick: handleItemClick, onItemUse: handleItemUse }),
@@ -30689,15 +30689,15 @@ var ServerOffline = function () {
 };
 
 var CancelButton = function (props) {
-    return React__default$1["default"].createElement("div", { id: "xapp-widget-close", className: "cancel-button", onClick: props.onClick });
+    return React__default$1["default"].createElement("button", { id: "xapp-widget-close", className: "cancel-button", onClick: props.onClick });
 };
 
 var MinimizeButton = function (props) {
-    return (React__default$1["default"].createElement("div", { id: "xapp-widget-minimize", className: "minimize-button ".concat(props.showInRight ? "positionRight" : ""), onClick: props.onClick }));
+    return (React__default$1["default"].createElement("button", { id: "xapp-widget-minimize", className: "minimize-button ".concat(props.showInRight ? "positionRight" : ""), onClick: props.onClick }));
 };
 
 var RefreshButton = function (props) {
-    return (React__default$1["default"].createElement("div", { id: "xapp-widget-refresh", className: "refresh-button ".concat(props.showInRight ? "positionRight" : props.showInLeft ? "positionLeft" : ""), onClick: props.onClick }));
+    return (React__default$1["default"].createElement("button", { id: "xapp-widget-refresh", className: "refresh-button ".concat(props.showInRight ? "positionRight" : props.showInLeft ? "positionLeft" : ""), onClick: props.onClick }));
 };
 
 var DEFAULT_STATUS_CONFIG = {
@@ -31060,6 +31060,13 @@ var ChatWidget = function (props) {
     }, [staticMode]);
     React$1.useEffect(function () {
         var _a;
+        document.addEventListener('keydown', function (event) {
+            var body = document.getElementsByTagName("body")[0];
+            body.tabIndex = -1;
+            if (event.key === "Escape") {
+                body.focus();
+            }
+        });
         if (checkSessionExpiration(chatState === null || chatState === void 0 ? void 0 : chatState.sessionExpiration, (_a = chatState === null || chatState === void 0 ? void 0 : chatState.chats[chatState.chats.length - 1]) === null || _a === void 0 ? void 0 : _a.timestamp, chatState === null || chatState === void 0 ? void 0 : chatState.lastTimestamp)) {
             innerDispatch(reset());
         }