bibot 1.0.34 → 1.0.36

package/dist/index.css

@@ -1,11 +1,11 @@
-._31at8 {
+/* .chat-bubble {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 9999;
 }
 
-._1tkAI {
+.chat-toggle {
   color: #fff;
   border-radius: 50%;
   height: 60px;
@@ -15,7 +15,7 @@
   justify-content: center;
 }
 
-._2vdWr {
+.chat-window {
   position: absolute;
   bottom: 50px;
   right: 25px;
@@ -24,15 +24,13 @@
   background-color: white;
   border: 1px solid #ddd;
   border-radius: 10px;
-  /* padding: 10px; */
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
-/* Existing styles... */
-._1ngBE{
+.chat-header{
   height: 50px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
@@ -42,7 +40,7 @@
   padding-inline: 15px;
   padding-block: 30px;
 }
-._27MrF {
+.message-list {
 height: calc(100% - 100px);
 overflow-y: auto;
 padding: 10px;
@@ -51,19 +49,19 @@ flex-grow: 1;
 flex-direction: column;
 }
 
-._3XbXj {
+.message {
 margin-bottom: 10px;
 padding: 5px 10px;
 border-radius: 8px;
 max-width: 70%;
 }
 
-._3XbXj._3l8QX {
+.message.user {
 background-color: #b8b8b8c6;
 align-self: flex-end;
 }
 
-._3XbXj._1MqZg {
+.message.bot {
 background-color: #f0f0f0;
 align-self: flex-start;
 }
@@ -71,14 +69,14 @@ textarea:focus, input:focus{
   outline: none;
 }
 
-/* Chat loader*/
-._3mrL1 {
+
+.loader {
   width: 12px;
   aspect-ratio: 1;
   border-radius: 50%;
-  animation: _25GkQ 1s infinite linear alternate;
+  animation: l5 1s infinite linear alternate;
 }
-@keyframes _25GkQ {
+@keyframes l5 {
     0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
     33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
     66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
@@ -86,7 +84,7 @@ textarea:focus, input:focus{
 }
 
 
-._6V_kl {
+.input-area {
 display: flex;
 align-items: center;
 border-top: 1px solid #ddd;
@@ -95,17 +93,15 @@ border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
 }
 
-._6V_kl input {
+.input-area input {
 flex-grow: 1;
 border: none;
 background-color: transparent;
-/* border: 1px solid #ccc; */
-/* border-radius: 15px; */
 padding: 5px 10px;
 margin-right: 10px;
 }
 
-._6V_kl button {
+.input-area button {
 background-color: #007bff;
 color: white;
 border: none;
@@ -114,27 +110,26 @@ padding: 5px 10px;
 cursor: pointer;
 }
 
-/* Existing styles... */
 
-._1XTQS {
+.loading-bubbles {
 display: flex;
 justify-content: center;
 align-items: center;
 }
 
-._32ZvK {
+.bubble {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 margin: 0 3px;
-animation: _V8DEW 0.6s infinite alternate;
+animation: bounce 0.6s infinite alternate;
 }
 
-@keyframes _V8DEW {
+@keyframes bounce {
 from {
   transform: translateY(0);
 }
 to {
   transform: translateY(-15px);
 }
-}
+} */

package/dist/index.js

@@ -3576,6 +3576,22 @@ var askBiBot = function askBiBot(data) {
     return Promise.reject(e);
   }
 };
+var recordPredefinedQ = function recordPredefinedQ(data) {
+  try {
+    return Promise.resolve(_catch(function () {
+      var path = 'https://training.dev.bibot.thespuka.com/v0/training/predefined-questions-statistics';
+      return Promise.resolve(pluginAxiosInstance.post(path, data)).then(function (response) {
+        console.log(response, 'here is the res');
+        return response.data;
+      });
+    }, function (error) {
+      console.log(error.message);
+      return error.message;
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 var askTimedOutBiBot = function askTimedOutBiBot(data) {
   try {
     return Promise.resolve(_catch(function () {
@@ -3640,10 +3656,15 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
       return Promise.reject(e);
     }
   };
-  var askPredefinedQuestion = function askPredefinedQuestion(question) {
+  var askPredefinedQuestion = function askPredefinedQuestion(question, client_id) {
     try {
       setIsLoading(true);
       var input = question.question.trim();
+      recordPredefinedQ({
+        client_id: clientId,
+        question: question.question
+      });
+      console.log(question.question, client_id);
       setUserInput('');
       if (input === question.question) {
         setMessages(function (messages) {
@@ -3695,7 +3716,7 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
     setChatBubbleConfig = _useState7[1];
   var handlePredefinedQuestionSelect = function handlePredefinedQuestionSelect(question) {
     sendInputInquiry();
-    askPredefinedQuestion(question);
+    askPredefinedQuestion(question, clientId);
     setUserInput('');
     setShowPredefinedQuestions(false);
   };
@@ -3765,7 +3786,7 @@ var useBiBotChatBot = function useBiBotChatBot(_ref) {
   };
 };
 
-var styles = {"chat-bubble":"_31at8","chat-toggle":"_1tkAI","chat-window":"_2vdWr","chat-header":"_1ngBE","message-list":"_27MrF","message":"_3XbXj","user":"_3l8QX","bot":"_1MqZg","loader":"_3mrL1","l5":"_25GkQ","input-area":"_6V_kl","loading-bubbles":"_1XTQS","bubble":"_32ZvK","bounce":"_V8DEW"};
+var styles = {};
 
 function SendMessageIcon(_ref) {
   var color = _ref.color;
@@ -4098,14 +4119,15 @@ var PredefinedQuestions = function PredefinedQuestions(_ref) {
       style: {
         backgroundColor: '#fff',
         border: "0.5px solid " + (chatBubbleConfig ? (_chatBubbleConfig$col = chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color) != null ? _chatBubbleConfig$col : '#dedede' : '#000'),
-        fontSize: 16,
-        margin: 5,
+        fontSize: '16px',
+        margin: '5px',
         textAlign: 'start',
-        height: 30,
-        padding: 10,
+        maxHeight: '40px',
+        overflow: 'hidden',
+        padding: '10px',
         display: 'flex',
         alignItems: 'center',
-        borderRadius: 6,
+        borderRadius: '6px',
         cursor: 'pointer'
       },
       onClick: function onClick() {