@clikvn/agent-widget-embedded 1.1.8-dev-06 → 1.1.8-dev-07

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;

package/tailwind.config.cjs

@@ -1,145 +1,145 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const defaultTheme = require('tailwindcss/defaultTheme');
-const plugin = require('tailwindcss/plugin');
-
-function rem2px(input, fontSize = 16) {
-  if (input == null) {
-    return input;
-  }
-  switch (typeof input) {
-    case 'object':
-      if (Array.isArray(input)) {
-        return input.map((val) => rem2px(val, fontSize));
-      }
-      // eslint-disable-next-line no-case-declarations
-      const ret = {};
-      for (const key in input) {
-        ret[key] = rem2px(input[key], fontSize);
-      }
-      return ret;
-    case 'string':
-      return input.replace(
-        /(\d*\.?\d+)rem$/,
-        (_, val) => `${parseFloat(val) * fontSize}px`
-      );
-    case 'function':
-      return eval(
-        input
-          .toString()
-          .replace(
-            /(\d*\.?\d+)rem/g,
-            (_, val) => `${parseFloat(val) * fontSize}px`
-          )
-      );
-    default:
-      return input;
-  }
-}
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ['class'],
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  theme: {
-    ...rem2px(defaultTheme),
-    fontFamily: {
-      sans: ['Be Vietnam Pro', 'sans-serif'],
-      mono: ['Be Vietnam Pro', 'sans-serif'],
-    },
-    extend: {
-      keyframes: {
-        'fade-in': {
-          '0%': {
-            opacity: '0',
-          },
-          '100%': {
-            opacity: '1',
-          },
-        },
-      },
-      animation: {
-        'fade-in': 'fade-in 0.3s ease-out',
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },
-      colors: {
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        chart: {
-          1: 'hsl(var(--chart-1))',
-          2: 'hsl(var(--chart-2))',
-          3: 'hsl(var(--chart-3))',
-          4: 'hsl(var(--chart-4))',
-          5: 'hsl(var(--chart-5))',
-        },
-        sidebar: {
-          DEFAULT: 'hsl(var(--sidebar-background))',
-          foreground: 'hsl(var(--sidebar-foreground))',
-          primary: 'hsl(var(--sidebar-primary))',
-          'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-          accent: 'hsl(var(--sidebar-accent))',
-          'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-          border: 'hsl(var(--sidebar-border))',
-          ring: 'hsl(var(--sidebar-ring))',
-        },
-      },
-    },
-  },
-  plugins: [
-    require('tailwindcss-animate'),
-    require('@tailwindcss/typography'),
-    plugin(function ({ addVariant }) {
-      addVariant('wrapped', ({ container }) => {
-        container.walkRules((rule) => {
-          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
-        });
-      });
-    }),
-    function ({ addUtilities }) {
-      const newUtilities = {
-        '.no-scrollbar': {
-          '-ms-overflow-style': 'none' /* IE and Edge */,
-          'scrollbar-width': 'none' /* Firefox */,
-        },
-        '.no-scrollbar::-webkit-scrollbar': {
-          display: 'none' /* Chrome, Safari, Opera */,
-        },
-      };
-      addUtilities(newUtilities, ['responsive']);
-    },
-  ],
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const defaultTheme = require('tailwindcss/defaultTheme');
+const plugin = require('tailwindcss/plugin');
+
+function rem2px(input, fontSize = 16) {
+  if (input == null) {
+    return input;
+  }
+  switch (typeof input) {
+    case 'object':
+      if (Array.isArray(input)) {
+        return input.map((val) => rem2px(val, fontSize));
+      }
+      // eslint-disable-next-line no-case-declarations
+      const ret = {};
+      for (const key in input) {
+        ret[key] = rem2px(input[key], fontSize);
+      }
+      return ret;
+    case 'string':
+      return input.replace(
+        /(\d*\.?\d+)rem$/,
+        (_, val) => `${parseFloat(val) * fontSize}px`
+      );
+    case 'function':
+      return eval(
+        input
+          .toString()
+          .replace(
+            /(\d*\.?\d+)rem/g,
+            (_, val) => `${parseFloat(val) * fontSize}px`
+          )
+      );
+    default:
+      return input;
+  }
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    ...rem2px(defaultTheme),
+    fontFamily: {
+      sans: ['Be Vietnam Pro', 'sans-serif'],
+      mono: ['Be Vietnam Pro', 'sans-serif'],
+    },
+    extend: {
+      keyframes: {
+        'fade-in': {
+          '0%': {
+            opacity: '0',
+          },
+          '100%': {
+            opacity: '1',
+          },
+        },
+      },
+      animation: {
+        'fade-in': 'fade-in 0.3s ease-out',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      colors: {
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        chart: {
+          1: 'hsl(var(--chart-1))',
+          2: 'hsl(var(--chart-2))',
+          3: 'hsl(var(--chart-3))',
+          4: 'hsl(var(--chart-4))',
+          5: 'hsl(var(--chart-5))',
+        },
+        sidebar: {
+          DEFAULT: 'hsl(var(--sidebar-background))',
+          foreground: 'hsl(var(--sidebar-foreground))',
+          primary: 'hsl(var(--sidebar-primary))',
+          'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+          accent: 'hsl(var(--sidebar-accent))',
+          'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+          border: 'hsl(var(--sidebar-border))',
+          ring: 'hsl(var(--sidebar-ring))',
+        },
+      },
+    },
+  },
+  plugins: [
+    require('tailwindcss-animate'),
+    require('@tailwindcss/typography'),
+    plugin(function ({ addVariant }) {
+      addVariant('wrapped', ({ container }) => {
+        container.walkRules((rule) => {
+          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
+        });
+      });
+    }),
+    function ({ addUtilities }) {
+      const newUtilities = {
+        '.no-scrollbar': {
+          '-ms-overflow-style': 'none' /* IE and Edge */,
+          'scrollbar-width': 'none' /* Firefox */,
+        },
+        '.no-scrollbar::-webkit-scrollbar': {
+          display: 'none' /* Chrome, Safari, Opera */,
+        },
+      };
+      addUtilities(newUtilities, ['responsive']);
+    },
+  ],
+};