bibot 1.0.31 → 1.0.33

package/dist/component/bibot.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 interface bubbleProps {
     clientId: string;
+    client_session_id?: string;
+    redirect_notice?: boolean;
 }
-declare const ChatBubbleBiBot: ({ clientId }: bubbleProps) => React.JSX.Element;
+declare const ChatBubbleBiBot: ({ clientId, client_session_id, redirect_notice }: bubbleProps) => React.JSX.Element;
 export default ChatBubbleBiBot;

package/dist/hooks/useBiBotChatBot.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import { predefinedQuestionsType } from '../services/plugin-api';
 interface UseBiBotChatBotProps {
     clientId: string;
+    client_session_id?: string;
+    redirect_notice?: boolean;
 }
 interface ChatBubbleConfigProps {
     bgColor?: string;
@@ -9,7 +11,7 @@ interface ChatBubbleConfigProps {
     title?: string;
     logo_url?: string;
 }
-declare const useBiBotChatBot: ({ clientId }: UseBiBotChatBotProps) => {
+declare const useBiBotChatBot: ({ clientId, client_session_id }: UseBiBotChatBotProps) => {
     chatIsOpen: boolean;
     messages: {
         sender: 'user' | 'bot';

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import './styles.css';
 interface Props {
     clientId: string;
+    client_session_id?: string;
+    redirect_notice?: boolean;
 }
-export declare const BiBot: ({ clientId }: Props) => React.JSX.Element;
+export declare const BiBot: ({ clientId, client_session_id }: Props) => React.JSX.Element;
 export {};

package/dist/index.js

@@ -3630,7 +3630,7 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
               return Promise.resolve(askBiBot({
                 client_id: clientId,
                 q: input,
-                session_id: state.sessionId,
+                session_id: client_session_id ? client_session_id : state.sessionId,
                 chat_id: v4()
               })).then(function (response) {
                 setMessages(function (messages) {
@@ -3683,7 +3683,8 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
       return Promise.reject(e);
     }
   };
-  var clientId = _ref.clientId;
+  var clientId = _ref.clientId,
+    client_session_id = _ref.client_session_id;
   var _useState = React.useState([]),
     predefinedQuestions = _useState[0],
     setPredefinedQuestions = _useState[1];
@@ -4082,7 +4083,8 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
       color: '#000',
       backgroundColor: '#fff',
       padding: 10,
-      borderRadius: '6px'
+      borderRadius: '6px',
+      marginBottom: '20px'
     }
   }, React.createElement("div", {
     style: {
@@ -4103,8 +4105,7 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
     }
   }, "Welcome!"), React.createElement("p", {
     style: {
-      fontSize: '14px',
-      fontWeight: 'bold'
+      fontSize: '14px'
     }
   }, "Are you looking for answers to any of these questions? Click for an answer ")), questions.map(function (question, index) {
     var _chatBubbleConfig$col;
@@ -4131,9 +4132,13 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
 };
 var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
   var _chatBubbleConfig$col2, _chatBubbleConfig$col3;
-  var clientId = _ref2.clientId;
+  var clientId = _ref2.clientId,
+    client_session_id = _ref2.client_session_id,
+    redirect_notice = _ref2.redirect_notice;
   var _useBiBotChatBot2 = useBiBotChatBot({
-      clientId: clientId
+      clientId: clientId,
+      client_session_id: client_session_id,
+      redirect_notice: redirect_notice
     }),
     chatIsOpen = _useBiBotChatBot2.chatIsOpen,
     messages = _useBiBotChatBot2.messages,
@@ -4160,7 +4165,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
   }, chatIsOpen && React.createElement("div", {
     className: styles['chat-window'],
     style: {
-      backgroundColor: '#dfdfdf',
+      backgroundColor: '#fff',
       position: 'absolute',
       bottom: '60px',
       right: '25px',
@@ -4169,7 +4174,8 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       borderRadius: 10,
       display: 'flex',
       flexDirection: 'column',
-      justifyContent: 'space-between'
+      justifyContent: 'space-between',
+      border: "0.5px solid " + (chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color)
     }
   }, React.createElement("div", {
     className: styles['chat-header'],
@@ -4231,7 +4237,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       flexGrow: 1,
       flexDirection: 'column'
     }
-  }, messages.map(function (message, index) {
+  }, showPredefinedQuestions && predefinedQuestions && predefinedQuestions.length > 0 && React.createElement(PredefinedQuestions, {
+    questions: predefinedQuestions.slice(0, 3),
+    onSelect: handlePredefinedQuestionSelect,
+    clientId: clientId
+  }), messages.map(function (message, index) {
     return message.sender === 'user' ? React.createElement("div", {
       key: index,
       className: "message " + message.sender,
@@ -4275,22 +4285,18 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       marginLeft: '20px'
     },
     className: 'message'
-  }, ' ', React.createElement(Loader, null)), showPredefinedQuestions && predefinedQuestions && predefinedQuestions.length > 0 && React.createElement(PredefinedQuestions, {
-    questions: predefinedQuestions.slice(0, 3),
-    onSelect: handlePredefinedQuestionSelect,
-    clientId: clientId
-  }), React.createElement("div", {
+  }, ' ', React.createElement(Loader, null)), React.createElement("div", {
     ref: messageEndRef
   })), React.createElement("div", {
     className: styles['input-area'],
     style: {
       display: 'flex',
       alignItems: 'center',
-      borderTop: '1px solid #b6b6b6',
+      borderTop: '1px solid #d7d7d7',
       padding: 10,
       borderBottomLeftRadius: 8,
       borderBottomRightRadius: 8,
-      backgroundColor: '#dedede'
+      backgroundColor: '#fff'
     }
   }, React.createElement("input", {
     style: {
@@ -4340,9 +4346,12 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
 };
 
 var BiBot = function BiBot(_ref) {
-  var clientId = _ref.clientId;
+  var clientId = _ref.clientId,
+    client_session_id = _ref.client_session_id;
   return React.createElement(AppProvider, null, React.createElement(ChatBubbleBiBot, {
-    clientId: clientId
+    clientId: clientId,
+    client_session_id: client_session_id,
+    redirect_notice: false
   }));
 };