bibot 1.0.15 → 1.0.20

package/dist/component/Avatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AvatarProps {
+    source: string | undefined;
+    height: string;
+    width: string;
+    indicator?: string;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/dist/component/Icons.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare function SendMessageIcon(): React.JSX.Element;
+declare function DefaultBotProfile(): React.JSX.Element;
+declare function ChatIcon(): React.JSX.Element;
+declare function CloseIcon(): React.JSX.Element;
+export { SendMessageIcon, DefaultBotProfile, ChatIcon, CloseIcon };

package/dist/component/SendMessageIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SendMessageIcon(): React.JSX.Element;

package/dist/hooks/useOnlineStatus.d.ts

@@ -0,0 +1,2 @@
+declare const useOnlineStatus: () => boolean;
+export default useOnlineStatus;

package/dist/index.css

@@ -1,11 +1,11 @@
-._2jyN5 {
+._31at8 {
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 9999;
 }
 
-._tXNYe {
+._1tkAI {
   color: #fff;
   border-radius: 50%;
   height: 60px;
@@ -15,7 +15,7 @@
   justify-content: center;
 }
 
-._1P2y- {
+._2vdWr {
   position: absolute;
   bottom: 50px;
   right: 25px;
@@ -32,7 +32,7 @@
 }
 
 /* Existing styles... */
-._2UNL5{
+._1ngBE{
   height: 50px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
@@ -42,7 +42,7 @@
   padding-inline: 15px;
   padding-block: 30px;
 }
-._2v5bZ {
+._27MrF {
 height: calc(100% - 100px);
 overflow-y: auto;
 padding: 10px;
@@ -51,19 +51,19 @@ flex-grow: 1;
 flex-direction: column;
 }
 
-._2RbY_ {
+._3XbXj {
 margin-bottom: 10px;
 padding: 5px 10px;
 border-radius: 8px;
 max-width: 70%;
 }
 
-._2RbY_._1efWC {
+._3XbXj._3l8QX {
 background-color: #b8b8b8c6;
 align-self: flex-end;
 }
 
-._2RbY_._2idRy {
+._3XbXj._1MqZg {
 background-color: #f0f0f0;
 align-self: flex-start;
 }
@@ -72,13 +72,13 @@ textarea:focus, input:focus{
 }
 
 /* Chat loader*/
-._3qqrl {
+._3mrL1 {
   width: 12px;
   aspect-ratio: 1;
   border-radius: 50%;
-  animation: _3cq86 1s infinite linear alternate;
+  animation: _25GkQ 1s infinite linear alternate;
 }
-@keyframes _3cq86 {
+@keyframes _25GkQ {
     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 +86,7 @@ textarea:focus, input:focus{
 }
 
 
-._34vFI {
+._6V_kl {
 display: flex;
 align-items: center;
 border-top: 1px solid #ddd;
@@ -95,7 +95,7 @@ border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
 }
 
-._34vFI input {
+._6V_kl input {
 flex-grow: 1;
 border: none;
 background-color: transparent;
@@ -105,7 +105,7 @@ padding: 5px 10px;
 margin-right: 10px;
 }
 
-._34vFI button {
+._6V_kl button {
 background-color: #007bff;
 color: white;
 border: none;
@@ -116,21 +116,21 @@ cursor: pointer;
 
 /* Existing styles... */
 
-._1kl6z {
+._1XTQS {
 display: flex;
 justify-content: center;
 align-items: center;
 }
 
-._3cleF {
+._32ZvK {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 margin: 0 3px;
-animation: _UNzJX 0.6s infinite alternate;
+animation: _V8DEW 0.6s infinite alternate;
 }
 
-@keyframes _UNzJX {
+@keyframes _V8DEW {
 from {
   transform: translateY(0);
 }

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import './styles.css';
 interface Props {
     clientId: string;
 }