@clikvn/agent-widget-embedded 1.1.9-dev01 → 1.1.10

package/.idea/clik-ai-chatbot-embedded.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default copy" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,36 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="AngularAmbiguousComponentTag" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularCliAddDependency" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInaccessibleComponentMemberInAotMode" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularIncorrectTemplateDefinition" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInsecureBindingToEvent" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidAnimationTriggerAssignment" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidEntryComponent" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidI18nAttribute" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidImportedOrDeclaredSymbol" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidSelector" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularInvalidTemplateReferenceVariable" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingEventHandler" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingOrInvalidDeclarationInModule" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMissingRequiredDirectiveInputBinding" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularMultipleStructuralDirectives" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularNgOptimizedImage" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="AngularNonEmptyNgContent" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularRecursiveModuleImportExport" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedBinding" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedModuleExport" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="AngularUndefinedTag" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="MicronautDataMethodInconsistency" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="MicronautDataRepositoryMethodParameters" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MicronautDataRepositoryMethodReturnType" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnCacheAnnotationParameters" enabled="false" level="ERROR" enabled_by_default="false" />
+    <inspection_tool class="MnInjectionPoints" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnPropertiesConfig" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnUnresolvedPathVariable" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="MnYamlConfig" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="TsLint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/jsLinters/eslint.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EslintConfiguration">
+    <custom-configuration-file used="true" path="$PROJECT_DIR$/.eslintrc" />
+    <option name="fix-on-save" value="true" />
+  </component>
+</project>

package/.idea/misc.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ComposerSettings">
+    <execution />
+  </component>
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/clik-ai-chatbot-embedded.iml" filepath="$PROJECT_DIR$/.idea/clik-ai-chatbot-embedded.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="MANUAL" />
+    <option name="myRunOnSave" value="true" />
+    <option name="myRunOnReformat" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/README.md

@@ -1,20 +1,20 @@
-<!-- markdownlint-disable MD030 -->
-
-# Clik Agent Widget Embed
-
-Javascript library to display Clik Agent Embed on your website
-
-```html
-<!-- public/index.html -->
-<script type="module">
-  import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
-  Agent.initWidget({
-    apiHost: 'https://ci-api.clik.vn/chatbot',
-    agentId: '6d02b23f-465f-44ec-8766-27a82890a9b8',
-    overrideConfig: {
-      chatId: '',
-    },
-  });
-</script>
-<clik-agent-widget></clik-agent-widget>
-```
+<!-- markdownlint-disable MD030 -->
+
+# Clik Agent Widget Embed
+
+Javascript library to display Clik Agent Embed on your website
+
+```html
+<!-- public/index.html -->
+<script type="module">
+  import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
+  Agent.initWidget({
+    apiHost: 'https://ci-api.clik.vn/chatbot',
+    agentId: '6d02b23f-465f-44ec-8766-27a82890a9b8',
+    overrideConfig: {
+      chatId: '',
+    },
+  });
+</script>
+<clik-agent-widget></clik-agent-widget>
+```

package/dist/components/Chat/AudioPlayerSimple.d.ts

@@ -0,0 +1,9 @@
+import { ChatMessageType } from '../../types/flowise.type';
+declare const AudioPlayerSimple: ({ message, chatId, autoplay, onClose, }: {
+    message: ChatMessageType;
+    chatId?: string;
+    autoplay?: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AudioPlayerSimple;
+//# sourceMappingURL=AudioPlayerSimple.d.ts.map

package/dist/components/Chat/AudioPlayerSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayerSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/AudioPlayerSimple.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI3D,QAAA,MAAM,iBAAiB,4CAKpB;IACD,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,4CAoRA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Chat/HtmlContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAuDrC,CAAC"}
+{"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAgDrC,CAAC"}

package/{.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput.d.ts → dist/components/Chat/MultimodalInputSimple.d.ts}

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { SuggestionType } from 'types/common.type';
 import { BotType } from '../../types/bot.type';
 import { ChatMessageType, IFileUpload } from '../../types/flowise.type';
 type PropsType = {
@@ -7,22 +6,17 @@ type PropsType = {
     setInput: (value: string) => void;
     isLoading: boolean;
     stop: () => void;
-    messages: ChatMessageType[];
-    setMessages: (messages: ChatMessageType[]) => void;
+    message?: ChatMessageType;
     chatId: string;
     handleSubmit: (event?: {
         preventDefault?: () => void;
     }, files?: IFileUpload[]) => void;
     className?: string;
-    append?: (message: ChatMessageType) => Promise<void>;
-    attachments?: IFileUpload[];
-    setAttachments?: (func: (files: IFileUpload[]) => IFileUpload[]) => void;
     bot: BotType | null;
     apiHost: string;
     setEnableTTS: (value: boolean) => void;
     enableTTS: boolean;
-    suggestedActions?: SuggestionType[];
 };
-export declare const MultimodalInput: FC<PropsType>;
+export declare const MultimodalInputSimple: FC<PropsType>;
 export {};
-//# sourceMappingURL=MultimodalInput.d.ts.map
+//# sourceMappingURL=MultimodalInputSimple.d.ts.map

package/dist/components/Chat/MultimodalInputSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInputSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/MultimodalInputSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAgBxE,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CACZ,KAAK,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,EACvC,KAAK,CAAC,EAAE,WAAW,EAAE,KAClB,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,SAAS,CA2V/C,CAAC"}

package/dist/components/Chat/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface SidebarProps {
+    isOpen: boolean;
+    onToggle: () => void;
+}
+export declare const Sidebar: FC<SidebarProps>;
+export default Sidebar;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/Chat/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAGrC,UAAU,YAAY;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AASD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsJpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/features/AgentWidget/index.d.ts

@@ -41,6 +41,9 @@ export type AgentWidgetType = {
             textBtnTalk?: string;
             textBtnSubmit?: string;
         };
+        dropdown?: {
+            zIndex?: number;
+        };
     } & Record<string, unknown>;
     listeners?: Record<EVENT_TYPE, (props: any) => void>;
     onLoaded?: (tool: ToolType) => void;

package/dist/features/AgentWidget/index.d.ts.map

@@ -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,CAgCpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"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

@@ -1,60 +1,172 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <!-- <meta charset="UTF-8" /> -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Clik Agent Widget - Dev</title>
-    <script type="module">
-      import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>AIHouse + Clik (For Testing)</title>
+
+  <style>
+    body {
+      margin: 0; padding: 0; overflow: hidden; font-family: sans-serif;
+    }
+    iframe { width: 100vw; height: 100vh; border: none; display: block; }
+
+    /* --- BONG BÓNG CHAT --- */
+    #clik-bubble {
+      position: fixed;
+      bottom: 20px; right: 20px;
+      width: 60px; height: 60px;
+      background: #0084ff; color: white;
+      font-size: 28px;
+      border-radius: 50%;
+      display: flex; justify-content: center; align-items: center;
+      cursor: pointer;
+      z-index: 2147483647;
+      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+      user-select: none; touch-action: none;
+      transition: transform 0.1s;
+    }
+    #clik-bubble:active { transform: scale(0.95); }
+
+
+    #chat-wrapper {
+      position: fixed;
+      width: 380px;
+      height: 520px;
+      display: none;
+      z-index: 2147483646;
+      background: transparent;
+
+      /* ĐÃ XÓA DÒNG BẢO VỆ DƯỚI ĐÂY --- */
+      /* pointer-events: auto !important; */
+      /* --------------------------------------------- */
+    }
+
+    /* Thẻ Widget */
+    clik-agent-widget {
+      width: 100%; height: 100%; display: block; position: static;
+    }
+
+  </style>
+
+  <script src="https://3vj-fe.3vjia.com/fe-common/js/react@18.2.0/react.production.min.js"></script>
+
+
+  <script type="module">
+    import Agent from "https://11dea4661e4a.ngrok-free.app/web.js";
+
+    let chatId = localStorage.getItem("chatId");
+    window.onload = () => {
+      if (!chatId) {
+        chatId = "6d02b23f-465f-44ec-8766-27a82890acbv";
+        localStorage.setItem("chatId", chatId);
+      }
       Agent.initWidget({
-        apiHost: 'https://ci-api.clik.vn/chatbot',
-        agentId: '697a9f37-2ed6-4d90-b540-6682eabdc5eb',
-        overrideConfig: {
-          chatId: '07270244-1e2d-4c5f-8c8e-6c47e4490f5c',
-          skipSuggestion: true,
-          overrideConfig: {
-            vars: {
-              TOUR_CODE: 'TOUR_7YUL2ALGFL94',
-              LANGUAGE_CODE: 'EN',
-              // CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360',
-              SHOWROOM_CODE: 'SHR_9FVXUTV62G47',
-              SCENE_CODE: 'SCENE_FR7N2UTHFL94',
-              CATEGORY_CODE: 'CAT_7EMJZAYNVJA4',
-              CLIK_PROD_GRAPHQL_API: 'https://ci-api.clik.vn/graphql',
-              USER_LOCALE: 'EN',
-              USER_IP: '116.109.107.182',
-              PRODUCT_CODE: '',
-            },
-          },
-        },
-        listeners: {
-          ON_LINK_CLICK: console.log,
-        },
+        apiHost:"https://api.clik.vn/chatbot",
+        agentId:"1ddfca58-e634-47d5-9c0f-7ebc1b961d59",
+        overrideConfig:{ chatId, skipSuggestion:true },
         theme: {
-          // simplified: true,
-          autoCloseAudioPlayer: true,
-          hideAudioMetadata: true,
-          // modeButtonChat: true,
-          gapInput: 30,
-        },
-        onLoaded: (tool) => {
-          window.tool = tool;
+          dropdown: {
+            zIndex: 2147483647
+          }
         },
+        listeners:{
+          ON_NEW_CHAT:(id)=>{
+            console.log('New chat started:', id);
+            localStorage.setItem("chatId",id);
+          }
+        }
       });
-    </script>
-  </head>
-  <body>
-    <div style="width: 100vw; height: 100vh; background-color: #f0f0f0" position: relative;>
-      <div >
-        <clik-agent-widget></clik-agent-widget>
-      </div>
-    </div>
-  </body>
-  <style>
-    html,
-    body {
-      font-size: 16px;
+    };
+  </script>
+</head>
+
+<body>
+<iframe src="https://aihouse.3vjia.com/design?lang=vi-VN&isVilla"></iframe>
+
+<div id="clik-bubble">💬</div>
+
+<div id="chat-wrapper">
+  <clik-agent-widget></clik-agent-widget>
+</div>
+
+<script>
+  // --- 1. SỰ KIỆN KÉO THẢ ---
+  const bubble = document.getElementById("clik-bubble");
+  const chatWrapper = document.getElementById("chat-wrapper");
+
+  let isChatOpen = false;
+  let dragging = false;
+  let startX = 0, startY = 0;
+  let initialMouseX = 0, initialMouseY = 0;
+  let pressTime = 0;
+
+  bubble.addEventListener("pointerdown", e => {
+    pressTime = Date.now();
+    dragging = true;
+    initialMouseX = e.clientX;
+    initialMouseY = e.clientY;
+    const rect = bubble.getBoundingClientRect();
+    startX = e.clientX - rect.left;
+    startY = e.clientY - rect.top;
+    bubble.setPointerCapture(e.pointerId);
+  });
+
+  bubble.addEventListener("pointermove", e => {
+    if (!dragging) return;
+    const dx = Math.abs(e.clientX - initialMouseX);
+    const dy = Math.abs(e.clientY - initialMouseY);
+
+    if (dx > 3 || dy > 3) {
+      let newLeft = e.clientX - startX;
+      let newTop = e.clientY - startY;
+      const maxLeft = window.innerWidth - bubble.offsetWidth;
+      const maxTop = window.innerHeight - bubble.offsetHeight;
+      newLeft = Math.max(0, Math.min(newLeft, maxLeft));
+      newTop = Math.max(0, Math.min(newTop, maxTop));
+      bubble.style.left = newLeft + "px";
+      bubble.style.top = newTop + "px";
+      if (isChatOpen) positionChatBox();
     }
-  </style>
-</html>
+  });
+
+  bubble.addEventListener("pointerup", e => {
+    bubble.releasePointerCapture(e.pointerId);
+    if (Date.now() - pressTime < 150 && Math.abs(e.clientX - initialMouseX) + Math.abs(e.clientY - initialMouseY) < 5) {
+      toggleChat();
+    }
+    dragging = false;
+  });
+
+  function toggleChat() {
+    if (isChatOpen) {
+      chatWrapper.style.display = "none";
+      bubble.innerHTML = "💬";
+    } else {
+      chatWrapper.style.display = "block";
+      bubble.innerHTML = "❌";
+      positionChatBox();
+    }
+    isChatOpen = !isChatOpen;
+  }
+
+  function positionChatBox() {
+    const bubbleRect = bubble.getBoundingClientRect();
+    const chatWidth = 380;
+    const chatHeight = 520;
+    const gap = 15;
+    let left = bubbleRect.left + (bubbleRect.width / 2) - (chatWidth / 2);
+    if (left < 10) left = 10;
+    if (left + chatWidth > window.innerWidth - 10) left = window.innerWidth - chatWidth - 10;
+    let top = bubbleRect.top - chatHeight - gap;
+    if (top < 10) {
+      top = bubbleRect.bottom + gap;
+      if (top + chatHeight > window.innerHeight) top = 10;
+    }
+    chatWrapper.style.left = left + "px";
+    chatWrapper.style.top = top + "px";
+  }
+
+</script>
+</body>
+</html>

package/dist/index_2.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Title</title>
+    <script type="module">
+      import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
+      Agent.initWidget({
+        apiHost: 'https://ci-api.clik.vn/chatbot',
+        agentId: 'fe4cf6a9-fa43-4986-bc6f-df67092568c6',
+        overrideConfig: {
+          chatId: 'f6a855d2-7edc-4fb8-9dd3-74204aa1e2a2',
+          skipSuggestion: true,
+          overrideConfig: {
+            vars: {
+              TOUR_CODE: 'TOUR_K9EK76KTX7K4',
+              LANGUAGE: 'VN',
+              CLIK_GRAPHQL_API: 'https://api.clik.vn/graphql',
+              CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360'
+            }
+          }
+        },
+        listeners: {
+          ON_LINK_CLICK: console.log,
+          ON_CLICK: (arg) => {
+            console.log('ON_CLICK', arg);
+          },
+          'ON_START_RECORDING': () => {
+            console.log('ON_START_RECORDING');
+          },
+          'ON_CANCEL_RECORDING': () => {
+            console.log('ON_CANCEL_RECORDING');
+          },
+          'ON_FINISHED_RECORDING': () => {
+            console.log('ON_FINISHED_RECORDING');
+          },
+          'ON_SUBMIT_MESSAGE': () => {
+            console.log('ON_SUBMIT_MESSAGE');
+          },
+          'ON_FINISHED_SUBMITTING_MESSAGE': () => {
+            console.log('ON_FINISHED_SUBMITTING_MESSAGE');
+          },
+          'ON_PLAY_AUDIO': () => {
+            console.log('ON_PLAY_AUDIO');
+          },
+          'ON_PAUSE_AUDIO': () => {
+            console.log('ON_PAUSE_AUDIO');
+          },
+          'ON_ENDED_AUDIO': () => {
+            console.log('ON_ENDED_AUDIO');
+          }
+        },
+        theme: {
+          simplified: false,
+        },
+        onLoaded: (tool) => {
+          console.log('Chatbot loaded!!!');
+          window.tool = tool;
+        }
+      });
+    </script>
+</head>
+<body style="background-color: #717182">
+<clik-agent-widget></clik-agent-widget>
+</body>
+</html>

package/dist/register.d.ts

@@ -37,6 +37,9 @@ export type AgentWidgetType = {
             textBtnSpeak?: string;
             textBtnTalk?: string;
         };
+        dropdown?: {
+            zIndex?: number;
+        };
     } & Record<string, unknown>;
     listeners?: Record<EVENT_TYPE, (props: any) => void>;
     onLoaded?: (tool: ToolType) => void;
@@ -74,6 +77,9 @@ export declare class AgentWidgetComponent extends HTMLElement {
             textBtnTalk?: string;
             textBtnSubmit?: string;
         };
+        dropdown?: {
+            zIndex?: number;
+        };
     } & Record<string, unknown>;
     listeners?: Record<EVENT_TYPE, (props: any) => void>;
     onLoaded?: (tool: ToolType) => void;

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.tsx"],"names":[],"mappings":"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"}

package/dist/serve.json

@@ -0,0 +1,11 @@
+{
+  "headers": [
+    {
+      "source" : "**/*.@(jpg|jpeg|gif|png|js)",
+      "headers" : [{
+        "key" : "Access-Control-Allow-Origin",
+        "value" : "*"
+      }]
+    }
+  ]
+}