@clikvn/agent-widget-embedded 1.1.12-dev-01 → 1.1.12-dev-03

package/package.json

@@ -1,101 +1,101 @@
-{
-  "name": "@clikvn/agent-widget-embedded",
-  "description": "This is agent widget",
-  "version": "1.1.12-dev-01",
-  "author": "Clik JSC",
-  "license": "ISC",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "dev": "rollup --watch --config rollup.config.js",
-    "build": "rollup --config rollup.config.js",
-    "lint": "eslint src",
-    "lint:fix": "eslint --fix src",
-    "prettier": "prettier --write .",
-    "pub": "publish --access public",
-    "deploy": "yarn build && npm publish --access public"
-  },
-  "dependencies": {
-    "@clikvn/agent-voice-embedded": "^0.0.10-dev",
-    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-brands-svg-icons": "^6.6.0",
-    "@fortawesome/free-regular-svg-icons": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@ts-stack/markdown": "1.4.0",
-    "class-variance-authority": "^0.7.1",
-    "classnames": "^2.5.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "device-detector-js": "^3.0.3",
-    "framer-motion": "^11.18.0",
-    "lucide-react": "^0.546.0",
-    "react": "^18.3.1",
-    "react-datepicker": "^8.8.0",
-    "react-dom": "^18.3.1",
-    "react-markdown": "^9.0.3",
-    "react-phone-number-input": "^3.4.12",
-    "remark-gfm": "^4.0.0",
-    "swr": "^2.3.0",
-    "usehooks-ts": "^3.1.0",
-    "web-vitals": "^2.1.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.1",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@tailwindcss/typography": "^0.5.15",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.9.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.20.0",
-    "@typescript-eslint/parser": "^8.20.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-prettier": "^5.2.2",
-    "prettier": "^3.4.2",
-    "react-scripts": "5.0.1",
-    "rollup": "^4.26.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript-paths": "^1.5.0",
-    "rollup-plugin-uglify": "^6.0.4",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss": "^3.4.15",
-    "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.6.3"
-  },
-  "engines": {
-    "node": ">=18.18.0"
-  }
-}
+{
+  "name": "@clikvn/agent-widget-embedded",
+  "description": "This is agent widget",
+  "version": "1.1.12-dev-03",
+  "author": "Clik JSC",
+  "license": "ISC",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "rollup --watch --config rollup.config.js",
+    "build": "rollup --config rollup.config.js",
+    "lint": "eslint src",
+    "lint:fix": "eslint --fix src",
+    "prettier": "prettier --write .",
+    "pub": "publish --access public",
+    "deploy": "npm login & yarn build && npm publish --access public"
+  },
+  "dependencies": {
+    "@clikvn/agent-voice-embedded": "^0.0.10-dev",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@ts-stack/markdown": "1.4.0",
+    "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "device-detector-js": "^3.0.3",
+    "framer-motion": "^11.18.0",
+    "lucide-react": "^0.546.0",
+    "react": "^18.3.1",
+    "react-datepicker": "^8.8.0",
+    "react-dom": "^18.3.1",
+    "react-markdown": "^9.0.3",
+    "react-phone-number-input": "^3.4.12",
+    "remark-gfm": "^4.0.0",
+    "swr": "^2.3.0",
+    "usehooks-ts": "^3.1.0",
+    "web-vitals": "^2.1.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@tailwindcss/typography": "^0.5.15",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.20.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.2",
+    "prettier": "^3.4.2",
+    "react-scripts": "5.0.1",
+    "rollup": "^4.26.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript-paths": "^1.5.0",
+    "rollup-plugin-uglify": "^6.0.4",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss": "^3.4.15",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  }
+}

package/public/index.html

@@ -1,54 +1,54 @@
-<!doctype html>
-<html lang="vi">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Clik Agent Widget - Dev</title>
-    <style>
-      html,
-      body {
-        height: 100%;
-        margin: 0;
-      }
-
-      body {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    </style>
-    <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,
-        },
-        theme: {
-          simplified: true,
-          autoCloseAudioPlayer: true,
-          hideAudioMetadata: true,
-        },
-        onLoaded: (tool) => {
-          window.tool = tool;
-        },
-      });
-    </script>
-  </head>
-  <body>
-    <clik-agent-widget></clik-agent-widget>
-  </body>
-</html>
+<!doctype html>
+<html lang="vi">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Clik Agent Widget - Dev</title>
+    <style>
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+      }
+
+      body {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    </style>
+    <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,
+        },
+        theme: {
+          simplified: true,
+          autoCloseAudioPlayer: true,
+          hideAudioMetadata: true,
+        },
+        onLoaded: (tool) => {
+          window.tool = tool;
+        },
+      });
+    </script>
+  </head>
+  <body>
+    <clik-agent-widget></clik-agent-widget>
+  </body>
+</html>

package/rollup.config.js

@@ -1,67 +1,67 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from '@rollup/plugin-typescript';
-import { terser } from 'rollup-plugin-terser';
-import postcss from 'rollup-plugin-postcss';
-import { babel } from '@rollup/plugin-babel';
-import autoprefixer from 'autoprefixer';
-import { typescriptPaths } from 'rollup-plugin-typescript-paths';
-import json from '@rollup/plugin-json';
-import { uglify } from 'rollup-plugin-uglify';
-import replace from 'rollup-plugin-replace';
-import tailwindcss from 'tailwindcss';
-
-const extensions = ['.ts', '.tsx', '.js'];
-
-const indexConfig = {
-  context: 'this',
-  onwarn(warning, warn) {
-    // Bỏ qua warning về "use client" directive
-    if (
-      warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-      warning.message.includes('"use client"')
-    ) {
-      return;
-    }
-    // Hiển thị các warning khác
-    warn(warning);
-  },
-  plugins: [
-    resolve({ extensions, browser: true }),
-    commonjs(),
-    uglify(),
-    json(),
-    babel({
-      babelHelpers: 'bundled',
-      exclude: 'node_modules/**',
-      extensions,
-    }),
-    replace({
-      'process.env.NODE_ENV': JSON.stringify('production'),
-    }),
-    postcss({
-      plugins: [autoprefixer(), tailwindcss()],
-      extract: false,
-      modules: false,
-      autoModules: false,
-      minimize: true,
-      inject: false,
-    }),
-    typescript(),
-    typescriptPaths({ preserveExtensions: true }),
-    terser({ output: { comments: false } }),
-  ],
-};
-
-const configs = [
-  {
-    ...indexConfig,
-    input: './src/web.ts',
-    output: {
-      file: 'dist/web.js',
-      format: 'esm',
-    },
-  },
-];
-
-export default configs;
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+import { terser } from 'rollup-plugin-terser';
+import postcss from 'rollup-plugin-postcss';
+import { babel } from '@rollup/plugin-babel';
+import autoprefixer from 'autoprefixer';
+import { typescriptPaths } from 'rollup-plugin-typescript-paths';
+import json from '@rollup/plugin-json';
+import { uglify } from 'rollup-plugin-uglify';
+import replace from 'rollup-plugin-replace';
+import tailwindcss from 'tailwindcss';
+
+const extensions = ['.ts', '.tsx', '.js'];
+
+const indexConfig = {
+  context: 'this',
+  onwarn(warning, warn) {
+    // Bỏ qua warning về "use client" directive
+    if (
+      warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
+      warning.message.includes('"use client"')
+    ) {
+      return;
+    }
+    // Hiển thị các warning khác
+    warn(warning);
+  },
+  plugins: [
+    resolve({ extensions, browser: true }),
+    commonjs(),
+    uglify(),
+    json(),
+    babel({
+      babelHelpers: 'bundled',
+      exclude: 'node_modules/**',
+      extensions,
+    }),
+    replace({
+      'process.env.NODE_ENV': JSON.stringify('production'),
+    }),
+    postcss({
+      plugins: [autoprefixer(), tailwindcss()],
+      extract: false,
+      modules: false,
+      autoModules: false,
+      minimize: true,
+      inject: false,
+    }),
+    typescript(),
+    typescriptPaths({ preserveExtensions: true }),
+    terser({ output: { comments: false } }),
+  ],
+};
+
+const configs = [
+  {
+    ...indexConfig,
+    input: './src/web.ts',
+    output: {
+      file: 'dist/web.js',
+      format: 'esm',
+    },
+  },
+];
+
+export default configs;