bibot 1.0.58 → 1.0.61

package/README.md

@@ -1,6 +1,7 @@
+
 # bibot
 
-> Made with create-react-library
+> CloudSec LLC BiBot plugin for easy integration into your application
 
 [![NPM](https://img.shields.io/npm/v/bibot.svg)](https://www.npmjs.com/package/bibot) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
@@ -10,7 +11,17 @@
 npm install --save bibot
 ```
 
-## Usage
+### `BiBot` Component Props
+
+- **`clientId`** (string): **Required**. Your client ID for using the BiBot services.
+- **`client_session_id`** (string): Optional. An optional session ID for tracking client sessions. This is provided if you do not provide.
+- **`redirect_notice`** (boolean): Optional. If set to `true`, the bot will handle redirect notices to 3rd party integration if you have any such as slack.
+- **`test`** (boolean): Optional. If set to `true`, the bot will use the test endpoint for making requests. Useful for initial testing.
+- **`internalUserOnly`** (object): **Required**. Contains information for internal user access.
+  - **`internalUseOnly`** (boolean): **Required**. Indicates if the bot is for internal use only.
+  - **`jwt`** (string): **Required if `internalUseOnly` is `true`**. The JSON Web Token for authorizing internal users. This must include sub, username, given_name and family_name.
+
+### Example with All Props
 
 ```tsx
 import { BiBot } from 'bibot'
@@ -18,7 +29,13 @@ import { BiBot } from 'bibot'
 function App() {
   return (
     <div className="App">
-      <BiBot clientId='YOUR CLIENT ID HERE' />
+      <BiBot 
+        clientId='YOUR CLIENT ID HERE'
+        client_session_id='YOUR SESSION ID HERE'
+        redirect_notice={true}
+        test={false}
+        internalUserOnly={{ internalUseOnly: true, jwt: 'YOUR JWT HERE' }}
+      />
     </div>
   );
 }
@@ -26,6 +43,63 @@ function App() {
 export default App;
 ```
 
+### Error Handling
+
+If `internalUseOnly` is set to `true` but `jwt` is not provided, the component will throw an error:
+```
+Error: Internal use only requires jwt. Please refer to documentation on https://www.npmjs.com/package/bibot
+```
+
+## Reporting Bugs
+
+If you encounter any bugs or issues, please follow these steps to report them:
+
+1. **Search for existing issues**: Before creating a new issue, please check the [Issues](https://github.com/chrisdjin/bibot_plugin/issues) page to see if the problem has already been reported.
+
+2. **Create a new issue**: If your issue hasn't been reported yet, create a new issue with the following details:
+   - A clear and descriptive title.
+   - A detailed description of the problem, including steps to reproduce it.
+   - Any relevant screenshots or code snippets.
+   - Information about your environment (e.g., operating system, browser, Node.js version).
+
+3. **Provide additional context**: If possible, provide additional context that might help us understand the issue, such as error messages or logs.
+
+
+
+## Contributing
+
+We welcome contributions from the community! To contribute, please follow these steps:
+
+1. **Fork the repository**: Fork the [bibot repository](https://github.com/chrisdjin/bibot_plugin.git) to your GitHub account.
+
+2. **Clone the repository**: Clone the forked repository to your local machine.
+   ```bash
+   git clone https://github.com/chrisdjin/bibot_plugin.git
+   ```
+
+3. **Create a new branch**: Create a new branch for your feature or bug fix.
+   ```bash
+   git checkout -b feature-or-bugfix-name
+   ```
+
+4. **Make your changes**: Make your changes to the codebase.
+
+5. **Commit your changes**: Commit your changes with a clear and descriptive commit message.
+   ```bash
+   git commit -m "Description of the feature or bug fix"
+   ```
+
+6. **Push your changes**: Push your changes to your forked repository.
+   ```bash
+   git push origin feature-or-bugfix-name
+   ```
+
+7. **Create a pull request**: Go to the original repository and create a pull request with a clear and detailed description of your changes.
+
+8. **Review process**: Your pull request will be reviewed by the maintainers. Please address any feedback or changes requested during the review process.
+
+Thank you for your contributions!
+
 ## License
 
 ISC © [chrisdjin](https://github.com/chrisdjin)

package/dist/index.js

@@ -3830,12 +3830,12 @@ function SendMessageIcon(_ref) {
   return React__default.createElement("svg", {
     xmlns: 'http://www.w3.org/2000/svg',
     className: 'icon icon-tabler icon-tabler-send-2',
-    width: '36',
-    height: '36',
+    width: '30',
+    height: '30',
     viewBox: '0 0 24 24',
-    strokeWidth: '1.5',
+    strokeWidth: '1',
     stroke: color,
-    fill: '#d7d7d7',
+    fill: '#e8e8e8',
     strokeLinecap: 'round',
     strokeLinejoin: 'round'
   }, React__default.createElement("path", {
@@ -4219,7 +4219,6 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       zIndex: 9999
     }
   }, chatIsOpen && React.createElement("div", {
-    className: styles['chat-window'],
     style: {
       backgroundColor: '#fff',
       position: 'absolute',
@@ -4237,14 +4236,13 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
     className: styles['chat-header'],
     style: {
       backgroundColor: (_chatBubbleConfig$col = chatBubbleConfig === null || chatBubbleConfig === void 0 ? void 0 : chatBubbleConfig.color) != null ? _chatBubbleConfig$col : '#dedede',
-      height: 50,
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'flex-start',
       paddingInline: 15,
-      paddingBlock: 25
+      paddingBlock: 20
     }
   }, React.createElement("div", {
     style: {
@@ -4393,7 +4391,7 @@ var ChatBubbleBiBot = function ChatBubbleBiBot(bibotProps) {
       return sendInputInquiry();
     }
   }, React.createElement(SendMessageIcon, {
-    color: '#fff'
+    color: isLoading ? '#cdcdcd' : chatBubbleConfig.color
   }))), React.createElement("div", {
     style: {
       backgroundColor: '#f9f9f9',