react-live-chat-loader - npm Package Compare versions

Comparing version 2.8.2 to 2.9.0

package.json

 {
   "name": "react-live-chat-loader",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "description": "Implement live chat in your react app without taking a performance hit.",
@@ -46,4 +46,2 @@ "main": "dist/index.js",
     "@babel/core": "^7.19.3",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.19.4",
     "@babel/preset-env": "^7.19.4",
@@ -60,3 +58,3 @@ "@babel/preset-react": "^7.18.6",
     "eslint-plugin-react": "^7.31.10",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
     "ts-loader": "^9.4.1",
@@ -63,0 +61,0 @@ "typescript": "^5.0.4"

README.md

@@ -10,3 +10,3 @@ # React Live Chat Loader
 experience impact of chat tools. `react-live-chat-loader` shows a fake widget
-until the page has become idle or users are ready to interact with chat. Currently works with [Intercom](#intercom), [Help Scout](#help-scout), [Drift](#drift), [Messenger](#messenger), [Userlike](#userlike) and [Chatwoot](#chatwoot).
+until the page has become idle or users are ready to interact with chat. Currently works with [Intercom](#intercom), [Help Scout](#help-scout), [Drift](#drift), [Messenger](#messenger), [Userlike](#userlike), [Front](#front) and [Chatwoot](#chatwoot).
 
@@ -126,3 +126,3 @@ Made by the team at [♠ Calibre](https://calibreapp.com/), your performance companion.
 
-- `provider`: Choose from `helpScout`, `intercom`, `drift` or `messenger` ([see below](#-supported-providers))
+- `provider`: Choose from `helpScout`, `intercom`, `drift`, `front` or `messenger` ([see below](#-supported-providers))
 - `providerKey`: Provider API Key ([see below](#-supported-providers))
@@ -137,3 +137,3 @@ - `idlePeriod`: How long to wait in ms before loading the provider. Default is
 
-Currently there are six supported providers:
+Currently there are eight supported providers:
 
@@ -353,2 +353,63 @@ <details>
 
+<details>
+<summary id="front">Front</summary>
+
+To use Front import the `LiveChatLoaderProvider` and set the `provider` prop
+as `front` and the `providerKey` prop as your Front Chat `chatId`.
+
+Then import the `Front` component.
+
+```jsx
+import { LiveChatLoaderProvider, Front } from 'react-live-chat-loader'
+
+export default () => {
+  return (
+    <LiveChatLoaderProvider
+      providerKey="your-front-chat-chatId"
+      provider="front"
+    >
+      /* ... */
+      <Front />
+    </LiveChatLoaderProvider>
+  )
+}
+```
+
+You can customise the Front placeholder icon by passing the following props to the `Front` component:
+
+- `color`: The background color of the placeholder widget.
+- `containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
+
+See the [official Front documentation](https://help.front.com/) for more details.
+
+<summary id="hubspot">Hubspot</summary>
+
+To use Hubspot import the `LiveChatLoaderProvider` and set the `provider` prop
+as `hubSpot` and the `providerKey` prop as your Hubspot API Key.
+
+Then import the `Hubspot` component.
+
+```jsx
+import { LiveChatLoaderProvider, Hubspot } from 'react-live-chat-loader'
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <LiveChatLoaderProvider providerKey="asdjkasl123123" provider="hubspot">
+        /* ... */
+        <Hubspot />
+      </LiveChatLoaderProvider>
+    )
+  }
+}
+```
+
+You can customise the Hubspot placeholder by passing the following props to the
+`Hubspot` component:
+
+- `backgroundColor`: The background color of the placeholder
+- `loader`: A react component shown while the Hubspot libraries are loading
+
+</details>
+
 ## ➕ Adding a Provider
@@ -355,0 +416,0 @@

New alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

16

decreased by-11.11%

Number of lines in readme file

476

increased by14.7%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

22807

decreased by-95.37%

Number of package files

3

decreased by-96.05%

Lines of code

0

decreased by-100%

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes