droplinked-chatbot-next 1.0.2

package/README.md

@@ -0,0 +1,205 @@
+# Droplinked Chatbot
+
+A React-based chatbot component with AI capabilities.
+
+## Installation
+
+```bash
+npm install droplinked-chatbot
+```
+
+## Usage
+
+```jsx
+import { Chatbot } from 'droplinked-chatbot';
+
+function App() {
+  return (
+    <Chatbot 
+      apiBaseUrl="https://your-api-base-url.com" 
+      buttonType="floating" 
+    />
+  );
+}
+```
+
+## Integration Guide
+
+### React Version Compatibility
+
+This component is compatible with React 18.x. If you encounter the following error:
+
+```
+TypeError: Cannot read properties of null (reading 'useContext')
+```
+
+This typically indicates a React version mismatch or context initialization issue.
+
+### Solution 1: Ensure React Version Compatibility
+
+Make sure your project uses React 18.x:
+
+```bash
+npm install react@^18.3.1 react-dom@^18.3.1
+```
+
+### Solution 2: Check Peer Dependencies
+
+Install all required peer dependencies:
+
+```bash
+npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion
+```
+
+### Solution 3: Proper React Context Initialization
+
+Ensure your application properly initializes React context. Your root component should look like this:
+
+```jsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <ChakraProvider value={defaultSystem}>
+      <App />
+    </ChakraProvider>
+  </React.StrictMode>
+);
+```
+
+### Solution 4: Module Resolution Issues
+
+If you see this error:
+
+```
+require is not defined in ES module scope, you can use import instead
+```
+
+This indicates a mismatch between ES modules and CommonJS modules. To fix this:
+
+1. Ensure your project's package.json has the correct type field:
+   ```json
+   {
+     "type": "module"
+   }
+   ```
+
+2. Use import syntax instead of require:
+   ```js
+   // Good
+   import { Chatbot } from 'droplinked-chatbot';
+   
+   // Avoid
+   const { Chatbot } = require('droplinked-chatbot');
+   ```
+
+3. If you must use CommonJS, rename your files to use the `.cjs` extension.
+
+### Solution 5: Module Resolution Configuration
+
+If you're still experiencing issues, try adding this to your project's `tsconfig.json` or `jsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "moduleResolution": "node",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  }
+}
+```
+
+## API Configuration
+
+The chatbot requires an `apiBaseUrl` prop to connect to your backend services:
+
+```jsx
+<Chatbot 
+  apiBaseUrl={process.env.REACT_APP_API_BASE_URL || "https://apiv3.droplinked.com"}
+/>
+```
+
+## Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| apiBaseUrl | string | Yes | Base URL for API endpoints |
+| apiKey | string | No | API key for authentication |
+| buttonType | "floating" \| "solid" | No | Chat button style (default: "floating") |
+| buttonText | string | No | Custom text for solid button |
+| user | object | No | Initial user information |
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Build for production
+npm run build
+```
+
+## Troubleshooting
+
+### Node.js Version Warning
+
+If you see a warning about your Node.js version, upgrade to version 20.19+ or 22.12+:
+
+```bash
+# Check your current version
+node --version
+
+# If needed, upgrade Node.js using nvm
+nvm install 22.12.0
+nvm use 22.12.0
+```
+
+### Common Integration Issues
+
+1. **React Context Error**: This occurs when React context is not properly initialized. Make sure your app wraps the root component with `ChakraProvider`.
+
+2. **Peer Dependency Warnings**: Install all peer dependencies listed in the package.json.
+
+3. **Styling Issues**: Ensure your CSS reset or global styles don't conflict with Chakra UI components.
+
+4. **Module Not Found**: If you get module resolution errors, check that all peer dependencies are installed in your project.
+
+5. **ES Module vs CommonJS Issues**: Ensure your project is configured consistently for module handling.
+
+### Testing in Another Project
+
+To test the chatbot in another project:
+
+1. Build the chatbot:
+   ```bash
+   cd droplinked-chatbot
+   npm run build
+   npm link
+   ```
+
+2. In your test project:
+   ```bash
+   npm link droplinked-chatbot
+   ```
+
+3. Make sure your test project has all peer dependencies installed:
+   ```bash
+   npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion
+   ```
+
+### Publishing to npm
+
+When publishing to npm, the package is built with both CommonJS and ES module formats for maximum compatibility:
+
+- `dist/index.js` - CommonJS format
+- `dist/index.esm.js` - ES module format
+
+The package.json includes proper export maps to ensure the correct format is used based on the importing environment.

package/dist/assets/animations/chat-greeting.json

@@ -0,0 +1 @@
+{ "assets": [{ "id": "6", "layers": [{ "ind": 5, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [64, 18] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [128, 36] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [84, 9], [87, 12], [87, 15], [84, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [1.93, 0], [0, 0], [0, 8.56], [0, 0], [-8.56, 0]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [-8.56, 0], [0, 0], [0, -8.56], [0, 0]], "v": [[16, 0.5], [112, 0.5], [127.5, 16], [127.5, 32], [124, 35.5], [16, 35.5], [0.5, 20], [0.5, 16], [16, 0.5]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1 } }, { "ty": "fl", "c": { "a": 0, "k": [0.16, 0.16, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }, { "id": "12", "layers": [{ "ind": 11, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [100, 26] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [200, 52] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 21], [78, 21], [81, 24], [81, 27], [78, 30], [12, 30], [9, 27], [9, 24], [12, 21]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [138, 9], [141, 12], [141, 15], [138, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [-8.37, 0.21]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 8.56], [0, 0], [-1.93, 0], [0, 0], [0, -8.43], [0, 0]], "v": [[16, 0.5], [184, 0.5], [199.5, 16], [199.5, 36], [184, 51.5], [4, 51.5], [0.5, 48], [0.5, 16], [15.6, 0.51]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 10 }, "w": { "a": 0, "k": 1 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [-6.63, 0], [0, 0], [0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 1.66]], "o": [[0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 6.63], [0, 0], [-1.66, 0], [0, 0]], "v": [[0, 12], [12, 0], [138, 0], [150, 12], [150, 27], [138, 39], [3, 39], [0, 36]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.11, 0.18, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }, { "id": "18", "layers": [{ "ind": 17, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [80, 26] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [160, 52] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 21], [90, 21], [93, 24], [93, 27], [90, 30], [12, 30], [9, 27], [9, 24], [12, 21]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [108, 9], [111, 12], [111, 15], [108, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [1.93, 0], [0, 0], [0, 8.56], [0, 0], [-8.56, 0]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [-8.56, 0], [0, 0], [0, -8.56], [0, 0]], "v": [[16, 0.5], [144, 0.5], [159.5, 16], [159.5, 48], [156, 51.5], [16, 51.5], [0.5, 36], [0.5, 16], [16, 0.5]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1 } }, { "ty": "fl", "c": { "a": 0, "k": [0.16, 0.16, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }, { "id": "24", "layers": [{ "ind": 23, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [100, 34] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [200, 68] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 33], [114, 33], [117, 36], [117, 39], [114, 42], [12, 42], [9, 39], [9, 36], [12, 33]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 21], [138, 21], [141, 24], [141, 27], [138, 30], [12, 30], [9, 27], [9, 24], [12, 21]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [138, 9], [141, 12], [141, 15], [138, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [0, 0], [-8.24, 0.21]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 8.56], [0, 0], [-1.93, 0], [0, 0], [0, 0], [0.21, -8.24], [0, 0]], "v": [[16, 0.5], [184, 0.5], [199.5, 16], [199.5, 52], [184, 67.5], [4, 67.5], [0.5, 64], [0.5, 16], [0.51, 15.6], [15.6, 0.51]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 10 }, "w": { "a": 0, "k": 1 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [-6.63, 0], [0, 0], [0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 1.66]], "o": [[0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 6.63], [0, 0], [-1.66, 0], [0, 0]], "v": [[0, 12], [12, 0], [138, 0], [150, 12], [150, 39], [138, 51], [3, 51], [0, 48]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.11, 0.18, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }, { "id": "30", "layers": [{ "ind": 29, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [80, 18] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [160, 36] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [108, 9], [111, 12], [111, 15], [108, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [1.93, 0], [0, 0], [0, 8.56], [0, 0], [-8.56, 0]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [-8.56, 0], [0, 0], [0, -8.56], [0, 0]], "v": [[16, 0.5], [144, 0.5], [159.5, 16], [159.5, 32], [156, 35.5], [16, 35.5], [0.5, 20], [0.5, 16], [16, 0.5]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.2, 0.2, 0.2, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1 } }, { "ty": "fl", "c": { "a": 0, "k": [0.16, 0.16, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }, { "id": "36", "layers": [{ "ind": 35, "ty": 4, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [80, 26] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [160, 52] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }] }, { "ind": 0, "ty": 4, "ks": { "s": { "a": 0, "k": [133.33, 133.33] } }, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 21], [36, 21], [39, 24], [39, 27], [36, 30], [12, 30], [9, 27], [9, 24], [12, 21]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -1.34], [0, 0], [1.66, 0], [0, 0], [0, 1.34], [0, 0], [-1.66, 0]], "o": [[0, 0], [1.66, 0], [0, 0], [0, 1.66], [0, 0], [-1.66, 0], [0, 0], [0, -1.66], [0, 0]], "v": [[12, 9], [108, 9], [111, 12], [111, 15], [108, 18], [12, 18], [9, 15], [9, 12], [12, 9]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "o": { "a": 0, "k": 10 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [0, 0], [0, -8.56], [0, 0], [8.56, 0], [0, 0], [0, 1.93], [0, 0], [-8.56, 0]], "o": [[0, 0], [8.56, 0], [0, 0], [0, 8.56], [0, 0], [-1.93, 0], [0, 0], [0, -8.56], [0, 0]], "v": [[16, 0.5], [144, 0.5], [159.5, 16], [159.5, 36], [144, 51.5], [4, 51.5], [0.5, 48], [0.5, 16], [16, 0.5]] } } }, { "ty": "st", "c": { "a": 0, "k": [0.17, 0.81, 0.63, 1] }, "lc": 1, "lj": 1, "ml": 4, "o": { "a": 0, "k": 10 }, "w": { "a": 0, "k": 1 } }, { "ty": "tr", "o": { "a": 0, "k": 100 }, "s": { "a": 0, "k": [75, 75] } }] }, { "ty": "gr", "it": [{ "ty": "sh", "ks": { "a": 0, "k": { "c": true, "i": [[0, 0], [-6.63, 0], [0, 0], [0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 1.66]], "o": [[0, -6.63], [0, 0], [6.63, 0], [0, 0], [0, 6.63], [0, 0], [-1.66, 0], [0, 0]], "v": [[0, 12], [12, 0], [108, 0], [120, 12], [120, 27], [108, 39], [3, 39], [0, 36]] } } }, { "ty": "fl", "c": { "a": 0, "k": [0.11, 0.18, 0.16, 1] }, "o": { "a": 0, "k": 100 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }] }], "fr": 60, "h": 300, "ip": 0, "layers": [{ "ind": 8, "ty": 0, "parent": 4, "ks": {}, "w": 128, "h": 36, "ip": 0, "op": 601, "st": 0, "refId": "6" }, { "ind": 4, "ty": 3, "parent": 3, "ks": { "a": { "a": 0, "k": [64, 18] }, "p": { "a": 1, "k": [{ "t": 0, "s": [300, 36], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 60, "s": [300, 36], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 120, "s": [236, 18], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 300, "s": [236, 18], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 360, "s": [300, 36], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [300, 36], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 60, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 120, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 300, "s": [100, 100], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 360, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [0, 0], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 3, "ty": 3, "parent": 2, "ks": {}, "ip": 0, "op": 601, "st": 0 }, { "ind": 14, "ty": 0, "parent": 10, "ks": {}, "w": 200, "h": 52, "ip": 0, "op": 601, "st": 0, "refId": "12" }, { "ind": 10, "ty": 3, "parent": 9, "ks": { "a": { "a": 0, "k": [100, 26] }, "p": { "a": 1, "k": [{ "t": 0, "s": [0, 47], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 120, "s": [0, 47], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 180, "s": [100, 26], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 360, "s": [100, 26], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 420, "s": [0, 60], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [0, 60], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 120, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 180, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 360, "s": [100, 100], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 420, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [0, 0], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 9, "ty": 3, "parent": 2, "ks": { "p": { "a": 0, "k": [0, 52] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 20, "ty": 0, "parent": 16, "ks": {}, "w": 160, "h": 52, "ip": 0, "op": 601, "st": 0, "refId": "18" }, { "ind": 16, "ty": 3, "parent": 15, "ks": { "a": { "a": 0, "k": [80, 26] }, "p": { "a": 1, "k": [{ "t": 0, "s": [300, 52], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 180, "s": [300, 52], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 240, "s": [220, 26], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 420, "s": [220, 26], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 480, "s": [300, 38], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [300, 38], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 180, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 240, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 420, "s": [100, 100], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 480, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [0, 0], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 15, "ty": 3, "parent": 2, "ks": { "p": { "a": 0, "k": [0, 120] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 26, "ty": 0, "parent": 22, "ks": {}, "w": 200, "h": 68, "ip": 0, "op": 601, "st": 0, "refId": "24" }, { "ind": 22, "ty": 3, "parent": 21, "ks": { "a": { "a": 0, "k": [100, 34] }, "p": { "a": 1, "k": [{ "t": 0, "s": [0, 34], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 240, "s": [0, 34], "i": { "x": [0, 1], "y": [1, 1] }, "o": { "x": [0.5, 0], "y": [0, 0] } }, { "t": 300, "s": [100, 34], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [100, 34], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 240, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 300, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [100, 100], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 21, "ty": 3, "parent": 2, "ks": { "p": { "a": 0, "k": [0, 188] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 32, "ty": 0, "parent": 28, "ks": {}, "w": 160, "h": 36, "ip": 0, "op": 601, "st": 0, "refId": "30" }, { "ind": 28, "ty": 3, "parent": 27, "ks": { "a": { "a": 0, "k": [80, 18] }, "p": { "a": 1, "k": [{ "t": 0, "s": [300, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 300, "s": [300, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 360, "s": [220, 18], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [220, 18], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 300, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 360, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [100, 100], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 27, "ty": 3, "parent": 2, "ks": { "p": { "a": 0, "k": [0, 272] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 38, "ty": 0, "parent": 34, "ks": {}, "w": 160, "h": 52, "ip": 0, "op": 601, "st": 0, "refId": "36" }, { "ind": 34, "ty": 3, "parent": 33, "ks": { "a": { "a": 0, "k": [80, 26] }, "p": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 360, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 420, "s": [80, 26], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [80, 26], "h": 1 }] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 360, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 420, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [100, 100], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 33, "ty": 3, "parent": 2, "ks": { "p": { "a": 0, "k": [0, 324] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 2, "ty": 3, "parent": 1, "ks": { "p": { "a": 1, "k": [{ "t": 0, "s": [0, 132], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 120, "s": [0, 132], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 180, "s": [0, 98], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 240, "s": [0, 64], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 300, "s": [0, 22], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 360, "s": [0, -30], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 420, "s": [0, -98], "i": { "x": [1, 0], "y": [1, 1] }, "o": { "x": [0, 0.5], "y": [0, 0] } }, { "t": 480, "s": [0, -132], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [0, -132], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 41, "ty": 4, "td": 1, "parent": 39, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [130, 130] }, "r": { "a": 0, "k": 260 }, "s": { "a": 0, "k": [260, 260] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0] }, "o": { "a": 0, "k": 100 } }] }, { "ind": 40, "ty": 4, "tt": 1, "parent": 39, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "gr", "it": [{ "ty": "rc", "p": { "a": 0, "k": [130, 130] }, "r": { "a": 0, "k": 0 }, "s": { "a": 0, "k": [262, 262] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0, 0] }, "o": { "a": 0, "k": 0 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }, { "ty": "gr", "it": [{ "ty": "rc", "p": { "a": 0, "k": [130, 130] }, "r": { "a": 0, "k": 260 }, "s": { "a": 0, "k": [260, 260] } }, { "ty": "st", "c": { "a": 0, "k": [0.161, 0.161, 0.161] }, "lc": 1, "lj": 1, "ml": 10, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 } }, { "ty": "tr", "o": { "a": 0, "k": 100 } }] }] }, { "ind": 43, "ty": 4, "td": 1, "parent": 39, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [130, 130] }, "r": { "a": 0, "k": 260 }, "s": { "a": 0, "k": [260, 260] } }, { "ty": "fl", "c": { "a": 0, "k": [0, 0, 0] }, "o": { "a": 0, "k": 100 } }] }, { "ind": 42, "ty": 4, "tt": 1, "parent": 39, "ks": {}, "ip": 0, "op": 601, "st": 0, "shapes": [{ "ty": "rc", "p": { "a": 0, "k": [130, 130] }, "r": { "a": 0, "k": 260 }, "s": { "a": 0, "k": [260, 260] } }, { "ty": "fl", "c": { "a": 0, "k": [0.133, 0.133, 0.133] }, "o": { "a": 0, "k": 100 } }] }, { "ind": 39, "ty": 3, "parent": 1, "ks": { "a": { "a": 0, "k": [130, 130] }, "p": { "a": 0, "k": [150, 150] }, "s": { "a": 1, "k": [{ "t": 0, "s": [0, 0], "i": { "x": [0, 0], "y": [1, 1] }, "o": { "x": [0.5, 0.5], "y": [0, 0] } }, { "t": 90, "s": [100, 100], "i": { "x": [1, 1], "y": [1, 1] }, "o": { "x": [0, 0], "y": [0, 0] } }, { "t": 600, "s": [100, 100], "h": 1 }] } }, "ip": 0, "op": 601, "st": 0 }, { "ind": 1, "ty": 3, "parent": 0, "ks": {}, "ip": 0, "op": 601, "st": 0 }, { "ind": 0, "ty": 3, "ks": {}, "ip": 0, "op": 601, "st": 0 }], "meta": { "g": "https://jitter.video" }, "op": 600, "v": "5.7.4", "w": 300 }

package/dist/assets/icons/AI/AI/AIMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AIMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/AI/AI/AIMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AIMd = ({ color = 'black', ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M9 5L7.74001 8.19475C7.57894 8.60315 7.49841 8.80734 7.37509 8.97953C7.26579 9.13215 7.13215 9.26579 6.97953 9.37511C6.80734 9.49837 6.60315 9.57894 6.19475 9.74L3 11L6.19475 12.26C6.60315 12.4211 6.80734 12.5016 6.97953 12.6249C7.13215 12.7343 7.26579 12.8679 7.37509 13.0205C7.49841 13.1927 7.57894 13.3968 7.74001 13.8053L9 17L10.26 13.8053C10.4211 13.3968 10.5016 13.1927 10.6249 13.0205C10.7343 12.8679 10.8679 12.7343 11.0205 12.6249C11.1927 12.5016 11.3968 12.4211 11.8053 12.26L15 11L11.8053 9.74C11.3968 9.57894 11.1927 9.49837 11.0205 9.37511C10.8679 9.26579 10.7343 9.13215 10.6249 8.97953C10.5016 8.80734 10.4211 8.60315 10.26 8.19475L9 5Z", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), _jsx("path", { d: "M15 3L14.58 4.06492C14.5263 4.20105 14.4995 4.26911 14.4584 4.32651C14.4219 4.37738 14.3774 4.42193 14.3265 4.45837C14.2691 4.49946 14.201 4.52631 14.0649 4.58L13 5L14.0649 5.42C14.201 5.47369 14.2691 5.50054 14.3265 5.54163C14.3774 5.57809 14.4219 5.62263 14.4584 5.67349C14.4995 5.73089 14.5263 5.79894 14.58 5.93509L15 7L15.42 5.93509C15.4737 5.79894 15.5005 5.73089 15.5416 5.67349C15.5781 5.62263 15.6226 5.57809 15.6735 5.54163C15.7309 5.50054 15.7989 5.47369 15.9351 5.42L17 5L15.9351 4.58C15.7989 4.52631 15.7309 4.49946 15.6735 4.45837C15.6226 4.42193 15.5781 4.37738 15.5416 4.32651C15.5005 4.26911 15.4737 4.20105 15.42 4.06492L15 3Z", stroke: color, "stroke-width": "0.75", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
+//# sourceMappingURL=AIMd.js.map

package/dist/assets/icons/AI/AI/AIMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/AI/AI/AIMd.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CAC9E,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAC5F,eACE,CAAC,EAAC,6oBAA6oB,EAC/oB,MAAM,EAAE,KAAK,kBACA,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,EACF,eACE,CAAC,EAAC,soBAAsoB,EACxoB,MAAM,EAAE,KAAK,kBACA,MAAM,oBACJ,OAAO,qBACN,OAAO,GACvB,IACE,CACP,CAAC"}

package/dist/assets/icons/Action/Refresh2/Refresh2Sm.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const Refresh2Sm: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Action/Refresh2/Refresh2Sm.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Refresh2Sm = ({ color = "white", ...props }) => (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M1.3335 6.66667C1.3335 6.66667 2.67015 4.84548 3.75605 3.75883C4.84196 2.67218 6.34256 2 8.00016 2C11.3139 2 14.0002 4.68629 14.0002 8C14.0002 11.3137 11.3139 14 8.00016 14C5.26477 14 2.9569 12.1695 2.23467 9.66667M1.3335 6.66667V2.66667M1.3335 6.66667H5.3335", stroke: color, strokeLinecap: "round", strokeLinejoin: "round" }) }));
+//# sourceMappingURL=Refresh2Sm.js.map

package/dist/assets/icons/Action/Refresh2/Refresh2Sm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refresh2Sm.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Action/Refresh2/Refresh2Sm.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CAClF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACpG,eAAM,CAAC,EAAC,qQAAqQ,EAAC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC1U,CAET,CAAC"}

package/dist/assets/icons/Action/Send/SendSm.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const SendSm: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Action/Send/SendSm.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SendSm = ({ color = "black", ...props }) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M4.29963 2.79051L12.7242 7.00511C12.9077 7.0989 13.0618 7.24144 13.1693 7.41707C13.2769 7.59258 13.3337 7.79437 13.3337 8.00007C13.3337 8.20588 13.2769 8.40756 13.1693 8.58319C13.0618 8.7587 12.9077 8.90124 12.7242 8.99503L4.29963 13.2096C4.08923 13.3176 3.84998 13.3563 3.61616 13.3203C3.38235 13.2842 3.16598 13.1752 2.99807 13.0089C2.83016 12.8426 2.71932 12.6275 2.68144 12.3945C2.64357 12.1614 2.6806 11.9223 2.78723 11.7116L4.40045 8.50314C4.47924 8.34708 4.52029 8.1748 4.52029 8.00007C4.52029 7.82534 4.47924 7.65306 4.40045 7.497L2.78723 4.28854C2.6806 4.07778 2.64357 3.83876 2.68144 3.60571C2.71932 3.37267 2.83016 3.15757 2.99807 2.99125C3.16598 2.82494 3.38235 2.71593 3.61616 2.67986C3.84998 2.64381 4.08923 2.68254 4.29963 2.79051Z", stroke: color, "stroke-miterlimit": "10" }), _jsx("path", { d: "M4.66699 8H7.33366", stroke: color, "stroke-miterlimit": "10", strokeLinecap: "round" })] }));
+//# sourceMappingURL=SendSm.js.map

package/dist/assets/icons/Action/Send/SendSm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendSm.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Action/Send/SendSm.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CAC9E,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACpG,eAAM,CAAC,EAAC,4uBAA4uB,EAAC,MAAM,EAAE,KAAK,uBAAoB,IAAI,GAAG,EAC7xB,eAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAE,KAAK,uBAAoB,IAAI,EAAC,aAAa,EAAC,OAAO,GAAG,IACzF,CAET,CAAC"}

package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const ChevronleftMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChevronleftMd = ({ color = "white", ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+//# sourceMappingURL=ChevronleftMd.js.map

package/dist/assets/icons/Navigation/ChevronLeft/ChevronleftMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronleftMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Navigation/ChevronLeft/ChevronleftMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACrF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACpG,eAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC/G,CAET,CAAC"}

package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const ExternalarrowMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ExternalarrowMd = ({ color = "white", ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M5.83301 14.1667L14.1663 5.83337M14.1663 5.83337H6.66634M14.1663 5.83337V13.3334", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+//# sourceMappingURL=ExternalarrowMd.js.map

package/dist/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalarrowMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Navigation/ExternalArrow/ExternalarrowMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACvF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACpG,eAAM,CAAC,EAAC,kFAAkF,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACzK,CAET,CAAC"}

package/dist/assets/icons/Sign/Close/CloseMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const CloseMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Sign/Close/CloseMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CloseMd = ({ color = "black", ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M14 6L6 14M6 6L14 14", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+//# sourceMappingURL=CloseMd.js.map

package/dist/assets/icons/Sign/Close/CloseMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Sign/Close/CloseMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CAC/E,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,YACpG,eAAM,CAAC,EAAC,sBAAsB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC7G,CAET,CAAC"}

package/dist/assets/icons/Sign/Help/HelpMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const HelpMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Sign/Help/HelpMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HelpMd = ({ color = "black", ...props }) => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M18.182 10.0001C18.182 14.5188 14.5189 18.1819 10.0002 18.1819C5.48149 18.1819 1.81836 14.5188 1.81836 10.0001C1.81836 5.48136 5.48149 1.81824 10.0002 1.81824C14.5189 1.81824 18.182 5.48136 18.182 10.0001Z", stroke: color, strokeWidth: "1.5" }), _jsx("path", { d: "M8.63623 6.97918C8.96941 6.60172 9.45687 6.36365 9.99987 6.36365C11.004 6.36365 11.818 7.17767 11.818 8.18183C11.818 9.03065 11.2363 9.74365 10.4498 9.94392C10.2065 10.0058 9.99987 10.2036 9.99987 10.4546V10.9091", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10 13.6364H10.0087", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+//# sourceMappingURL=HelpMd.js.map

package/dist/assets/icons/Sign/Help/HelpMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Sign/Help/HelpMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CAC9E,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACpG,eAAM,CAAC,EAAC,+MAA+M,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,GAAG,EAC3P,eAAM,CAAC,EAAC,sNAAsN,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAC/S,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IAC5G,CAET,CAAC"}

package/dist/assets/icons/Sign/Tooltip/TooltipMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const TooltipMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Sign/Tooltip/TooltipMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TooltipMd = ({ color = "black", ...props }) => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "9", cy: "9", r: "9", transform: "matrix(1 0 0 -1 1 19)", fill: color }), _jsx("path", { d: "M10 6.29553H10.0093M10 9.07387V13.7044", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+//# sourceMappingURL=TooltipMd.js.map

package/dist/assets/icons/Sign/Tooltip/TooltipMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Sign/Tooltip/TooltipMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACjF,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACpG,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAE,KAAK,GAAI,EAC7E,eAAM,CAAC,EAAC,wCAAwC,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IAC/H,CAET,CAAC"}

package/dist/assets/icons/Sign/Warning/WarningMd.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const WarningMd: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/icons/Sign/Warning/WarningMd.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const WarningMd = ({ color = "black", ...props }) => (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M16.7024 17.5H3.29756C2.01587 17.5 1.21383 16.1137 1.85272 15.0026L8.55518 3.34614C9.19602 2.23163 10.804 2.23162 11.4448 3.34613L18.1474 15.0026C18.7862 16.1137 17.9842 17.5 16.7024 17.5Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M10 7.5V10.8333", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M10 14.1727L10.0063 14.1658", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+//# sourceMappingURL=WarningMd.js.map

package/dist/assets/icons/Sign/Warning/WarningMd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningMd.js","sourceRoot":"","sources":["../../../../../src/assets/icons/Sign/Warning/WarningMd.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACjF,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACpG,eAAM,CAAC,EAAC,8LAA8L,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EAChQ,eAAM,CAAC,EAAC,iBAAiB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EACnF,eAAM,CAAC,EAAC,6BAA6B,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IACpH,CAET,CAAC"}

package/dist/components/ChatDrawer.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react";
+import { ChatbotView } from "../types";
+interface ChatDrawerProps extends PropsWithChildren {
+    isOpen: boolean;
+    onClose: () => void;
+    currentView: ChatbotView;
+}
+declare function ChatDrawer({ isOpen, onClose, currentView, children }: ChatDrawerProps): import("react/jsx-runtime").JSX.Element;
+export default ChatDrawer;

package/dist/components/ChatDrawer.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Chakra from "@chakra-ui/react";
+function ChatDrawer({ isOpen, onClose, currentView, children }) {
+    const placement = Chakra.useBreakpointValue({ base: "bottom", md: "right" }) ?? "right";
+    return (_jsxs(Chakra.Drawer, { isOpen: isOpen, onClose: onClose, placement: placement, size: "md", children: [_jsx(Chakra.DrawerOverlay, { zIndex: 1400 }), _jsx(Chakra.DrawerContent, { display: "flex", flexDirection: "column", position: "relative", overflow: "hidden", maxW: { base: "100%", md: "420px" }, h: { base: "calc(100vh - 72px)", md: "calc(100vh - 32px)" }, mt: { base: "72px", md: "16px" }, mb: { base: "0", md: "16px" }, mr: { base: "0", md: "32px" }, p: 0, border: "1px solid", borderColor: "#292929", borderRadius: { base: 0, md: 16 }, bg: "#1C1C1C", ...(currentView === 'hello'
+                    ? {
+                        bgImage: "url('https://upload-file-droplinked.s3.amazonaws.com/5feb937e7c32dde13473deafbe2ee89f2a3640b5e3791d49bbd86b882ca7f38b.png')",
+                        bgSize: "contain",
+                        bgRepeat: "no-repeat",
+                        bgPosition: "top",
+                    }
+                    : {}), children: children })] }));
+}
+export default ChatDrawer;
+//# sourceMappingURL=ChatDrawer.js.map

package/dist/components/ChatDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatDrawer.js","sourceRoot":"","sources":["../../src/components/ChatDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAA;AAU1C,SAAS,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAmB;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,OAAO,CAAA;IAEvF,OAAO,CACH,MAAC,MAAM,CAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAgB,EAAE,IAAI,EAAC,IAAI,aACnF,KAAC,MAAM,CAAC,aAAa,IAAC,MAAM,EAAE,IAAI,GAAI,EACtC,KAAC,MAAM,CAAC,aAAa,IACjB,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACnC,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAChC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAC7B,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAC7B,CAAC,EAAE,CAAC,EACJ,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,SAAS,EACrB,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EACjC,EAAE,EAAC,SAAS,KACR,CAAC,WAAW,KAAK,OAAO;oBACxB,CAAC,CAAC;wBACE,OAAO,EAAE,6HAA6H;wBACtI,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,WAAW;wBACrB,UAAU,EAAE,KAAK;qBACpB;oBACD,CAAC,CAAC,EAAE,CAAC,YAER,QAAQ,GACU,IACX,CACnB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/components/ChatHeader.d.ts

@@ -0,0 +1,8 @@
+interface ChatHeaderProps {
+    title: string;
+    onBack?: () => void;
+    showBackButton?: boolean;
+    onClose?: () => void;
+}
+declare function ChatHeader({ title, onBack, showBackButton, onClose, }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default ChatHeader;

package/dist/components/ChatHeader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, DrawerHeader, Text } from '@chakra-ui/react';
+import { ChevronleftMd } from '../assets/icons/Navigation/ChevronLeft/ChevronleftMd';
+import { CloseMd } from '../assets/icons/Sign/Close/CloseMd';
+import { HelpMd } from '../assets/icons/Sign/Help/HelpMd';
+import { TooltipMd } from '../assets/icons/Sign/Tooltip/TooltipMd';
+import { Tooltip } from './ui/tooltip';
+import HeaderIconButton from './HeaderIconButton';
+function ChatHeader({ title, onBack, showBackButton = false, onClose, }) {
+    return (_jsxs(DrawerHeader, { display: "flex", justifyContent: "space-between", alignItems: "center", alignSelf: "stretch", p: 4, gap: 4, borderTopRadius: "16px", bg: showBackButton ? "#171717" : "transparent", children: [_jsx(HeaderIconButton, { onClick: onBack, borderColor: showBackButton ? "#27272A" : "#2BCFA11A", children: showBackButton ? _jsx(ChevronleftMd, { color: "white" }) : _jsx(HelpMd, { color: "white" }) }), _jsxs(Box, { flex: 1, display: "flex", justifyContent: "center", alignItems: "center", gap: 2, children: [_jsx(Text, { color: "white", fontSize: "lg", fontWeight: "medium", textAlign: "center", children: title }), showBackButton && (_jsx(Tooltip, { content: "Please be sure to verify the information provided by the assistant.", children: _jsx(TooltipMd, { color: '#292929' }) }))] }), _jsx(HeaderIconButton, { onClick: onClose, borderColor: showBackButton ? "#27272A" : "#2BCFA11A", children: _jsx(CloseMd, { color: "white" }) })] }));
+}
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.js.map

package/dist/components/ChatHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.js","sourceRoot":"","sources":["../../src/components/ChatHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAA;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AASjD,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,MAAM,EACN,cAAc,GAAG,KAAK,EACtB,OAAO,GACS;IAChB,OAAO,CACL,MAAC,YAAY,IACX,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,SAAS,EACnB,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,eAAe,EAAC,MAAM,EACtB,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,aAG9C,KAAC,gBAAgB,IAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YACrF,cAAc,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,GAAG,GAC3D,EAGnB,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC7E,KAAC,IAAI,IACH,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,YAEjB,KAAK,GACD,EACN,cAAc,IAAI,CACjB,KAAC,OAAO,IAAC,OAAO,EAAC,qEAAqE,YACpF,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,GAAG,GACrB,CACX,IACG,EAGN,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YACvF,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,GACR,IACN,CAChB,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/components/ChatPage.d.ts

@@ -0,0 +1,16 @@
+import { ChatbotUser, Message } from "../types";
+interface ChatPageProps {
+    messages: Message[];
+    user: ChatbotUser;
+    isLoading: boolean;
+    isTyping?: boolean;
+    isEmailSubmitting?: boolean;
+    historyMessageIds?: Set<string>;
+    currentlyProcessingMessageId?: string | null;
+    clearProcessingMessageId?: () => void;
+    onSendMessage: (text: string) => void;
+    onEmailSubmit: (email: string) => void;
+    onRetryMessage?: () => void;
+}
+declare function ChatPage({ messages, user, isLoading, isTyping, isEmailSubmitting, historyMessageIds, currentlyProcessingMessageId, clearProcessingMessageId, onSendMessage, onEmailSubmit, onRetryMessage }: ChatPageProps): import("react/jsx-runtime").JSX.Element;
+export default ChatPage;

package/dist/components/Chatbot.d.ts

@@ -0,0 +1,9 @@
+import { ChatbotUser } from "../types";
+interface ChatbotProps {
+    apiBaseUrl: string;
+    apiKey?: string;
+    buttonType?: "floating" | "solid";
+    user?: Partial<ChatbotUser> | null;
+}
+declare function Chatbot({ apiBaseUrl, apiKey, buttonType, user: initialUser, }: ChatbotProps): import("react/jsx-runtime").JSX.Element;
+export default Chatbot;

package/dist/components/Chatbot.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DrawerBody, useDisclosure } from "@chakra-ui/react";
+import { useChatbot } from "../hooks/useChatbot";
+import ChatPage from "../views/ChatPage";
+import HelloPage from "../views/HelloPage";
+import ChatDrawer from "./ChatDrawer";
+import ChatHeader from "./ChatHeader";
+import EmbeddedChatButton from "./EmbeddedChatButton";
+import FloatingChatButton from "./FloatingChatButton";
+function Chatbot({ apiBaseUrl, apiKey, buttonType = "floating", user: initialUser = null, }) {
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    const { messages, user, currentView, isLoading, isTyping, isEmailSubmitting, isStartingChat, historyMessageIds, currentlyProcessingMessageId, handleStartChat, handleBackToHello, handleEmailSubmit, handleSendMessage, handleRetryLastMessage, clearProcessingMessageId, } = useChatbot({
+        apiBaseUrl,
+        apiKey,
+        initialUser: initialUser ?? undefined,
+    });
+    return (_jsxs(_Fragment, { children: [buttonType === "floating" ? (_jsx(FloatingChatButton, { onClick: onOpen })) : (_jsx(EmbeddedChatButton, { onClick: onOpen })), _jsxs(ChatDrawer, { isOpen: isOpen, onClose: onClose, currentView: currentView, children: [_jsx(ChatHeader, { title: currentView === "hello" ? "Help Center" : "AI Assistant", onBack: currentView === "chat" ? handleBackToHello : undefined, showBackButton: currentView === "chat", onClose: onClose }), _jsx(DrawerBody, { flex: 1, overflow: "hidden", p: 0, children: currentView === "hello" ? (_jsx(HelloPage, { userName: user?.name, onStartChat: handleStartChat, isStartingChat: isStartingChat })) : (_jsx(ChatPage, { messages: messages, user: user, isLoading: isLoading, isTyping: isTyping, isEmailSubmitting: isEmailSubmitting, historyMessageIds: historyMessageIds, currentlyProcessingMessageId: currentlyProcessingMessageId, clearProcessingMessageId: clearProcessingMessageId, onSendMessage: handleSendMessage, onEmailSubmit: handleEmailSubmit, onRetryMessage: handleRetryLastMessage })) })] })] }));
+}
+export default Chatbot;
+//# sourceMappingURL=Chatbot.js.map

package/dist/components/Chatbot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chatbot.js","sourceRoot":"","sources":["../../src/components/Chatbot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAStD,SAAS,OAAO,CAAC,EACb,UAAU,EACV,MAAM,EACN,UAAU,GAAG,UAAU,EACvB,IAAI,EAAE,WAAW,GAAG,IAAI,GACb;IACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAEpD,MAAM,EACF,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,4BAA4B,EAC5B,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GAC3B,GAAG,UAAU,CAAC;QACX,UAAU;QACV,MAAM;QACN,WAAW,EAAE,WAAW,IAAI,SAAS;KACxC,CAAC,CAAC;IAEH,OAAO,CACH,8BACK,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,OAAO,EAAE,MAAM,GAAI,CAC1C,CAAC,CAAC,CAAC,CACA,KAAC,kBAAkB,IAAC,OAAO,EAAE,MAAM,GAAuB,CAC7D,EAED,MAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,aAExB,KAAC,UAAU,IACP,KAAK,EACD,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EAE5D,MAAM,EACF,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAE1D,cAAc,EAAE,WAAW,KAAK,MAAM,EACtC,OAAO,EAAE,OAAO,GAClB,EAEF,KAAC,UAAU,IAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,YACtC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IACN,QAAQ,EAAE,IAAI,EAAE,IAAI,EACpB,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,GAChC,CACL,CAAC,CAAC,CAAC,CACA,KAAC,QAAQ,IACL,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,4BAA4B,EACxB,4BAA4B,EAEhC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,sBAAsB,GACxC,CACL,GACQ,IACJ,IACd,CACN,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/components/EmbeddedChatButton.d.ts

@@ -0,0 +1,5 @@
+interface SolidChatButtonProps {
+    onClick: () => void;
+}
+declare function EmbeddedChatButton({ onClick }: SolidChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export default EmbeddedChatButton;

package/dist/components/EmbeddedChatButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Flex } from "@chakra-ui/react";
+import { AIMd } from "../assets/icons/AI/AI/AIMd";
+function EmbeddedChatButton({ onClick }) {
+    return (_jsx(Button, { onClick: onClick, bg: "transparent", color: "#2BCFA1", border: "1px solid #292929", borderRadius: "8px", px: "14px", py: "10px", h: "auto", fontWeight: "medium", fontSize: "sm", transition: "all 0.2s", _hover: {
+            bg: "rgba(255, 255, 255, 0.05)",
+            borderColor: "#404040",
+        }, _active: {
+            bg: "rgba(255, 255, 255, 0.1)",
+        }, children: _jsxs(Flex, { align: "center", gap: "6px", children: [_jsx(AIMd, { color: "currentColor" }), "AI Assistant"] }) }));
+}
+export default EmbeddedChatButton;
+//# sourceMappingURL=EmbeddedChatButton.js.map

package/dist/components/EmbeddedChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedChatButton.js","sourceRoot":"","sources":["../../src/components/EmbeddedChatButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAMlD,SAAS,kBAAkB,CAAC,EAAE,OAAO,EAAwB;IACzD,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,mBAAmB,EAC1B,YAAY,EAAC,KAAK,EAClB,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,CAAC,EAAC,MAAM,EACR,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EACrB,MAAM,EAAE;YACJ,EAAE,EAAE,2BAA2B;YAC/B,WAAW,EAAE,SAAS;SACzB,EACD,OAAO,EAAE;YACL,EAAE,EAAE,0BAA0B;SACjC,YAED,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAC1B,KAAC,IAAI,IAAC,KAAK,EAAC,cAAc,GAAG,oBAE1B,GACF,CACZ,CAAC;AACN,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+interface ErrorMessageProps {
+    onRetry?: () => void;
+    showRetry?: boolean;
+}
+declare function ErrorMessage({ onRetry, showRetry, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export default ErrorMessage;