@xapp/chat-widget 1.58.0 → 1.59.0

package/dist/index.js

@@ -703,14 +703,17 @@ var CtaBubbleContainer = function (props) {
 };
 
 var ChatButton = function (props) {
-    return (React__default$1["default"].createElement("button", { className: "xapp-chat-button ".concat(props.addClass), onClick: props.onClick },
+    return (React__default$1["default"].createElement("button", { className: "xapp-chat-button ".concat(props.addClass || "").trim(), onClick: props.onClick },
         React__default$1["default"].createElement("div", { id: "xapp-widget-button", className: "xapp-chat-button__btn", style: props.borderStyle && {
                 border: 'solid',
                 borderWidth: props.borderStyle.width,
                 borderColor: props.borderStyle.color
-            } },
-            React__default$1["default"].createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22" },
-                React__default$1["default"].createElement("path", { d: "M13 22l-4-6H2c-1.11-.043-2-.935-2-2V2C0 .89.89 0 2 0h18c1.11 0 2 .892 2 2v12c0 1.067-.89 1.957-2 2h-3l-4 6zm3-8h4c-.005.3-.01-12 0-12-.01.004-18 .006-18 0 .005.006 0 12 0 12h8l3 5 3-5z", fill: "#FFF", fillRule: "evenodd" }))),
+            } }, props.imageUrl ? (
+        // Display image from URL
+        React__default$1["default"].createElement("img", { src: props.imageUrl, alt: "Chat Icon", width: "22", height: "22" })) : (
+        // Fallback to default SVG
+        React__default$1["default"].createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22" },
+            React__default$1["default"].createElement("path", { d: "M13 22l-4-6H2c-1.11-.043-2-.935-2-2V2C0 .89.89 0 2 0h18c1.11 0 2 .892 2 2v12c0 1.067-.89 1.957-2 2h-3l-4 6zm3-8h4c-.005.3-.01-12 0-12-.01.004-18 .006-18 0 .005.006 0 12 0 12h8l3 5 3-5z", fill: "#FFF", fillRule: "evenodd" })))),
         props.config && props.config.message && (React__default$1["default"].createElement("div", { className: "xapp-chat-button__cta" },
             React__default$1["default"].createElement(CtaBubbleContainer, { timeout: props.config.timeout, visible: !props.visible }, props.config.message)))));
 };
@@ -932,7 +935,7 @@ function sendGreeting(PRECHAT_FORM_ENABLED) {
             if (!state.connection.greetingRequested) {
                 log("sending greeting");
                 // Send nothing to get the greeting content
-                chatServer.sendChatMsg({ text: undefined }, function (err2) {
+                chatServer.sendChatMsg({ text: undefined, attributes: { isGreeting: true } }, function (err2) {
                     if (err2) {
                         log("Error sending message");
                     }
@@ -2471,7 +2474,7 @@ var StentorLocalChat = /** @class */ (function () {
 /*! Copyright (c) 2022, XAPPmedia */
 var PERMISSION_QUESTION_EXPIRATION_MS = 300000; // 5 minutes
 function requestFromMessage(message, userId, isNewSession, sessionId, accessToken, attributes, visitorInfo) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     var request;
     var now = new Date().getTime();
     if (isNewSession && !((_a = message === null || message === void 0 ? void 0 : message.msg) === null || _a === void 0 ? void 0 : _a.text)) {
@@ -2566,6 +2569,9 @@ function requestFromMessage(message, userId, isNewSession, sessionId, accessToke
             };
         }
     }
+    if ((_e = message.msg) === null || _e === void 0 ? void 0 : _e.attributes) {
+        request.attributes = __assign(__assign({}, request.attributes), message.msg.attributes);
+    }
     return request;
 }
 function looksLikeEmail(email) {
@@ -31074,7 +31080,7 @@ var ChatWidget = function (props) {
             React__default$1["default"].createElement(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_x = config === null || config === void 0 ? void 0 : config.input) === null || _x === void 0 ? void 0 : _x.placeholder, sendButtonIcon: (_z = (_y = config === null || config === void 0 ? void 0 : config.footer) === null || _y === void 0 ? void 0 : _y.sendButton) === null || _z === void 0 ? void 0 : _z.icon, visible: visible, menuConfig: props.config.menu, footerConfig: (_0 = props.config) === null || _0 === void 0 ? void 0 : _0.footer, inputConfig: (_1 = props.config) === null || _1 === void 0 ? void 0 : _1.input, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }),
             React__default$1["default"].createElement("div", { className: "restartModal", ref: modalRef, onClick: handleRestartModalCloseClick },
                 React__default$1["default"].createElement(ModalContent, { onClose: handleRestartModalCloseClick, onReset: handleReset }))),
-        React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: (_2 = props.config) === null || _2 === void 0 ? void 0 : _2.cta, visible: visible })));
+        React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: config === null || config === void 0 ? void 0 : config.cta, imageUrl: (_2 = config === null || config === void 0 ? void 0 : config.chatButton) === null || _2 === void 0 ? void 0 : _2.imageUrl, visible: visible })));
 };
 
 function tryParseJson(str) {