bibot 1.0.21 → 1.0.23

package/dist/component/Avatar.d.ts

@@ -4,6 +4,7 @@ interface AvatarProps {
     height: string;
     width: string;
     indicator?: string;
+    borderColor: string | undefined;
 }
 export declare const Avatar: React.FC<AvatarProps>;
 export {};

package/dist/component/Icons.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-declare function SendMessageIcon(): React.JSX.Element;
+interface iconColor {
+    color: string | undefined;
+}
+declare function SendMessageIcon({ color }: iconColor): React.JSX.Element;
 declare function DefaultBotProfile(): React.JSX.Element;
 declare function ChatIcon(): React.JSX.Element;
 declare function CloseIcon(): React.JSX.Element;

package/dist/index.js

@@ -3520,64 +3520,49 @@ var getRemoteClientChatBubbleConfig = function getRemoteClientChatBubbleConfig(p
     return Promise.reject(e);
   }
 };
+var handleRetries = function handleRetries(data, attempt) {
+  try {
+    var maxAttempts = 30;
+    var delay = 10000;
+    if (attempt >= maxAttempts) {
+      return Promise.resolve("Sorry this is taking longer than usual. Please try again later");
+    }
+    return Promise.resolve(new Promise(function (resolve) {
+      return setTimeout(resolve, delay);
+    })).then(function () {
+      return _catch(function () {
+        return Promise.resolve(askTimedOutBiBot(_extends({}, data, {
+          tries: attempt + 1
+        }))).then(function (message) {
+          if (message === defaultSlacker) {
+            return Promise.resolve(handleRetries(data, attempt + 1));
+          } else {
+            return message;
+          }
+        });
+      }, function (error) {
+        return error.message;
+      });
+    });
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 var askBiBot = function askBiBot(data) {
   try {
     return Promise.resolve(_catch(function () {
       var path = "" + domain.inference + resources.q;
       return Promise.resolve(pluginAxiosInstance.post(path, data)).then(function (response) {
         if (response.data.message === defaultSlacker) {
-          return _catch(function () {
-            return Promise.resolve(new Promise(function (resolve) {
-              return setTimeout(resolve, 6000);
-            })).then(function () {
-              return Promise.resolve(askTimedOutBiBot(_extends({}, data, {
-                tries: 2
-              })));
-            });
-          }, function (error2) {
-            if (error2.code === 'ECONNABORTED' || error2.message.includes('Endpoint request timed out')) {
-              return _catch(function () {
-                return Promise.resolve(new Promise(function (resolve) {
-                  return setTimeout(resolve, 6000);
-                })).then(function () {
-                  return Promise.resolve(askTimedOutBiBot(_extends({}, data, {
-                    tries: 3
-                  })));
-                });
-              }, function (error3) {
-                return error3.message;
-              });
-            } else {
-              return error2.message;
-            }
-          });
+          return Promise.resolve(handleRetries(data, 1));
         } else {
           return response.data.message;
         }
       });
     }, function (error1) {
+      console.log('This is the error1 from the endpoint on the 1st try:', error1);
       console.log(error1.message);
-      if (error1.code === 'ECONNABORTED' || error1.message.includes('Endpoint request timed out')) {
-        return _catch(function () {
-          return Promise.resolve(askTimedOutBiBot(_extends({}, data, {
-            tries: 2
-          })));
-        }, function (error2) {
-          if (error2.code === 'ECONNABORTED' || error2.message.includes('Endpoint request timed out')) {
-            return _catch(function () {
-              return Promise.resolve(askTimedOutBiBot(_extends({}, data, {
-                tries: 3
-              })));
-            }, function (error3) {
-              return error3.message;
-            });
-          } else {
-            return error2.message;
-          }
-        });
-      } else {
-        return error1.message;
-      }
+      return error1.message;
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -3599,7 +3584,7 @@ var askTimedOutBiBot = function askTimedOutBiBot(data) {
     return Promise.reject(e);
   }
 };
-var defaultSlacker = "Unfortunately I could not find any information that reasonably answers that question. I just forwarded your inquiry to support, they will respond ASAP.";
+var defaultSlacker = "BiBot_Retry_Later";
 var pluginAxiosInstance = createPluginAxiosInstance();
 
 var useBiBotChatBot = function useBiBotChatBot(_ref) {
@@ -3744,7 +3729,8 @@ 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"};
 
-function SendMessageIcon() {
+function SendMessageIcon(_ref) {
+  var color = _ref.color;
   return React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     className: 'icon icon-tabler icon-tabler-send-2',
@@ -3752,7 +3738,7 @@ function SendMessageIcon() {
     height: '24',
     viewBox: '0 0 24 24',
     "stroke-width": '1.5',
-    stroke: '#2c3e50',
+    stroke: color,
     fill: 'none',
     "stroke-linecap": 'round',
     "stroke-linejoin": 'round'
@@ -3849,7 +3835,8 @@ var Avatar = function Avatar(_ref) {
   var source = _ref.source,
     height = _ref.height,
     width = _ref.width,
-    indicator = _ref.indicator;
+    indicator = _ref.indicator,
+    borderColor = _ref.borderColor;
   return React__default.createElement("div", {
     style: {
       width: width
@@ -3857,7 +3844,7 @@ var Avatar = function Avatar(_ref) {
   }, React__default.createElement("div", {
     style: {
       backgroundColor: 'transparent',
-      border: '1px solid #dedede',
+      border: "1px solid " + borderColor,
       height: height,
       width: width,
       borderRadius: '50%',
@@ -3954,7 +3941,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
     style: {
       backgroundColor: '#dfdfdf',
       position: 'absolute',
-      bottom: '50px',
+      bottom: '60px',
       right: '25px',
       width: 350,
       height: 500,
@@ -3984,6 +3971,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       fontWeight: 'bold'
     }
   }, React.createElement(Avatar, {
+    borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
     indicator: isOnline ? 'green' : '#dedede',
     width: '40px',
     height: '40px',
@@ -4043,6 +4031,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
         display: 'flex'
       }
     }, React.createElement(Avatar, {
+      borderColor: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color,
       width: '20px',
       height: '20px',
       source: chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.logo_url
@@ -4077,11 +4066,11 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
     style: {
       display: 'flex',
       alignItems: 'center',
-      borderTop: '1px solid #dedede',
+      borderTop: '1px solid #b6b6b6',
       padding: 10,
       borderBottomLeftRadius: 8,
       borderBottomRightRadius: 8,
-      backgroundColor: '#fff'
+      backgroundColor: '#dedede'
     }
   }, React.createElement("input", {
     style: {
@@ -4108,7 +4097,9 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(_ref2) {
       cursor: 'pointer'
     },
     onClick: sendInputInquiry
-  }, React.createElement(SendMessageIcon, null)))), React.createElement("button", {
+  }, React.createElement(SendMessageIcon, {
+    color: isLoading ? '#fff' : chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color
+  })))), React.createElement("button", {
     onClick: toggleChat,
     className: styles['chat-toggle'],
     style: {