@xapp/chat-widget 1.65.3 → 1.65.5

package/dist/index.js

@@ -1193,9 +1193,8 @@ function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'def
 var React__default = /*#__PURE__*/_interopDefaultLegacy$1(React);
 
 var IconButton = function (props) {
-    var type = props.type || "button";
     var Icon = props.icon;
-    return (React__default["default"].createElement("button", { type: type, tabIndex: props.tabIndex ? Number(props.tabIndex) : 0, className: "xapp-search-icon-button ".concat(props.className || ""), onClick: props.onClick },
+    return (React__default["default"].createElement("div", { tabIndex: props.tabIndex ? Number(props.tabIndex) : 0, className: "xapp-search-icon-button ".concat(props.className || ""), onClick: props.onClick },
         React__default["default"].createElement("div", { className: "xapp-search-icon-button__content" },
             React__default["default"].createElement(Icon, null))));
 };
@@ -8066,40 +8065,23 @@ var classnames = {exports: {}};
 
 var classNames = classnames.exports;
 
-var useMarkdownHook = function (text) {
-    var linkRegex = /\[([^\]]+)\]\((https?:\/\/[^\)]+)\)/;
-    var boldRegex = /#{1,6}\s*([^#]+)/;
-    var matchLink = text.match(linkRegex);
-    var matchBold = text.match(boldRegex);
-    return [matchLink, matchBold];
-};
-
 var MarkdownBuilder = function (_a) {
     var text = _a.text, applyBrandingClass = _a.applyBrandingClass, linkColor = _a.linkColor;
-    var _b = useMarkdownHook(text), matchLink = _b[0], matchBold = _b[1];
-    var componentText = matchLink ? matchLink[1] : matchBold ? matchBold[1] : '';
-    var link = matchLink ? matchLink[2] : '';
-    var firstMatch = matchLink ? matchLink[0] : matchBold ? matchBold[0] : '';
-    var prefix = text === null || text === void 0 ? void 0 : text.split(firstMatch)[0];
-    var suffix = text === null || text === void 0 ? void 0 : text.split(firstMatch)[1];
     var containerClass = classNames({
         'chat-footer__branding': applyBrandingClass,
     });
-    var linkStyle = {
-        color: linkColor || "",
-        textDecoration: "underline",
-    };
-    return matchLink ?
-        React__default$1["default"].createElement("div", { className: containerClass },
-            prefix,
-            React__default$1["default"].createElement("a", { style: linkStyle, href: link, target: "_blank", rel: "noopener noreferrer" }, componentText),
-            suffix)
-        : matchBold ?
-            React__default$1["default"].createElement("div", null,
-                prefix && React__default$1["default"].createElement(React__default$1["default"].Fragment, null, prefix),
-                React__default$1["default"].createElement("b", null, componentText),
-                suffix && React__default$1["default"].createElement(React__default$1["default"].Fragment, null, suffix))
-            : React__default$1["default"].createElement(React__default$1["default"].Fragment, null);
+    var linkRegex = /\[(.*?)\]\((.*?)\)/g;
+    var boldRegex = /\*\*(.*?)\*\*/g;
+    var headerRegex = /^(#{1,6}) (.*?)(?=\n|$)/gm;
+    var parsedText = text.replace(linkRegex, function (_match, linkText, url) {
+        return "<a style=\"color: ".concat(linkColor || '', "; text-decoration: underline;\" href=\"").concat(url, "\" target=\"_blank\" rel=\"noopener noreferrer\">").concat(linkText, "</a>");
+    }).replace(boldRegex, function (_match, boldText) {
+        return "<b>".concat(boldText, "</b>");
+    }).replace(headerRegex, function (_match, hashes, headerText) {
+        var level = hashes.length;
+        return "<h".concat(level, ">").concat(headerText, "</h").concat(level, ">");
+    });
+    return (React__default$1["default"].createElement("div", { className: containerClass, dangerouslySetInnerHTML: { __html: parsedText } }));
 };
 
 var ChatBranding = function (_a) {