Deploy commit

PeterKottas · Jun 4, 2021 · 2d79af7 · 2d79af7
1 parent 9a27a0e
commit 2d79af7
Show file tree

Hide file tree

Showing 13 changed files with 28 additions and 21 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -15,8 +15,8 @@ module.exports = {
   extends: [
     'plugin:react/recommended', // Uses the recommended rules from @eslint-plugin-react
     'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
-    'prettier/@typescript-eslint', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
-    'plugin:prettier/recommended', // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+    'prettier', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+    'plugin:prettier/recommended',
   ],
   rules: {
     'react/no-children-prop': 'off',

diff --git a/.prettierrc b/.prettierrc
@@ -2,5 +2,6 @@
   "semi": true,
   "singleQuote": true,
   "trailingComma": "es5",
-  "useTabs": false
+  "useTabs": false,
+  "arrowParens": "avoid"
 }
diff --git a/docs/dist/main.c91415e8f22ebceb86a6.css → docs/dist/main.a64367dc5d5068bdfc33.css b/docs/dist/main.c91415e8f22ebceb86a6.css → docs/dist/main.a64367dc5d5068bdfc33.css
diff --git a/docs/dist/main.c91415e8f22ebceb86a6.js → docs/dist/main.a64367dc5d5068bdfc33.js b/docs/dist/main.c91415e8f22ebceb86a6.js → docs/dist/main.a64367dc5d5068bdfc33.js
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><!--[if lt IE 7]>             <html class="ie6" lang="en"> <![endif]--><!--[if IE 7]>                <html class="ie7" lang="en"> <![endif]--><!--[if IE 8]>                <html class="ie8" lang="en"> <![endif]--><!--[if IE 9]>                <html class="ie9" lang="en"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--><head><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>GuestBell chat</title><link rel="apple-touch-icon" sizes="180x180" href="dist/icons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="dist/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="dist/icons/favicon-16x16.png"/><link rel="manifest" href="dist/icons/manifest.json?ver=1"/><link rel="mask-icon" href="dist/icons/safari-pinned-tab.svg" color="#10bdc7"/><link rel="shortcut icon" href="dist/icons/favicon.ico"/><meta name="msapplication-config" content="dist/icons/browserconfig.xml"/><meta name="theme-color" content="#323232"/><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"/><script defer="defer" src="/react-bell-chat/dist/main.c91415e8f22ebceb86a6.js"></script><link href="/react-bell-chat/dist/main.c91415e8f22ebceb86a6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="chat-ui"></div></body></html>
+<!doctype html><!--[if lt IE 7]>             <html class="ie6" lang="en"> <![endif]--><!--[if IE 7]>                <html class="ie7" lang="en"> <![endif]--><!--[if IE 8]>                <html class="ie8" lang="en"> <![endif]--><!--[if IE 9]>                <html class="ie9" lang="en"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--><head><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>GuestBell chat</title><link rel="apple-touch-icon" sizes="180x180" href="dist/icons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="dist/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="dist/icons/favicon-16x16.png"/><link rel="manifest" href="dist/icons/manifest.json?ver=1"/><link rel="mask-icon" href="dist/icons/safari-pinned-tab.svg" color="#10bdc7"/><link rel="shortcut icon" href="dist/icons/favicon.ico"/><meta name="msapplication-config" content="dist/icons/browserconfig.xml"/><meta name="theme-color" content="#323232"/><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"/><script defer="defer" src="/react-bell-chat/dist/main.a64367dc5d5068bdfc33.js"></script><link href="/react-bell-chat/dist/main.a64367dc5d5068bdfc33.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="chat-ui"></div></body></html>
diff --git a/lib/index.js b/lib/index.js
diff --git a/lib/index.js.map b/lib/index.js.map
diff --git a/lib/index.min.js b/lib/index.min.js
diff --git a/lib/index.min.js.map b/lib/index.min.js.map
diff --git a/src/demo/App.tsx b/src/demo/App.tsx
@@ -446,9 +446,12 @@ const App: React.FC = () => {
       }));
     } else {
       handleIsTyping(1);
-      let _firstAuthorTimer = window.setInterval(() => handleIsTyping(1), 4000);
+      const _firstAuthorTimer = window.setInterval(
+        () => handleIsTyping(1),
+        4000
+      );
       handleIsTyping(2);
-      let _secondAuthorTimer = window.setInterval(
+      const _secondAuthorTimer = window.setInterval(
         () => handleIsTyping(2),
         5200
       );

diff --git a/src/lib/ChatBubble/index.tsx b/src/lib/ChatBubble/index.tsx
@@ -87,6 +87,7 @@ export function ChatBubble<T = string>(props: ChatBubbleProps<T>) {
     userCreatedOn,
     recipientCreatedOn,
     isSendIconColor,
+    isSend,
     loadingSpinnerColor,
     lastSeenByContainer,
   } = styles ?? {};
@@ -231,6 +232,7 @@ export function ChatBubble<T = string>(props: ChatBubbleProps<T>) {
           <span
             style={{
               ...defaultChatBubbleStyles.isSend,
+              ...isSend,
             }}
             className={classnames(
               defaultChatBubbleClasses.isSend,

diff --git a/src/lib/ChatFeed/index.tsx b/src/lib/ChatFeed/index.tsx
@@ -229,9 +229,9 @@ export class ChatFeed<T = string>
     if (
       (this.props.messages.length !== prevProps.messages.length ||
         this.props.authors?.some?.(
-          (a) =>
+          a =>
             a.isTyping !==
-            prevProps.authors?.find?.((_a) => a.id === _a.id)?.isTyping
+            prevProps.authors?.find?.(_a => a.id === _a.id)?.isTyping
         )) &&
       snapshot &&
       snapshot.wasScrolledToBottom
@@ -273,11 +273,11 @@ export class ChatFeed<T = string>
     // First group by days
     const groups = groupBy(
       messages,
-      (item) => item.createdOn && item.createdOn.toDateString()
+      item => item.createdOn && item.createdOn.toDateString()
     );
     let messageNodes: React.ReactNode[] = [];
     let jsxKey = 0;
-    Object.keys(groups).forEach((key) => {
+    Object.keys(groups).forEach(key => {
       let group = [];
       const messagesGroup = groups[key];
       if (
@@ -305,7 +305,7 @@ export class ChatFeed<T = string>
             const messageGroup = group;
             const author =
               this.props.authors &&
-              this.props.authors.filter((a) => a.id === message.authorId)[0];
+              this.props.authors.filter(a => a.id === message.authorId)[0];
             group = [];
             jsxKey++;
             return (
@@ -350,7 +350,8 @@ export class ChatFeed<T = string>
   }
 
   render() {
-    let { styles, classes, isTypingStyles, isTypingClasses } = this.props;
+    let { styles, classes } = this.props;
+    const { isTypingStyles, isTypingClasses } = this.props;
     if (!styles) {
       styles = {};
     }
@@ -368,7 +369,7 @@ export class ChatFeed<T = string>
     const typingAuthors =
       this.props.authors &&
       this.props.authors.filter(
-        (a) => a.isTyping && a.id !== this.props.yourAuthorId
+        a => a.isTyping && a.id !== this.props.yourAuthorId
       );
 
     return (
@@ -427,7 +428,7 @@ export class ChatFeed<T = string>
 
   private async onLoadOldMessages() {
     if (!this.state.isLoadingMessages && this.props.hasOldMessages) {
-      await new Promise<void>((resolve) => {
+      await new Promise<void>(resolve => {
         this.setState(
           {
             isLoadingMessages: true,
@@ -438,7 +439,7 @@ export class ChatFeed<T = string>
       if (this.props.onLoadOldMessages) {
         await this.props.onLoadOldMessages();
       }
-      await new Promise<void>((resolve) => {
+      await new Promise<void>(resolve => {
         this.setState(
           {
             isLoadingMessages: false,

diff --git a/src/lib/LastSeenAvatar/index.tsx b/src/lib/LastSeenAvatar/index.tsx
@@ -16,7 +16,7 @@ export interface LastSeenAvatarProps<T = string> {
 }
 
 function LastSeenAvatar<T = string>(props: LastSeenAvatarProps<T>) {
-  let { styles, classes, index, mouseOver, author } = props;
+  const { styles, classes, index, mouseOver, author } = props;
 
   const style = React.useMemo(
     () => ({
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><!--[if lt IE 7]> <html class="ie6" lang="en"> <![endif]--><!--[if IE 7]> <html class="ie7" lang="en"> <![endif]--><!--[if IE 8]> <html class="ie8" lang="en"> <![endif]--><!--[if IE 9]> <html class="ie9" lang="en"> <![endif]--><!--[if (gt IE 9)\|!(IE)]><!--><html lang="en"><!--<![endif]--><head><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>GuestBell chat</title><link rel="apple-touch-icon" sizes="180x180" href="dist/icons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="dist/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="dist/icons/favicon-16x16.png"/><link rel="manifest" href="dist/icons/manifest.json?ver=1"/><link rel="mask-icon" href="dist/icons/safari-pinned-tab.svg" color="#10bdc7"/><link rel="shortcut icon" href="dist/icons/favicon.ico"/><meta name="msapplication-config" content="dist/icons/browserconfig.xml"/><meta name="theme-color" content="#323232"/><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"/><script defer="defer" src="/react-bell-chat/dist/main.c91415e8f22ebceb86a6.js"></script><link href="/react-bell-chat/dist/main.c91415e8f22ebceb86a6.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="chat-ui"></div></body></html>
		<!doctype html><!--[if lt IE 7]> <html class="ie6" lang="en"> <![endif]--><!--[if IE 7]> <html class="ie7" lang="en"> <![endif]--><!--[if IE 8]> <html class="ie8" lang="en"> <![endif]--><!--[if IE 9]> <html class="ie9" lang="en"> <![endif]--><!--[if (gt IE 9)\|!(IE)]><!--><html lang="en"><!--<![endif]--><head><meta name="viewport" content="width=device-width,initial-scale=1"/><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>GuestBell chat</title><link rel="apple-touch-icon" sizes="180x180" href="dist/icons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="dist/icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="dist/icons/favicon-16x16.png"/><link rel="manifest" href="dist/icons/manifest.json?ver=1"/><link rel="mask-icon" href="dist/icons/safari-pinned-tab.svg" color="#10bdc7"/><link rel="shortcut icon" href="dist/icons/favicon.ico"/><meta name="msapplication-config" content="dist/icons/browserconfig.xml"/><meta name="theme-color" content="#323232"/><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"/><script defer="defer" src="/react-bell-chat/dist/main.a64367dc5d5068bdfc33.js"></script><link href="/react-bell-chat/dist/main.a64367dc5d5068bdfc33.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="chat-ui"></div></body></html>