@clikvn/agent-widget-embedded 1.0.26-dev → 1.0.28-dev

package/dist/components/Agent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/index.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,KAAK,+CAsBV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/index.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK,+CAkBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAC;AAMxE,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmF9B,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAC;AAgBxE,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA4G9B,CAAC"}

package/dist/components/Chat/ui/DropdownMenu.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/Chat/ui/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ui/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAKvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAC;AAIH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,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,11 +1,12 @@
-<!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:51747/web.js'; // Change to from './web.js' to 'https://localhost:5678/web.js'
+      import Agent from 'https://27cc5f0167f9.ngrok-free.app/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',
@@ -17,55 +18,27 @@
               TOUR_CODE: 'TOUR_K9EK76KTX7K4',
               LANGUAGE: 'VN',
               CLIK_GRAPHQL_API: 'https://api.clik.vn/graphql',
-              CLIK_VIRTUALTOUR_API: 'https://api.clik.vn/vt360'
-            }
-          }
+              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: {
-          modeButtonChat: true,
           simplified: true,
           autoCloseAudioPlayer: true,
           hideAudioMetadata: true,
-          noAutoplayMessage: true
+          modeButtonChat: true,
+          gapInput: 30,
         },
         onLoaded: (tool) => {
-          console.log('Chatbot loaded!!!');
           window.tool = tool;
-        }
+        },
       });
     </script>
-</head>
-<body style="background-color: #717182">
-<clik-agent-widget></clik-agent-widget>
-</body>
-</html>
+  </head>
+  <body>
+    <clik-agent-widget></clik-agent-widget>
+  </body>
+</html>