|
1 | | -import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js" |
| 1 | +// import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js" |
2 | 2 |
|
3 | | -document.addEventListener('DOMContentLoaded', function() { |
4 | | - Chatbot.init({ |
5 | | - chatflowid: "93708edc-bfb7-4fee-acfc-8f6a0fa72e02", |
6 | | - apiHost: "https://xlr-chat.app.flowiseai.com", |
7 | | - chatflowConfig: { |
8 | | - /* Chatflow Config */ |
9 | | - }, |
10 | | - observersConfig: { |
11 | | - /* Observers Config */ |
12 | | - }, |
13 | | - theme: { |
14 | | - button: { |
15 | | - backgroundColor: '#3B81F6', |
16 | | - right: 20, |
17 | | - bottom: 20, |
18 | | - size: 48, |
19 | | - dragAndDrop: true, |
20 | | - iconColor: 'white', |
21 | | - customIconSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg', |
22 | | - autoWindowOpen: { |
23 | | - autoOpen: true, |
24 | | - openDelay: 2, |
25 | | - autoOpenOnMobile: false |
26 | | - } |
27 | | - }, |
28 | | - tooltip: { |
29 | | - showTooltip: true, |
30 | | - tooltipMessage: 'Hi There 👋!', |
31 | | - tooltipBackgroundColor: 'black', |
32 | | - tooltipTextColor: 'white', |
33 | | - tooltipFontSize: 16 |
34 | | - }, |
35 | | - disclaimer: { |
36 | | - title: 'Disclaimer', |
37 | | - message: "By using this chatbot, you agree to the <a target=\"_blank\" href=\"https://flowiseai.com/terms\">Terms & Condition</a>", |
38 | | - textColor: 'black', |
39 | | - buttonColor: '#3b82f6', |
40 | | - buttonText: 'Start Chatting', |
41 | | - buttonTextColor: 'white', |
42 | | - blurredBackgroundColor: 'rgba(0, 0, 0, 0.4)', |
43 | | - backgroundColor: 'white' |
44 | | - }, |
45 | | - customCSS: ``, |
46 | | - chatWindow: { |
47 | | - showTitle: true, |
48 | | - showAgentMessages: true, |
49 | | - title: 'Flowise Bot', |
50 | | - titleAvatarSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg', |
51 | | - welcomeMessage: 'Hello! This is custom welcome message', |
52 | | - errorMessage: 'This is a custom error message', |
53 | | - backgroundColor: '#ffffff', |
54 | | - backgroundImage: 'enter image path or link', |
55 | | - height: 700, |
56 | | - width: 400, |
57 | | - fontSize: 16, |
58 | | - starterPrompts: [ |
59 | | - "What is a bot?", |
60 | | - "Who are you?" |
61 | | - ], |
62 | | - starterPromptFontSize: 15, |
63 | | - clearChatOnReload: false, |
64 | | - sourceDocsTitle: 'Sources:', |
65 | | - renderHTML: true, |
66 | | - botMessage: { |
67 | | - backgroundColor: '#f7f8ff', |
68 | | - textColor: '#303235', |
69 | | - showAvatar: true, |
70 | | - avatarSrc: 'https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/parroticon.png' |
71 | | - }, |
72 | | - userMessage: { |
73 | | - backgroundColor: '#3B81F6', |
74 | | - textColor: '#ffffff', |
75 | | - showAvatar: true, |
76 | | - avatarSrc: 'https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/usericon.png' |
77 | | - }, |
78 | | - textInput: { |
79 | | - placeholder: 'Type your question', |
80 | | - backgroundColor: '#ffffff', |
81 | | - textColor: '#303235', |
82 | | - sendButtonColor: '#3B81F6', |
83 | | - maxChars: 50, |
84 | | - maxCharsWarningMessage: 'You exceeded the characters limit. Please input less than 50 characters.', |
85 | | - autoFocus: true, |
86 | | - sendMessageSound: true, |
87 | | - sendSoundLocation: 'send_message.mp3', |
88 | | - receiveMessageSound: true, |
89 | | - receiveSoundLocation: 'receive_message.mp3' |
90 | | - }, |
91 | | - feedback: { |
92 | | - color: '#303235' |
93 | | - }, |
94 | | - dateTimeToggle: { |
95 | | - date: true, |
96 | | - time: true |
97 | | - }, |
98 | | - footer: { |
99 | | - textColor: '#303235', |
100 | | - text: 'Powered by', |
101 | | - company: 'Flowise', |
102 | | - companyLink: 'https://flowiseai.com' |
103 | | - } |
104 | | - } |
105 | | - } |
106 | | - }); |
107 | | -}); |
| 3 | +// document.addEventListener('DOMContentLoaded', function() { |
| 4 | +// Chatbot.init({ |
| 5 | +// chatflowid: "93708edc-bfb7-4fee-acfc-8f6a0fa72e02", |
| 6 | +// apiHost: "https://xlr-chat.app.flowiseai.com", |
| 7 | +// chatflowConfig: { |
| 8 | +// /* Chatflow Config */ |
| 9 | +// }, |
| 10 | +// observersConfig: { |
| 11 | +// /* Observers Config */ |
| 12 | +// }, |
| 13 | +// theme: { |
| 14 | +// button: { |
| 15 | +// backgroundColor: '#3B81F6', |
| 16 | +// right: 20, |
| 17 | +// bottom: 20, |
| 18 | +// size: 48, |
| 19 | +// dragAndDrop: true, |
| 20 | +// iconColor: 'white', |
| 21 | +// customIconSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg', |
| 22 | +// autoWindowOpen: { |
| 23 | +// autoOpen: true, |
| 24 | +// openDelay: 2, |
| 25 | +// autoOpenOnMobile: false |
| 26 | +// } |
| 27 | +// }, |
| 28 | +// tooltip: { |
| 29 | +// showTooltip: true, |
| 30 | +// tooltipMessage: 'Hi There 👋!', |
| 31 | +// tooltipBackgroundColor: 'black', |
| 32 | +// tooltipTextColor: 'white', |
| 33 | +// tooltipFontSize: 16 |
| 34 | +// }, |
| 35 | +// disclaimer: { |
| 36 | +// title: 'Disclaimer', |
| 37 | +// message: "By using this chatbot, you agree to the <a target=\"_blank\" href=\"https://flowiseai.com/terms\">Terms & Condition</a>", |
| 38 | +// textColor: 'black', |
| 39 | +// buttonColor: '#3b82f6', |
| 40 | +// buttonText: 'Start Chatting', |
| 41 | +// buttonTextColor: 'white', |
| 42 | +// blurredBackgroundColor: 'rgba(0, 0, 0, 0.4)', |
| 43 | +// backgroundColor: 'white' |
| 44 | +// }, |
| 45 | +// customCSS: ``, |
| 46 | +// chatWindow: { |
| 47 | +// showTitle: true, |
| 48 | +// showAgentMessages: true, |
| 49 | +// title: 'Flowise Bot', |
| 50 | +// titleAvatarSrc: 'https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg', |
| 51 | +// welcomeMessage: 'Hello! This is custom welcome message', |
| 52 | +// errorMessage: 'This is a custom error message', |
| 53 | +// backgroundColor: '#ffffff', |
| 54 | +// backgroundImage: 'enter image path or link', |
| 55 | +// height: 700, |
| 56 | +// width: 400, |
| 57 | +// fontSize: 16, |
| 58 | +// starterPrompts: [ |
| 59 | +// "What is a bot?", |
| 60 | +// "Who are you?" |
| 61 | +// ], |
| 62 | +// starterPromptFontSize: 15, |
| 63 | +// clearChatOnReload: false, |
| 64 | +// sourceDocsTitle: 'Sources:', |
| 65 | +// renderHTML: true, |
| 66 | +// botMessage: { |
| 67 | +// backgroundColor: '#f7f8ff', |
| 68 | +// textColor: '#303235', |
| 69 | +// showAvatar: true, |
| 70 | +// avatarSrc: 'https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/parroticon.png' |
| 71 | +// }, |
| 72 | +// userMessage: { |
| 73 | +// backgroundColor: '#3B81F6', |
| 74 | +// textColor: '#ffffff', |
| 75 | +// showAvatar: true, |
| 76 | +// avatarSrc: 'https://raw.githubusercontent.com/zahidkhawaja/langchain-chat-nextjs/main/public/usericon.png' |
| 77 | +// }, |
| 78 | +// textInput: { |
| 79 | +// placeholder: 'Type your question', |
| 80 | +// backgroundColor: '#ffffff', |
| 81 | +// textColor: '#303235', |
| 82 | +// sendButtonColor: '#3B81F6', |
| 83 | +// maxChars: 50, |
| 84 | +// maxCharsWarningMessage: 'You exceeded the characters limit. Please input less than 50 characters.', |
| 85 | +// autoFocus: true, |
| 86 | +// sendMessageSound: true, |
| 87 | +// sendSoundLocation: 'send_message.mp3', |
| 88 | +// receiveMessageSound: true, |
| 89 | +// receiveSoundLocation: 'receive_message.mp3' |
| 90 | +// }, |
| 91 | +// feedback: { |
| 92 | +// color: '#303235' |
| 93 | +// }, |
| 94 | +// dateTimeToggle: { |
| 95 | +// date: true, |
| 96 | +// time: true |
| 97 | +// }, |
| 98 | +// footer: { |
| 99 | +// textColor: '#303235', |
| 100 | +// text: 'Powered by', |
| 101 | +// company: 'Flowise', |
| 102 | +// companyLink: 'https://flowiseai.com' |
| 103 | +// } |
| 104 | +// } |
| 105 | +// } |
| 106 | +// }); |
| 107 | +// }); |
0 commit comments