@clikvn/agent-widget-embedded 1.1.9-dev01 → 1.1.10

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/LoadingComponent.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-declare const LoadingComponent: FC;
-export default LoadingComponent;
-//# sourceMappingURL=LoadingComponent.d.ts.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/LoadingComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/LoadingComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,QAAA,MAAM,gBAAgB,EAAE,EAYvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const LoadingComponent = () => {
-    return (_jsx("div", { className: "py-4", children: _jsx("div", { className: "bg-white rounded-lg border border-gray-200 p-4", children: _jsxs("div", { className: "animate-pulse", children: [_jsx("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-4" }), _jsx("div", { className: "h-48 bg-gray-200 rounded mb-4" }), _jsx("div", { className: "h-4 bg-gray-200 rounded w-1/2" })] }) }) }));
-};
-export default LoadingComponent;
-//# sourceMappingURL=LoadingComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingComponent.js","sourceRoot":"","sources":["../../../src/components/Chat/LoadingComponent.tsx"],"names":[],"mappings":";AAEA,MAAM,gBAAgB,GAAO,GAAG,EAAE;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAC,gDAAgD,YAC7D,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,oCAAoC,GAAO,EAC1D,cAAK,SAAS,EAAC,+BAA+B,GAAO,EACrD,cAAK,SAAS,EAAC,+BAA+B,GAAO,IACjD,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { FC } from 'react';\n\nconst LoadingComponent: FC = () => {\n  return (\n    <div className=\"py-4\">\n      <div className=\"bg-white rounded-lg border border-gray-200 p-4\">\n        <div className=\"animate-pulse\">\n          <div className=\"h-4 bg-gray-200 rounded w-3/4 mb-4\"></div>\n          <div className=\"h-48 bg-gray-200 rounded mb-4\"></div>\n          <div className=\"h-4 bg-gray-200 rounded w-1/2\"></div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default LoadingComponent;\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/LocationCard.d.ts

@@ -1,38 +0,0 @@
-import { FC } from 'react';
-interface LocationFile {
-    url: string;
-}
-interface LocationImage {
-    file: LocationFile;
-}
-interface LocationCoordinates {
-    lat: number;
-    lng: number;
-    rating?: number;
-    totalReviews?: number;
-}
-interface LocationDetails {
-    name?: string;
-    address?: string;
-    description?: string;
-    shortDescription?: string;
-    ultraShort?: string;
-    location?: LocationCoordinates;
-    gallery?: LocationImage[];
-    icon?: LocationImage;
-    openHour?: string;
-    cost?: string;
-    photos: LocationFile[];
-    audios?: any[];
-    lat?: number;
-    lng?: number;
-    placeId?: string;
-    rating?: number;
-    virtualTourUrl?: string;
-}
-interface LocationCardProps {
-    location: LocationDetails;
-}
-export declare const LocationCard: FC<LocationCardProps>;
-export {};
-//# sourceMappingURL=LocationCard.d.ts.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/LocationCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/LocationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgG9C,CAAC"}

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const LocationCard = ({ location }) => {
-    let googleMapsUrl = location.location
-        ? `https://www.google.com/maps?q=${location.location.lat},${location.location.lng}`
-        : null;
-    if (!googleMapsUrl) {
-        googleMapsUrl =
-            location.lat && location.lng
-                ? `https://www.google.com/maps?q=${location.lat},${location.lng}`
-                : null;
-    }
-    let avatarImageUrl = location.gallery && location.gallery.length > 0
-        ? location.gallery[0].file.url
-        : location.icon?.file.url;
-    if (!avatarImageUrl) {
-        avatarImageUrl =
-            location.photos && location.photos.length > 0
-                ? location.photos[0].url
-                : location.icon?.file.url;
-    }
-    return (_jsx("div", { className: "bg-gradient-to-br from-white to-gray-50 rounded-lg border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] overflow-hidden transition-all duration-300 hover:shadow-[0_4px_20px_rgb(0,0,0,0.12)]", style: { width: '100%' }, children: _jsxs("div", { className: "flex gap-2 p-3", children: [_jsx("div", { className: "flex-shrink-0 max-w-[25%] max-h-[80px]", children: avatarImageUrl && (_jsx("div", { className: "w-full h-full shadow-sm bg-gradient-to-br from-blue-50 to-indigo-50", children: _jsx("img", { src: avatarImageUrl, alt: location.name, className: "w-full h-full object-cover" }) })) }), _jsxs("div", { className: "flex-grow min-w-0", children: [_jsxs("div", { className: "flex justify-between items-start gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "font-medium text-base text-gray-800 truncate", children: location.name }), _jsx("p", { className: "text-gray-500 text-sm line-clamp-1 mt-0.5", children: location.ultraShort || location.shortDescription })] }), location.rating && (_jsx("div", { className: "flex items-center gap-0.5 bg-blue-50 px-2 py-1 rounded-full", children: _jsxs("span", { className: "text-blue-700 text-sm font-medium whitespace-nowrap", children: ["\u2B50 ", location.rating] }) }))] }), location.address && (_jsxs("div", { className: "mt-2 flex items-center gap-1 text-sm", children: [_jsxs("span", { className: "text-gray-600 truncate", children: ["\uD83D\uDCCD ", location.address] }), googleMapsUrl && (_jsx("a", { href: googleMapsUrl, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 whitespace-nowrap hover:underline flex-shrink-0", children: "Maps \u2192" }))] })), location.openHour && (_jsx("div", { className: "mt-2 flex gap-3 text-sm text-gray-600", children: _jsxs("span", { className: "truncate", children: ["\u23F0 ", location.openHour] }) })), location.cost && (_jsx("div", { className: "mt-2 flex gap-3 text-sm text-gray-600", children: _jsxs("span", { className: "truncate", children: ["\uD83D\uDCB0 ", location.cost.split('\n')[0]] }) }))] })] }) }));
-};
-//# sourceMappingURL=LocationCard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LocationCard.js","sourceRoot":"","sources":["../../../src/components/Chat/LocationCard.tsx"],"names":[],"mappings":";AAyCA,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,IAAI,aAAa,GAAG,QAAQ,CAAC,QAAQ;QACnC,CAAC,CAAC,iCAAiC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;QACnF,CAAC,CAAC,IAAI,CAAC;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,aAAa;YACX,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,GAAG;gBAC1B,CAAC,CAAC,iCAAiC,QAAQ,CAAC,GAAG,IAAI,QAAQ,CAAC,GAAG,EAAE;gBACjE,CAAC,CAAC,IAAI,CAAC;IACb,CAAC;IAED,IAAI,cAAc,GAChB,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;QAC7C,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG;QAC9B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,cAAc;YACZ,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;gBAC3C,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;gBACxB,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAChC,CAAC;IAED,OAAO,CACL,cACE,SAAS,EAAC,iOAAiO,EAC3O,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAExB,eAAK,SAAS,EAAC,gBAAgB,aAE7B,cAAK,SAAS,EAAC,wCAAwC,YACpD,cAAc,IAAI,CACjB,cAAK,SAAS,EAAC,qEAAqE,YAClF,cACE,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,QAAQ,CAAC,IAAI,EAClB,SAAS,EAAC,4BAA4B,GACtC,GACE,CACP,GACG,EAEN,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,8CAA8C,YACzD,QAAQ,CAAC,IAAI,GACX,EACL,YAAG,SAAS,EAAC,2CAA2C,YACrD,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,gBAAgB,GAC/C,IACA,EACL,QAAQ,CAAC,MAAM,IAAI,CAClB,cAAK,SAAS,EAAC,6DAA6D,YAC1E,gBAAM,SAAS,EAAC,qDAAqD,wBAChE,QAAQ,CAAC,MAAM,IACb,GACH,CACP,IACG,EAGL,QAAQ,CAAC,OAAO,IAAI,CACnB,eAAK,SAAS,EAAC,sCAAsC,aACnD,gBAAM,SAAS,EAAC,wBAAwB,8BAClC,QAAQ,CAAC,OAAO,IACf,EACN,aAAa,IAAI,CAChB,YACE,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,+DAA+D,4BAGvE,CACL,IACG,CACP,EAGA,QAAQ,CAAC,QAAQ,IAAI,CACpB,cAAK,SAAS,EAAC,uCAAuC,YACpD,gBAAM,SAAS,EAAC,UAAU,wBAAI,QAAQ,CAAC,QAAQ,IAAQ,GACnD,CACP,EACA,QAAQ,CAAC,IAAI,IAAI,CAChB,cAAK,SAAS,EAAC,uCAAuC,YACpD,gBAAM,SAAS,EAAC,UAAU,8BACpB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAC3B,GACH,CACP,IACG,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC } from 'react';\n\ninterface LocationFile {\n  url: string;\n}\n\ninterface LocationImage {\n  file: LocationFile;\n}\n\ninterface LocationCoordinates {\n  lat: number;\n  lng: number;\n  rating?: number;\n  totalReviews?: number;\n}\n\ninterface LocationDetails {\n  name?: string;\n  address?: string;\n  description?: string;\n  shortDescription?: string;\n  ultraShort?: string;\n  location?: LocationCoordinates;\n  gallery?: LocationImage[];\n  icon?: LocationImage;\n  openHour?: string;\n  cost?: string;\n  photos: LocationFile[];\n  audios?: any[]; // Assuming audios can be of any type\n  lat?: number;\n  lng?: number;\n  placeId?: string;\n  rating?: number;\n  virtualTourUrl?: string;\n}\n\ninterface LocationCardProps {\n  location: LocationDetails;\n}\n\nexport const LocationCard: FC<LocationCardProps> = ({ location }) => {\n  let googleMapsUrl = location.location\n    ? `https://www.google.com/maps?q=${location.location.lat},${location.location.lng}`\n    : null;\n  if (!googleMapsUrl) {\n    googleMapsUrl =\n      location.lat && location.lng\n        ? `https://www.google.com/maps?q=${location.lat},${location.lng}`\n        : null;\n  }\n\n  let avatarImageUrl =\n    location.gallery && location.gallery.length > 0\n      ? location.gallery[0].file.url\n      : location.icon?.file.url;\n  if (!avatarImageUrl) {\n    avatarImageUrl =\n      location.photos && location.photos.length > 0\n        ? location.photos[0].url\n        : location.icon?.file.url;\n  }\n\n  return (\n    <div\n      className=\"bg-gradient-to-br from-white to-gray-50 rounded-lg border border-[#E5E5E5] shadow-[0px_2px_6px_0px_rgba(0,0,0,0.08)] backdrop-blur-[50px] overflow-hidden transition-all duration-300 hover:shadow-[0_4px_20px_rgb(0,0,0,0.12)]\"\n      style={{ width: '100%' }}\n    >\n      <div className=\"flex gap-2 p-3\">\n        {/* Avatar */}\n        <div className=\"flex-shrink-0 max-w-[25%] max-h-[80px]\">\n          {avatarImageUrl && (\n            <div className=\"w-full h-full shadow-sm bg-gradient-to-br from-blue-50 to-indigo-50\">\n              <img\n                src={avatarImageUrl}\n                alt={location.name}\n                className=\"w-full h-full object-cover\"\n              />\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex-grow min-w-0\">\n          <div className=\"flex justify-between items-start gap-2\">\n            <div className=\"min-w-0\">\n              <h3 className=\"font-medium text-base text-gray-800 truncate\">\n                {location.name}\n              </h3>\n              <p className=\"text-gray-500 text-sm line-clamp-1 mt-0.5\">\n                {location.ultraShort || location.shortDescription}\n              </p>\n            </div>\n            {location.rating && (\n              <div className=\"flex items-center gap-0.5 bg-blue-50 px-2 py-1 rounded-full\">\n                <span className=\"text-blue-700 text-sm font-medium whitespace-nowrap\">\n                  ⭐ {location.rating}\n                </span>\n              </div>\n            )}\n          </div>\n\n          {/* Address and Google Maps Link */}\n          {location.address && (\n            <div className=\"mt-2 flex items-center gap-1 text-sm\">\n              <span className=\"text-gray-600 truncate\">\n                📍 {location.address}\n              </span>\n              {googleMapsUrl && (\n                <a\n                  href={googleMapsUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"text-blue-600 whitespace-nowrap hover:underline flex-shrink-0\"\n                >\n                  Maps →\n                </a>\n              )}\n            </div>\n          )}\n\n          {/* Opening Hours and Cost Summary - Single line */}\n          {location.openHour && (\n            <div className=\"mt-2 flex gap-3 text-sm text-gray-600\">\n              <span className=\"truncate\">⏰ {location.openHour}</span>\n            </div>\n          )}\n          {location.cost && (\n            <div className=\"mt-2 flex gap-3 text-sm text-gray-600\">\n              <span className=\"truncate\">\n                💰 {location.cost.split('\\n')[0]}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/Markdown.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ToolUsage } from '../../types/flowise.type';
-export declare const Markdown: React.NamedExoticComponent<{
-    children: string;
-    usedTools?: ToolUsage[];
-}>;
-//# sourceMappingURL=Markdown.d.ts.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/Markdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAqUrD,eAAO,MAAM,QAAQ;cAxKT,MAAM;gBACJ,SAAS,EAAE;EA4KxB,CAAC"}

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

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-const PlaceName = ({ name, data, ...props }) => {
-    const [isDrawerOpen, setDrawerOpen] = useState(false);
-    const toggleDrawer = (show) => {
-        setDrawerOpen(show);
-    };
-    return (_jsxs("div", { className: "relative group", children: [_jsxs("a", { ...props, className: "draggable-place relative -mx-1 -my-0.5 select-text items-baseline rounded-full px-1 py-0.5 font-semibold no-underline transition-colors hover:bg-foreground/5 data-[state=open]:bg-foreground/5", "data-id": name, draggable: "true", href: `/attractions/${name}`, onClick: (e) => {
-                    e.preventDefault();
-                    toggleDrawer(true);
-                }, children: [_jsx("span", { className: "whitespace-nowrap", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 transform-cpu size-[1em] relative mr-0.5 mt-[-.125em] inline-block text-[1.25em]", children: [_jsx("path", { d: "M18.75 9c0 3.735-6.75 12.75-6.75 12.75S5.25 12.735 5.25 9a6.75 6.75 0 0 1 13.5 0Z" }), _jsx("path", { d: "M12 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z" })] }) }), _jsx("span", { children: name }), _jsxs("span", { className: "ml-0.5 whitespace-nowrap", children: [_jsx("span", { children: "\uFEFF" }), _jsx("span", { className: "relative top-[-.1em] inline-flex size-3 shrink-0 items-center justify-center rounded-full bg-added text-added-foreground", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "7", height: "7", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 transform-cpu", children: _jsx("path", { d: "m3.643 13.993 3.51 4.513a1.285 1.285 0 0 0 2.006.038L20.357 4.993" }) }) })] })] }), _jsxs("div", { className: "absolute left-1/4 translate-y-1/2 bottom-full mb-2 w-80\n           invisible group-hover:visible opacity-0 group-hover:opacity-100\n           bg-background border rounded-lg shadow-lg\n           transition-opacity duration-300 z-10 hidden sm:block", children: [_jsx("div", { className: "relative", children: !!(data.photos && data.photos[0]) && (_jsx("img", { src: data.photos[0].url, alt: "Card Image", className: "border rounded-lg w-full h-48 object-cover" })) }), _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("h3", { className: "text-lg font-semibold", children: data.name }), _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: "w-5 h-5 text-yellow-500", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 17.27l5.18 3.73-1.64-6.81L21 9.24l-7.19-.61L12 2 10.19 8.63 3 9.24l5.46 4.95-1.64 6.81L12 17.27z" }) }), _jsx("span", { className: "text-sm", children: data.rating })] })] }), _jsxs("p", { className: "text-sm flex items-center", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: "w-5 h-5 mr-1", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 2C8.69 2 6 4.69 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.31-2.69-6-6-6zm0 8.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 5.5 12 5.5s2.5 1.12 2.5 2.5S13.38 10.5 12 10.5z" }) }), data.address] })] })] }), isDrawerOpen && (_jsx("div", { className: "fixed bottom-0 left-0 w-full h-full bg-background border-t\n            transform transition-transform duration-500 z-20 sm:hidden", children: _jsxs("div", { className: "flex flex-col gap-2 p-4 pt-10 relative", children: [_jsx("button", { className: "font-bold absolute top-2 right-2", onClick: () => toggleDrawer(false), children: "Close" }), _jsx("div", { className: "relative", children: !!(data.photos && data.photos[0]) && (_jsx("img", { src: data.photos[0].url, alt: "Card Image", className: "border rounded-lg w-full h-48 object-cover" })) }), _jsx("h3", { className: "text-lg font-semibold", children: data.name }), _jsx("p", { className: "text-md", children: _jsxs("div", { className: "flex items-center space-x-1", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: "w-5 h-5 text-yellow-500", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 17.27l5.18 3.73-1.64-6.81L21 9.24l-7.19-.61L12 2 10.19 8.63 3 9.24l5.46 4.95-1.64 6.81L12 17.27z" }) }), _jsx("span", { className: "text-md", children: data.rating })] }) }), _jsxs("p", { className: "text-md flex items-center", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", className: "w-5 h-5 mr-1", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 2C8.69 2 6 4.69 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.31-2.69-6-6-6zm0 8.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 5.5 12 5.5s2.5 1.12 2.5 2.5S13.38 10.5 12 10.5z" }) }), data.address] })] }) }))] }));
-};
-const NonMemoizedMarkdown = (props) => {
-    const { children: content, usedTools } = props;
-    const components = useMemo(() => {
-        return {
-            code: ({ node, inline, className, children, ...rest }) => {
-                const match = /language-(\w+)/.exec(className || '');
-                return !inline && match ? (_jsx("pre", { ...rest, className: `${className} text-sm w-[80dvw] md:max-w-[500px] overflow-x-scroll bg-zinc-100 p-3 rounded-lg mt-2 dark:bg-zinc-800`, children: _jsx("code", { className: match[1], children: children }) })) : (_jsx("code", { className: `${className} text-sm bg-zinc-100 dark:bg-zinc-800 py-0.5 px-1 rounded-md`, ...rest, children: children }));
-            },
-            ol: ({ node, children, ...rest }) => {
-                return (_jsx("ol", { className: "list-decimal list-outside ml-7", ...rest, children: children }));
-            },
-            li: ({ node, children, ...rest }) => {
-                return (_jsx("li", { className: "py-1", ...rest, children: children }));
-            },
-            ul: ({ node, children, ...rest }) => {
-                return (_jsx("ul", { className: "list-decimal list-outside ml-4", ...rest, children: children }));
-            },
-            strong: ({ node, children, ...rest }) => {
-                let target = null;
-                if (usedTools && usedTools.length && typeof children === 'string') {
-                    const targetTools = usedTools.filter((usedTool) => usedTool.tool === 'search-traveling-places');
-                    if (targetTools && targetTools.length) {
-                        targetTools.find((targetTool) => {
-                            try {
-                                target = JSON.parse(targetTool.toolOutput).find((i) => {
-                                    const arr = i.description?.split('.') || [];
-                                    return (children.indexOf(i.name) >= 0 ||
-                                        (arr[0] && arr[0].indexOf(children) >= 0));
-                                });
-                                return !!target;
-                            }
-                            catch (e) {
-                                return false;
-                            }
-                        });
-                    }
-                }
-                return target ? (_jsx(PlaceName, { name: children, data: target, ...rest })) : (_jsx("span", { className: "font-semibold", ...rest, children: children }));
-            },
-            a: ({ node, children, ...rest }) => {
-                const content = children;
-                const isImageUrl = content &&
-                    (content.indexOf('.jpg') >= 0 ||
-                        content.indexOf('.jpeg') >= 0 ||
-                        content.indexOf('.png') >= 0 ||
-                        content.indexOf('.gif') >= 0);
-                const isAudioUrl = content &&
-                    (content.indexOf('.mp3') >= 0 ||
-                        content.indexOf('.wav') >= 0 ||
-                        content.indexOf('.ogg') >= 0);
-                if (isAudioUrl) {
-                    return (_jsx("audio", { controls: true, children: _jsx("source", { src: content }) }));
-                }
-                else if (isImageUrl) {
-                    return (_jsx("a", { href: content, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: content, alt: content, style: { maxWidth: '100%', height: 'auto' } }) }));
-                }
-                return (_jsx("a", { className: "text-blue-500 hover:underline", target: "_blank", rel: "noreferrer", ...rest, children: children }));
-            },
-            h1: ({ node, children, ...rest }) => {
-                return (_jsx("h1", { className: "text-3xl font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-            h2: ({ node, children, ...rest }) => {
-                return (_jsx("h2", { className: "text-2xl font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-            h3: ({ node, children, ...rest }) => {
-                return (_jsx("h3", { className: "text-xl font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-            h4: ({ node, children, ...rest }) => {
-                return (_jsx("h4", { className: "text-lg font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-            h5: ({ node, children, ...rest }) => {
-                return (_jsx("h5", { className: "text-base font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-            h6: ({ node, children, ...rest }) => {
-                return (_jsx("h6", { className: "text-sm font-semibold mt-6 mb-2", ...rest, children: children }));
-            },
-        };
-    }, [usedTools]);
-    return (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: components, children: content }));
-};
-export const Markdown = memo(NonMemoizedMarkdown, (prevProps, nextProps) => prevProps.children === nextProps.children &&
-    prevProps.usedTools === nextProps.usedTools);
-//# sourceMappingURL=Markdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/components/Chat/Markdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, memo, useMemo, useState } from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { ToolUsage } from '../../types/flowise.type';\n\nconst PlaceName = ({ name, data, ...props }: any) => {\n  const [isDrawerOpen, setDrawerOpen] = useState(false);\n\n  const toggleDrawer = (show: boolean) => {\n    setDrawerOpen(show);\n  };\n\n  return (\n    <div className=\"relative group\">\n      <a\n        {...props}\n        className=\"draggable-place relative -mx-1 -my-0.5 select-text items-baseline rounded-full px-1 py-0.5 font-semibold no-underline transition-colors hover:bg-foreground/5 data-[state=open]:bg-foreground/5\"\n        data-id={name}\n        draggable=\"true\"\n        href={`/attractions/${name}`}\n        onClick={(e) => {\n          e.preventDefault();\n          toggleDrawer(true);\n        }}\n      >\n        <span className=\"whitespace-nowrap\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className=\"shrink-0 transform-cpu size-[1em] relative mr-0.5 mt-[-.125em] inline-block text-[1.25em]\"\n          >\n            <path d=\"M18.75 9c0 3.735-6.75 12.75-6.75 12.75S5.25 12.735 5.25 9a6.75 6.75 0 0 1 13.5 0Z\"></path>\n            <path d=\"M12 11.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5Z\"></path>\n          </svg>\n        </span>\n        <span>{name}</span>\n        <span className=\"ml-0.5 whitespace-nowrap\">\n          <span>&#xFEFF;</span>\n          <span className=\"relative top-[-.1em] inline-flex size-3 shrink-0 items-center justify-center rounded-full bg-added text-added-foreground\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"7\"\n              height=\"7\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"4\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              className=\"shrink-0 transform-cpu\"\n            >\n              <path d=\"m3.643 13.993 3.51 4.513a1.285 1.285 0 0 0 2.006.038L20.357 4.993\"></path>\n            </svg>\n          </span>\n        </span>\n      </a>\n      <div\n        className=\"absolute left-1/4 translate-y-1/2 bottom-full mb-2 w-80\n           invisible group-hover:visible opacity-0 group-hover:opacity-100\n           bg-background border rounded-lg shadow-lg\n           transition-opacity duration-300 z-10 hidden sm:block\"\n      >\n        <div className=\"relative\">\n          {!!(data.photos && data.photos[0]) && (\n            <img\n              src={data.photos[0].url}\n              alt=\"Card Image\"\n              className=\"border rounded-lg w-full h-48 object-cover\"\n            />\n          )}\n        </div>\n\n        <div className=\"p-4\">\n          <div className=\"flex justify-between items-center mb-2\">\n            <h3 className=\"text-lg font-semibold\">{data.name}</h3>\n            <div className=\"flex items-center space-x-1\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"currentColor\"\n                className=\"w-5 h-5 text-yellow-500\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M12 17.27l5.18 3.73-1.64-6.81L21 9.24l-7.19-.61L12 2 10.19 8.63 3 9.24l5.46 4.95-1.64 6.81L12 17.27z\" />\n              </svg>\n              <span className=\"text-sm\">{data.rating}</span>\n            </div>\n          </div>\n\n          <p className=\"text-sm flex items-center\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              fill=\"currentColor\"\n              className=\"w-5 h-5 mr-1\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path d=\"M12 2C8.69 2 6 4.69 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.31-2.69-6-6-6zm0 8.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 5.5 12 5.5s2.5 1.12 2.5 2.5S13.38 10.5 12 10.5z\" />\n            </svg>\n            {data.address}\n          </p>\n        </div>\n      </div>\n      {isDrawerOpen && (\n        <div\n          className=\"fixed bottom-0 left-0 w-full h-full bg-background border-t\n            transform transition-transform duration-500 z-20 sm:hidden\"\n        >\n          <div className=\"flex flex-col gap-2 p-4 pt-10 relative\">\n            <button\n              className=\"font-bold absolute top-2 right-2\"\n              onClick={() => toggleDrawer(false)}\n            >\n              Close\n            </button>\n            <div className=\"relative\">\n              {!!(data.photos && data.photos[0]) && (\n                <img\n                  src={data.photos[0].url}\n                  alt=\"Card Image\"\n                  className=\"border rounded-lg w-full h-48 object-cover\"\n                />\n              )}\n            </div>\n            <h3 className=\"text-lg font-semibold\">{data.name}</h3>\n            <p className=\"text-md\">\n              <div className=\"flex items-center space-x-1\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  fill=\"currentColor\"\n                  className=\"w-5 h-5 text-yellow-500\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path d=\"M12 17.27l5.18 3.73-1.64-6.81L21 9.24l-7.19-.61L12 2 10.19 8.63 3 9.24l5.46 4.95-1.64 6.81L12 17.27z\" />\n                </svg>\n                <span className=\"text-md\">{data.rating}</span>\n              </div>\n            </p>\n            <p className=\"text-md flex items-center\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"currentColor\"\n                className=\"w-5 h-5 mr-1\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path d=\"M12 2C8.69 2 6 4.69 6 8c0 5.25 6 12 6 12s6-6.75 6-12c0-3.31-2.69-6-6-6zm0 8.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 5.5 12 5.5s2.5 1.12 2.5 2.5S13.38 10.5 12 10.5z\" />\n              </svg>\n              {data.address}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst NonMemoizedMarkdown: FC<{\n  children: string;\n  usedTools?: ToolUsage[];\n}> = (props) => {\n  const { children: content, usedTools } = props;\n  const components: Partial<Components> = useMemo(() => {\n    return {\n      code: ({ node, inline, className, children, ...rest }: any) => {\n        const match = /language-(\\w+)/.exec(className || '');\n        return !inline && match ? (\n          <pre\n            {...rest}\n            className={`${className} text-sm w-[80dvw] md:max-w-[500px] overflow-x-scroll bg-zinc-100 p-3 rounded-lg mt-2 dark:bg-zinc-800`}\n          >\n            <code className={match[1]}>{children}</code>\n          </pre>\n        ) : (\n          <code\n            className={`${className} text-sm bg-zinc-100 dark:bg-zinc-800 py-0.5 px-1 rounded-md`}\n            {...rest}\n          >\n            {children}\n          </code>\n        );\n      },\n      ol: ({ node, children, ...rest }) => {\n        return (\n          <ol className=\"list-decimal list-outside ml-7\" {...rest}>\n            {children}\n          </ol>\n        );\n      },\n      li: ({ node, children, ...rest }) => {\n        return (\n          <li className=\"py-1\" {...rest}>\n            {children}\n          </li>\n        );\n      },\n      ul: ({ node, children, ...rest }) => {\n        return (\n          <ul className=\"list-decimal list-outside ml-4\" {...rest}>\n            {children}\n          </ul>\n        );\n      },\n      strong: ({ node, children, ...rest }) => {\n        let target = null;\n        if (usedTools && usedTools.length && typeof children === 'string') {\n          const targetTools = usedTools.filter(\n            (usedTool) => usedTool.tool === 'search-traveling-places'\n          );\n          if (targetTools && targetTools.length) {\n            targetTools.find((targetTool) => {\n              try {\n                target = JSON.parse(targetTool.toolOutput).find((i: any) => {\n                  const arr = i.description?.split('.') || [];\n                  return (\n                    (children as string).indexOf(i.name) >= 0 ||\n                    (arr[0] && arr[0].indexOf(children as string) >= 0)\n                  );\n                });\n                return !!target;\n              } catch (e) {\n                return false;\n              }\n            });\n          }\n        }\n        return target ? (\n          <PlaceName name={children} data={target} {...rest} />\n        ) : (\n          <span className=\"font-semibold\" {...rest}>\n            {children}\n          </span>\n        );\n      },\n      a: ({ node, children, ...rest }) => {\n        const content = children as string;\n        const isImageUrl =\n          content &&\n          (content.indexOf('.jpg') >= 0 ||\n            content.indexOf('.jpeg') >= 0 ||\n            content.indexOf('.png') >= 0 ||\n            content.indexOf('.gif') >= 0);\n        const isAudioUrl =\n          content &&\n          (content.indexOf('.mp3') >= 0 ||\n            content.indexOf('.wav') >= 0 ||\n            content.indexOf('.ogg') >= 0);\n        if (isAudioUrl) {\n          return (\n            <audio controls>\n              <source src={content} />\n            </audio>\n          );\n        } else if (isImageUrl) {\n          return (\n            <a href={content} target=\"_blank\" rel=\"noopener noreferrer\">\n              <img\n                src={content}\n                alt={content}\n                style={{ maxWidth: '100%', height: 'auto' }}\n              />\n            </a>\n          );\n        }\n        return (\n          <a\n            className=\"text-blue-500 hover:underline\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            {...rest}\n          >\n            {children}\n          </a>\n        );\n      },\n      h1: ({ node, children, ...rest }) => {\n        return (\n          <h1 className=\"text-3xl font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h1>\n        );\n      },\n      h2: ({ node, children, ...rest }) => {\n        return (\n          <h2 className=\"text-2xl font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h2>\n        );\n      },\n      h3: ({ node, children, ...rest }) => {\n        return (\n          <h3 className=\"text-xl font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h3>\n        );\n      },\n      h4: ({ node, children, ...rest }) => {\n        return (\n          <h4 className=\"text-lg font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h4>\n        );\n      },\n      h5: ({ node, children, ...rest }) => {\n        return (\n          <h5 className=\"text-base font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h5>\n        );\n      },\n      h6: ({ node, children, ...rest }) => {\n        return (\n          <h6 className=\"text-sm font-semibold mt-6 mb-2\" {...rest}>\n            {children}\n          </h6>\n        );\n      },\n    };\n  }, [usedTools]);\n  return (\n    <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n      {content}\n    </ReactMarkdown>\n  );\n};\n\nexport const Markdown = memo(\n  NonMemoizedMarkdown,\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.usedTools === nextProps.usedTools\n);\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/Message.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { BotType } from '../../types/bot.type';
-import { ChatMessageType } from '../../types/flowise.type';
-type PropsType = {
-    chatId?: string;
-    message: ChatMessageType;
-    isLoading: boolean;
-    bot: BotType | null;
-    enableTTS?: boolean;
-};
-export declare const ThinkingMessage: ({ bot }: {
-    bot: BotType | null;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.NamedExoticComponent<PropsType>;
-export default _default;
-//# sourceMappingURL=Message.d.ts.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/Message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAa,MAAM,0BAA0B,CAAC;AAsCtE,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;AA2MF,eAAO,MAAM,eAAe,YAAa;IAAE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,4CAqD/D,CAAC;;AAEF,wBAA0C"}

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

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'framer-motion';
-import { useConfiguration } from 'hooks/useConfiguration';
-import React, { useEffect, useMemo, useState } from 'react';
-import { LOCATION_TOOLS } from '../../constants/toolNames';
-import { useChatData } from '../../hooks/useChatData';
-import { cn } from '../../utils/commonUtils';
-import { getAvatarSource, getMessageBackgroundColor, getMessageTextColor, getRole, shouldShowAvatar, } from '../../utils/messageUtils';
-import { categorizeTools, hasFocusToolOutput, isDisplayBookingFormTool, isDisplayBookingListTool, isDisplayContactFormTool, isDisplayProductDetailTool, isDisplayProductListTool, isDisplayScenariosTool, isHtmlContent, isWeatherTool, parseToolOutput, removeToolOutputFromContent, } from '../../utils/toolUtils';
-import AgentThinking from './AgentThinking';
-import AudioPlayer from './AudioPlayer';
-import BookMeetingForm from './BookMeetingForm';
-import BookMeetingList from './BookMeetingList';
-import { HtmlContent } from './HtmlContent';
-import { SparklesIcon } from './Icons';
-import { LocationCard } from './LocationCard';
-import { Markdown } from './Markdown';
-import { PreviewAttachment } from './PreviewAttachment';
-import ProductDetail from './ProductDetail';
-import ProductList from './ProductList';
-import ScenariosList from './ScenariosList';
-import UserContactForm from './UserContactForm';
-import { Weather } from './Weather';
-const PreviewMessage = ({ chatId, message, bot, enableTTS, isLoading, }) => {
-    const { theme, overrideConfig, apiHost } = useConfiguration();
-    const { listeners } = useChatData();
-    const usedTools = useMemo(() => {
-        return categorizeTools(message.usedTools || [], !!message.new);
-    }, [message.usedTools, message.new]);
-    const role = useMemo(() => {
-        return getRole(message.role);
-    }, [message.role]);
-    const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);
-    const focusToolOutput = useMemo(() => {
-        return hasFocusToolOutput(message.usedTools || []);
-    }, [message.usedTools]);
-    const messageContent = useMemo(() => {
-        if (!focusToolOutput) {
-            return message.content;
-        }
-        return removeToolOutputFromContent(message.content, message.usedTools || []);
-    }, [focusToolOutput, message.content, message.usedTools]);
-    useEffect(() => {
-        const cmdTool = usedTools?.cmdToolResult;
-        if (!cmdTool || !listeners?.['CMD_CALLBACK']) {
-            return;
-        }
-        const tool = cmdTool;
-        listeners['CMD_CALLBACK']({
-            tool: tool.tool,
-            output: tool.toolOutput,
-        });
-    }, [usedTools]);
-    return (_jsxs(motion.div, { className: "w-full mx-auto max-w-3xl px-4 group/message", initial: { y: 5, opacity: 0 }, animate: { y: 0, opacity: 1 }, "data-role": role, children: [_jsx("div", { className: "flex justify-end text-[14px]", children: message?.fileUploads && !!message.fileUploads.length && (_jsx(PreviewAttachment, { attachment: message.fileUploads[0] })) }), _jsxs("div", { className: cn(`group-data-[role=user]/message:bg-[#FFF] group-data-[role=user]/message:rounded-[24px] text-[#18181B] group-data-[role=user]/message:px-[16px] group-data-[role=user]/message:py-[10px] flex gap-4  w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl overflow-x-hidden `), style: {
-                    backgroundColor: getMessageBackgroundColor(role, theme),
-                }, children: [shouldShowAvatar(theme, message.role) && (_jsx("div", { className: "size-8 flex items-center rounded-full justify-center ring-1 shrink-0 ring-border", children: assistantAvatar ? (_jsx("img", { src: assistantAvatar, alt: bot?.name ?? 'User Avatar', width: 24, height: 24, className: "rounded-full" })) : (_jsx(SparklesIcon, { size: 14 })) })), _jsxs("div", { className: "flex flex-col gap-2 w-full", children: [message?.agentSteps && !!message.agentSteps.length && (_jsx(AgentThinking, { steps: message.agentSteps, isLoading: isLoading })), !!messageContent && (_jsx("div", { className: "flex flex-col gap-4", style: {
-                                    color: getMessageTextColor(role, theme),
-                                }, children: _jsx(Markdown, { usedTools: focusToolOutput ? undefined : message?.usedTools, children: messageContent }) })), !focusToolOutput && (role === 'assistant' || message?.ttsUrl) && (_jsx(AudioPlayer, { chatId: chatId, message: message, autoplay: !!enableTTS })), !!usedTools?.customToolResults?.length && (_jsx("div", { className: "flex flex-col gap-4 custom-tools", children: usedTools.customToolResults.map((usedTool, index) => {
-                                    const { tool, toolOutput, toolInput } = usedTool;
-                                    const outputData = parseToolOutput(toolOutput);
-                                    return (_jsxs("div", { className: "custom-tool-result", children: [!!outputData && isWeatherTool(tool) && (_jsx(Weather, { weatherAtLocation: outputData })), !!outputData?.data?.getCMSLocationInfoDetail &&
-                                                tool === LOCATION_TOOLS.GET_ASSIGNED_LOCATION_DETAIL && (_jsx(LocationCard, { location: outputData.data.getCMSLocationInfoDetail })), !!outputData &&
-                                                tool === LOCATION_TOOLS.SEARCH_TRAVELING_PLACES && (_jsx("div", { className: "flex flex-row overflow-x-auto", children: outputData.map((place) => (_jsx("div", { className: "flex-shrink-0 pr-2 max-w-full", children: _jsx(LocationCard, { location: place }) }, place.id))) })), !!toolOutput && isDisplayProductListTool(tool) && (_jsx(ProductList, { productCodes: outputData.product_codes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayProductDetailTool(tool) && (_jsx(ProductDetail, { productCode: outputData.product_code, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayScenariosTool(tool) && (_jsx(ScenariosList, { scenarioCodes: outputData?.scenario_codes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayBookingFormTool(tool) && (_jsx(BookMeetingForm, { chatId: chatId || '', brandAlias: overrideConfig?.vars?.BRAND_ALIAS, userId: overrideConfig?.vars?.USER_ID })), !!toolOutput && isDisplayContactFormTool(tool) && (_jsx(UserContactForm, {})), !!toolOutput && isHtmlContent(usedTool) && (_jsx(HtmlContent, { content: outputData.content })), !!toolOutput && isDisplayBookingListTool(tool) && (_jsx(BookMeetingList, { apiHost: apiHost, userId: overrideConfig?.vars?.USER_ID, theme: theme }))] }, `${tool}-${index}`));
-                                }) }))] })] })] }));
-};
-export const ThinkingMessage = ({ bot }) => {
-    const role = 'assistant';
-    const [dotCount, setDotCount] = useState(0);
-    const { theme } = useConfiguration();
-    const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);
-    // Animate dots splashing effect
-    useEffect(() => {
-        const interval = setInterval(() => {
-            setDotCount((prev) => (prev + 1) % 4); // Cycle through 0, 1, 2, 3 dots
-        }, 500); // Change every 500ms
-        return () => clearInterval(interval);
-    }, []);
-    const dots = '.'.repeat(dotCount);
-    return (_jsx(motion.div, { className: "w-full mx-auto max-w-3xl px-4 group/message", initial: { y: 5, opacity: 0 }, animate: { y: 0, opacity: 1, transition: { delay: 1 } }, "data-role": role, children: _jsxs("div", { className: cn('flex gap-4 group-data-[role=user]/message:px-3 w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl group-data-[role=user]/message:py-2 rounded-xl', {
-                'group-data-[role=user]/message:bg-muted': true,
-            }), children: [shouldShowAvatar(theme, 'apiMessage') && (_jsx("div", { className: "size-8 flex items-center rounded-full justify-center ring-1 shrink-0 ring-border", children: _jsx("img", { src: assistantAvatar, alt: bot?.name ?? 'User Avatar', width: 24, height: 24, className: "rounded-full" }) })), _jsx("div", { className: "flex flex-col gap-2 w-full", children: _jsxs("div", { className: "text-muted-foreground text-sm opacity-70 font-mono whitespace-pre-wrap", children: ["Thinking", dots] }) })] }) }));
-};
-export default React.memo(PreviewMessage);
-//# sourceMappingURL=Message.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/components/Chat/Message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,mBAAmB,EACnB,OAAO,EACP,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,eAAe,EACf,2BAA2B,GAC5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAUpC,MAAM,cAAc,GAAkB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,GAAG,EACH,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAEpC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,eAAe,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,kBAAkB,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,OAAO,CAAC,OAAO,CAAC;QACzB,CAAC;QAED,OAAO,2BAA2B,CAChC,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,IAAI,EAAE,CACxB,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,SAAS,EAAE,aAAoB,CAAC;QAChD,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,OAAoB,CAAC;QAClC,SAAS,CAAC,cAAc,CAAC,CAAC;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,MAAM,EAAE,IAAI,CAAC,UAAU;SACxB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,eAClB,IAAI,aAEf,cAAK,SAAS,EAAC,8BAA8B,YAC1C,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,IAAI,CACvD,KAAC,iBAAiB,IAAC,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAAI,CAC1D,GACG,EACN,eACE,SAAS,EAAE,EAAE,CACX,oVAAoV,CACrV,EACD,KAAK,EAAE;oBACL,eAAe,EAAE,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC;iBACxD,aAEA,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CACxC,cAAK,SAAS,EAAC,kFAAkF,YAC9F,eAAe,CAAC,CAAC,CAAC,CACjB,cACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,GAAG,EAAE,IAAI,IAAI,aAAa,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,cAAc,GACxB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAC3B,GACG,CACP,EAED,eAAK,SAAS,EAAC,4BAA4B,aAExC,OAAO,EAAE,UAAU,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,IAAI,CACrD,KAAC,aAAa,IAAC,KAAK,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACnE,EAGA,CAAC,CAAC,cAAc,IAAI,CACnB,cACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE;oCACL,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC;iCACxC,YAED,KAAC,QAAQ,IACP,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,YAE1D,cAAwB,GAChB,GACP,CACP,EAGA,CAAC,eAAe,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,EAAE,MAAM,CAAC,IAAI,CAChE,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,SAAS,GACrB,CACH,EAGA,CAAC,CAAC,SAAS,EAAE,iBAAiB,EAAE,MAAM,IAAI,CACzC,cAAK,SAAS,EAAC,kCAAkC,YAC9C,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;oCACnD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;oCACjD,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;oCAC/C,OAAO,CACL,eAA8B,SAAS,EAAC,oBAAoB,aACzD,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CACtC,KAAC,OAAO,IAAC,iBAAiB,EAAE,UAAU,GAAI,CAC3C,EACA,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,wBAAwB;gDAC3C,IAAI,KAAK,cAAc,CAAC,4BAA4B,IAAI,CACtD,KAAC,YAAY,IACX,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,wBAAwB,GAClD,CACH,EACF,CAAC,CAAC,UAAU;gDACX,IAAI,KAAK,cAAc,CAAC,uBAAuB,IAAI,CACjD,cAAK,SAAS,EAAC,+BAA+B,YAC3C,UAAU,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAC9B,cAEE,SAAS,EAAC,+BAA+B,YAEzC,KAAC,YAAY,IAAC,QAAQ,EAAE,KAAK,GAAI,IAH5B,KAAK,CAAC,EAAE,CAIT,CACP,CAAC,GACE,CACP,EACF,CAAC,CAAC,UAAU,IAAI,wBAAwB,CAAC,IAAI,CAAC,IAAI,CACjD,KAAC,WAAW,IACV,YAAY,EAAG,UAAkB,CAAC,aAAa,EAC/C,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EACzC,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EACjD,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,gBAAgB,GAC9C,CACH,EACA,CAAC,CAAC,UAAU,IAAI,0BAA0B,CAAC,IAAI,CAAC,IAAI,CACnD,KAAC,aAAa,IACZ,WAAW,EAAG,UAAkB,CAAC,YAAY,EAC7C,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EACzC,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EACjD,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,gBAAgB,GAC9C,CACH,EACA,CAAC,CAAC,UAAU,IAAI,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAC/C,KAAC,aAAa,IACZ,aAAa,EAAG,UAAkB,EAAE,cAAc,EAClD,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EACzC,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EACjD,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,gBAAgB,GAC9C,CACH,EACA,CAAC,CAAC,UAAU,IAAI,wBAAwB,CAAC,IAAI,CAAC,IAAI,CACjD,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,IAAI,EAAE,EACpB,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAC7C,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,GACrC,CACH,EACA,CAAC,CAAC,UAAU,IAAI,wBAAwB,CAAC,IAAI,CAAC,IAAI,CACjD,KAAC,eAAe,KAAG,CACpB,EACA,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAC1C,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,GAAI,CAC7C,EAEA,CAAC,CAAC,UAAU,IAAI,wBAAwB,CAAC,IAAI,CAAC,IAAI,CACjD,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EACrC,KAAK,EAAE,KAAK,GACZ,CACH,KAnEO,GAAG,IAAI,IAAI,KAAK,EAAE,CAoEtB,CACP,CAAC;gCACJ,CAAC,CAAC,GACE,CACP,IACG,IACF,IACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAA2B,EAAE,EAAE;IAClE,MAAM,IAAI,GAAG,WAAW,CAAC;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IAElE,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gCAAgC;QACzE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,qBAAqB;QAE9B,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,6CAA6C,EACvD,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,eAC5C,IAAI,YAEf,eACE,SAAS,EAAE,EAAE,CACX,2NAA2N,EAC3N;gBACE,yCAAyC,EAAE,IAAI;aAChD,CACF,aAEA,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CACxC,cAAK,SAAS,EAAC,kFAAkF,YAC/F,cACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,GAAG,EAAE,IAAI,IAAI,aAAa,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,cAAc,GACxB,GACE,CACP,EACD,cAAK,SAAS,EAAC,4BAA4B,YACzC,eAAK,SAAS,EAAC,wEAAwE,yBAC5E,IAAI,IACT,GACF,IACF,GACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport React, { FC, useEffect, useMemo, useState } from 'react';\nimport { LOCATION_TOOLS } from '../../constants/toolNames';\nimport { useChatData } from '../../hooks/useChatData';\nimport { BotType } from '../../types/bot.type';\nimport { ChatMessageType, ToolUsage } from '../../types/flowise.type';\nimport { cn } from '../../utils/commonUtils';\nimport {\n  getAvatarSource,\n  getMessageBackgroundColor,\n  getMessageTextColor,\n  getRole,\n  shouldShowAvatar,\n} from '../../utils/messageUtils';\nimport {\n  categorizeTools,\n  hasFocusToolOutput,\n  isDisplayBookingFormTool,\n  isDisplayBookingListTool,\n  isDisplayContactFormTool,\n  isDisplayProductDetailTool,\n  isDisplayProductListTool,\n  isDisplayScenariosTool,\n  isHtmlContent,\n  isWeatherTool,\n  parseToolOutput,\n  removeToolOutputFromContent,\n} from '../../utils/toolUtils';\nimport AgentThinking from './AgentThinking';\nimport AudioPlayer from './AudioPlayer';\nimport BookMeetingForm from './BookMeetingForm';\nimport BookMeetingList from './BookMeetingList';\nimport { HtmlContent } from './HtmlContent';\nimport { SparklesIcon } from './Icons';\nimport { LocationCard } from './LocationCard';\nimport { Markdown } from './Markdown';\nimport { PreviewAttachment } from './PreviewAttachment';\nimport ProductDetail from './ProductDetail';\nimport ProductList from './ProductList';\nimport ScenariosList from './ScenariosList';\nimport UserContactForm from './UserContactForm';\nimport { Weather } from './Weather';\n\ntype PropsType = {\n  chatId?: string;\n  message: ChatMessageType;\n  isLoading: boolean;\n  bot: BotType | null;\n  enableTTS?: boolean;\n};\n\nconst PreviewMessage: FC<PropsType> = ({\n  chatId,\n  message,\n  bot,\n  enableTTS,\n  isLoading,\n}) => {\n  const { theme, overrideConfig, apiHost } = useConfiguration();\n  const { listeners } = useChatData();\n\n  const usedTools = useMemo(() => {\n    return categorizeTools(message.usedTools || [], !!message.new);\n  }, [message.usedTools, message.new]);\n\n  const role = useMemo(() => {\n    return getRole(message.role);\n  }, [message.role]);\n\n  const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);\n\n  const focusToolOutput = useMemo(() => {\n    return hasFocusToolOutput(message.usedTools || []);\n  }, [message.usedTools]);\n\n  const messageContent = useMemo(() => {\n    if (!focusToolOutput) {\n      return message.content;\n    }\n\n    return removeToolOutputFromContent(\n      message.content,\n      message.usedTools || []\n    );\n  }, [focusToolOutput, message.content, message.usedTools]);\n\n  useEffect(() => {\n    const cmdTool = usedTools?.cmdToolResult as any;\n    if (!cmdTool || !listeners?.['CMD_CALLBACK']) {\n      return;\n    }\n\n    const tool = cmdTool as ToolUsage;\n    listeners['CMD_CALLBACK']({\n      tool: tool.tool,\n      output: tool.toolOutput,\n    });\n  }, [usedTools]);\n\n  return (\n    <motion.div\n      className=\"w-full mx-auto max-w-3xl px-4 group/message\"\n      initial={{ y: 5, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      data-role={role}\n    >\n      <div className=\"flex justify-end text-[14px]\">\n        {message?.fileUploads && !!message.fileUploads.length && (\n          <PreviewAttachment attachment={message.fileUploads[0]} />\n        )}\n      </div>\n      <div\n        className={cn(\n          `group-data-[role=user]/message:bg-[#FFF] group-data-[role=user]/message:rounded-[24px] text-[#18181B] group-data-[role=user]/message:px-[16px] group-data-[role=user]/message:py-[10px] flex gap-4  w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl overflow-x-hidden `\n        )}\n        style={{\n          backgroundColor: getMessageBackgroundColor(role, theme),\n        }}\n      >\n        {shouldShowAvatar(theme, message.role) && (\n          <div className=\"size-8 flex items-center rounded-full justify-center ring-1 shrink-0 ring-border\">\n            {assistantAvatar ? (\n              <img\n                src={assistantAvatar}\n                alt={bot?.name ?? 'User Avatar'}\n                width={24}\n                height={24}\n                className=\"rounded-full\"\n              />\n            ) : (\n              <SparklesIcon size={14} />\n            )}\n          </div>\n        )}\n\n        <div className=\"flex flex-col gap-2 w-full\">\n          {/* Agent Thinking Display */}\n          {message?.agentSteps && !!message.agentSteps.length && (\n            <AgentThinking steps={message.agentSteps} isLoading={isLoading} />\n          )}\n\n          {/* Message Content */}\n          {!!messageContent && (\n            <div\n              className=\"flex flex-col gap-4\"\n              style={{\n                color: getMessageTextColor(role, theme),\n              }}\n            >\n              <Markdown\n                usedTools={focusToolOutput ? undefined : message?.usedTools}\n              >\n                {messageContent as string}\n              </Markdown>\n            </div>\n          )}\n\n          {/* Audio Player */}\n          {!focusToolOutput && (role === 'assistant' || message?.ttsUrl) && (\n            <AudioPlayer\n              chatId={chatId}\n              message={message}\n              autoplay={!!enableTTS}\n            />\n          )}\n\n          {/* Custom Tool Results */}\n          {!!usedTools?.customToolResults?.length && (\n            <div className=\"flex flex-col gap-4 custom-tools\">\n              {usedTools.customToolResults.map((usedTool, index) => {\n                const { tool, toolOutput, toolInput } = usedTool;\n                const outputData = parseToolOutput(toolOutput);\n                return (\n                  <div key={`${tool}-${index}`} className=\"custom-tool-result\">\n                    {!!outputData && isWeatherTool(tool) && (\n                      <Weather weatherAtLocation={outputData} />\n                    )}\n                    {!!outputData?.data?.getCMSLocationInfoDetail &&\n                      tool === LOCATION_TOOLS.GET_ASSIGNED_LOCATION_DETAIL && (\n                        <LocationCard\n                          location={outputData.data.getCMSLocationInfoDetail}\n                        />\n                      )}\n                    {!!outputData &&\n                      tool === LOCATION_TOOLS.SEARCH_TRAVELING_PLACES && (\n                        <div className=\"flex flex-row overflow-x-auto\">\n                          {outputData.map((place: any) => (\n                            <div\n                              key={place.id}\n                              className=\"flex-shrink-0 pr-2 max-w-full\"\n                            >\n                              <LocationCard location={place} />\n                            </div>\n                          ))}\n                        </div>\n                      )}\n                    {!!toolOutput && isDisplayProductListTool(tool) && (\n                      <ProductList\n                        productCodes={(outputData as any).product_codes}\n                        tourCode={overrideConfig?.vars?.TOUR_CODE}\n                        languageCode={overrideConfig?.vars?.LANGUAGE_CODE}\n                        apiUrl={overrideConfig?.vars?.CLIK_GRAPHQL_API}\n                      />\n                    )}\n                    {!!toolOutput && isDisplayProductDetailTool(tool) && (\n                      <ProductDetail\n                        productCode={(outputData as any).product_code}\n                        tourCode={overrideConfig?.vars?.TOUR_CODE}\n                        languageCode={overrideConfig?.vars?.LANGUAGE_CODE}\n                        apiUrl={overrideConfig?.vars?.CLIK_GRAPHQL_API}\n                      />\n                    )}\n                    {!!toolOutput && isDisplayScenariosTool(tool) && (\n                      <ScenariosList\n                        scenarioCodes={(outputData as any)?.scenario_codes}\n                        tourCode={overrideConfig?.vars?.TOUR_CODE}\n                        languageCode={overrideConfig?.vars?.LANGUAGE_CODE}\n                        apiUrl={overrideConfig?.vars?.CLIK_GRAPHQL_API}\n                      />\n                    )}\n                    {!!toolOutput && isDisplayBookingFormTool(tool) && (\n                      <BookMeetingForm\n                        chatId={chatId || ''}\n                        brandAlias={overrideConfig?.vars?.BRAND_ALIAS}\n                        userId={overrideConfig?.vars?.USER_ID}\n                      />\n                    )}\n                    {!!toolOutput && isDisplayContactFormTool(tool) && (\n                      <UserContactForm />\n                    )}\n                    {!!toolOutput && isHtmlContent(usedTool) && (\n                      <HtmlContent content={outputData.content} />\n                    )}\n\n                    {!!toolOutput && isDisplayBookingListTool(tool) && (\n                      <BookMeetingList\n                        apiHost={apiHost}\n                        userId={overrideConfig?.vars?.USER_ID}\n                        theme={theme}\n                      />\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </div>\n    </motion.div>\n  );\n};\n\nexport const ThinkingMessage = ({ bot }: { bot: BotType | null }) => {\n  const role = 'assistant';\n  const [dotCount, setDotCount] = useState(0);\n\n  const { theme } = useConfiguration();\n\n  const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);\n\n  // Animate dots splashing effect\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setDotCount((prev) => (prev + 1) % 4); // Cycle through 0, 1, 2, 3 dots\n    }, 500); // Change every 500ms\n\n    return () => clearInterval(interval);\n  }, []);\n\n  const dots = '.'.repeat(dotCount);\n\n  return (\n    <motion.div\n      className=\"w-full mx-auto max-w-3xl px-4 group/message\"\n      initial={{ y: 5, opacity: 0 }}\n      animate={{ y: 0, opacity: 1, transition: { delay: 1 } }}\n      data-role={role}\n    >\n      <div\n        className={cn(\n          'flex gap-4 group-data-[role=user]/message:px-3 w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl group-data-[role=user]/message:py-2 rounded-xl',\n          {\n            'group-data-[role=user]/message:bg-muted': true,\n          }\n        )}\n      >\n        {shouldShowAvatar(theme, 'apiMessage') && (\n          <div className=\"size-8 flex items-center rounded-full justify-center ring-1 shrink-0 ring-border\">\n            <img\n              src={assistantAvatar}\n              alt={bot?.name ?? 'User Avatar'}\n              width={24}\n              height={24}\n              className=\"rounded-full\"\n            />\n          </div>\n        )}\n        <div className=\"flex flex-col gap-2 w-full\">\n          <div className=\"text-muted-foreground text-sm opacity-70 font-mono whitespace-pre-wrap\">\n            Thinking{dots}\n          </div>\n        </div>\n      </div>\n    </motion.div>\n  );\n};\n\nexport default React.memo(PreviewMessage);\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput copy.d.ts

@@ -1,28 +0,0 @@
-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/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/MultimodalInput copy.d.ts.map

@@ -1 +0,0 @@
-{"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"}