@clikvn/agent-widget-embedded 1.1.9 → 1.1.10
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 +20 -20
- package/dist/features/AgentWidget/index.d.ts +3 -0
- package/dist/features/AgentWidget/index.d.ts.map +1 -1
- package/dist/index.html +161 -60
- package/dist/index_2.html +67 -0
- package/dist/register.d.ts +6 -0
- package/dist/register.d.ts.map +1 -1
- package/dist/web.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
<!-- markdownlint-disable MD030 -->
|
|
2
|
-
|
|
3
|
-
# Clik Agent Widget Embed
|
|
4
|
-
|
|
5
|
-
Javascript library to display Clik Agent Embed on your website
|
|
6
|
-
|
|
7
|
-
```html
|
|
8
|
-
<!-- public/index.html -->
|
|
9
|
-
<script type="module">
|
|
10
|
-
import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
|
|
11
|
-
Agent.initWidget({
|
|
12
|
-
apiHost: 'https://ci-api.clik.vn/chatbot',
|
|
13
|
-
agentId: '6d02b23f-465f-44ec-8766-27a82890a9b8',
|
|
14
|
-
overrideConfig: {
|
|
15
|
-
chatId: '',
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
</script>
|
|
19
|
-
<clik-agent-widget></clik-agent-widget>
|
|
20
|
-
```
|
|
1
|
+
<!-- markdownlint-disable MD030 -->
|
|
2
|
+
|
|
3
|
+
# Clik Agent Widget Embed
|
|
4
|
+
|
|
5
|
+
Javascript library to display Clik Agent Embed on your website
|
|
6
|
+
|
|
7
|
+
```html
|
|
8
|
+
<!-- public/index.html -->
|
|
9
|
+
<script type="module">
|
|
10
|
+
import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
|
|
11
|
+
Agent.initWidget({
|
|
12
|
+
apiHost: 'https://ci-api.clik.vn/chatbot',
|
|
13
|
+
agentId: '6d02b23f-465f-44ec-8766-27a82890a9b8',
|
|
14
|
+
overrideConfig: {
|
|
15
|
+
chatId: '',
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
</script>
|
|
19
|
+
<clik-agent-widget></clik-agent-widget>
|
|
20
|
+
```
|
|
@@ -41,6 +41,9 @@ export type AgentWidgetType = {
|
|
|
41
41
|
textBtnTalk?: string;
|
|
42
42
|
textBtnSubmit?: string;
|
|
43
43
|
};
|
|
44
|
+
dropdown?: {
|
|
45
|
+
zIndex?: number;
|
|
46
|
+
};
|
|
44
47
|
} & Record<string, unknown>;
|
|
45
48
|
listeners?: Record<EVENT_TYPE, (props: any) => void>;
|
|
46
49
|
onLoaded?: (tool: ToolType) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/AgentWidget/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE;QACN,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;QAChC,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;SAChC,CAAC;QACF,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;SAClC,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;KACH,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC,CAAC;AACF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/AgentWidget/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE;QACN,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;QAChC,UAAU,CAAC,EAAE;YACX,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;SAChC,CAAC;QACF,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;SAClC,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC,CAAC;AACF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,eAAe,CAuCpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/dist/index.html
CHANGED
|
@@ -1,71 +1,172 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="
|
|
2
|
+
<html lang="vi">
|
|
3
3
|
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>AIHouse + Clik (For Testing)</title>
|
|
7
|
+
|
|
8
|
+
<style>
|
|
9
|
+
body {
|
|
10
|
+
margin: 0; padding: 0; overflow: hidden; font-family: sans-serif;
|
|
11
|
+
}
|
|
12
|
+
iframe { width: 100vw; height: 100vh; border: none; display: block; }
|
|
13
|
+
|
|
14
|
+
/* --- BONG BÓNG CHAT --- */
|
|
15
|
+
#clik-bubble {
|
|
16
|
+
position: fixed;
|
|
17
|
+
bottom: 20px; right: 20px;
|
|
18
|
+
width: 60px; height: 60px;
|
|
19
|
+
background: #0084ff; color: white;
|
|
20
|
+
font-size: 28px;
|
|
21
|
+
border-radius: 50%;
|
|
22
|
+
display: flex; justify-content: center; align-items: center;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
z-index: 2147483647;
|
|
25
|
+
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
|
|
26
|
+
user-select: none; touch-action: none;
|
|
27
|
+
transition: transform 0.1s;
|
|
28
|
+
}
|
|
29
|
+
#clik-bubble:active { transform: scale(0.95); }
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
#chat-wrapper {
|
|
33
|
+
position: fixed;
|
|
34
|
+
width: 380px;
|
|
35
|
+
height: 520px;
|
|
36
|
+
display: none;
|
|
37
|
+
z-index: 2147483646;
|
|
38
|
+
background: transparent;
|
|
39
|
+
|
|
40
|
+
/* ĐÃ XÓA DÒNG BẢO VỆ DƯỚI ĐÂY --- */
|
|
41
|
+
/* pointer-events: auto !important; */
|
|
42
|
+
/* --------------------------------------------- */
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Thẻ Widget */
|
|
46
|
+
clik-agent-widget {
|
|
47
|
+
width: 100%; height: 100%; display: block; position: static;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
</style>
|
|
51
|
+
|
|
52
|
+
<script src="https://3vj-fe.3vjia.com/fe-common/js/react@18.2.0/react.production.min.js"></script>
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
<script type="module">
|
|
56
|
+
import Agent from "https://11dea4661e4a.ngrok-free.app/web.js";
|
|
57
|
+
|
|
58
|
+
let chatId = localStorage.getItem("chatId");
|
|
59
|
+
window.onload = () => {
|
|
60
|
+
if (!chatId) {
|
|
61
|
+
chatId = "6d02b23f-465f-44ec-8766-27a82890acbv";
|
|
62
|
+
localStorage.setItem("chatId", chatId);
|
|
63
|
+
}
|
|
9
64
|
Agent.initWidget({
|
|
10
|
-
apiHost:
|
|
11
|
-
agentId:
|
|
12
|
-
overrideConfig:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
vars: {
|
|
17
|
-
TOUR_CODE: 'TOUR_K9EK76KTX7K4',
|
|
18
|
-
LANGUAGE: 'VN',
|
|
19
|
-
CLIK_GRAPHQL_API: 'https://api.clik.vn/graphql',
|
|
20
|
-
CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360'
|
|
21
|
-
}
|
|
65
|
+
apiHost:"https://api.clik.vn/chatbot",
|
|
66
|
+
agentId:"1ddfca58-e634-47d5-9c0f-7ebc1b961d59",
|
|
67
|
+
overrideConfig:{ chatId, skipSuggestion:true },
|
|
68
|
+
theme: {
|
|
69
|
+
dropdown: {
|
|
70
|
+
zIndex: 2147483647
|
|
22
71
|
}
|
|
23
72
|
},
|
|
24
|
-
listeners:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
},
|
|
29
|
-
'ON_START_RECORDING': () => {
|
|
30
|
-
console.log('ON_START_RECORDING');
|
|
31
|
-
},
|
|
32
|
-
'ON_CANCEL_RECORDING': () => {
|
|
33
|
-
console.log('ON_CANCEL_RECORDING');
|
|
34
|
-
},
|
|
35
|
-
'ON_FINISHED_RECORDING': () => {
|
|
36
|
-
console.log('ON_FINISHED_RECORDING');
|
|
37
|
-
},
|
|
38
|
-
'ON_SUBMIT_MESSAGE': () => {
|
|
39
|
-
console.log('ON_SUBMIT_MESSAGE');
|
|
40
|
-
},
|
|
41
|
-
'ON_FINISHED_SUBMITTING_MESSAGE': () => {
|
|
42
|
-
console.log('ON_FINISHED_SUBMITTING_MESSAGE');
|
|
43
|
-
},
|
|
44
|
-
'ON_PLAY_AUDIO': () => {
|
|
45
|
-
console.log('ON_PLAY_AUDIO');
|
|
46
|
-
},
|
|
47
|
-
'ON_PAUSE_AUDIO': () => {
|
|
48
|
-
console.log('ON_PAUSE_AUDIO');
|
|
49
|
-
},
|
|
50
|
-
'ON_ENDED_AUDIO': () => {
|
|
51
|
-
console.log('ON_ENDED_AUDIO');
|
|
73
|
+
listeners:{
|
|
74
|
+
ON_NEW_CHAT:(id)=>{
|
|
75
|
+
console.log('New chat started:', id);
|
|
76
|
+
localStorage.setItem("chatId",id);
|
|
52
77
|
}
|
|
53
|
-
},
|
|
54
|
-
theme: {
|
|
55
|
-
modeButtonChat: true,
|
|
56
|
-
simplified: true,
|
|
57
|
-
autoCloseAudioPlayer: true,
|
|
58
|
-
hideAudioMetadata: true,
|
|
59
|
-
noAutoplayMessage: true
|
|
60
|
-
},
|
|
61
|
-
onLoaded: (tool) => {
|
|
62
|
-
console.log('Chatbot loaded!!!');
|
|
63
|
-
window.tool = tool;
|
|
64
78
|
}
|
|
65
79
|
});
|
|
66
|
-
|
|
80
|
+
};
|
|
81
|
+
</script>
|
|
67
82
|
</head>
|
|
68
|
-
|
|
69
|
-
<
|
|
83
|
+
|
|
84
|
+
<body>
|
|
85
|
+
<iframe src="https://aihouse.3vjia.com/design?lang=vi-VN&isVilla"></iframe>
|
|
86
|
+
|
|
87
|
+
<div id="clik-bubble">💬</div>
|
|
88
|
+
|
|
89
|
+
<div id="chat-wrapper">
|
|
90
|
+
<clik-agent-widget></clik-agent-widget>
|
|
91
|
+
</div>
|
|
92
|
+
|
|
93
|
+
<script>
|
|
94
|
+
// --- 1. SỰ KIỆN KÉO THẢ ---
|
|
95
|
+
const bubble = document.getElementById("clik-bubble");
|
|
96
|
+
const chatWrapper = document.getElementById("chat-wrapper");
|
|
97
|
+
|
|
98
|
+
let isChatOpen = false;
|
|
99
|
+
let dragging = false;
|
|
100
|
+
let startX = 0, startY = 0;
|
|
101
|
+
let initialMouseX = 0, initialMouseY = 0;
|
|
102
|
+
let pressTime = 0;
|
|
103
|
+
|
|
104
|
+
bubble.addEventListener("pointerdown", e => {
|
|
105
|
+
pressTime = Date.now();
|
|
106
|
+
dragging = true;
|
|
107
|
+
initialMouseX = e.clientX;
|
|
108
|
+
initialMouseY = e.clientY;
|
|
109
|
+
const rect = bubble.getBoundingClientRect();
|
|
110
|
+
startX = e.clientX - rect.left;
|
|
111
|
+
startY = e.clientY - rect.top;
|
|
112
|
+
bubble.setPointerCapture(e.pointerId);
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
bubble.addEventListener("pointermove", e => {
|
|
116
|
+
if (!dragging) return;
|
|
117
|
+
const dx = Math.abs(e.clientX - initialMouseX);
|
|
118
|
+
const dy = Math.abs(e.clientY - initialMouseY);
|
|
119
|
+
|
|
120
|
+
if (dx > 3 || dy > 3) {
|
|
121
|
+
let newLeft = e.clientX - startX;
|
|
122
|
+
let newTop = e.clientY - startY;
|
|
123
|
+
const maxLeft = window.innerWidth - bubble.offsetWidth;
|
|
124
|
+
const maxTop = window.innerHeight - bubble.offsetHeight;
|
|
125
|
+
newLeft = Math.max(0, Math.min(newLeft, maxLeft));
|
|
126
|
+
newTop = Math.max(0, Math.min(newTop, maxTop));
|
|
127
|
+
bubble.style.left = newLeft + "px";
|
|
128
|
+
bubble.style.top = newTop + "px";
|
|
129
|
+
if (isChatOpen) positionChatBox();
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
|
|
133
|
+
bubble.addEventListener("pointerup", e => {
|
|
134
|
+
bubble.releasePointerCapture(e.pointerId);
|
|
135
|
+
if (Date.now() - pressTime < 150 && Math.abs(e.clientX - initialMouseX) + Math.abs(e.clientY - initialMouseY) < 5) {
|
|
136
|
+
toggleChat();
|
|
137
|
+
}
|
|
138
|
+
dragging = false;
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
function toggleChat() {
|
|
142
|
+
if (isChatOpen) {
|
|
143
|
+
chatWrapper.style.display = "none";
|
|
144
|
+
bubble.innerHTML = "💬";
|
|
145
|
+
} else {
|
|
146
|
+
chatWrapper.style.display = "block";
|
|
147
|
+
bubble.innerHTML = "❌";
|
|
148
|
+
positionChatBox();
|
|
149
|
+
}
|
|
150
|
+
isChatOpen = !isChatOpen;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
function positionChatBox() {
|
|
154
|
+
const bubbleRect = bubble.getBoundingClientRect();
|
|
155
|
+
const chatWidth = 380;
|
|
156
|
+
const chatHeight = 520;
|
|
157
|
+
const gap = 15;
|
|
158
|
+
let left = bubbleRect.left + (bubbleRect.width / 2) - (chatWidth / 2);
|
|
159
|
+
if (left < 10) left = 10;
|
|
160
|
+
if (left + chatWidth > window.innerWidth - 10) left = window.innerWidth - chatWidth - 10;
|
|
161
|
+
let top = bubbleRect.top - chatHeight - gap;
|
|
162
|
+
if (top < 10) {
|
|
163
|
+
top = bubbleRect.bottom + gap;
|
|
164
|
+
if (top + chatHeight > window.innerHeight) top = 10;
|
|
165
|
+
}
|
|
166
|
+
chatWrapper.style.left = left + "px";
|
|
167
|
+
chatWrapper.style.top = top + "px";
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
</script>
|
|
70
171
|
</body>
|
|
71
172
|
</html>
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Title</title>
|
|
7
|
+
<script type="module">
|
|
8
|
+
import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
|
|
9
|
+
Agent.initWidget({
|
|
10
|
+
apiHost: 'https://ci-api.clik.vn/chatbot',
|
|
11
|
+
agentId: 'fe4cf6a9-fa43-4986-bc6f-df67092568c6',
|
|
12
|
+
overrideConfig: {
|
|
13
|
+
chatId: 'f6a855d2-7edc-4fb8-9dd3-74204aa1e2a2',
|
|
14
|
+
skipSuggestion: true,
|
|
15
|
+
overrideConfig: {
|
|
16
|
+
vars: {
|
|
17
|
+
TOUR_CODE: 'TOUR_K9EK76KTX7K4',
|
|
18
|
+
LANGUAGE: 'VN',
|
|
19
|
+
CLIK_GRAPHQL_API: 'https://api.clik.vn/graphql',
|
|
20
|
+
CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360'
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
listeners: {
|
|
25
|
+
ON_LINK_CLICK: console.log,
|
|
26
|
+
ON_CLICK: (arg) => {
|
|
27
|
+
console.log('ON_CLICK', arg);
|
|
28
|
+
},
|
|
29
|
+
'ON_START_RECORDING': () => {
|
|
30
|
+
console.log('ON_START_RECORDING');
|
|
31
|
+
},
|
|
32
|
+
'ON_CANCEL_RECORDING': () => {
|
|
33
|
+
console.log('ON_CANCEL_RECORDING');
|
|
34
|
+
},
|
|
35
|
+
'ON_FINISHED_RECORDING': () => {
|
|
36
|
+
console.log('ON_FINISHED_RECORDING');
|
|
37
|
+
},
|
|
38
|
+
'ON_SUBMIT_MESSAGE': () => {
|
|
39
|
+
console.log('ON_SUBMIT_MESSAGE');
|
|
40
|
+
},
|
|
41
|
+
'ON_FINISHED_SUBMITTING_MESSAGE': () => {
|
|
42
|
+
console.log('ON_FINISHED_SUBMITTING_MESSAGE');
|
|
43
|
+
},
|
|
44
|
+
'ON_PLAY_AUDIO': () => {
|
|
45
|
+
console.log('ON_PLAY_AUDIO');
|
|
46
|
+
},
|
|
47
|
+
'ON_PAUSE_AUDIO': () => {
|
|
48
|
+
console.log('ON_PAUSE_AUDIO');
|
|
49
|
+
},
|
|
50
|
+
'ON_ENDED_AUDIO': () => {
|
|
51
|
+
console.log('ON_ENDED_AUDIO');
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
theme: {
|
|
55
|
+
simplified: false,
|
|
56
|
+
},
|
|
57
|
+
onLoaded: (tool) => {
|
|
58
|
+
console.log('Chatbot loaded!!!');
|
|
59
|
+
window.tool = tool;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
</script>
|
|
63
|
+
</head>
|
|
64
|
+
<body style="background-color: #717182">
|
|
65
|
+
<clik-agent-widget></clik-agent-widget>
|
|
66
|
+
</body>
|
|
67
|
+
</html>
|
package/dist/register.d.ts
CHANGED
|
@@ -37,6 +37,9 @@ export type AgentWidgetType = {
|
|
|
37
37
|
textBtnSpeak?: string;
|
|
38
38
|
textBtnTalk?: string;
|
|
39
39
|
};
|
|
40
|
+
dropdown?: {
|
|
41
|
+
zIndex?: number;
|
|
42
|
+
};
|
|
40
43
|
} & Record<string, unknown>;
|
|
41
44
|
listeners?: Record<EVENT_TYPE, (props: any) => void>;
|
|
42
45
|
onLoaded?: (tool: ToolType) => void;
|
|
@@ -74,6 +77,9 @@ export declare class AgentWidgetComponent extends HTMLElement {
|
|
|
74
77
|
textBtnTalk?: string;
|
|
75
78
|
textBtnSubmit?: string;
|
|
76
79
|
};
|
|
80
|
+
dropdown?: {
|
|
81
|
+
zIndex?: number;
|
|
82
|
+
};
|
|
77
83
|
} & Record<string, unknown>;
|
|
78
84
|
listeners?: Record<EVENT_TYPE, (props: any) => void>;
|
|
79
85
|
onLoaded?: (tool: ToolType) => void;
|
package/dist/register.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE;QACN,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;SAClC,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,qBAAa,oBAAqB,SAAQ,WAAW;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;QACpC,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE;QACN,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;YAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;SAClC,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;;IAOpC,gBAAgB,CAAC,UAAU,EAAE,eAAe;IAW5C,iBAAiB;IAMjB,MAAM;CAcP;AAED,eAAO,MAAM,qBAAqB,YAKjC,CAAC"}
|