npm - @clikvn/agent-widget-embedded - Versions diffs - 1.1.5-dev-10 → 1.1.5-dev-13 - Mend

@clikvn/agent-widget-embedded 1.1.5-dev-10 → 1.1.5-dev-13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

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

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

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

@@ -6,8 +6,10 @@ 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, isHtmlContent, isDisplayProductListTool, isWeatherTool, parseToolOutput, removeToolOutputFromContent, isDisplayScenariosTool, isDisplayProductDetailTool, isDisplayBookingFormTool, isDisplayContactFormTool, } from '../../utils/toolUtils';
+import { categorizeTools, hasFocusToolOutput, isDisplayBookingFormTool, isDisplayContactFormTool, isDisplayProductDetailTool, isDisplayProductListTool, isDisplayScenariosTool, isHtmlContent, isWeatherTool, parseToolOutput, removeToolOutputFromContent, } from '../../utils/toolUtils';
+import AgentThinking from './AgentThinking';
 import AudioPlayer from './AudioPlayer';
+import BookMeetingForm from './BookMeetingForm';
 import { HtmlContent } from './HtmlContent';
 import { SparklesIcon } from './Icons';
 import { LocationCard } from './LocationCard';
@@ -16,8 +18,8 @@ import { PreviewAttachment } from './PreviewAttachment';
 import ProductDetail from './ProductDetail';
 import ProductList from './ProductList';
 import { ScenariosList } from './ScenariosList';
+import UserContactForm from './UserContactForm';
 import { Weather } from './Weather';
-import AgentThinking from './AgentThinking';
 export const PreviewMessage = ({ chatId, message, bot, enableTTS, isLoading, }) => {
     const { theme, overrideConfig } = useConfiguration();
     const { listeners } = useChatData();
@@ -57,7 +59,7 @@ export const PreviewMessage = ({ chatId, message, bot, enableTTS, isLoading, })
                                     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, { content: outputData || toolOutput, productCodesStr: toolInput?.productCodes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayScenariosTool(tool) && (_jsx(ScenariosList, { content: outputData, scenarioCodesStr: toolInput?.scenarioCodes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayProductDetailTool(tool) && (_jsx(ProductDetail, { content: outputData, productCode: toolInput?.productCode, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayBookingFormTool(tool) && (_jsx("div", {})), !!toolOutput && isDisplayContactFormTool(tool) && (_jsx("div", {})), !!toolOutput && isHtmlContent(usedTool) && (_jsx(HtmlContent, { content: outputData.content }))] }, `${tool}-${index}`));
+                                                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, { content: outputData || toolOutput, productCodesStr: toolInput?.productCodes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayScenariosTool(tool) && (_jsx(ScenariosList, { content: outputData, scenarioCodesStr: toolInput?.scenarioCodes, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayProductDetailTool(tool) && (_jsx(ProductDetail, { content: outputData, productCode: toolInput?.productCode, tourCode: overrideConfig?.vars?.TOUR_CODE, languageCode: overrideConfig?.vars?.LANGUAGE_CODE, apiUrl: overrideConfig?.vars?.CLIK_GRAPHQL_API })), !!toolOutput && isDisplayBookingFormTool(tool) && (_jsx(BookMeetingForm, {})), !!toolOutput && isDisplayContactFormTool(tool) && (_jsx(UserContactForm, {})), !!toolOutput && isHtmlContent(usedTool) && (_jsx(HtmlContent, { content: outputData.content }))] }, `${tool}-${index}`));
                                 }) }))] })] })] }));
 };
 export const ThinkingMessage = ({ bot }) => {

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

	@@ -1 +1 @@
1	- {"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,EAAM,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/C,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,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,eAAe,EACf,2BAA2B,EAC3B,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,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,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAU5C,MAAM,CAAC,MAAM,cAAc,GAAkB,CAAC,EAC5C,MAAM,EACN,OAAO,EACP,GAAG,EACH,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,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,6VAA6V,CAC9V,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,OAAO,EAAE,UAAU,IAAI,UAAU,EACjC,eAAe,EAAG,SAAiB,EAAE,YAAY,EACjD,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,OAAO,EAAE,UAAU,EACnB,gBAAgB,EAAG,SAAiB,EAAE,aAAa,EACnD,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,OAAO,EAAE,UAAU,EACnB,WAAW,EAAG,SAAiB,EAAE,WAAW,EAC5C,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,eAAW,CACZ,EACA,CAAC,CAAC,UAAU,IAAI,wBAAwB,CAAC,IAAI,CAAC,IAAI,CACjD,eAAW,CACZ,EACA,CAAC,CAAC,UAAU,IAAI,aAAa,CAAC,QAAQ,CAAC,IAAI,CAC1C,KAAC,WAAW,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,GAAI,CAC7C,KA1DO,GAAG,IAAI,IAAI,KAAK,EAAE,CA2DtB,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;IAEzB,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IAElE,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,cAAK,SAAS,EAAC,2CAA2C,4BAEpD,GACF,IACF,GACK,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport { FC, useEffect, useMemo } 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 isHtmlContent,\n isDisplayProductListTool,\n isWeatherTool,\n parseToolOutput,\n removeToolOutputFromContent,\n isDisplayScenariosTool,\n isDisplayProductDetailTool,\n isDisplayBookingFormTool,\n isDisplayContactFormTool,\n} from '../../utils/toolUtils';\nimport AudioPlayer from './AudioPlayer';\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 { Weather } from './Weather';\nimport AgentThinking from './AgentThinking';\n\ntype PropsType = {\n chatId?: string;\n message: ChatMessageType;\n isLoading: boolean;\n bot: BotType \| null;\n enableTTS?: boolean;\n};\n\nexport const PreviewMessage: FC<PropsType> = ({\n chatId,\n message,\n bot,\n enableTTS,\n isLoading,\n}) => {\n const { theme, overrideConfig } = 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 break-all`\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 content={outputData \|\| toolOutput}\n productCodesStr={(toolInput as any)?.productCodes}\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 content={outputData}\n scenarioCodesStr={(toolInput as any)?.scenarioCodes}\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 content={outputData}\n productCode={(toolInput as any)?.productCode}\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 <div></div>\n )}\n {!!toolOutput && isDisplayContactFormTool(tool) && (\n <div></div>\n )}\n {!!toolOutput && isHtmlContent(usedTool) && (\n <HtmlContent content={outputData.content} />\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\n const { theme } = useConfiguration();\n\n const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);\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=\"flex flex-col gap-4 text-muted-foreground\">\n Thinking...\n </div>\n </div>\n </div>\n </motion.div>\n );\n};\n"]}
1	+ {"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/components/Chat/Message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport { FC, useEffect, useMemo } 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 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 { 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\nexport const PreviewMessage: FC<PropsType> = ({\n chatId,\n message,\n bot,\n enableTTS,\n isLoading,\n}) => {\n const { theme, overrideConfig } = 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 break-all`\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 content={outputData \|\| toolOutput}\n productCodesStr={(toolInput as any)?.productCodes}\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 content={outputData}\n scenarioCodesStr={(toolInput as any)?.scenarioCodes}\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 content={outputData}\n productCode={(toolInput as any)?.productCode}\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 )}\n {!!toolOutput && isDisplayContactFormTool(tool) && (\n <UserContactForm />\n )}\n {!!toolOutput && isHtmlContent(usedTool) && (\n <HtmlContent content={outputData.content} />\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\n const { theme } = useConfiguration();\n\n const assistantAvatar = getAvatarSource(role, theme, bot?.avatar);\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=\"flex flex-col gap-4 text-muted-foreground\">\n Thinking...\n </div>\n </div>\n </div>\n </motion.div>\n );\n};\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UserContactForm.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/UserContactForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,~~EAAY~~,MAAM,OAAO,CAAC;~~AAMrC~~,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;~~AAmBF~~,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,wBAAwB,~~CA0MjD~~,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"UserContactForm.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/UserContactForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAmBhD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;AAQF,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,wBAAwB,CA6QjD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,20 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion } from 'framer-motion';
 import { useConfiguration } from 'hooks/useConfiguration';
-import { useState } from 'react';
-import { isEmptyString } from 'utils/functionUtils';
+import { useEffect, useState } from 'react';
+import { isEmptyString, validateEmail } from 'utils/functionUtils';
+import { isValidPhoneNumber, parsePhoneNumber, } from 'react-phone-number-input';
+import { generateUUID } from 'utils/commonUtils';
 import { FacebookMessageIcon, ZaloIcon } from './Icons';
+import PhoneNumberInput from './ui/PhoneNumberInput';
 import Spinner from './ui/Spinner';
+import { createUserContact, getUserContact, } from 'services/userContact.service';
 const UserContactForm = () => {
-    const { theme } = useConfiguration();
+    const { theme, apiHost } = useConfiguration();
     const [formData, setFormData] = useState({
         name: '',
-        contact: '',
+        contact: undefined,
         email: '',
     });
     const [loading, setLoading] = useState(false);
     const [statusSubmit, setStatusSubmit] = useState();
     const [errors, setErrors] = useState({});
+    const [disabled, setDisabled] = useState(false);
     const handleChange = (e) => {
         const { name, value } = e.target;
         setFormData((prevData) => ({
@@ -34,23 +39,32 @@ const UserContactForm = () => {
             const message = theme?.userContactForm?.messages?.needFillContactOrEmail ||
                 'You need to fill either contact or email';
             errors.contact = message;
-            errors.email = message;
+            errors.host = message;
             return errors;
         }
-        if (hasContact &&
-            !/^(?:\+)?[0-9](?:[0-9] ?){5,13}[0-9]$/.test(formData.contact)) {
+        if (hasContact && !isValidPhoneNumber(formData.contact)) {
             errors.contact =
                 theme?.userContactForm?.messages?.invalidContact ||
                     'Invalid contact number';
         }
-        if (hasEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email)) {
-            errors.email =
+        if (hasEmail && !validateEmail(formData.email)) {
+            errors.host =
                 theme?.userContactForm?.messages?.invalidEmail ||
                     'Invalid email format';
         }
         return errors;
     };
-    const handleSubmit = (e) => {
+    const getPhoneData = (value) => {
+        if (!value)
+            return undefined;
+        const phoneNumberData = parsePhoneNumber(value);
+        return {
+            primaryPhoneNumber: phoneNumberData?.number,
+            primaryPhoneCountryCode: phoneNumberData?.country,
+            primaryPhoneCallingCode: phoneNumberData?.countryCallingCode,
+        };
+    };
+    const handleSubmit = async (e) => {
         e.preventDefault();
         setLoading(true);
         try {
@@ -60,12 +74,27 @@ const UserContactForm = () => {
                 return;
             }
             setErrors({});
-            // TODO: Send form data to backend
-            setStatusSubmit({
-                message: theme?.userContactForm?.messages?.submitSuccess ||
-                    'Submit successful',
-                status: 200,
-            });
+            const requestData = {
+                sessionId: `${formData?.email || formData?.contact}-${generateUUID()}`,
+                name: {
+                    firstName: formData.name,
+                    lastName: '',
+                },
+                phones: getPhoneData(formData?.contact),
+                emails: {
+                    primaryEmail: formData?.email || undefined,
+                },
+            };
+            const res = await createUserContact(requestData, apiHost);
+            if (res?.sessionId) {
+                localStorage.setItem('sessionId', res.sessionId);
+                setDisabled(true);
+                setStatusSubmit({
+                    message: theme?.userContactForm?.messages?.submitSuccess ||
+                        'Submit successful',
+                    status: 200,
+                });
+            }
         }
         catch (error) {
             console.error(error);
@@ -78,7 +107,33 @@ const UserContactForm = () => {
             setLoading(false);
         }
     };
-    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 }, children: _jsxs("form", { className: "flex flex-col gap-3 bg-white px-3 py-3 pb-4 rounded-lg w-full", onSubmit: handleSubmit, children: [_jsx("div", { className: "text-[#18181B] font-semibold text-base", children: theme?.userContactForm?.title || 'Your contact' }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-full-name", children: theme?.userContactForm?.labelName || 'Name' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx("input", { className: `rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.name ? 'border-red-500' : 'border-[#E2E8F0]'}`, id: "name", name: "name", type: "text", placeholder: theme?.userContactForm?.labelName || 'Name', onChange: handleChange, value: formData?.name || '' }), !!errors?.name && (_jsx("span", { className: "text-red-500 text-sm mt-1", children: errors.name }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-contact", children: theme?.userContactForm?.labelContact || 'Contact' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx("input", { className: `rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.contact ? 'border-red-500' : 'border-[#E2E8F0]'}`, id: "contact", name: "contact", placeholder: theme?.userContactForm?.labelContact || 'Contact', onChange: handleChange, value: formData?.contact || '' }), !!errors?.contact && (_jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.contact }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-email", children: theme?.userContactForm?.labelEmail || 'Email' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx("input", { className: `rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.email ? 'border-red-500' : 'border-[#E2E8F0]'}`, id: "email", name: "email", placeholder: theme?.userContactForm?.labelContact || 'Email', onChange: handleChange, value: formData?.email || '', type: "email" }), !!errors?.email && (_jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.email }))] })] })] }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "w-full", children: _jsx("button", { className: `shadow bg-[#1E6EB4] hover:bg-[#4096ff] focus:shadow-outline focus:outline-none text-white font-bold py-2 px-8 rounded-lg w-full h-[40px] ${loading ? 'flex items-center justify-center' : ''}`, type: "submit", children: loading ? (_jsx(Spinner, {})) : (`${theme?.buttons?.textBtnSubmit || 'Submit'}`) }) }) }), _jsxs("div", { className: "flex flex-col gap-3 items-center", children: [_jsx("div", { className: "font-medium text-[14px] leading-[14px] text-[#18181B]", children: theme?.userContactForm?.orConnect || 'Or connect with' }), _jsxs("div", { className: "flex gap-4", children: [_jsx(ZaloIcon, {}), _jsx(FacebookMessageIcon, {})] })] })] }) }));
+    const handleChangeContact = (val) => {
+        setFormData((prevData) => ({
+            ...prevData,
+            contact: val,
+        }));
+    };
+    const getUserContactData = async () => {
+        const sessionId = localStorage.getItem('sessionId');
+        if (sessionId) {
+            const res = await getUserContact(apiHost, { sessionId });
+            const contact = `+${res?.phones?.primaryPhoneCallingCode}${res?.phones?.primaryPhoneNumber}`;
+            setFormData((prevData) => ({
+                ...prevData,
+                name: res?.name?.firstName,
+                contact: contact,
+                email: res?.emails?.primaryEmail,
+            }));
+            setDisabled(true);
+        }
+    };
+    useEffect(() => {
+        const sessionId = localStorage.getItem('sessionId');
+        if (sessionId) {
+            getUserContactData();
+        }
+    }, []);
+    return (_jsx(motion.div, { className: "w-full mx-auto max-w-[358px] px-4 group/message", initial: { y: 5, opacity: 0 }, animate: { y: 0, opacity: 1 }, children: _jsxs("form", { className: "flex flex-col gap-3 bg-white px-3 py-3 pb-4 rounded-lg w-full", onSubmit: handleSubmit, children: [_jsx("div", { className: "text-[#18181B] font-semibold text-base", children: theme?.userContactForm?.title || 'Your contact' }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-full-name", children: theme?.userContactForm?.labelName || 'Name' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx("input", { className: `rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${errors?.name ? 'border-red-500' : 'border-[#E2E8F0]'}`, id: "name", name: "name", type: "text", placeholder: theme?.userContactForm?.labelName || 'Name', onChange: handleChange, value: formData?.name || '', disabled: disabled }), !!errors?.name && (_jsx("span", { className: "text-red-500 text-sm mt-1", children: errors.name }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-contact", children: theme?.userContactForm?.labelContact || 'Contact' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx(PhoneNumberInput, { onChange: handleChangeContact, placeholder: theme?.userContactForm?.labelContact || 'Contact', value: formData?.contact, disabled: disabled }), !!errors?.contact && (_jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.contact }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "inline-email", children: theme?.userContactForm?.labelEmail || 'Email' }), _jsxs("div", { className: "flex flex-col gap-3 w-full", children: [_jsx("input", { className: `rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${errors?.host ? 'border-red-500' : 'border-[#E2E8F0]'}`, id: "email", name: "email", placeholder: theme?.userContactForm?.labelContact || 'Email', onChange: handleChange, value: formData?.email || '', type: "email", disabled: disabled }), !!errors?.host && (_jsx("p", { className: "text-red-500 text-sm mt-1", children: errors.host }))] })] })] }), statusSubmit && (_jsx("div", { className: "flex items-center w-full justify-center", children: _jsx("p", { className: `text-green-500 text-sm mt-1 ${statusSubmit?.status === 200 ? 'text-green-500' : 'text-red-500'}`, children: statusSubmit.message }) })), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "w-full", children: _jsx("button", { className: `shadow bg-[#1E6EB4] hover:bg-[#4096ff] focus:shadow-outline focus:outline-none text-white font-bold py-2 px-8 rounded-lg w-full h-[40px] disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${loading ? 'flex items-center justify-center' : ''}`, type: "submit", disabled: disabled, children: loading ? (_jsx(Spinner, {})) : (`${theme?.buttons?.textBtnSubmit || 'Submit'}`) }) }) }), _jsxs("div", { className: "flex flex-col gap-3 items-center", children: [_jsx("div", { className: "font-medium text-[14px] leading-[14px] text-[#18181B]", children: theme?.userContactForm?.orConnect || 'Or connect with' }), _jsxs("div", { className: "flex gap-4", children: [_jsx(ZaloIcon, {}), _jsx(FacebookMessageIcon, {})] })] })] }) }));
 };
 export default UserContactForm;
 //# sourceMappingURL=UserContactForm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UserContactForm.js","sourceRoot":"","sources":["../../../src/components/Chat/UserContactForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport { FC, useState } from 'react';\nimport { isEmptyString } from 'utils/functionUtils';\n\nimport { FacebookMessageIcon, ZaloIcon } from './Icons';\nimport Spinner from './ui/Spinner';\n\ntype UserContactFormPropsType = {\n theme?: Record<string, unknown>;\n};\n\ntype FormDataType = {\n name: string;\n contact: string;\n email: string;\n};\n\ntype FormErrors = {\n name?: string;\n contact?: string;\n email?: string;\n};\n\ntype StatusSubmitType = {\n message: string;\n status: number;\n};\n\nconst UserContactForm: FC<UserContactFormPropsType> = () => {\n const { theme } = useConfiguration();\n const [formData, setFormData] = useState<FormDataType>({\n name: '',\n contact: '',\n email: '',\n });\n const [loading, setLoading] = useState(false);\n const [statusSubmit, setStatusSubmit] = useState<StatusSubmitType>();\n const [errors, setErrors] = useState<FormErrors>({});\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = e.target;\n setFormData((prevData) => ({\n ...prevData,\n [name]: value,\n }));\n };\n\n const validateForm = () => {\n const errors: FormErrors = {};\n const messages = theme?.userContactForm?.messages;\n\n if (isEmptyString(formData.name)) {\n errors.name = messages?.nameError \|\| 'Name is required';\n }\n\n const hasContact = !isEmptyString(formData.contact);\n const hasEmail = !isEmptyString(formData.email);\n\n if (!hasContact && !hasEmail) {\n const message =\n theme?.userContactForm?.messages?.needFillContactOrEmail \|\|\n 'You need to fill either contact or email';\n errors.contact = message;\n errors.email = message;\n return errors;\n }\n\n if (\n hasContact &&\n !/^(?:\\+)?[0-9](?:[0-9] ?){5,13}[0-9]$/.test(formData.contact!)\n ) {\n errors.contact =\n theme?.userContactForm?.messages?.invalidContact \|\|\n 'Invalid contact number';\n }\n\n if (hasEmail && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.email!)) {\n errors.email =\n theme?.userContactForm?.messages?.invalidEmail \|\|\n 'Invalid email format';\n }\n\n return errors;\n };\n\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n setLoading(true);\n try {\n const validationErrors = validateForm();\n if (Object.keys(validationErrors)?.length) {\n setErrors(validationErrors);\n return;\n }\n\n setErrors({});\n // TODO: Send form data to backend\n setStatusSubmit({\n message:\n theme?.userContactForm?.messages?.submitSuccess \|\|\n 'Submit successful',\n status: 200,\n });\n } catch (error) {\n console.error(error);\n setStatusSubmit({\n message:\n theme?.userContactForm?.messages?.submitError \|\| 'Failed to submit',\n status: 500,\n });\n } finally {\n setLoading(false);\n }\n };\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 >\n <form\n className=\"flex flex-col gap-3 bg-white px-3 py-3 pb-4 rounded-lg w-full\"\n onSubmit={handleSubmit}\n >\n <div className=\"text-[#18181B] font-semibold text-base\">\n {theme?.userContactForm?.title \|\| 'Your contact'}\n </div>\n\n <div className=\"flex flex-col gap-3\">\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-full-name\"\n >\n {theme?.userContactForm?.labelName \|\| 'Name'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <input\n className={`rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.name ? 'border-red-500' : 'border-[#E2E8F0]'}`}\n id=\"name\"\n name=\"name\"\n type=\"text\"\n placeholder={theme?.userContactForm?.labelName \|\| 'Name'}\n onChange={handleChange}\n value={formData?.name \|\| ''}\n />\n {!!errors?.name && (\n <span className=\"text-red-500 text-sm mt-1\">{errors.name}</span>\n )}\n </div>\n </div>\n\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-contact\"\n >\n {theme?.userContactForm?.labelContact \|\| 'Contact'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <input\n className={`rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.contact ? 'border-red-500' : 'border-[#E2E8F0]'}`}\n id=\"contact\"\n name=\"contact\"\n placeholder={theme?.userContactForm?.labelContact \|\| 'Contact'}\n onChange={handleChange}\n value={formData?.contact \|\| ''}\n />\n {!!errors?.contact && (\n <p className=\"text-red-500 text-sm mt-1\">{errors.contact}</p>\n )}\n </div>\n </div>\n\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-email\"\n >\n {theme?.userContactForm?.labelEmail \|\| 'Email'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <input\n className={`rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 ${errors?.email ? 'border-red-500' : 'border-[#E2E8F0]'}`}\n id=\"email\"\n name=\"email\"\n placeholder={theme?.userContactForm?.labelContact \|\| 'Email'}\n onChange={handleChange}\n value={formData?.email \|\| ''}\n type=\"email\"\n />\n {!!errors?.email && (\n <p className=\"text-red-500 text-sm mt-1\">{errors.email}</p>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"flex items-center\">\n <div className=\"w-full\">\n <button\n className={`shadow bg-[#1E6EB4] hover:bg-[#4096ff] focus:shadow-outline focus:outline-none text-white font-bold py-2 px-8 rounded-lg w-full h-[40px] ${loading ? 'flex items-center justify-center' : ''}`}\n type=\"submit\"\n >\n {loading ? (\n <Spinner />\n ) : (\n `${theme?.buttons?.textBtnSubmit \|\| 'Submit'}`\n )}\n </button>\n </div>\n </div>\n\n <div className=\"flex flex-col gap-3 items-center\">\n <div className=\"font-medium text-[14px] leading-[14px] text-[#18181B]\">\n {theme?.userContactForm?.orConnect \|\| 'Or connect with'}\n </div>\n\n <div className=\"flex gap-4\">\n <ZaloIcon />\n <FacebookMessageIcon />\n </div>\n </div>\n </form>\n </motion.div>\n );\n};\n\nexport default UserContactForm;\n"]}
1	+ {"version":3,"file":"UserContactForm.js","sourceRoot":"","sources":["../../../src/components/Chat/UserContactForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport { FC, useEffect, useState } from 'react';\nimport { isEmptyString, validateEmail } from 'utils/functionUtils';\n\nimport {\n isValidPhoneNumber,\n parsePhoneNumber,\n Value,\n} from 'react-phone-number-input';\nimport { UserContactType } from 'types/userContact.type';\nimport { generateUUID } from 'utils/commonUtils';\nimport { FacebookMessageIcon, ZaloIcon } from './Icons';\nimport PhoneNumberInput from './ui/PhoneNumberInput';\nimport Spinner from './ui/Spinner';\nimport {\n createUserContact,\n getUserContact,\n} from 'services/userContact.service';\nimport { FormErrors, StatusSubmitType } from 'constants/form';\n\ntype UserContactFormPropsType = {\n theme?: Record<string, unknown>;\n};\n\ntype FormDataType = {\n name: string;\n contact: Value \| undefined;\n email: string;\n};\n\nconst UserContactForm: FC<UserContactFormPropsType> = () => {\n const { theme, apiHost } = useConfiguration();\n const [formData, setFormData] = useState<FormDataType>({\n name: '',\n contact: undefined,\n email: '',\n });\n const [loading, setLoading] = useState(false);\n const [statusSubmit, setStatusSubmit] = useState<StatusSubmitType>();\n const [errors, setErrors] = useState<FormErrors>({});\n const [disabled, setDisabled] = useState(false);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = e.target;\n setFormData((prevData) => ({\n ...prevData,\n [name]: value,\n }));\n };\n\n const validateForm = () => {\n const errors: FormErrors = {};\n const messages = theme?.userContactForm?.messages;\n\n if (isEmptyString(formData.name)) {\n errors.name = messages?.nameError \|\| 'Name is required';\n }\n\n const hasContact = !isEmptyString(formData.contact);\n const hasEmail = !isEmptyString(formData.email);\n\n if (!hasContact && !hasEmail) {\n const message =\n theme?.userContactForm?.messages?.needFillContactOrEmail \|\|\n 'You need to fill either contact or email';\n errors.contact = message;\n errors.host = message;\n return errors;\n }\n\n if (hasContact && !isValidPhoneNumber(formData.contact!)) {\n errors.contact =\n theme?.userContactForm?.messages?.invalidContact \|\|\n 'Invalid contact number';\n }\n\n if (hasEmail && !validateEmail(formData.email!)) {\n errors.host =\n theme?.userContactForm?.messages?.invalidEmail \|\|\n 'Invalid email format';\n }\n\n return errors;\n };\n\n const getPhoneData = (value?: Value) => {\n if (!value) return undefined;\n const phoneNumberData = parsePhoneNumber(value as string);\n\n return {\n primaryPhoneNumber: phoneNumberData?.number,\n primaryPhoneCountryCode: phoneNumberData?.country,\n primaryPhoneCallingCode: phoneNumberData?.countryCallingCode,\n };\n };\n\n const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n setLoading(true);\n try {\n const validationErrors = validateForm();\n if (Object.keys(validationErrors)?.length) {\n setErrors(validationErrors);\n return;\n }\n setErrors({});\n\n const requestData: UserContactType = {\n sessionId: `${formData?.email \|\| formData?.contact}-${generateUUID()}`,\n name: {\n firstName: formData.name,\n lastName: '',\n },\n phones: getPhoneData(formData?.contact),\n emails: {\n primaryEmail: formData?.email \|\| undefined,\n },\n };\n\n const res = await createUserContact(requestData, apiHost);\n if (res?.sessionId) {\n localStorage.setItem('sessionId', res.sessionId);\n\n setDisabled(true);\n setStatusSubmit({\n message:\n theme?.userContactForm?.messages?.submitSuccess \|\|\n 'Submit successful',\n status: 200,\n });\n }\n } catch (error) {\n console.error(error);\n setStatusSubmit({\n message:\n theme?.userContactForm?.messages?.submitError \|\| 'Failed to submit',\n status: 500,\n });\n } finally {\n setLoading(false);\n }\n };\n\n const handleChangeContact = (val?: Value \| undefined) => {\n setFormData((prevData) => ({\n ...prevData,\n contact: val,\n }));\n };\n\n const getUserContactData = async () => {\n const sessionId = localStorage.getItem('sessionId');\n if (sessionId) {\n const res = await getUserContact(apiHost, { sessionId });\n const contact = `+${res?.phones?.primaryPhoneCallingCode}${res?.phones?.primaryPhoneNumber}`;\n\n setFormData((prevData) => ({\n ...prevData,\n name: res?.name?.firstName,\n contact: contact as Value,\n email: res?.emails?.primaryEmail,\n }));\n setDisabled(true);\n }\n };\n\n useEffect(() => {\n const sessionId = localStorage.getItem('sessionId');\n if (sessionId) {\n getUserContactData();\n }\n }, []);\n\n return (\n <motion.div\n className=\"w-full mx-auto max-w-[358px] px-4 group/message\"\n initial={{ y: 5, opacity: 0 }}\n animate={{ y: 0, opacity: 1 }}\n >\n <form\n className=\"flex flex-col gap-3 bg-white px-3 py-3 pb-4 rounded-lg w-full\"\n onSubmit={handleSubmit}\n >\n <div className=\"text-[#18181B] font-semibold text-base\">\n {theme?.userContactForm?.title \|\| 'Your contact'}\n </div>\n\n <div className=\"flex flex-col gap-3\">\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-full-name\"\n >\n {theme?.userContactForm?.labelName \|\| 'Name'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <input\n className={`rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${errors?.name ? 'border-red-500' : 'border-[#E2E8F0]'}`}\n id=\"name\"\n name=\"name\"\n type=\"text\"\n placeholder={theme?.userContactForm?.labelName \|\| 'Name'}\n onChange={handleChange}\n value={formData?.name \|\| ''}\n disabled={disabled}\n />\n {!!errors?.name && (\n <span className=\"text-red-500 text-sm mt-1\">{errors.name}</span>\n )}\n </div>\n </div>\n\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-contact\"\n >\n {theme?.userContactForm?.labelContact \|\| 'Contact'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <PhoneNumberInput\n onChange={handleChangeContact}\n placeholder={theme?.userContactForm?.labelContact \|\| 'Contact'}\n value={formData?.contact}\n disabled={disabled}\n />\n {!!errors?.contact && (\n <p className=\"text-red-500 text-sm mt-1\">{errors.contact}</p>\n )}\n </div>\n </div>\n\n <div className=\"flex items-center gap-2\">\n <label\n className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n htmlFor=\"inline-email\"\n >\n {theme?.userContactForm?.labelEmail \|\| 'Email'}\n </label>\n\n <div className=\"flex flex-col gap-3 w-full\">\n <input\n className={`rounded-lg border-solid border h-[40px] pt-2 pr-2 pb-2 pl-3 disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${errors?.host ? 'border-red-500' : 'border-[#E2E8F0]'}`}\n id=\"email\"\n name=\"email\"\n placeholder={theme?.userContactForm?.labelContact \|\| 'Email'}\n onChange={handleChange}\n value={formData?.email \|\| ''}\n type=\"email\"\n disabled={disabled}\n />\n {!!errors?.host && (\n <p className=\"text-red-500 text-sm mt-1\">{errors.host}</p>\n )}\n </div>\n </div>\n </div>\n\n {statusSubmit && (\n <div className=\"flex items-center w-full justify-center\">\n <p\n className={`text-green-500 text-sm mt-1 ${statusSubmit?.status === 200 ? 'text-green-500' : 'text-red-500'}`}\n >\n {statusSubmit.message}\n </p>\n </div>\n )}\n\n <div className=\"flex items-center\">\n <div className=\"w-full\">\n <button\n className={`shadow bg-[#1E6EB4] hover:bg-[#4096ff] focus:shadow-outline focus:outline-none text-white font-bold py-2 px-8 rounded-lg w-full h-[40px] disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-100 ${loading ? 'flex items-center justify-center' : ''}`}\n type=\"submit\"\n disabled={disabled}\n >\n {loading ? (\n <Spinner />\n ) : (\n `${theme?.buttons?.textBtnSubmit \|\| 'Submit'}`\n )}\n </button>\n </div>\n </div>\n\n <div className=\"flex flex-col gap-3 items-center\">\n <div className=\"font-medium text-[14px] leading-[14px] text-[#18181B]\">\n {theme?.userContactForm?.orConnect \|\| 'Or connect with'}\n </div>\n\n <div className=\"flex gap-4\">\n <ZaloIcon />\n <FacebookMessageIcon />\n </div>\n </div>\n </form>\n </motion.div>\n );\n};\n\nexport default UserContactForm;\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/Button.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes } from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | 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> {

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/DataPickerCustom.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+type Props = {
+    onChange: (date: Date | null) => void;
+    disabled?: boolean;
+    value?: Date | null;
+};
+declare const DataPickerCustom: FC<Props>;
+export default DataPickerCustom;
+//# sourceMappingURL=DataPickerCustom.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataPickerCustom.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ui/DataPickerCustom.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACrB,CAAC;AAyDF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAe/B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/DataPickerCustom.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getMonth, getYear } from 'date-fns';
+import DatePicker from 'react-datepicker';
+import { ChevronLeft, ChevronRight } from '../Icons';
+const MONTHS = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+const CustomHeader = ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) => {
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            height: '32px',
+            margin: '0 12px',
+        }, children: [_jsx("button", { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, className: `border rounded-full bg-[#F8FAFC] border-[#E2E8F0] w-8 h-8 flex items-center justify-center hover:!bg-[#1E6EB4] hover:!border-[#1E6EB4] hover:!text-white disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500`, children: _jsx(ChevronLeft, { size: 24 }) }), _jsxs("div", { className: "flex items-center gap-2 text-[#18181B] font-semibold text-[17px] leading-[22px]", children: [_jsx("span", { children: MONTHS[getMonth(date)] }), _jsx("span", { children: getYear(date) })] }), _jsx("button", { onClick: increaseMonth, disabled: nextMonthButtonDisabled, className: "border rounded-full bg-[#F8FAFC] border-[#E2E8F0] w-8 h-8 flex items-center justify-center hover:!bg-[#1E6EB4] hover:!border-[#1E6EB4] hover:!text-white", children: _jsx(ChevronRight, { size: 24 }) })] }));
+};
+const DataPickerCustom = (props) => {
+    const { onChange, disabled, value } = props;
+    return (_jsx(DatePicker, { minDate: new Date(), dateFormat: "dd MMMM YYYY", className: "w-full rounded-lg border border-[#e0e0e0] bg-white pt-2 pr-[8px] pb-2 pl-3 text-base font-medium text-[#18181B] outline-none \n                h-[40px] disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500", disabled: disabled, onChange: onChange, selected: value, renderCustomHeader: CustomHeader }));
+};
+export default DataPickerCustom;
+//# sourceMappingURL=DataPickerCustom.js.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/DataPickerCustom.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataPickerCustom.js","sourceRoot":"","sources":["../../../../src/components/Chat/ui/DataPickerCustom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,UAAgD,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQrD,MAAM,MAAM,GAAG;IACb,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACF,CAAC;AAEX,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,aAAa,EACb,aAAa,EACb,uBAAuB,EACvB,uBAAuB,GACU,EAAE,EAAE;IACrC,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,QAAQ;SACjB,aAED,iBACE,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,EACjC,SAAS,EAAE,oOAAoO,YAE/O,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EAET,eAAK,SAAS,EAAC,iFAAiF,aAC9F,yBAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAQ,EACrC,yBAAO,OAAO,CAAC,IAAI,CAAC,GAAQ,IACxB,EAEN,iBACE,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,EACjC,SAAS,EAAC,0JAA0J,YAEpK,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAc,CAAC,KAAY,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,IAAI,IAAI,EAAE,EACnB,UAAU,EAAC,cAAc,EACzB,SAAS,EAAC,mOACmF,EAC7F,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,YAAY,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { getMonth, getYear } from 'date-fns';\nimport { FC } from 'react';\nimport DatePicker, { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport { ChevronLeft, ChevronRight } from '../Icons';\n\ntype Props = {\n onChange: (date: Date | null) => void;\n disabled?: boolean;\n value?: Date | null;\n};\n\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n] as const;\n\nconst CustomHeader = ({\n date,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n}: ReactDatePickerCustomHeaderProps) => {\n return (\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '32px',\n margin: '0 12px',\n }}\n >\n <button\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n className={`border rounded-full bg-[#F8FAFC] border-[#E2E8F0] w-8 h-8 flex items-center justify-center hover:!bg-[#1E6EB4] hover:!border-[#1E6EB4] hover:!text-white disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500`}\n >\n <ChevronLeft size={24} />\n </button>\n\n <div className=\"flex items-center gap-2 text-[#18181B] font-semibold text-[17px] leading-[22px]\">\n <span>{MONTHS[getMonth(date)]}</span>\n <span>{getYear(date)}</span>\n </div>\n\n <button\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n className=\"border rounded-full bg-[#F8FAFC] border-[#E2E8F0] w-8 h-8 flex items-center justify-center hover:!bg-[#1E6EB4] hover:!border-[#1E6EB4] hover:!text-white\"\n >\n <ChevronRight size={24} />\n </button>\n </div>\n );\n};\n\nconst DataPickerCustom: FC<Props> = (props: Props) => {\n const { onChange, disabled, value } = props;\n\n return (\n <DatePicker\n minDate={new Date()}\n dateFormat=\"dd MMMM YYYY\"\n className=\"w-full rounded-lg border border-[#e0e0e0] bg-white pt-2 pr-[8px] pb-2 pl-3 text-base font-medium text-[#18181B] outline-none \n h-[40px] disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500\"\n disabled={disabled}\n onChange={onChange}\n selected={value}\n renderCustomHeader={CustomHeader}\n />\n );\n};\n\nexport default DataPickerCustom;\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/PhoneNumberInput.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Value } from 'react-phone-number-input';
+type Props = {
+    value?: Value;
+    onChange?: (val?: Value | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+declare const PhoneNumberInput: FC<Props>;
+export default PhoneNumberInput;
+//# sourceMappingURL=PhoneNumberInput.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"PhoneNumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ui/PhoneNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAmB,EAEjB,KAAK,EACN,MAAM,0BAA0B,CAAC;AAElC,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAY/B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/PhoneNumberInput.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PhoneInput, { formatPhoneNumberIntl, } from 'react-phone-number-input';
+const PhoneNumberInput = (props) => {
+    const { value, onChange, placeholder, disabled = false } = props;
+    return (_jsx(PhoneInput, { defaultCountry: "VN", placeholder: placeholder, value: formatPhoneNumberIntl(value), onChange: onChange, disabled: disabled }));
+};
+export default PhoneNumberInput;
+//# sourceMappingURL=PhoneNumberInput.js.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/PhoneNumberInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PhoneNumberInput.js","sourceRoot":"","sources":["../../../../src/components/Chat/ui/PhoneNumberInput.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,EAAE,EACjB,qBAAqB,GAEtB,MAAM,0BAA0B,CAAC;AASlC,MAAM,gBAAgB,GAAc,CAAC,KAAY,EAAE,EAAE;IACnD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,KAAC,UAAU,IACT,cAAc,EAAC,IAAI,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,qBAAqB,CAAC,KAAuB,CAAC,EACrD,QAAQ,EAAE,QAA+C,EACzD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { FC } from 'react';\nimport PhoneInput, {\n formatPhoneNumberIntl,\n Value,\n} from 'react-phone-number-input';\n\ntype Props = {\n value?: Value;\n onChange?: (val?: Value | undefined) => void;\n placeholder?: string;\n disabled?: boolean;\n};\n\nconst PhoneNumberInput: FC<Props> = (props: Props) => {\n const { value, onChange, placeholder, disabled = false } = props;\n\n return (\n <PhoneInput\n defaultCountry=\"VN\"\n placeholder={placeholder}\n value={formatPhoneNumberIntl(value as string | Value)}\n onChange={onChange as (value?: Value | undefined) => void}\n disabled={disabled}\n />\n );\n};\n\nexport default PhoneNumberInput;\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/SelectBox.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+interface Option {
+    value: string;
+    label: string;
+}
+interface SelectBoxProps {
+    options: Option[];
+    defaultValue?: string;
+    onChange?: (value: string, name: string) => void;
+    className?: string;
+    optionClassName?: string;
+    name: string;
+    optionContainerClassName?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const SelectBox: FC<SelectBoxProps>;
+export {};
+//# sourceMappingURL=SelectBox.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ui/SelectBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyExC,CAAC"}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/SelectBox.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { ChevronDownIcon } from '../Icons';
+export const SelectBox = ({ options, defaultValue = '', onChange, className = '', optionClassName = '', optionContainerClassName = '', placeholder = 'Select an option', name, disabled = false, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedValue, setSelectedValue] = useState(defaultValue);
+    const selectRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (selectRef.current &&
+                !selectRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const handleSelect = (value) => {
+        setSelectedValue(value);
+        onChange?.(value, name);
+        setIsOpen(false);
+    };
+    const selectedLabel = options.find((option) => option.value === selectedValue)?.label ||
+        placeholder;
+    return (_jsxs("div", { className: `relative inline-block w-full ${className}`, ref: selectRef, children: [_jsxs("div", { className: `flex items-center justify-between w-full py-2 pr-2 pl-3 text-[#18181B] bg-white border border-[#E2E8F0]
+          rounded-lg cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500 hover:border-blue-400 transition-colors
+          ${disabled ? '!cursor-not-allowed !bg-gray-100 !text-gray-500 hover:!border-gray-300' : ''}`, onClick: () => {
+                    if (!disabled) {
+                        setIsOpen(!isOpen);
+                    }
+                }, children: [_jsx("span", { children: selectedLabel }), _jsx(ChevronDownIcon, {})] }), isOpen && (_jsx("ul", { className: `absolute z-10 w-full mt-1 bg-white border border-[#E2E8F0] rounded-md max-h-48 overflow-auto py-4 px-3 overflow-y-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex flex-col gap-2 ${optionContainerClassName}`, children: options.map((option) => (_jsx("li", { className: `px-4 py-2 text-[#18181B] hover:bg-[#1E6EB4] hover:text-[#F8FAFC] cursor-pointer transition-colors h-[40px] font-normal text-sm leading-6  ${optionClassName}`, onClick: () => handleSelect(option.value), children: option.label }, option.value))) }))] }));
+};
+//# sourceMappingURL=SelectBox.js.map

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/SelectBox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../../../src/components/Chat/ui/SelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmB3C,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,OAAO,EACP,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,wBAAwB,GAAG,EAAE,EAC7B,WAAW,GAAG,kBAAkB,EAChC,IAAI,EACJ,QAAQ,GAAG,KAAK,GACD,EAAE,EAAE;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACjD,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,aAAa,GACjB,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,EAAE,KAAK;QAC/D,WAAW,CAAC;IAEd,OAAO,CACL,eACE,SAAS,EAAE,gCAAgC,SAAS,EAAE,EACtD,GAAG,EAAE,SAAS,aAEd,eACE,SAAS,EAAE;;YAEP,QAAQ,CAAC,CAAC,CAAC,wEAAwE,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9F,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wBACd,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC,aAED,yBAAO,aAAa,GAAQ,EAC5B,KAAC,eAAe,KAAG,IACf,EACL,MAAM,IAAI,CACT,aACE,SAAS,EAAE,qMAAqM,wBAAwB,EAAE,YAEzO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,aAEE,SAAS,EAAE,6IAA6I,eAAe,EAAE,EACzK,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,YAExC,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKd,CACN,CAAC,GACC,CACN,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { ChevronDownIcon } from '../Icons';\n\ninterface Option {\n value: string;\n label: string;\n}\n\ninterface SelectBoxProps {\n options: Option[];\n defaultValue?: string;\n onChange?: (value: string, name: string) => void;\n className?: string;\n optionClassName?: string;\n name: string;\n optionContainerClassName?: string;\n placeholder?: string;\n disabled?: boolean;\n}\n\nexport const SelectBox: FC<SelectBoxProps> = ({\n options,\n defaultValue = '',\n onChange,\n className = '',\n optionClassName = '',\n optionContainerClassName = '',\n placeholder = 'Select an option',\n name,\n disabled = false,\n}: SelectBoxProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [selectedValue, setSelectedValue] = useState(defaultValue);\n const selectRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n selectRef.current &&\n !selectRef.current.contains(event.target as Node)\n ) {\n setIsOpen(false);\n }\n };\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n const handleSelect = (value: string) => {\n setSelectedValue(value);\n onChange?.(value, name);\n setIsOpen(false);\n };\n\n const selectedLabel =\n options.find((option) => option.value === selectedValue)?.label ||\n placeholder;\n\n return (\n <div\n className={`relative inline-block w-full ${className}`}\n ref={selectRef}\n >\n <div\n className={`flex items-center justify-between w-full py-2 pr-2 pl-3 text-[#18181B] bg-white border border-[#E2E8F0] \n rounded-lg cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-500 hover:border-blue-400 transition-colors \n ${disabled ? '!cursor-not-allowed !bg-gray-100 !text-gray-500 hover:!border-gray-300' : ''}`}\n onClick={() => {\n if (!disabled) {\n setIsOpen(!isOpen);\n }\n }}\n >\n <span>{selectedLabel}</span>\n <ChevronDownIcon />\n </div>\n {isOpen && (\n <ul\n className={`absolute z-10 w-full mt-1 bg-white border border-[#E2E8F0] rounded-md max-h-48 overflow-auto py-4 px-3 overflow-y-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex flex-col gap-2 ${optionContainerClassName}`}\n >\n {options.map((option) => (\n <li\n key={option.value}\n className={`px-4 py-2 text-[#18181B] hover:bg-[#1E6EB4] hover:text-[#F8FAFC] cursor-pointer transition-colors h-[40px] font-normal text-sm leading-6 ${optionClassName}`}\n onClick={() => handleSelect(option.value)}\n >\n {option.label}\n </li>\n ))}\n </ul>\n )}\n </div>\n );\n};\n"]}

package/.rollup.cache/Users/tungthai/Desktop/Develop/clik-ai-chatbot-embedded/dist/components/Chat/ui/SelectBoxWithIcon.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+interface SelectBoxWithIconProps {
+    options: Option[];
+    defaultValue?: string;
+    onChange?: (value: string, name: string) => void;
+    placeholder?: string;
+    optionClassName?: string;
+    optionContainerClassName?: string;
+    name: string;
+    disabled?: boolean;
+}
+interface Option {
+    value: string;
+    label: string;
+    icon: React.ReactNode;
+}
+export declare const SelectBoxWithIcon: FC<SelectBoxWithIconProps>;
+export {};
+//# sourceMappingURL=SelectBoxWithIcon.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectBoxWithIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ui/SelectBoxWithIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGtE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+IxD,CAAC"}