@xapp/chat-widget 1.36.0-alpha.1 → 1.36.3

package/dist/index.js

@@ -2906,7 +2906,7 @@ function responseToMessage(botResponse, now) {
         if (html) {
             responseMessage.msg = __assign(__assign({}, responseMessage.msg), { html: html });
         }
-        if ((_e = outputSpeech.suggestions) === null || _e === void 0 ? void 0 : _e.length) {
+        if ((_e = outputSpeech === null || outputSpeech === void 0 ? void 0 : outputSpeech.suggestions) === null || _e === void 0 ? void 0 : _e.length) {
             responseMessage.msg.options = outputSpeech.suggestions.map(function (suggestion) {
                 if (typeof suggestion === "string") {
                     // Simple chips (strings)
@@ -2970,6 +2970,7 @@ var StentorDirectChat = /** @class */ (function () {
     function StentorDirectChat(config, options) {
         this._userId = "";
         this._sessionId = "";
+        this._accessToken = "";
         this.config = config;
         this.options = options;
         this.isNewSession = false;
@@ -3004,7 +3005,6 @@ var StentorDirectChat = /** @class */ (function () {
     };
     StentorDirectChat.prototype.userJoined = function (data) {
         log("SERVER: user joined: ".concat(JSON.stringify(data)));
-        this.visitorInfo.token = data.token;
         this.dispatch({
             type: "chat",
             detail: {
@@ -3117,6 +3117,7 @@ var StentorDirectChat = /** @class */ (function () {
     };
     StentorDirectChat.prototype.setVisitorInfo = function (visitorInfo, cb) {
         this.visitorInfo = visitorInfo;
+        this._accessToken = this.visitorInfo.accessToken;
         this.startSession();
         this.userJoined({
             user: this.getBot(undefined),
@@ -3138,10 +3139,11 @@ var StentorDirectChat = /** @class */ (function () {
     StentorDirectChat.prototype.postMessage = function (message) {
         var _a, _b, _c, _d;
         return __awaiter$1(this, void 0, void 0, function () {
-            var request, now, permissionRequest, expired, text, granted, userProfile, isEmail, botResponse, responseMessage;
+            var request, accessToken, now, permissionRequest, expired, text, granted, userProfile, isEmail, botResponse, responseMessage;
             return __generator$1(this, function (_e) {
                 switch (_e.label) {
                     case 0:
+                        accessToken = this._accessToken;
                         now = new Date().getTime();
                         if (this.isNewSession && !((_a = message === null || message === void 0 ? void 0 : message.msg) === null || _a === void 0 ? void 0 : _a.text)) {
                             request = {
@@ -3152,7 +3154,8 @@ var StentorDirectChat = /** @class */ (function () {
                                 isNewSession: true,
                                 intentId: "LaunchRequest",
                                 platform: "stentor-platform",
-                                channel: "widget"
+                                channel: "widget",
+                                accessToken: accessToken
                             };
                         }
                         else {
@@ -3191,7 +3194,8 @@ var StentorDirectChat = /** @class */ (function () {
                                     userProfile: userProfile,
                                     intentId: "PermissionGrant",
                                     platform: "stentor-platform",
-                                    channel: "widget"
+                                    channel: "widget",
+                                    accessToken: accessToken
                                 };
                             }
                             else if (message.type === "custom") {
@@ -3199,7 +3203,7 @@ var StentorDirectChat = /** @class */ (function () {
                                     // token: message.msg.token,
                                     sessionId: this._sessionId, userId: this._userId, isNewSession: false, 
                                     // intentId: "OptionSelect",
-                                    platform: "stentor-platform", channel: "widget" });
+                                    platform: "stentor-platform", channel: "widget", accessToken: accessToken });
                             }
                             else if (message.msg.token) {
                                 request = {
@@ -3210,7 +3214,8 @@ var StentorDirectChat = /** @class */ (function () {
                                     isNewSession: false,
                                     intentId: "OptionSelect",
                                     platform: "stentor-platform",
-                                    channel: "widget"
+                                    channel: "widget",
+                                    accessToken: accessToken
                                 };
                             }
                             else {
@@ -3222,7 +3227,8 @@ var StentorDirectChat = /** @class */ (function () {
                                     isNewSession: false,
                                     intentId: "NLU_RESULT_PLACEHOLDER",
                                     platform: "stentor-platform",
-                                    channel: "widget"
+                                    channel: "widget",
+                                    accessToken: accessToken
                                 };
                             }
                         }
@@ -7496,11 +7502,15 @@ function getSrcId(url) {
 
 function useChatServerVisitorId() {
     var dispatch = useChatServerDispatch();
-    var clientVisitorId = reactRedux.useSelector(function (state) { return state.visitorId; });
+    var clientVisitorId = reactRedux.useSelector(function (state) {
+        return state.visitorId || state.userId;
+    });
+    var visitorAccessToken = reactRedux.useSelector(function (state) { return state.accessToken; });
     return React$1.useMemo(function () { return ({
         dispatch: dispatch,
-        visitorId: clientVisitorId
-    }); }, [dispatch, clientVisitorId]);
+        visitorId: clientVisitorId,
+        accessToken: visitorAccessToken
+    }); }, [dispatch, clientVisitorId, visitorAccessToken]);
 }
 //send whenever server settings or visitor id changes
 function useGreeting(active) {
@@ -7513,7 +7523,8 @@ function useGreeting(active) {
                 if (curr.visitorId) {
                     curr.dispatch(sendVisitorInfo({
                         name: "Visitor",
-                        visitorId: curr.visitorId
+                        visitorId: curr.visitorId,
+                        accessToken: curr.accessToken
                     }));
                     var timeoutId_1 = setTimeout(function () {
                         var greetingAction = sendGreeting();
@@ -7529,11 +7540,6 @@ function useGreeting(active) {
     }, [curr, active]);
 }
 
-function match(item, pattern) {
-    var value = item.text;
-    return value.toLocaleLowerCase().indexOf(pattern.toLocaleLowerCase()) >= 0;
-}
-
 function useSuggestionsFetch(search, context) {
     var env = useWidgetEnv();
     var baseUrl = env === null || env === void 0 ? void 0 : env.autocompleteSuggestionsUrl;
@@ -7586,27 +7592,18 @@ function useSuggestions(search, context) {
     var suggestionsResponse = useSuggestionsFetch(query || "", contextState);
     var suggestionsData = suggestionsResponse.state === "success" ? suggestionsResponse.data : undefined;
     var raw = React$1.useMemo(function () {
-        return suggestionsData ? parseSuggestionsResponse_1(suggestionsData, -1) : undefined;
+        return suggestionsData ?
+            parseSuggestionsResponse_1(suggestionsData, -1).map(function (suggestion) {
+                return {
+                    heading: suggestion.heading,
+                    items: suggestion.items.slice().reverse()
+                };
+            }) : undefined;
     }, [suggestionsData]);
     React$1.useEffect(function () {
         var prev = suggestionItem;
         setSuggestions(raw);
-        if (prev && raw) {
-            var prevValue = prev.text;
-            var index = 0;
-            for (var _i = 0, raw_1 = raw; _i < raw_1.length; _i++) {
-                var group = raw_1[_i];
-                for (var _a = 0, _b = group.items; _a < _b.length; _a++) {
-                    var item = _b[_a];
-                    if (match(item, prevValue)) {
-                        setSuggestionIndex(index);
-                        break;
-                    }
-                    index++;
-                }
-            }
-        }
-        else {
+        if (!prev || !raw) {
             setSuggestionIndex(-1);
         }
     }, [raw, suggestionItem]);
@@ -8612,26 +8609,17 @@ var DEFAULT_VISITOR = {
     nick: "visitor:",
     typing: false
 };
-function createDefaultState() {
-    return {
-        connection: {
+function createDefaultState(state) {
+    if (!state) {
+        state = {};
+    }
+    state.userId = state.userId ? state.userId : visitorFingerprint();
+    state.visitorId = state.userId;
+    return __assign({ connection: {
             connectionStatus: "offline",
             token: null,
             greetingRequested: false
-        },
-        accountStatus: "offline",
-        departments: {},
-        visitor: DEFAULT_VISITOR,
-        agents: {},
-        chats: [],
-        lastTimestamp: 0,
-        lastRatingRequestTimestamp: 0,
-        hasRating: false,
-        isChatting: false,
-        queuePosition: 0,
-        visitorId: visitorFingerprint(),
-        chips: []
-    };
+        }, accountStatus: "offline", departments: {}, visitor: DEFAULT_VISITOR, agents: {}, chats: [], lastTimestamp: 0, lastRatingRequestTimestamp: 0, hasRating: false, isChatting: false, queuePosition: 0, visitorId: visitorFingerprint(), chips: [] }, state);
 }
 var DEFAULT_STATE = createDefaultState();
 
@@ -8807,8 +8795,10 @@ function storeHandler(state, action) {
 
 function createChatStore(config, dataStorage) {
     if (dataStorage === void 0) { dataStorage = sessionStorage; }
-    var storage = new BrowserStateStorage(dataStorage, "xappchat.".concat(config.serverUrl, ".").concat(config.accountKey));
-    var chatReducer = persistStateReducer(storage, DEFAULT_STATE, storeHandler);
+    var connection = config.connection;
+    var storage = new BrowserStateStorage(dataStorage, "xappchat.".concat(connection.serverUrl, ".").concat(connection.accountKey));
+    var defaultState = createDefaultState({ accessToken: config.accessToken, userId: config.userId });
+    var chatReducer = persistStateReducer(storage, defaultState, storeHandler);
     var middlewares = [
         thunk__default["default"]
     ];
@@ -8817,11 +8807,18 @@ function createChatStore(config, dataStorage) {
 }
 
 var ChatWidgetContainer = function (props) {
-    var _a;
+    var _a, _b, _c;
     var messageMiddleware = useStandardMiddleware();
     var connection = useServerConfig(props.config);
-    var chatStore = React$1.useMemo(function () { return createChatStore(connection); }, [connection]);
-    if ((_a = props.config) === null || _a === void 0 ? void 0 : _a.disabled) {
+    var chatStore = React$1.useMemo(function () {
+        var _a, _b;
+        return createChatStore({
+            connection: connection,
+            userId: (_a = props.config) === null || _a === void 0 ? void 0 : _a.userId,
+            accessToken: (_b = props.config) === null || _b === void 0 ? void 0 : _b.accessToken
+        });
+    }, [connection, (_a = props.config) === null || _a === void 0 ? void 0 : _a.userId, (_b = props.config) === null || _b === void 0 ? void 0 : _b.accessToken]);
+    if ((_c = props.config) === null || _c === void 0 ? void 0 : _c.disabled) {
         return React__default$1["default"].createElement(React__default$1["default"].Fragment, null);
     }
     var widgetProps = __assign(__assign({}, props), { messageMiddleware: messageMiddleware });