keyring-chatbot-agent 1.0.17 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/dist/chat-widget-wc.es.js +62 -62
- package/dist/chat-widget-wc.umd.js +1 -1
- package/dist/chat-widget.es.js +36 -36
- package/dist/chat-widget.umd.js +1 -1
- package/dist/lib.d.ts +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -107,6 +107,7 @@ function App() {
|
|
|
107
107
|
buttonIcon="https://your-cdn.com/chat-button.svg"
|
|
108
108
|
chatIcon="https://your-cdn.com/chat-header-logo.svg"
|
|
109
109
|
customChatButton={<MyCustomButton />}
|
|
110
|
+
styleButtonChat={{ bottom: 100, right: 30 }}
|
|
110
111
|
customSuggestions={[
|
|
111
112
|
{ text: 'Show my balance', icon: '💼' },
|
|
112
113
|
{ text: 'Swap ETH to USDC', icon: '🔄' },
|
|
@@ -186,6 +187,7 @@ function App() {
|
|
|
186
187
|
| `buttonIcon` | `string` | built-in icon | No | Custom image URL for the floating chat button icon. |
|
|
187
188
|
| `chatIcon` | `string` | built-in logo | No | Custom image URL for the modal header logo. |
|
|
188
189
|
| `customChatButton` | `React.ReactNode` | `undefined` | No | Fully custom React element to replace the default floating chat button. Click handling is applied automatically. |
|
|
190
|
+
| `styleButtonChat` | `React.CSSProperties` | `undefined` | No | Custom CSS styles applied to the floating chat button container. |
|
|
189
191
|
|
|
190
192
|
> \* `onTransaction` is required to execute on-chain actions (swap, send, approve, etc.). Without it, the AI can still answer questions and display information.
|
|
191
193
|
|
|
@@ -216,6 +218,7 @@ function App() {
|
|
|
216
218
|
{ text: 'Swap ETH to USDC', icon: '🔄' },
|
|
217
219
|
{ text: 'Show trending tokens' },
|
|
218
220
|
]}
|
|
221
|
+
styleButtonChat={{ bottom: 100, right: 30 }}
|
|
219
222
|
/>
|
|
220
223
|
```
|
|
221
224
|
|
|
@@ -288,6 +291,7 @@ Complex objects (`account`, `rpcUrls`, callbacks) are assigned as JavaScript pro
|
|
|
288
291
|
| `buttonIcon` | `string` | Custom floating button icon URL |
|
|
289
292
|
| `chatIcon` | `string` | Custom modal header logo URL |
|
|
290
293
|
| `customChatButton` | `React.ReactNode` | Fully custom element replacing the default floating button |
|
|
294
|
+
| `styleButtonChat` | `React.CSSProperties` | Custom CSS styles for the floating button container |
|
|
291
295
|
|
|
292
296
|
Web Component method:
|
|
293
297
|
|
|
@@ -362,6 +366,9 @@ Web Component method:
|
|
|
362
366
|
// Optional: use a fully custom chat button (React.ReactNode)
|
|
363
367
|
// widget.customChatButton = yourCustomElement;
|
|
364
368
|
|
|
369
|
+
// Optional: custom style for the chat button container
|
|
370
|
+
// widget.styleButtonChat = { bottom: '100px', right: '30px' };
|
|
371
|
+
|
|
365
372
|
// Clear chat history when needed
|
|
366
373
|
widget.clearChat();
|
|
367
374
|
</script>
|