@clikvn/agent-widget-embedded 1.0.33-dev → 1.0.34-dev

package/.claude/settings.local.json

@@ -0,0 +1,12 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(yarn lint:fix)",
+      "Bash(yarn build)",
+      "Bash(yarn lint src/components/Chat/Message.tsx src/utils/toolUtils.ts src/utils/messageUtils.ts)",
+      "Bash(yarn lint src/components/Chat/ProductList.tsx)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

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

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,59 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/jsLinters/eslint.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EslintConfiguration">
+    <custom-configuration-file used="true" path="$PROJECT_DIR$/.eslintrc" />
+  </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,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </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="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

package/CLAUDE.md

@@ -18,6 +18,7 @@ This is `@clikvn/agent-widget-embedded`, a React-based TypeScript library that c
 ## Build System
 
 The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key configuration:
+
 - Entry point: `src/web.ts` → outputs to `dist/web.js` as ESM module
 - Custom web component registration system using `customElements.define()`
 - Supports TypeScript, PostCSS with Tailwind, and React JSX
@@ -26,12 +27,14 @@ The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key
 ## Architecture
 
 ### Core Entry Points
+
 - `src/web.ts` - Main library entry point that exports the widget API
 - `src/window.ts` - Contains `initWidget()` function and window object injection
 - `src/register.tsx` - Web component registration and custom element definition
 - `src/features/AgentWidget/index.tsx` - Main React component with providers
 
 ### Component Structure
+
 - **Custom Web Component**: `AgentWidgetComponent` class extends `HTMLElement`
 - **React Integration**: Uses ReactDOM.render to mount React app inside web component
 - **Provider Pattern**: Multiple context providers wrap the main Agent component:
@@ -40,6 +43,7 @@ The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key
   - `AudioMessagePlayerProvider` - Audio message playback functionality
 
 ### Key Features
+
 - **Voice Integration**: Built-in audio recording and playback with LiveKit support
 - **Theming System**: Comprehensive theme configuration for messages, buttons, input placeholders
 - **Event System**: Custom event listeners using `EVENT_TYPE` enum
@@ -48,11 +52,13 @@ The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key
 ## Code Conventions
 
 ### TypeScript Configuration
+
 - Strict mode enabled with comprehensive type checking
 - Base configuration in `base.json`, extended by `tsconfig.json`
 - Target: ES2015, Module: ESNext with React JSX transform
 
 ### Code Style (enforced by ESLint + Prettier)
+
 - Single quotes, semicolons required
 - 2-space indentation, 80 character line width
 - Trailing commas in ES5 contexts
@@ -60,6 +66,7 @@ The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key
 - Console usage limited to info/warn/error methods
 
 ### File Organization
+
 - `src/components/` - Reusable UI components (Agent/, Chat/)
 - `src/hooks/` - Custom React hooks (useChat, useAudioRecording, etc.)
 - `src/services/` - API layer and external service integrations
@@ -70,6 +77,7 @@ The project uses **Rollup** as the primary build tool (not Webpack or Vite). Key
 ## Styling
 
 Uses **TailwindCSS** with custom configuration:
+
 - Font family: "Be Vietnam Pro" for both sans and mono
 - Custom rem-to-px conversion function for precise sizing
 - Dark mode support via class strategy
@@ -86,6 +94,7 @@ Uses **Yarn** as the package manager (yarn.lock present). Always use `yarn` inst
 ## Browser Support
 
 Configured for modern browsers:
+
 - Production: >0.2% usage, not dead, not Opera Mini
 - Development: Latest Chrome, Firefox, Safari versions
 - Minimum Node.js version: 18.18.0
@@ -93,58 +102,68 @@ Configured for modern browsers:
 ## Development Guidelines
 
 ### Component Development
+
 - Follow the existing provider pattern for state management
 - Use TypeScript interfaces for all props and component types
 - Implement proper error boundaries for chat components
 - Components should be responsive and work within the widget constraints
 
 ### Tool Integration
+
 - **Command Tools**: Tools that trigger UI actions should be added to `isCommandTool()` in `src/components/Chat/Message.tsx`
 - **Display Tools**: Tools that render content should be added to the custom tool results logic
 - **Event System**: Use the `EVENT_TYPE` enum and listeners pattern for component communication
 
 ### State Management Patterns
+
 - Use React Context providers for shared state (Configuration, ChatData, AudioPlayer)
 - Implement custom hooks for complex state logic (useChat, useAudioRecording)
 - Keep component state minimal and lift state up when needed
 
 ### API Integration
+
 - All API calls should go through the services layer (`src/services/`)
 - Use proper error handling and loading states
 - Implement request utilities for consistent API interaction patterns
 
 ### Styling Guidelines
+
 - Use TailwindCSS classes for all styling
 - Follow the existing color and spacing conventions
 - Implement responsive design using Tailwind's responsive prefixes
 - Use CSS-in-JS only when dynamic styling based on theme props is required
 
 ### Audio/Voice Features
+
 - Audio recording utilities are in `src/utils/audioRecording.ts`
 - Use the AudioMessagePlayerProvider for playback functionality
 - Implement proper permissions handling for microphone access
 - Follow the existing patterns for LiveKit integration
 
 ### Theme System
+
 - Theme configuration is handled through the ConfigurationProvider
 - Support both light and dark themes via CSS classes
 - Use theme props for customizable colors, fonts, and layouts
 - Maintain backward compatibility when adding new theme options
 
 ### Testing Practices
+
 - Since no test framework is configured, prefer manual testing during development
 - Test widget integration in different environments (various websites)
 - Verify responsive behavior across different screen sizes
 - Test audio features with different browser permissions
 
 ### Performance Considerations
+
 - The widget is embedded in external websites, so bundle size matters
 - Use dynamic imports for heavy features when possible
 - Implement proper loading states for async operations
 - Optimize images and assets for web delivery
 
 ### Error Handling
+
 - Implement graceful degradation for failed API calls
 - Provide meaningful error messages to users
 - Log errors appropriately for debugging (console.error/warn allowed)
-- Handle network connectivity issues gracefully
+- Handle network connectivity issues gracefully

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EACL,eAAe,EAGhB,MAAM,0BAA0B,CAAC;AAalC,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAwRxC,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa;IAAE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,4CAyC/D,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAa,MAAM,0BAA0B,CAAC;AAkCtE,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAqKxC,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa;IAAE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,4CAyC/D,CAAC"}

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

@@ -6,13 +6,37 @@ interface ProductType {
     price: number;
     rating: number;
     description: string;
+    brand: string;
     icon: {
         url: string;
     };
+    logo: {
+        url: string;
+    };
+    gallery: Array<{
+        file: {
+            url: string;
+        };
+    }>;
+    collections: Array<{
+        color: string;
+        icon: {
+            url: string;
+        };
+        gallery: Array<{
+            file: {
+                url: string;
+            };
+        }>;
+    }>;
     virtualTourUrl: string;
 }
 interface PropTypes {
     content?: ProductType | string;
+    productCode?: string;
+    tourCode?: string;
+    languageCode?: string;
+    apiUrl?: string;
 }
 export declare const ProductDetail: FC<PropTypes>;
 export {};

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,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAQxD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,CAiHvC,CAAC"}
+{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AASxD,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE,KAAK,CAAC;QACb,IAAI,EAAE;YACJ,GAAG,EAAE,MAAM,CAAC;SACb,CAAC;KACH,CAAC,CAAC;IACH,WAAW,EAAE,KAAK,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE;YACJ,GAAG,EAAE,MAAM,CAAC;SACb,CAAC;QACF,OAAO,EAAE,KAAK,CAAC;YACb,IAAI,EAAE;gBACJ,GAAG,EAAE,MAAM,CAAC;aACb,CAAC;SACH,CAAC,CAAC;KACJ,CAAC,CAAC;IACH,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,CAyavC,CAAC"}

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

@@ -8,6 +8,8 @@ interface ProductType {
     name: string;
     url: string;
     price: number;
+    originalPrice?: number;
+    discountPercent?: number;
     rating: number;
     description: string;
     icon: {

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,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAQxD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CA2KrC,CAAC"}
+{"version":3,"file":"ProductList.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ProductList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAQxD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAuQrC,CAAC"}

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

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes } from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/constants/toolNames.d.ts

@@ -0,0 +1,75 @@
+export declare const WEATHER_TOOLS: {
+    readonly GET_WEATHER: "getWeather";
+};
+export declare const LOCATION_TOOLS: {
+    readonly GET_ASSIGNED_LOCATION_DETAIL: "get_assigned_location_detail";
+    readonly SEARCH_TRAVELING_PLACES: "search-traveling-places";
+};
+export declare const PRODUCT_LIST_TOOL_PREFIXES: {
+    readonly SEARCH_PRODUCTS: "search_products";
+    readonly SHOW_PRODUCTS: "show_products";
+    readonly GET_PRODUCTS: "get_products";
+};
+export declare const PRODUCT_DETAIL_TOOL_PREFIXES: {
+    readonly SEARCH_PRODUCT: "search_product";
+    readonly SHOW_PRODUCT: "show_product";
+    readonly GET_PRODUCT: "get_product";
+};
+export declare const SCENARIO_TOOLS: {
+    readonly SEARCH_SCENARIOS_IN_VIRTUAL_TOUR: "search_scenarios_in_virtual_tour";
+};
+export declare const PRODUCT_COMMAND_TOOLS: {
+    readonly SHOW_HOTSPOT_GUIDED_TOUR: "show_hotspot_guided_tour";
+    readonly SHOW_PRODUCT_AR: "show_product_AR";
+    readonly SHOW_PRODUCT_360_IMAGE: "show_product_360_image";
+    readonly SHOW_PRODUCT_IMAGE_GALLERY: "show_product_image_gallery";
+    readonly SHOW_PRODUCT_INFO: "show_product_info";
+};
+export declare const COMMAND_TOOLS: {
+    readonly CHANGE_ROOM_STYLE: "change_room_style";
+    readonly SWAP_PRODUCT_MATERIAL: "swap_product_material";
+    readonly OPEN_CLOSE_DOOR: "open_close_door";
+    readonly CHANGE_ROOM_LIGHTING: "change_room_lighting";
+    readonly OPEN_SCENE_PRODUCT_LIST: "open_scene_product_list";
+    readonly PLAY_SCENE_GUIDED_TOUR: "play_scene_guided_tour";
+    readonly SHOW_HOTSPOT_GUIDED_TOUR: "show_hotspot_guided_tour";
+    readonly SHOW_PRODUCT_AR: "show_product_AR";
+    readonly SHOW_PRODUCT_360_IMAGE: "show_product_360_image";
+    readonly SHOW_PRODUCT_IMAGE_GALLERY: "show_product_image_gallery";
+    readonly SHOW_PRODUCT_INFO: "show_product_info";
+    readonly PLAY_SCENARIO: "play_scenario";
+    readonly MOVE_TO_HOTSPOT: "move_to_hotspot";
+    readonly MOVE_TO_SCENE: "move_to_scene";
+};
+export declare const WEATHER_TOOL_VALUES: "getWeather"[];
+export declare const LOCATION_TOOL_VALUES: ("get_assigned_location_detail" | "search-traveling-places")[];
+export declare const SCENARIO_TOOL_VALUES: "search_scenarios_in_virtual_tour"[];
+export declare const COMMAND_TOOL_VALUES: ("show_hotspot_guided_tour" | "show_product_AR" | "show_product_360_image" | "show_product_image_gallery" | "show_product_info" | "play_scenario" | "move_to_hotspot" | "move_to_scene" | "change_room_style" | "swap_product_material" | "open_close_door" | "change_room_lighting" | "open_scene_product_list" | "play_scene_guided_tour")[];
+export declare const PRODUCT_COMMAND_TOOL_VALUES: ("show_hotspot_guided_tour" | "show_product_AR" | "show_product_360_image" | "show_product_image_gallery" | "show_product_info")[];
+export declare const ALL_TOOLS: {
+    readonly SHOW_HOTSPOT_GUIDED_TOUR: "show_hotspot_guided_tour";
+    readonly SHOW_PRODUCT_AR: "show_product_AR";
+    readonly SHOW_PRODUCT_360_IMAGE: "show_product_360_image";
+    readonly SHOW_PRODUCT_IMAGE_GALLERY: "show_product_image_gallery";
+    readonly SHOW_PRODUCT_INFO: "show_product_info";
+    readonly CHANGE_ROOM_STYLE: "change_room_style";
+    readonly SWAP_PRODUCT_MATERIAL: "swap_product_material";
+    readonly OPEN_CLOSE_DOOR: "open_close_door";
+    readonly CHANGE_ROOM_LIGHTING: "change_room_lighting";
+    readonly OPEN_SCENE_PRODUCT_LIST: "open_scene_product_list";
+    readonly PLAY_SCENE_GUIDED_TOUR: "play_scene_guided_tour";
+    readonly PLAY_SCENARIO: "play_scenario";
+    readonly MOVE_TO_HOTSPOT: "move_to_hotspot";
+    readonly MOVE_TO_SCENE: "move_to_scene";
+    readonly SEARCH_SCENARIOS_IN_VIRTUAL_TOUR: "search_scenarios_in_virtual_tour";
+    readonly GET_ASSIGNED_LOCATION_DETAIL: "get_assigned_location_detail";
+    readonly SEARCH_TRAVELING_PLACES: "search-traveling-places";
+    readonly GET_WEATHER: "getWeather";
+};
+export type WeatherTool = (typeof WEATHER_TOOLS)[keyof typeof WEATHER_TOOLS];
+export type LocationTool = (typeof LOCATION_TOOLS)[keyof typeof LOCATION_TOOLS];
+export type ScenarioTool = (typeof SCENARIO_TOOLS)[keyof typeof SCENARIO_TOOLS];
+export type CommandTool = (typeof COMMAND_TOOLS)[keyof typeof COMMAND_TOOLS];
+export type ProductCommandTool = (typeof PRODUCT_COMMAND_TOOLS)[keyof typeof PRODUCT_COMMAND_TOOLS];
+export type AllTools = (typeof ALL_TOOLS)[keyof typeof ALL_TOOLS];
+//# sourceMappingURL=toolNames.d.ts.map

package/dist/constants/toolNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolNames.d.ts","sourceRoot":"","sources":["../../src/constants/toolNames.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;CAEhB,CAAC;AAGX,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAGX,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAGX,eAAO,MAAM,4BAA4B;;;;CAI/B,CAAC;AAGX,eAAO,MAAM,cAAc;;CAEjB,CAAC;AAGX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAgBhB,CAAC;AAGX,eAAO,MAAM,mBAAmB,gBAA+B,CAAC;AAChE,eAAO,MAAM,oBAAoB,gEAAgC,CAAC;AAClE,eAAO,MAAM,oBAAoB,sCAAgC,CAAC;AAClE,eAAO,MAAM,mBAAmB,gVAA+B,CAAC;AAChE,eAAO,MAAM,2BAA2B,oIAAuC,CAAC;AAGhF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAMZ,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC7E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAChF,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAChF,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC7E,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AACrE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC"}

package/dist/index.html

@@ -1,46 +1,42 @@
-<!doctype html>
+<!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'
-      Agent.initWidget({
-        apiHost: 'https://ci-api.clik.vn/chatbot',
-        agentId: 'fe4cf6a9-fa43-4986-bc6f-df67092568c6',
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <style>
+    clik-agent-widget {
+      display: block;
+      height: 100vh;
+    }
+  </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: '697a9f37-2ed6-4d90-b540-6682eabdc5eb',
+      overrideConfig: {
+        chatId: 'e13e4df8-4e30-41e0-9df3-b0337feec6ee',
         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',
-            },
-          },
+          vars: {
+            SHOWROOM_CODE: 'SHR_9FVXUTV62G47',
+            TOUR_CODE: 'TOUR_7YUL2ALGFL94',
+            PRODUCT_CODE: 'ITEM27GETN2D2M94',
+            LANGUAGE: 'VN',
+            CLIK_GRAPHQL_API: 'https://ci-api.clik.vn/graphql',
+            CLIK_VIRTUALTOUR_API: 'https://ci-api.clik.vn/vt360',
+            BRAND_API: 'https://ci-api.clik.vn/showroom',
+          }
         },
-        listeners: {
-          ON_LINK_CLICK: console.log,
-        },
-        theme: {
-          // simplified: true,
-          autoCloseAudioPlayer: true,
-          hideAudioMetadata: true,
-          modeButtonChat: true,
-          gapInput: 30,
-        },
-        onLoaded: (tool) => {
-          window.tool = tool;
-        },
-      });
-    </script>
-  </head>
-  <body>
-    <div style="width: 100vw; height: 100vh">
-      <clik-agent-widget></clik-agent-widget>
-    </div>
-  </body>
-</html>
+      },
+      listeners: {
+            ON_LINK_CLICK: console.log,
+            CMD_CALLBACK: console.log,
+        }
+    });
+  </script>
+
+</head>
+<body>
+<clik-agent-widget></clik-agent-widget>
+</body>
+</html>

package/dist/services/vt360.service.d.ts

@@ -0,0 +1,5 @@
+declare const getProductDetails: (productCode: string, tourCode: string, languageCode: string, options?: {
+    api: string;
+}) => Promise<any>;
+export { getProductDetails };
+//# sourceMappingURL=vt360.service.d.ts.map

package/dist/services/vt360.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vt360.service.d.ts","sourceRoot":"","sources":["../../src/services/vt360.service.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,gBACR,MAAM,YACT,MAAM,gBACF,MAAM,YACV;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,iBA+D1B,CAAC;AAoGF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/utils/messageUtils.d.ts

@@ -0,0 +1,37 @@
+import { MessageRoleType } from '../types/flowise.type';
+/**
+ * Get the standardized role from a message role type
+ * @param role - The message role type
+ * @returns Standardized role string ('user' or 'assistant')
+ */
+export declare const getRole: (role?: MessageRoleType) => "user" | "assistant";
+/**
+ * Get the appropriate avatar source based on role and theme
+ * @param role - The user role ('user' or 'assistant')
+ * @param theme - Theme configuration object
+ * @param botAvatar - Bot avatar fallback
+ * @returns Avatar source URL or undefined
+ */
+export declare const getAvatarSource: (role: "user" | "assistant", theme: any, botAvatar?: string) => string | undefined;
+/**
+ * Get message background color based on role and theme
+ * @param role - The user role ('user' or 'assistant')
+ * @param theme - Theme configuration object
+ * @returns Background color or undefined
+ */
+export declare const getMessageBackgroundColor: (role: "user" | "assistant", theme: any) => string | undefined;
+/**
+ * Get message text color based on role and theme
+ * @param role - The user role ('user' or 'assistant')
+ * @param theme - Theme configuration object
+ * @returns Text color or undefined
+ */
+export declare const getMessageTextColor: (role: "user" | "assistant", theme: any) => string | undefined;
+/**
+ * Check if avatar should be shown based on theme and message role
+ * @param theme - Theme configuration object
+ * @param messageRole - The message role type
+ * @returns True if avatar should be shown
+ */
+export declare const shouldShowAvatar: (theme: any, messageRole: MessageRoleType) => boolean;
+//# sourceMappingURL=messageUtils.d.ts.map

package/dist/utils/messageUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageUtils.d.ts","sourceRoot":"","sources":["../../src/utils/messageUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,eAAe,KAAG,MAAM,GAAG,WAKzD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,SACpB,MAAM,GAAG,WAAW,SACnB,GAAG,cACE,MAAM,KACjB,MAAM,GAAG,SAIX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,SAC9B,MAAM,GAAG,WAAW,SACnB,GAAG,KACT,MAAM,GAAG,SAIX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,SACxB,MAAM,GAAG,WAAW,SACnB,GAAG,KACT,MAAM,GAAG,SAIX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,UACpB,GAAG,eACG,eAAe,KAC3B,OAEF,CAAC"}