@clikvn/agent-widget-embedded 1.1.11 → 1.1.12

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/window.js

@@ -0,0 +1,31 @@
+import { agentWidgetElementName } from './constants';
+import { registerWebComponents } from './register';
+let elementUsed;
+export const initWidget = (props) => {
+    destroy();
+    const element = props.id
+        ? document.getElementById(props.id)
+        : document.querySelector(agentWidgetElementName);
+    if (!element)
+        throw new Error(`${agentWidgetElementName} element not found.`);
+    if (customElements.get(agentWidgetElementName)) {
+        element.updateAttributes(props);
+    }
+    else {
+        Object.assign(element, props);
+        registerWebComponents();
+    }
+};
+export const destroy = () => {
+    elementUsed?.remove();
+};
+export const parseChatbotAgent = () => ({
+    initWidget,
+    destroy,
+});
+export const injectChatbotAgentInWindow = (agent) => {
+    if (typeof window === 'undefined')
+        return;
+    window.AgentWidget = { ...agent };
+};
+//# sourceMappingURL=window.js.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.js","sourceRoot":"","sources":["../src/window.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAmB,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEpE,IAAI,WAAgC,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAwC,EAAE,EAAE;IACrE,OAAO,EAAE,CAAC;IACV,MAAM,OAAO,GAAQ,KAAK,CAAC,EAAE;QAC3B,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACnD,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,GAAG,sBAAsB,qBAAqB,CAAC,CAAC;IAC9E,IAAI,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC;QAC/C,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC9B,qBAAqB,EAAE,CAAC;IAC1B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAC;AACxB,CAAC,CAAC;AAaF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAAC;IACtC,UAAU;IACV,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC/D,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,MAAM,CAAC,WAAW,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { agentWidgetElementName } from './constants';\nimport { AgentWidgetType, registerWebComponents } from './register';\n\nlet elementUsed: Element | undefined;\n\nexport const initWidget = (props: AgentWidgetType & { id?: string }) => {\n  destroy();\n  const element: any = props.id\n    ? document.getElementById(props.id)\n    : document.querySelector(agentWidgetElementName);\n  if (!element) throw new Error(`${agentWidgetElementName} element not found.`);\n  if (customElements.get(agentWidgetElementName)) {\n    element.updateAttributes(props);\n  } else {\n    Object.assign(element, props);\n    registerWebComponents();\n  }\n};\n\nexport const destroy = () => {\n  elementUsed?.remove();\n};\n\ntype AgentWidget = {\n  initWidget: typeof initWidget;\n  destroy: typeof destroy;\n};\n\ndeclare const window:\n  | {\n      AgentWidget: AgentWidget | undefined;\n    }\n  | undefined;\n\nexport const parseChatbotAgent = () => ({\n  initWidget,\n  destroy,\n});\n\nexport const injectChatbotAgentInWindow = (agent: AgentWidget) => {\n  if (typeof window === 'undefined') return;\n  window.AgentWidget = { ...agent };\n};\n"]}

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/MultimodalInput copy.d.ts

@@ -0,0 +1,28 @@
+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 = {
+    input: string;
+    setInput: (value: string) => void;
+    isLoading: boolean;
+    stop: () => void;
+    messages: ChatMessageType[];
+    setMessages: (messages: ChatMessageType[]) => void;
+    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 {};
+//# sourceMappingURL=MultimodalInput%20copy.d.ts.map

package/dist/components/Chat/MultimodalInput copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInput copy.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/MultimodalInput copy.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA4BxE,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,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACnD,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,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,IAAI,CAAC;IACzE,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;IACnB,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,SAAS,CAomBzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductDetail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAiQD,wBAAyC"}
+{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAcvD,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAyPD,wBAAyC"}

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

@@ -1,10 +1,10 @@
-import { FC } from 'react';
+import React from 'react';
 interface PropTypes {
     productCodes?: string[];
     tourCode?: string;
     languageCode?: string;
     apiUrl?: string;
 }
-declare const ProductList: FC<PropTypes>;
-export default ProductList;
+declare const _default: React.NamedExoticComponent<PropTypes>;
+export default _default;
 //# sourceMappingURL=ProductList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductList.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductList.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAA8C,MAAM,OAAO,CAAC;AAkB9E,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CA8P9B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ProductList.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAkB7D,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AAkRD,wBAA2C"}

package/dist/components/Chat/Simplified/MultimodalInputSimplifiedOld.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { BotType } from '../../../types/bot.type';
+import { ChatMessageType, IFileUpload } from '../../../types/flowise.type';
+type PropsType = {
+    input: string;
+    setInput: (value: string) => void;
+    loadingChat: boolean;
+    message: ChatMessageType | null;
+    chatId: string;
+    handleSubmit: (event?: {
+        preventDefault?: () => void;
+    }, files?: IFileUpload[]) => void;
+    className?: string;
+    bot: BotType | null;
+    apiHost: string;
+    setEnableTTS: (value: boolean) => void;
+    enableTTS: boolean;
+    onAudioEnded: () => void;
+};
+export declare const MultimodalInputSimplified: FC<PropsType>;
+export {};
+//# sourceMappingURL=MultimodalInputSimplifiedOld.d.ts.map

package/dist/components/Chat/Simplified/MultimodalInputSimplifiedOld.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultimodalInputSimplifiedOld.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/Simplified/MultimodalInputSimplifiedOld.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAKH,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAe3E,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,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;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAcF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,SAAS,CA0iBnD,CAAC"}

package/dist/index-old.html

@@ -0,0 +1,108 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <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: 'http://localhost:8085/chatbot',
+        agentId: '6d02b23f-465f-44ec-8766-27a82890a9b8',
+        theme: {
+          input: {
+            placeholder: 'Tin nhắn...',
+          },
+          overview: {
+            title: 'Van Mieu, Quoc Tu Giam',
+            description:
+              'Your personal AI tutor by Khan Academy! Im Khanmigo Lite - here to help you with math, science, and humanities and questions.',
+          },
+          header: {
+            title: 'tung test',
+          },
+          language: {
+            code: 'global',
+            options: [
+              {
+                name: 'en',
+                code: 'global',
+              },
+              {
+                name: 'vi',
+                code: 'vi',
+              },
+              {
+                name: 'us',
+                code: 'en',
+              },
+              {
+                name: 'jp',
+                code: 'jp',
+              },
+              {
+                name: 'kr',
+                code: 'kr',
+              },
+              {
+                name: 'cn',
+                code: 'cn',
+              },
+              {
+                name: 'th',
+                code: 'th',
+              },
+              {
+                name: 'tw',
+                code: 'tw',
+              },
+              {
+                name: 'sg',
+                code: 'sg',
+              },
+              {
+                name: 'my',
+                code: 'my',
+              },
+              {
+                name: 'kh',
+                code: 'kh',
+              },
+              {
+                name: 'au',
+                code: 'au',
+              },
+            ],
+          },
+        },
+        overrideConfig: {
+          // chatId: '14342fe3-8991-4a67-afea-b1c4266da82b',
+          chatId: 'f547e5e3-363f-425c-adc1-7f618330d551',
+          overrideConfig: {
+            vars: {
+              POI_CODE: 'MLI_VKLVVAJEFHLH',
+              LANGUAGE: 'US',
+            },
+          },
+          // suggestedActions: [
+          //   {
+          //     title: 'How are you?',
+          //     label: 'are you?',
+          //     action: 'How are you?'
+          //   }
+          // ]
+        },
+      });
+    </script>
+    <style>
+      .chatbox {
+        width: 100%;
+        height: 100vh;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="chatbox">
+      <clik-agent-widget></clik-agent-widget>
+    </div>
+  </body>
+</html>

package/dist/index.html

@@ -1,65 +1,60 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Title</title>
+  <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:49651/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
+      import Agent from 'http://localhost:3000/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
       Agent.initWidget({
-        elementName: 'clik-agent-simplified-widget',
         apiHost: 'https://ci-api.clik.vn/chatbot',
-        agentId: 'fe4cf6a9-fa43-4986-bc6f-df67092568c6',
+        agentId: 'f475938c-3dd5-43c6-95fa-e939b1325f87',
         overrideConfig: {
-          chatId: 'f6a855d2-7edc-4fb8-9dd3-74204aa1e2a2',
+          chatId: 'b8d09b7a-c6a7-4c89-93a2-fefcf541402d',
           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'
-            }
-          }
+              TOUR_CODE: 'TOUR_7YUL2ALGFL94',
+              LANGUAGE_CODE: 'VN',
+              // CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360',
+              SHOWROOM_CODE: 'SHR_9FVXUTV62G47',
+              SCENE_CODE: 'SCENE_X2ERP3VHFL94',
+              CATEGORY_CODE: 'CAT_E4UVM4JHKFA4',
+              CLIK_PROD_GRAPHQL_API: 'https://ci-api.clik.vn/graphql',
+              USER_LOCALE: 'VN',
+              USER_IP: '116.109.107.182',
+              PRODUCT_CODE: 'ITEMDYN99JL7KL94',
+            },
+          },
         },
         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: true,
+          autoCloseAudioPlayer: true,
+          hideAudioMetadata: true,
+          // modeButtonChat: true,
+          gapInput: 30,
         },
         onLoaded: (tool) => {
-          console.log('Chatbot loaded!!!');
           window.tool = tool;
-        }
+        },
       });
     </script>
-</head>
-<body style="background-color: #717182">
-<clik-agent-simplified-widget></clik-agent-simplified-widget>
-</body>
-</html>
+  </head>
+  <body>
+    <div style="width: 100vw; height: 100vh; background-color: #f0f0f0" position: relative;>
+      <div style='position: absolute; top: 0; right: 0; width: 100%; height: 100%; width: 390px;'>
+        <clik-agent-widget></clik-agent-widget>
+      </div>
+    </div>
+  </body>
+  <style>
+    html,
+    body {
+      font-size: 16px;
+    }
+  </style>
+</html>

package/dist/wdyr.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=wdyr.d.ts.map

package/dist/wdyr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wdyr.d.ts","sourceRoot":"","sources":["../src/wdyr.ts"],"names":[],"mappings":""}

package/dist/web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../src/web.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;UAIsD,CAAC;mBAAqB,CAAC;;;UAAioB,CAAC;mBAAqB,CAAC;;;CAJ/sB,CAAC;AAGzC,eAAe,YAAY,CAAC"}
+{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../src/web.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;UAI4C,CAAC;mBAAqB,CAAC;;;UAA0mB,CAAC;mBAAqB,CAAC;;;CAJ9qB,CAAC;AAGzC,eAAe,YAAY,CAAC"}