@botonic/react 0.23.3 → 0.24.0-alpha.1

package/lib/cjs/webchat/actions.d.ts

@@ -1,25 +1,27 @@
 export declare enum WebchatAction {
     ADD_MESSAGE = "addMessage",
     ADD_MESSAGE_COMPONENT = "addMessageComponent",
+    CLEAR_MESSAGES = "clearMessages",
+    DO_RENDER_CUSTOM_COMPONENT = "doRenderCustomComponent",
+    RESET_UNREAD_MESSAGES = "resetUnreadMessages",
+    SET_CURRENT_ATTACHMENT = "setCurrentAttachment",
+    SET_ERROR = "setError",
+    SET_LAST_MESSAGE_VISIBLE = "setlastMessageVisible",
+    SET_ONLINE = "setOnline",
+    TOGGLE_COVER_COMPONENT = "toggleCoverComponent",
+    TOGGLE_EMOJI_PICKER = "toggleEmojiPicker",
+    TOGGLE_PERSISTENT_MENU = "togglePersistentMenu",
+    TOGGLE_WEBCHAT = "toggleWebchat",
+    UPDATE_DEV_SETTINGS = "updateDevSettings",
+    UPDATE_HANDOFF = "updateHandoff",
+    UPDATE_JWT = "updateJwt",
+    UPDATE_LAST_MESSAGE_DATE = "updateLastMessageDate",
+    UPDATE_LAST_ROUTE_PATH = "updateLastRoutePath",
+    UPDATE_LATEST_INPUT = "updateLatestInput",
     UPDATE_MESSAGE = "updateMessage",
     UPDATE_REPLIES = "updateReplies",
-    UPDATE_LATEST_INPUT = "updateLatestInput",
-    UPDATE_TYPING = "updateTyping",
-    UPDATE_WEBVIEW = "updateWebview",
     UPDATE_SESSION = "updateSession",
-    UPDATE_LAST_ROUTE_PATH = "updateLastRoutePath",
-    UPDATE_HANDOFF = "updateHandoff",
     UPDATE_THEME = "updateTheme",
-    UPDATE_DEV_SETTINGS = "updateDevSettings",
-    TOGGLE_WEBCHAT = "toggleWebchat",
-    TOGGLE_EMOJI_PICKER = "toggleEmojiPicker",
-    TOGGLE_PERSISTENT_MENU = "togglePersistentMenu",
-    TOGGLE_COVER_COMPONENT = "toggleCoverComponent",
-    DO_RENDER_CUSTOM_COMPONENT = "doRenderCustomComponent",
-    SET_ERROR = "setError",
-    CLEAR_MESSAGES = "clearMessages",
-    UPDATE_LAST_MESSAGE_DATE = "updateLastMessageDate",
-    SET_CURRENT_ATTACHMENT = "setCurrentAttachment",
-    SET_ONLINE = "setOnline",
-    UPDATE_JWT = "updateJwt"
+    UPDATE_TYPING = "updateTyping",
+    UPDATE_WEBVIEW = "updateWebview"
 }

package/lib/cjs/webchat/actions.js

@@ -5,26 +5,28 @@ var WebchatAction;
 (function (WebchatAction) {
     WebchatAction["ADD_MESSAGE"] = "addMessage";
     WebchatAction["ADD_MESSAGE_COMPONENT"] = "addMessageComponent";
-    WebchatAction["UPDATE_MESSAGE"] = "updateMessage";
-    WebchatAction["UPDATE_REPLIES"] = "updateReplies";
-    WebchatAction["UPDATE_LATEST_INPUT"] = "updateLatestInput";
-    WebchatAction["UPDATE_TYPING"] = "updateTyping";
-    WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
-    WebchatAction["UPDATE_SESSION"] = "updateSession";
-    WebchatAction["UPDATE_LAST_ROUTE_PATH"] = "updateLastRoutePath";
-    WebchatAction["UPDATE_HANDOFF"] = "updateHandoff";
-    WebchatAction["UPDATE_THEME"] = "updateTheme";
-    WebchatAction["UPDATE_DEV_SETTINGS"] = "updateDevSettings";
-    WebchatAction["TOGGLE_WEBCHAT"] = "toggleWebchat";
-    WebchatAction["TOGGLE_EMOJI_PICKER"] = "toggleEmojiPicker";
-    WebchatAction["TOGGLE_PERSISTENT_MENU"] = "togglePersistentMenu";
-    WebchatAction["TOGGLE_COVER_COMPONENT"] = "toggleCoverComponent";
-    WebchatAction["DO_RENDER_CUSTOM_COMPONENT"] = "doRenderCustomComponent";
-    WebchatAction["SET_ERROR"] = "setError";
     WebchatAction["CLEAR_MESSAGES"] = "clearMessages";
-    WebchatAction["UPDATE_LAST_MESSAGE_DATE"] = "updateLastMessageDate";
+    WebchatAction["DO_RENDER_CUSTOM_COMPONENT"] = "doRenderCustomComponent";
+    WebchatAction["RESET_UNREAD_MESSAGES"] = "resetUnreadMessages";
     WebchatAction["SET_CURRENT_ATTACHMENT"] = "setCurrentAttachment";
+    WebchatAction["SET_ERROR"] = "setError";
+    WebchatAction["SET_LAST_MESSAGE_VISIBLE"] = "setlastMessageVisible";
     WebchatAction["SET_ONLINE"] = "setOnline";
+    WebchatAction["TOGGLE_COVER_COMPONENT"] = "toggleCoverComponent";
+    WebchatAction["TOGGLE_EMOJI_PICKER"] = "toggleEmojiPicker";
+    WebchatAction["TOGGLE_PERSISTENT_MENU"] = "togglePersistentMenu";
+    WebchatAction["TOGGLE_WEBCHAT"] = "toggleWebchat";
+    WebchatAction["UPDATE_DEV_SETTINGS"] = "updateDevSettings";
+    WebchatAction["UPDATE_HANDOFF"] = "updateHandoff";
     WebchatAction["UPDATE_JWT"] = "updateJwt";
+    WebchatAction["UPDATE_LAST_MESSAGE_DATE"] = "updateLastMessageDate";
+    WebchatAction["UPDATE_LAST_ROUTE_PATH"] = "updateLastRoutePath";
+    WebchatAction["UPDATE_LATEST_INPUT"] = "updateLatestInput";
+    WebchatAction["UPDATE_MESSAGE"] = "updateMessage";
+    WebchatAction["UPDATE_REPLIES"] = "updateReplies";
+    WebchatAction["UPDATE_SESSION"] = "updateSession";
+    WebchatAction["UPDATE_THEME"] = "updateTheme";
+    WebchatAction["UPDATE_TYPING"] = "updateTyping";
+    WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
 })(WebchatAction = exports.WebchatAction || (exports.WebchatAction = {}));
 //# sourceMappingURL=actions.js.map

package/lib/cjs/webchat/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"src/","sources":["webchat/actions.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAwBX;AAxBD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,+DAA8C,CAAA;IAC9C,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,gEAA+C,CAAA;IAC/C,uEAAsD,CAAA;IACtD,uCAAsB,CAAA;IACtB,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,gEAA+C,CAAA;IAC/C,yCAAwB,CAAA;IACxB,yCAAwB,CAAA;AAC1B,CAAC,EAxBW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAwBxB"}
+{"version":3,"file":"actions.js","sourceRoot":"src/","sources":["webchat/actions.ts"],"names":[],"mappings":";;;AAAA,IAAY,aA0BX;AA1BD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,yCAAwB,CAAA;IACxB,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;AAClC,CAAC,EA1BW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QA0BxB"}

package/lib/cjs/webchat/components/styled-scrollbar.js

@@ -8,7 +8,7 @@ const simplebar_react_1 = tslib_1.__importDefault(require("simplebar-react"));
 const styled_components_1 = tslib_1.__importStar(require("styled-components"));
 const constants_1 = require("../../constants");
 exports.StyledScrollbar = (0, styled_components_1.default)(simplebar_react_1.default) `
-  ${props => props.ismessagescontainer &&
+  ${props => props.isMessagesContainer &&
     (0, styled_components_1.css) `
       display: flex;
       flex-direction: column;

package/lib/cjs/webchat/devices/device-adapter.js

@@ -22,7 +22,7 @@ class DeviceAdapter {
     }
     onFocus(host) {
         if (this.currentDevice !== _1.DEVICES.MOBILE.IPHONE) {
-            (0, dom_1.scrollToBottom)({ host, timeout: 800 });
+            // scrollToBottom({ host, timeout: 800 })
             return;
         }
         setTimeout(() => {

package/lib/cjs/webchat/devices/device-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"device-adapter.js","sourceRoot":"src/","sources":["webchat/devices/device-adapter.js"],"names":[],"mappings":";;;AAAA,wCAA+C;AAC/C,wBAA2B;AAC3B,iEAA4D;AAC5D,uDAAkD;AAElD,MAAa,aAAa;IACxB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,IAAI;QACP,IAAI,CAAC,cAAc,GAAG,IAAI,gCAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,mBAAmB,GAAG,IAAI,0CAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAA;IAC/C,CAAC;IAED,gBAAgB;QACd,+GAA+G;QAC/G,IAAI,SAAS,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;QACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;IAC3B,CAAC;IAED,OAAO,CAAC,IAAI;QACV,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAChD,IAAA,oBAAc,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAA;YACtC,OAAM;SACP;QACD,UAAU,CAAC,GAAG,EAAE;YACd,iNAAiN;YACjN,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,CAC/B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CACnD,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAA;QAC5B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CAAA;IACpD,CAAC;IAED,QAAQ,CAAC,eAAe,GAAG,EAAE;QAC3B,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,eAAe,CAAA;QACxE,2HAA2H;QAC3H,OAAO,SAAS,CAAA;IAClB,CAAC;CACF;AAzCD,sCAyCC"}
+{"version":3,"file":"device-adapter.js","sourceRoot":"src/","sources":["webchat/devices/device-adapter.js"],"names":[],"mappings":";;;AAAA,wCAA+C;AAC/C,wBAA2B;AAC3B,iEAA4D;AAC5D,uDAAkD;AAElD,MAAa,aAAa;IACxB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,IAAI;QACP,IAAI,CAAC,cAAc,GAAG,IAAI,gCAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,mBAAmB,GAAG,IAAI,0CAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAA;IAC/C,CAAC;IAED,gBAAgB;QACd,+GAA+G;QAC/G,IAAI,SAAS,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;QACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;IAC3B,CAAC;IAED,OAAO,CAAC,IAAI;QACV,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAChD,yCAAyC;YACzC,OAAM;SACP;QACD,UAAU,CAAC,GAAG,EAAE;YACd,iNAAiN;YACjN,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,CAC/B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CACnD,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAA;QAC5B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CAAA;IACpD,CAAC;IAED,QAAQ,CAAC,eAAe,GAAG,EAAE;QAC3B,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,eAAe,CAAA;QACxE,2HAA2H;QAC3H,OAAO,SAAS,CAAA;IAClB,CAAC;CACF;AAzCD,sCAyCC"}

package/lib/cjs/webchat/devices/webchat-resizer.js

@@ -30,7 +30,7 @@ class WebchatResizer {
         };
         setTimeout(() => {
             this.setWebchatElementHeight(`${calculateNewWebchatElementHeight()}%`);
-            (0, dom_1.scrollToBottom)(this.host);
+            // scrollToBottom(this.host)
             onKeyboardShownFn();
         }, waitUntilKeyboardIsShown);
     }

package/lib/cjs/webchat/devices/webchat-resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["webchat/devices/webchat-resizer.js"],"names":[],"mappings":";;;AAAA,wCAAkE;AAClE,wBAA2B;AAE3B,MAAa,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,IAAA,oBAAc,EAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACzB,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF;AAzCD,wCAyCC"}
+{"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["webchat/devices/webchat-resizer.js"],"names":[],"mappings":";;;AAAA,wCAAkE;AAClE,wBAA2B;AAE3B,MAAa,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,4BAA4B;YAC5B,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF;AAzCD,wCAyCC"}

package/lib/cjs/webchat/hooks/use-typing.d.ts

@@ -6,5 +6,5 @@ interface UseTyping {
     updateMessage: (message: WebchatMessage) => void;
     host: any;
 }
-export declare function useTyping({ webchatState, updateTyping, updateMessage, host, }: UseTyping): void;
+export declare function useTyping({ webchatState, updateTyping, updateMessage, }: UseTyping): void;
 export {};

package/lib/cjs/webchat/hooks/use-typing.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTyping = void 0;
 const react_1 = require("react");
-const util_1 = require("../../util");
-function useTyping({ webchatState, updateTyping, updateMessage, host, }) {
+function useTyping({ webchatState, updateTyping, updateMessage, }) {
     (0, react_1.useEffect)(() => {
         let delayTimeout, typingTimeout;
-        (0, util_1.scrollToBottom)({ host });
         try {
             const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
             if (nextMsg.delay && nextMsg.typing) {

package/lib/cjs/webchat/hooks/use-typing.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["webchat/hooks/use-typing.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAGjC,qCAA2C;AAU3C,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,IAAI,GACM;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAA,qBAAc,EAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACxB,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC;AA7BD,8BA6BC"}
+{"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["webchat/hooks/use-typing.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAYjC,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;aACF;iBAAM,IAAI,OAAO,CAAC,MAAM;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;YAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;YACjD,IAAI,UAAU;gBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;oBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;gBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;SACxB;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC;AA3BD,8BA2BC"}

package/lib/cjs/webchat/hooks/use-webchat.d.ts

@@ -7,11 +7,15 @@ import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
 export declare const webchatInitialState: WebchatState;
 export declare function useWebchat(): {
     addMessage: (message: WebchatMessage) => void;
-    addMessageComponent: (message: WebchatMessage) => void;
+    addMessageComponent: (message: {
+        props: WebchatMessage;
+    }) => void;
     clearMessages: () => void;
     doRenderCustomComponent: (toggle: boolean) => void;
+    resetUnreadMessages: () => void;
     setCurrentAttachment: (attachment: File) => void;
     setError: (error: ErrorMessage) => void;
+    setLastMessageVisible: (isLastMessageVisible: boolean) => void;
     setOnline: (online: boolean) => void;
     toggleCoverComponent: (toggle: boolean) => void;
     toggleEmojiPicker: (toggle: boolean) => void;

package/lib/cjs/webchat/hooks/use-webchat.js

@@ -40,7 +40,8 @@ exports.webchatInitialState = {
     lastMessageUpdate: undefined,
     currentAttachment: undefined,
     jwt: undefined,
-    unreadMessages: 0,
+    numUnreadMessages: 0,
+    isLastMessageVisible: true,
 };
 function useWebchat() {
     const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, exports.webchatInitialState);
@@ -135,13 +136,26 @@ function useWebchat() {
             payload: jwt,
         });
     };
+    const resetUnreadMessages = () => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.RESET_UNREAD_MESSAGES,
+        });
+    };
+    const setLastMessageVisible = (isLastMessageVisible) => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE,
+            payload: isLastMessageVisible,
+        });
+    };
     return {
         addMessage,
         addMessageComponent,
         clearMessages,
         doRenderCustomComponent,
+        resetUnreadMessages,
         setCurrentAttachment,
         setError,
+        setLastMessageVisible,
         setOnline,
         toggleCoverComponent,
         toggleEmojiPicker,

package/lib/cjs/webchat/hooks/use-webchat.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-webchat.js","sourceRoot":"src/","sources":["webchat/hooks/use-webchat.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-webchat.js","sourceRoot":"src/","sources":["webchat/hooks/use-webchat.ts"],"names":[],"mappings":";;;AACA,iCAAkC;AAGlC,+CAAiD;AAEjD,wCAA0C;AAE1C,wDAAmD;AAEtC,QAAA,mBAAmB,GAAiB;IAC/C,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,KAAK;IAC7B,MAAM,EAAE,mBAAO,CAAC,QAAQ,CAAC,MAAM;IAC/B,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,EAAE;IACtB,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE;QACL,WAAW,EAAE,mBAAO,CAAC,QAAQ,CAAC,KAAK;QACnC,UAAU,EAAE,kBAAM,CAAC,YAAY;QAC/B,UAAU,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;QACjC,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,mBAAO,CAAC,QAAQ,CAAC,WAAW;QAC7C,KAAK,EAAE;YACL,UAAU,EAAE,mBAAO,CAAC,QAAQ,CAAC,WAAW;SACzC;KACF;IACD,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,yBAAyB,EAAE,KAAK;IAChC,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,GAAG,EAAE,SAAS;IACd,iBAAiB,EAAE,CAAC;IACpB,oBAAoB,EAAE,IAAI;CAC3B,CAAA;AAED,SAAgB,UAAU;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kBAAU,EAChD,gCAAc,EACd,2BAAmB,CACpB,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,OAAuB,EAAE,EAAE,CAC7C,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAExE,MAAM,mBAAmB,GAAG,CAAC,OAAkC,EAAE,EAAE,CACjE,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,qBAAqB;QACzC,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,EAAE,CAChD,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAC9B,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE,CACzC,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE,CACvC,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;IAEzE,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,MAA8B,EAAE,EAAE,CACzE,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,cAAc;QAClC,OAAO,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE;KAC5C,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE;QACzC,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,cAAc;YAClC,OAAO,EAAE,OAAO;SACjB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE,CAC3C,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE,CACzC,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,cAAc;QAClC,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEJ,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,YAAyB,EAAE,EAAE;QACnE,MAAM,OAAO,GACX,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA;QAClE,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,YAAY;YAChC,OAAO;SACR,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAqB,EAAE,EAAE,CAClD,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,mBAAmB;QACvC,OAAO,EAAE,QAAQ;KAClB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,MAAe,EAAE,EAAE;QACxC,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,cAAc;YAClC,OAAO,EAAE,MAAM;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC5C,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,mBAAmB;QACvC,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,oBAAoB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC/C,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,oBAAoB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC/C,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,uBAAuB,GAAG,CAAC,MAAe,EAAE,EAAE,CAClD,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,0BAA0B;QAC9C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CACvC,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,SAAS;QAC7B,OAAO,EAAE,KAAK;KACf,CAAC,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,MAAe,EAAE,EAAE,CACpC,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,UAAU;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,cAAc;SACnC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC7C,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,wBAAwB;YAC5C,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,UAAgB,EAAE,EAAE;QAChD,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,sBAAsB;YAC1C,OAAO,EAAE,UAAU;SACpB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;QAChC,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,UAAU;YAC9B,OAAO,EAAE,GAAG;SACb,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,qBAAqB;SAC1C,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,oBAA6B,EAAE,EAAE;QAC9D,eAAe,CAAC;YACd,IAAI,EAAE,uBAAa,CAAC,wBAAwB;YAC5C,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,mBAAmB;QACnB,aAAa;QACb,uBAAuB;QACvB,mBAAmB;QACnB,oBAAoB;QACpB,QAAQ;QACR,qBAAqB;QACrB,SAAS;QACT,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,iBAAiB;QACjB,aAAa;QACb,SAAS;QACT,qBAAqB;QACrB,mBAAmB;QACnB,iBAAiB;QACjB,aAAa;QACb,aAAa;QACb,aAAa;QACb,WAAW;QACX,YAAY;QACZ,aAAa;QACb,eAAe;QACf,YAAY;KACb,CAAA;AACH,CAAC;AAnLD,gCAmLC"}

package/lib/cjs/webchat/index-types.d.ts

@@ -44,7 +44,8 @@ export interface WebchatState {
     lastMessageUpdate?: string;
     currentAttachment?: File;
     jwt?: string;
-    unreadMessages: number;
+    numUnreadMessages: number;
+    isLastMessageVisible: boolean;
 }
 export interface WebchatProps {
     ref: RefObject<any>;

package/lib/cjs/webchat/message-list/index.d.ts

@@ -0,0 +1 @@
+export declare const WebchatMessageList: (props: any) => JSX.Element;

package/lib/cjs/webchat/message-list/index.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatMessageList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const util_1 = require("../../util");
+const styled_scrollbar_1 = require("../components/styled-scrollbar");
+const typing_indicator_1 = require("../components/typing-indicator");
+const intro_message_1 = require("./intro-message");
+const scroll_button_1 = require("./scroll-button");
+const styles_1 = require("./styles");
+const unread_messages_banner_1 = require("./unread-messages-banner");
+const WebchatMessageList = props => {
+    const { webchatState, getThemeProperty, resetUnreadMessages, setLastMessageVisible, } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    const [firstUnreadMessageId, setFirstUnreadMessageId] = (0, react_1.useState)();
+    const lastMessageRef = (0, react_1.useRef)(null);
+    const handleScrollToBottom = () => {
+        resetUnreadMessages();
+        (0, util_1.scrollToBottom)({ host: props.host });
+    };
+    const showUnreadMessagesBanner = (messageComponentId) => firstUnreadMessageId &&
+        messageComponentId === firstUnreadMessageId &&
+        webchatState.numUnreadMessages > 0;
+    const unreadMessagesBannerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const firstUnreadMessage = webchatState.messagesComponents.find(message => message.props.isUnread);
+        setFirstUnreadMessageId((_a = firstUnreadMessage === null || firstUnreadMessage === void 0 ? void 0 : firstUnreadMessage.props) === null || _a === void 0 ? void 0 : _a.id);
+    }, [webchatState.messagesComponents]);
+    (0, react_1.useEffect)(() => {
+        if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {
+            const observer = new IntersectionObserver(entries => {
+                entries.forEach(entry => {
+                    setLastMessageVisible(entry.isIntersecting);
+                });
+            });
+            observer.observe(lastMessageRef.current);
+        }
+    }, [webchatState.messagesComponents]);
+    (0, react_1.useEffect)(() => {
+        if (webchatState.isLastMessageVisible && webchatState.typing) {
+            (0, util_1.scrollToBottom)({ host: props.host });
+        }
+        if (webchatState.isLastMessageVisible) {
+            (0, util_1.scrollToBottom)({ host: props.host });
+        }
+    }, [webchatState.typing, webchatState.isLastMessageVisible]);
+    (0, react_1.useEffect)(() => {
+        if (firstUnreadMessageId) {
+            if (unreadMessagesBannerRef.current) {
+                unreadMessagesBannerRef.current.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                });
+                return;
+            }
+        }
+        else if (lastMessageRef.current) {
+            lastMessageRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'end',
+            });
+            return;
+        }
+    }, [firstUnreadMessageId]);
+    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_scrollbar_1.StyledScrollbar, Object.assign({ role: constants_1.ROLES.MESSAGE_LIST, 
+                // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
+                id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, isMessagesContainer: true, style: Object.assign({}, props.style) }, { children: [(0, jsx_runtime_1.jsx)(intro_message_1.IntroMessage, {}), webchatState.messagesComponents.map((messageComponent, index) => {
+                        return ((0, jsx_runtime_1.jsxs)(styles_1.ContainerMessage, Object.assign({ role: constants_1.ROLES.MESSAGE }, { children: [showUnreadMessagesBanner(messageComponent.props.id) && ((0, jsx_runtime_1.jsx)(unread_messages_banner_1.UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), index === webchatState.messagesComponents.length - 1 && ((0, jsx_runtime_1.jsx)("div", { ref: lastMessageRef, style: { content: '' } })), messageComponent] }), index));
+                    }), webchatState.typing && (0, jsx_runtime_1.jsx)(typing_indicator_1.TypingIndicator, {})] })), showScrollButton && (0, jsx_runtime_1.jsx)(scroll_button_1.ScrollButton, { handleClick: handleScrollToBottom })] }));
+};
+exports.WebchatMessageList = WebchatMessageList;
+//# sourceMappingURL=index.js.map

package/lib/cjs/webchat/message-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/message-list/index.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/message-list/intro-message.d.ts

@@ -0,0 +1 @@
+export declare const IntroMessage: () => JSX.Element | null;

package/lib/cjs/webchat/message-list/intro-message.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IntroMessage = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Fade_1 = tslib_1.__importDefault(require("react-reveal/Fade"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const react_2 = require("../../util/react");
+const styles_1 = require("./styles");
+const IntroMessage = () => {
+    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const CustomIntro = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
+    const introImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introImage);
+    const introStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
+    const DefaultIntro = introImage && ((0, jsx_runtime_1.jsx)(styles_1.DefaultIntroImage, { style: Object.assign({}, introStyle), src: (0, environment_1.resolveImage)(introImage) }));
+    return CustomIntro || DefaultIntro ? ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(Fade_1.default, { children: children }) }, { children: CustomIntro ? (0, jsx_runtime_1.jsx)(CustomIntro, {}) : DefaultIntro }))) : null;
+};
+exports.IntroMessage = IntroMessage;
+//# sourceMappingURL=intro-message.js.map

package/lib/cjs/webchat/message-list/intro-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intro-message.js","sourceRoot":"src/","sources":["webchat/message-list/intro-message.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AACzC,qEAAoC;AAEpC,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,4CAAqD;AACrD,qCAA4C;AAErC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,0BAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

package/lib/cjs/webchat/message-list/scroll-button.d.ts

@@ -0,0 +1,5 @@
+interface ScrollButtonProps {
+    handleClick: () => void;
+}
+export declare const ScrollButton: ({ handleClick, }: ScrollButtonProps) => JSX.Element;
+export {};

package/lib/cjs/webchat/message-list/scroll-button.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const arrow_scroll_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-scroll-down.svg"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const styles_1 = require("./styles");
+const use_debounce_1 = require("./use-debounce");
+const ScrollButton = ({ handleClick, }) => {
+    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const show = (0, use_debounce_1.useDebounce)();
+    const CustomScrollButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom, undefined);
+    const scrollButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled, CustomScrollButton);
+    return (scrollButtonEnabled &&
+        show && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: CustomScrollButton ? ((0, jsx_runtime_1.jsx)(CustomScrollButton, { handleScrollToBottom: handleClick })) : ((0, jsx_runtime_1.jsx)(styles_1.ContainerScrollButton, Object.assign({ onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(arrow_scroll_down_svg_1.default) }) }))) })));
+};
+exports.ScrollButton = ScrollButton;
+//# sourceMappingURL=scroll-button.js.map

package/lib/cjs/webchat/message-list/scroll-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-button.js","sourceRoot":"src/","sources":["webchat/message-list/scroll-button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,uGAAgE;AAChE,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAgD;AAChD,iDAA4C;AAMrC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,GACO,EAAe,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG,IAAA,0BAAW,GAAE,CAAA;IAE1B,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO,CACL,mBAAmB;QACnB,IAAI,IAAI,CACN,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,kBAAkB,IAAC,oBAAoB,EAAE,WAAW,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAqB,kBAAC,OAAO,EAAE,WAAW,gBACzC,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,+BAAe,CAAC,GAAI,IACrB,CACzB,GACA,CACJ,CACF,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,YAAY,gBA+BxB"}

package/lib/cjs/webchat/message-list/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ContainerMessage: any;
+export declare const DefaultIntroImage: any;
+export declare const ContainerScrollButton: any;
+export declare const ContainerUnreadMessagesBanner: any;

package/lib/cjs/webchat/message-list/styles.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContainerUnreadMessagesBanner = exports.ContainerScrollButton = exports.DefaultIntroImage = exports.ContainerMessage = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.ContainerMessage = styled_components_1.default.div `
+  display: flex;
+  overflow-x: hidden;
+  flex-direction: column;
+  flex: none;
+  white-space: pre;
+  word-wrap: break-word;
+`;
+exports.DefaultIntroImage = styled_components_1.default.img `
+  max-height: 50%;
+  width: 100%;
+`;
+exports.ContainerScrollButton = styled_components_1.default.div `
+  position: absolute;
+  right: 10px;
+  bottom: 65px;
+
+  background-color: #6d6a78;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 37px;
+  height: 37px;
+  border-radius: 50%;
+`;
+exports.ContainerUnreadMessagesBanner = styled_components_1.default.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 5px;
+
+  border-top: 1px solid #e8e8ea;
+  padding: 8px;
+  color: #6d6a78;
+  font-size: 14px;
+  font-weight: 400;
+  width: 100%;
+
+  img {
+    width: 10px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/message-list/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"src/","sources":["webchat/message-list/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAEY,QAAA,6BAA6B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA"}

package/lib/cjs/webchat/message-list/unread-messages-banner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface UnreadMessagesBannerProps {
+    unreadMessagesBannerRef: React.RefObject<HTMLDivElement>;
+}
+export declare const UnreadMessagesBanner: ({ unreadMessagesBannerRef, }: UnreadMessagesBannerProps) => JSX.Element;
+export {};

package/lib/cjs/webchat/message-list/unread-messages-banner.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnreadMessagesBanner = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const arrow_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-down.svg"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const styles_1 = require("./styles");
+const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
+    const { getThemeProperty, webchatState } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const CustomUnreadMessagesBanner = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom, undefined);
+    const notificationsBannerEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled, undefined);
+    const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, CustomUnreadMessagesBanner || notificationsBannerEnabled);
+    const text = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText, 'unread messages');
+    return (notificationsEnabled && ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? ((0, jsx_runtime_1.jsx)(CustomUnreadMessagesBanner, {})) : ((0, jsx_runtime_1.jsxs)(styles_1.ContainerUnreadMessagesBanner, { children: [(0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(arrow_down_svg_1.default) }), webchatState.numUnreadMessages, " ", text] })) }))));
+};
+exports.UnreadMessagesBanner = UnreadMessagesBanner;
+//# sourceMappingURL=unread-messages-banner.js.map

package/lib/cjs/webchat/message-list/unread-messages-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-messages-banner.js","sourceRoot":"src/","sources":["webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AAEzC,yFAAmD;AACnD,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAwD;AAMjD,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAErE,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,IAAI,GAAG,gBAAgB,CAC3B,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,OAAO,CACL,oBAAoB,IAAI,CACtB,8CAAK,GAAG,EAAE,uBAAuB,gBAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,uBAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,wBAAC,sCAA6B,eAC5B,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,IAAI,IACR,CACjC,IACG,CACP,CACF,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,oBAAoB,wBAuChC"}

package/lib/cjs/webchat/message-list/use-debounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce(delay?: number): boolean;

package/lib/cjs/webchat/message-list/use-debounce.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = void 0;
+const react_1 = require("react");
+function useDebounce(delay) {
+    const [show, setShow] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const timeoutId = setTimeout(() => {
+            setShow(true);
+        }, delay || 500);
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, []);
+    return show;
+}
+exports.useDebounce = useDebounce;
+//# sourceMappingURL=use-debounce.js.map

package/lib/cjs/webchat/message-list/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sourceRoot":"src/","sources":["webchat/message-list/use-debounce.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,SAAgB,WAAW,CAAC,KAAc;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAbD,kCAaC"}

package/lib/cjs/webchat/messages-reducer.js

@@ -13,22 +13,43 @@ const messagesReducer = (state, action) => {
         case actions_1.WebchatAction.UPDATE_REPLIES:
             return Object.assign(Object.assign({}, state), { replies: action.payload });
         case actions_1.WebchatAction.CLEAR_MESSAGES:
-            return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [] });
+            return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
         case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
             return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
+        case actions_1.WebchatAction.RESET_UNREAD_MESSAGES:
+            return resetUnreadMessages(state);
+        case actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE:
+            return Object.assign(Object.assign({}, state), { isLastMessageVisible: action.payload });
         default:
             throw new Error();
     }
 };
 exports.messagesReducer = messagesReducer;
 function addMessageComponent(state, action) {
-    var _a;
+    var _a, _b;
     const messageComponent = action.payload;
-    const isUnreadMessage = !state.isWebchatOpen && ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.ack) !== 1;
-    const unreadMessages = isUnreadMessage
-        ? state.unreadMessages + 1
-        : state.unreadMessages;
-    return Object.assign(Object.assign({}, state), { messagesComponents: [...(state.messagesComponents || []), messageComponent], unreadMessages });
+    const isUnreadMessage = ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.isUnread) &&
+        ((_b = messageComponent.props) === null || _b === void 0 ? void 0 : _b.sent_by) !== 'user';
+    const numUnreadMessages = isUnreadMessage
+        ? state.numUnreadMessages + 1
+        : state.numUnreadMessages;
+    return Object.assign(Object.assign({}, state), { messagesComponents: [...(state.messagesComponents || []), messageComponent], numUnreadMessages });
+}
+function resetUnreadMessages(state) {
+    const messagesComponents = state.messagesComponents.map(messageComponent => {
+        if (messageComponent.props.isUnread) {
+            messageComponent.props.isUnread = false;
+        }
+        return messageComponent;
+    });
+    const messagesJSON = state.messagesJSON.map(messageJSON => {
+        if (messageJSON.isUnread) {
+            messageJSON.isUnread = false;
+        }
+        return messageJSON;
+    });
+    return Object.assign(Object.assign({}, state), { messagesComponents,
+        messagesJSON, numUnreadMessages: 0 });
 }
 function updateMessageReducer(state, action) {
     const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
@@ -47,11 +68,12 @@ function updateMessageReducer(state, action) {
                 ],
             };
         }
-        return Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
+        const numUnreadMessages = state.messagesComponents.filter(messageComponent => messageComponent.props.isUnread).length;
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
                 ...state.messagesJSON.slice(0, msgIndex),
                 Object.assign({}, action.payload),
                 ...state.messagesJSON.slice(msgIndex + 1),
-            ] }), updatedMessageComponents);
+            ] }), updatedMessageComponents), { numUnreadMessages });
     }
     return state;
 }