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

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

@@ -1,173 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CHANNEL_OPTIONS, DURATION_OPTIONS, TIME_OPTIONS, } from 'commons/constants';
-import { motion } from 'framer-motion';
-import { useConfiguration } from 'hooks/useConfiguration';
-import { useEffect, useState } from 'react';
-import { isValidPhoneNumber } from 'react-phone-number-input';
-import { createBookMeeting } from 'services/bookMeeting.service';
-import { getUserContact } from 'services/userContact.service';
-import { isEmptyString } from 'utils/functionUtils';
-import DataPickerCustom from './ui/DataPickerCustom';
-import { SelectBox } from './ui/SelectBox';
-import { SelectBoxWithIcon } from './ui/SelectBoxWithIcon';
-import Spinner from './ui/Spinner';
-import PhoneNumberInput from './ui/PhoneNumberInput';
-const BookMeetingForm = ({ chatId, brandAlias, userId }) => {
-    const { theme, apiHost } = useConfiguration();
-    const [loading, setLoading] = useState(false);
-    const [formData, setFormData] = useState({
-        startDate: new Date().toISOString().split('T')[0],
-        startTime: '',
-        duration: DURATION_OPTIONS.THIRTY_MINUTES.value,
-        channel: '',
-        host: '',
-        hostPhoneNumber: '',
-    });
-    const [statusSubmit, setStatusSubmit] = useState();
-    const [errors, setErrors] = useState({});
-    const [disabled, setDisabled] = useState(false);
-    const handleChange = (e) => {
-        const { name, value } = e.target;
-        setFormData((prevData) => ({
-            ...prevData,
-            [name]: value,
-        }));
-    };
-    const handleChangeSelect = (value, name) => {
-        setFormData((prevData) => ({
-            ...prevData,
-            [name]: value,
-        }));
-    };
-    const parseTimeToDate = (timeStr, dateStr) => {
-        const now = new Date(dateStr);
-        const [hours, minutes] = timeStr.split(':').map(Number);
-        if (isNaN(hours) ||
-            isNaN(minutes) ||
-            hours < 0 ||
-            hours > 23 ||
-            minutes < 0 ||
-            minutes > 59) {
-            throw new Error(`Invalid time format: ${timeStr}`);
-        }
-        const date = new Date(now.getFullYear(), now.getMonth(), now.getDate(), hours, minutes);
-        return date;
-    };
-    const validateForm = () => {
-        const errors = {};
-        const messages = theme?.bookMeetingForm?.messages;
-        if (isEmptyString(formData.startTime)) {
-            errors.startTime = messages?.startTimeError || 'Time is required';
-        }
-        else if (formData?.startDate) {
-            try {
-                const parsedDate = parseTimeToDate(formData.startTime, formData.startDate);
-                if (parsedDate < new Date()) {
-                    errors.startTime =
-                        messages?.startTimeInThePast || 'Time is in the past';
-                }
-            }
-            catch (e) {
-                errors.startTime = e.message;
-            }
-        }
-        if (isEmptyString(formData.duration)) {
-            errors.duration = messages?.durationError || 'Duration is required';
-        }
-        if (isEmptyString(formData.channel)) {
-            errors.channel = messages?.channelError || 'Channel is required';
-        }
-        if (isEmptyString(formData.host) &&
-            formData?.channel !== CHANNEL_OPTIONS.PHONE_CALL.value) {
-            errors.host = messages?.hostError || 'Host is required';
-        }
-        if (formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value &&
-            !isValidPhoneNumber(formData?.hostPhoneNumber)) {
-            errors.host = messages?.invalidPhoneNumber || 'Invalid phone number';
-        }
-        return errors;
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        setLoading(true);
-        try {
-            const validationErrors = validateForm();
-            if (Object.keys(validationErrors)?.length) {
-                setErrors(validationErrors);
-                return;
-            }
-            setErrors({});
-            const { startDate, startTime, duration, channel, host, hostPhoneNumber } = formData;
-            const requestData = {
-                startDate,
-                startTime,
-                duration,
-                channel,
-                title: 'Book Meeting',
-                chatId,
-                brand: `/${brandAlias}`,
-                userId,
-                host: formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value
-                    ? hostPhoneNumber
-                    : host,
-            };
-            const res = await createBookMeeting(requestData, apiHost);
-            if (res?.id) {
-                localStorage.setItem('bookMeetingId', res.id);
-                setDisabled(true);
-                setStatusSubmit({
-                    message: theme?.bookMeetingForm?.messages?.submitSuccess ||
-                        'Submit successful',
-                    status: 200,
-                });
-            }
-        }
-        catch (error) {
-            console.error(error);
-            setDisabled(false);
-            setStatusSubmit({
-                message: theme?.bookMeetingForm?.messages?.submitError || 'Failed to submit',
-                status: 500,
-            });
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const getUserContactData = async (userId) => {
-        if (!userId)
-            return;
-        const res = await getUserContact(apiHost, { id: userId });
-        if (!res || !res?.length) {
-            return;
-        }
-        setFormData((prevData) => ({
-            ...prevData,
-            host: res[0]?.emails?.primaryEmail,
-        }));
-    };
-    useEffect(() => {
-        const userId = localStorage.getItem('userId');
-        if (userId) {
-            getUserContactData(userId);
-        }
-    }, []);
-    return (_jsx(motion.div, { className: "w-full mx-auto max-w-[358px] 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?.bookMeetingForm?.title || 'Book meeting' }), _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: "startDate", children: theme?.bookMeetingForm?.labelDate || 'Date' }), _jsx("div", { className: "w-full", children: _jsx(DataPickerCustom, { onChange: (date) => {
-                                            if (!date)
-                                                return;
-                                            setFormData((prevData) => ({
-                                                ...prevData,
-                                                startDate: date.toISOString().split('T')[0],
-                                            }));
-                                        }, disabled: disabled, value: new Date(formData?.startDate) }) })] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2 w-1/2", children: [_jsx("label", { className: "text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "startTime", children: theme?.bookMeetingForm?.labelTime || 'Time' }), _jsx("div", { children: _jsx(SelectBox, { name: "startTime", options: TIME_OPTIONS, optionClassName: "text-[#18181B] h-[40px] py-2 pr-2 pl-3 border rounded-lg bg-white", placeholder: theme?.bookMeetingForm?.labelTime || 'Select Time', onChange: handleChangeSelect, disabled: disabled, className: errors?.startTime ? 'border-red-500' : '' }) })] }), _jsxs("div", { className: "flex flex-col gap-2 w-1/2", children: [_jsx("label", { className: "text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "duration", children: theme?.bookMeetingForm?.labelDuration || 'Duration' }), _jsx("div", { children: _jsx(SelectBox, { name: "duration", options: Object.values(DURATION_OPTIONS), optionContainerClassName: "gap-4", optionClassName: "!p-0 !h-[24px] hover:bg-transparent hover:!text-[#1E6EB4]", placeholder: theme?.bookMeetingForm?.labelDuration || 'Select Duration', onChange: handleChangeSelect, disabled: disabled, defaultValue: "30", className: errors?.duration ? 'border-red-500' : '' }) })] })] }), errors.startTime && (_jsx("p", { className: "text-red-500 text-sm", children: errors.startTime })), errors.duration && (_jsx("p", { className: "text-red-500 text-sm", children: errors.duration }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "channel", children: theme?.bookMeetingForm?.labelChannel || 'Channel' }), _jsx("div", { className: "w-full", children: _jsx(SelectBoxWithIcon, { name: "channel", options: Object.values(CHANNEL_OPTIONS), placeholder: theme?.bookMeetingForm?.labelChannel || 'Select Channel', onChange: handleChangeSelect, disabled: disabled, className: errors?.channel ? 'border-red-500' : '' }) })] }), errors.channel && (_jsx("p", { className: "text-red-500 text-sm", children: errors.channel }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("label", { className: "w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]", htmlFor: "host", children: theme?.bookMeetingForm?.labelHost || 'Host' }), _jsx("div", { className: "flex flex-col w-full", children: formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value ? (_jsx(PhoneNumberInput, { onChange: (val) => {
-                                                    setFormData((prevData) => ({
-                                                        ...prevData,
-                                                        hostPhoneNumber: val,
-                                                    }));
-                                                }, placeholder: theme?.bookMeetingForm?.placeholderPhoneNumber ||
-                                                    'Phone number', value: formData?.hostPhoneNumber, disabled: disabled, numberInputClassName: errors?.host ? '!border-red-500' : '' })) : (_jsx("input", { type: "email", name: "host", id: "host", 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 focus:border-[#6A64F1] focus:shadow-md h-[40px] 
-                            disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500 ${errors?.host ? '!border-red-500' : ''}`, placeholder: theme?.bookMeetingForm?.placeholderEmail ||
-                                                    'Email address', required: true, disabled: disabled, onChange: handleChange, value: formData?.host })) })] }), errors.host && (_jsx("p", { className: "text-red-500 text-sm", children: errors.host }))] }), _jsxs("div", { className: "flex flex-col items-center justify-center", children: [statusSubmit && (_jsx("div", { className: "flex items-center w-full justify-center mb-2", 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: "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:cursor-not-allowed disabled:!bg-[#0000000a] disabled:!text-[#00000040] ${loading ? 'flex items-center justify-center' : ''}`, type: "submit", disabled: disabled, children: loading ? (_jsx(Spinner, {})) : (`${theme?.buttons?.textBtnSubmit || 'Submit'}`) }) })] })] })] }) }));
-};
-export default BookMeetingForm;
-//# sourceMappingURL=BookMeetingForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BookMeetingForm.js","sourceRoot":"","sources":["../../../src/components/Chat/BookMeetingForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  CHANNEL_OPTIONS,\n  DURATION_OPTIONS,\n  TIME_OPTIONS,\n} from 'commons/constants';\nimport { FormErrors, StatusSubmitType } from 'constants/form';\nimport { motion } from 'framer-motion';\nimport { useConfiguration } from 'hooks/useConfiguration';\nimport { FC, useEffect, useState } from 'react';\nimport { isValidPhoneNumber, Value } from 'react-phone-number-input';\nimport { createBookMeeting } from 'services/bookMeeting.service';\nimport { getUserContact } from 'services/userContact.service';\nimport { BookMeetingType } from 'types/bookMeeting.type';\nimport { isEmptyString } from 'utils/functionUtils';\nimport DataPickerCustom from './ui/DataPickerCustom';\nimport { SelectBox } from './ui/SelectBox';\nimport { SelectBoxWithIcon } from './ui/SelectBoxWithIcon';\nimport Spinner from './ui/Spinner';\nimport PhoneNumberInput from './ui/PhoneNumberInput';\n\ntype PropsType = {\n  chatId: string;\n  brandAlias: string;\n  userId: string;\n};\n\nconst BookMeetingForm: FC<PropsType> = ({ chatId, brandAlias, userId }) => {\n  const { theme, apiHost } = useConfiguration();\n\n  const [loading, setLoading] = useState(false);\n  const [formData, setFormData] = useState({\n    startDate: new Date().toISOString().split('T')[0],\n    startTime: '',\n    duration: DURATION_OPTIONS.THIRTY_MINUTES.value,\n    channel: '',\n    host: '',\n    hostPhoneNumber: '' as Value,\n  });\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 handleChangeSelect = (value: string, name: string) => {\n    setFormData((prevData) => ({\n      ...prevData,\n      [name]: value,\n    }));\n  };\n\n  const parseTimeToDate = (timeStr: string, dateStr: string) => {\n    const now = new Date(dateStr);\n    const [hours, minutes] = timeStr.split(':').map(Number);\n\n    if (\n      isNaN(hours) ||\n      isNaN(minutes) ||\n      hours < 0 ||\n      hours > 23 ||\n      minutes < 0 ||\n      minutes > 59\n    ) {\n      throw new Error(`Invalid time format: ${timeStr}`);\n    }\n\n    const date = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      hours,\n      minutes\n    );\n    return date;\n  };\n\n  const validateForm = () => {\n    const errors: FormErrors = {};\n    const messages = theme?.bookMeetingForm?.messages;\n\n    if (isEmptyString(formData.startTime)) {\n      errors.startTime = messages?.startTimeError || 'Time is required';\n    } else if (formData?.startDate) {\n      try {\n        const parsedDate = parseTimeToDate(\n          formData.startTime,\n          formData.startDate\n        );\n        if (parsedDate < new Date()) {\n          errors.startTime =\n            messages?.startTimeInThePast || 'Time is in the past';\n        }\n      } catch (e: any) {\n        errors.startTime = e.message;\n      }\n    }\n\n    if (isEmptyString(formData.duration)) {\n      errors.duration = messages?.durationError || 'Duration is required';\n    }\n\n    if (isEmptyString(formData.channel)) {\n      errors.channel = messages?.channelError || 'Channel is required';\n    }\n    if (\n      isEmptyString(formData.host) &&\n      formData?.channel !== CHANNEL_OPTIONS.PHONE_CALL.value\n    ) {\n      errors.host = messages?.hostError || 'Host is required';\n    }\n\n    if (\n      formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value &&\n      !isValidPhoneNumber(formData?.hostPhoneNumber as Value)\n    ) {\n      errors.host = messages?.invalidPhoneNumber || 'Invalid phone number';\n    }\n\n    return errors;\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\n      setErrors({});\n      const { startDate, startTime, duration, channel, host, hostPhoneNumber } =\n        formData;\n      const requestData: BookMeetingType = {\n        startDate,\n        startTime,\n        duration,\n        channel,\n        title: 'Book Meeting',\n        chatId,\n        brand: `/${brandAlias}`,\n        userId,\n        host:\n          formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value\n            ? hostPhoneNumber\n            : host,\n      };\n\n      const res = await createBookMeeting(requestData, apiHost);\n\n      if (res?.id) {\n        localStorage.setItem('bookMeetingId', res.id);\n        setDisabled(true);\n        setStatusSubmit({\n          message:\n            theme?.bookMeetingForm?.messages?.submitSuccess ||\n            'Submit successful',\n          status: 200,\n        });\n      }\n    } catch (error) {\n      console.error(error);\n      setDisabled(false);\n      setStatusSubmit({\n        message:\n          theme?.bookMeetingForm?.messages?.submitError || 'Failed to submit',\n        status: 500,\n      });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const getUserContactData = async (userId: string) => {\n    if (!userId) return;\n\n    const res = await getUserContact(apiHost, { id: userId });\n    if (!res || !res?.length) {\n      return;\n    }\n\n    setFormData((prevData) => ({\n      ...prevData,\n      host: res[0]?.emails?.primaryEmail,\n    }));\n  };\n\n  useEffect(() => {\n    const userId = localStorage.getItem('userId');\n    if (userId) {\n      getUserContactData(userId);\n    }\n  }, []);\n\n  return (\n    <motion.div\n      className=\"w-full mx-auto max-w-[358px] 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?.bookMeetingForm?.title || 'Book meeting'}\n        </div>\n\n        <div className=\"flex flex-col gap-3\">\n          {/* Date */}\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=\"startDate\"\n            >\n              {theme?.bookMeetingForm?.labelDate || 'Date'}\n            </label>\n\n            <div className=\"w-full\">\n              <DataPickerCustom\n                onChange={(date: Date | null) => {\n                  if (!date) return;\n\n                  setFormData((prevData) => ({\n                    ...prevData,\n                    startDate: date.toISOString().split('T')[0],\n                  }));\n                }}\n                disabled={disabled}\n                value={new Date(formData?.startDate)}\n              />\n            </div>\n          </div>\n\n          {/* Time and Duration */}\n          <div className=\"flex flex-col\">\n            <div className=\"flex items-center gap-3\">\n              {/* Time */}\n              <div className=\"flex flex-col gap-2 w-1/2\">\n                <label\n                  className=\"text-[#18181B] font-medium text-[14px] leading-[14px]\"\n                  htmlFor=\"startTime\"\n                >\n                  {theme?.bookMeetingForm?.labelTime || 'Time'}\n                </label>\n\n                <div>\n                  <SelectBox\n                    name=\"startTime\"\n                    options={TIME_OPTIONS}\n                    optionClassName=\"text-[#18181B] h-[40px] py-2 pr-2 pl-3 border rounded-lg bg-white\"\n                    placeholder={\n                      theme?.bookMeetingForm?.labelTime || 'Select Time'\n                    }\n                    onChange={handleChangeSelect}\n                    disabled={disabled}\n                    className={errors?.startTime ? 'border-red-500' : ''}\n                  />\n                </div>\n              </div>\n              {/* Duration */}\n              <div className=\"flex flex-col gap-2 w-1/2\">\n                <label\n                  className=\"text-[#18181B] font-medium text-[14px] leading-[14px]\"\n                  htmlFor=\"duration\"\n                >\n                  {theme?.bookMeetingForm?.labelDuration || 'Duration'}\n                </label>\n\n                <div>\n                  <SelectBox\n                    name=\"duration\"\n                    options={Object.values(DURATION_OPTIONS)}\n                    optionContainerClassName=\"gap-4\"\n                    optionClassName=\"!p-0 !h-[24px] hover:bg-transparent hover:!text-[#1E6EB4]\"\n                    placeholder={\n                      theme?.bookMeetingForm?.labelDuration || 'Select Duration'\n                    }\n                    onChange={handleChangeSelect}\n                    disabled={disabled}\n                    defaultValue=\"30\"\n                    className={errors?.duration ? 'border-red-500' : ''}\n                  />\n                </div>\n              </div>\n            </div>\n\n            {errors.startTime && (\n              <p className=\"text-red-500 text-sm\">{errors.startTime}</p>\n            )}\n            {errors.duration && (\n              <p className=\"text-red-500 text-sm\">{errors.duration}</p>\n            )}\n          </div>\n\n          {/* Channel */}\n          <div className=\"flex flex-col\">\n            <div className=\"flex gap-2 items-center\">\n              <label\n                className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n                htmlFor=\"channel\"\n              >\n                {theme?.bookMeetingForm?.labelChannel || 'Channel'}\n              </label>\n\n              <div className=\"w-full\">\n                <SelectBoxWithIcon\n                  name=\"channel\"\n                  options={Object.values(CHANNEL_OPTIONS)}\n                  placeholder={\n                    theme?.bookMeetingForm?.labelChannel || 'Select Channel'\n                  }\n                  onChange={handleChangeSelect}\n                  disabled={disabled}\n                  className={errors?.channel ? 'border-red-500' : ''}\n                />\n              </div>\n            </div>\n            {errors.channel && (\n              <p className=\"text-red-500 text-sm\">{errors.channel}</p>\n            )}\n          </div>\n\n          {/* Host */}\n          <div className=\"flex flex-col\">\n            <div className=\"flex gap-2 items-center\">\n              <label\n                className=\"w-1/4 text-[#18181B] font-medium text-[14px] leading-[14px]\"\n                htmlFor=\"host\"\n              >\n                {theme?.bookMeetingForm?.labelHost || 'Host'}\n              </label>\n\n              <div className=\"flex flex-col w-full\">\n                {formData?.channel === CHANNEL_OPTIONS.PHONE_CALL.value ? (\n                  <PhoneNumberInput\n                    onChange={(val: Value) => {\n                      setFormData((prevData) => ({\n                        ...prevData,\n                        hostPhoneNumber: val,\n                      }));\n                    }}\n                    placeholder={\n                      theme?.bookMeetingForm?.placeholderPhoneNumber ||\n                      'Phone number'\n                    }\n                    value={formData?.hostPhoneNumber}\n                    disabled={disabled}\n                    numberInputClassName={errors?.host ? '!border-red-500' : ''}\n                  />\n                ) : (\n                  <input\n                    type=\"email\"\n                    name=\"host\"\n                    id=\"host\"\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 focus:border-[#6A64F1] focus:shadow-md h-[40px] \n                            disabled:cursor-not-allowed disabled:!bg-gray-100 disabled:!text-gray-500 ${errors?.host ? '!border-red-500' : ''}`}\n                    placeholder={\n                      theme?.bookMeetingForm?.placeholderEmail ||\n                      'Email address'\n                    }\n                    required\n                    disabled={disabled}\n                    onChange={handleChange}\n                    value={formData?.host}\n                  />\n                )}\n              </div>\n            </div>\n            {errors.host && (\n              <p className=\"text-red-500 text-sm\">{errors.host}</p>\n            )}\n          </div>\n\n          <div className=\"flex flex-col items-center justify-center\">\n            {statusSubmit && (\n              <div className=\"flex items-center w-full justify-center mb-2\">\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            <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:cursor-not-allowed disabled:!bg-[#0000000a] disabled:!text-[#00000040] ${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        </div>\n      </form>\n    </motion.div>\n  );\n};\n\nexport default BookMeetingForm;\n"]}

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

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-interface Props {
-    apiHost: string;
-    userId?: string;
-    theme?: Record<string, any>;
-}
-declare const BookMeetingList: FC<Props>;
-export default BookMeetingList;
-//# sourceMappingURL=BookMeetingList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BookMeetingList.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/BookMeetingList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAQzD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7B;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA4F9B,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import BookMeetingDetail from './BookMeetingDetail';
-import LoadingComponent from './LoadingComponent';
-import { getUserContact } from 'services/userContact.service';
-import { getBookMeeting } from 'services/bookMeeting.service';
-const BookMeetingList = ({ apiHost, userId, theme }) => {
-    const [loading, setLoading] = useState(false);
-    const [bookings, setBookings] = useState([]);
-    const [userContactData, setUserContactData] = useState();
-    const loadingComponent = useMemo(() => _jsx(LoadingComponent, {}), []);
-    const fetchUserContactDetail = async (userId) => {
-        const userContactData = await getUserContact(apiHost, { id: userId });
-        if (!userContactData || !userContactData?.length) {
-            return;
-        }
-        setUserContactData(userContactData[0]);
-    };
-    const handleFetchBookingOfUser = async () => {
-        if (!userId)
-            return;
-        setLoading(true);
-        try {
-            const bookMeetingData = await getBookMeeting(apiHost, {
-                userId,
-            });
-            if (!bookMeetingData || !bookMeetingData?.length) {
-                return;
-            }
-            setBookings(bookMeetingData);
-            fetchUserContactDetail(userId);
-        }
-        catch (err) {
-            console.error('Error fetching book meeting details:', err);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    useEffect(() => {
-        handleFetchBookingOfUser();
-    }, [userId]);
-    const bookMeetingListComponent = useMemo(() => {
-        if (!bookings || !bookings?.length) {
-            return;
-        }
-        return (_jsx("div", { className: "py-4", children: _jsxs("div", { className: "bg-white rounded-lg overflow-hidden w-full max-w-[358px] mx-auto", style: {
-                    padding: '12px',
-                    gap: '12px',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'center',
-                    alignItems: 'flex-start',
-                }, children: [_jsx("div", { className: "text-[#18181B] font-semibold text-base", children: theme?.bookMeetingForm?.labelBookingList || 'Booking List' }), _jsx("div", { className: "flex flex-col w-full", style: {
-                            gap: '12px',
-                        }, children: bookings.map((booking) => (_jsx("div", { children: _jsx(BookMeetingDetail, { booking: booking, loading: loading, userContact: userContactData, theme: theme }) }, booking.id))) })] }) }));
-    }, [bookings, userContactData, loading]);
-    return (_jsxs(_Fragment, { children: [loading && loadingComponent, !loading && !!bookings && bookMeetingListComponent] }));
-};
-export default BookMeetingList;
-//# sourceMappingURL=BookMeetingList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BookMeetingList.js","sourceRoot":"","sources":["../../../src/components/Chat/BookMeetingList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react';\nimport { BookMeetingType } from 'types/bookMeeting.type';\nimport { UserContactType } from 'types/userContact.type';\nimport BookMeetingDetail from './BookMeetingDetail';\nimport LoadingComponent from './LoadingComponent';\nimport { getUserContact } from 'services/userContact.service';\nimport { getBookMeeting } from 'services/bookMeeting.service';\n\ninterface Props {\n  apiHost: string;\n  userId?: string;\n  theme?: Record<string, any>;\n}\n\nconst BookMeetingList: FC<Props> = ({ apiHost, userId, theme }) => {\n  const [loading, setLoading] = useState<boolean>(false);\n  const [bookings, setBookings] = useState<BookMeetingType[]>([]);\n  const [userContactData, setUserContactData] = useState<UserContactType>();\n\n  const loadingComponent = useMemo(() => <LoadingComponent />, []);\n\n  const fetchUserContactDetail = async (userId: string) => {\n    const userContactData = await getUserContact(apiHost, { id: userId });\n\n    if (!userContactData || !userContactData?.length) {\n      return;\n    }\n\n    setUserContactData(userContactData[0]);\n  };\n\n  const handleFetchBookingOfUser = async () => {\n    if (!userId) return;\n\n    setLoading(true);\n    try {\n      const bookMeetingData = await getBookMeeting(apiHost, {\n        userId,\n      });\n\n      if (!bookMeetingData || !bookMeetingData?.length) {\n        return;\n      }\n\n      setBookings(bookMeetingData);\n      fetchUserContactDetail(userId);\n    } catch (err) {\n      console.error('Error fetching book meeting details:', err);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    handleFetchBookingOfUser();\n  }, [userId]);\n\n  const bookMeetingListComponent = useMemo(() => {\n    if (!bookings || !bookings?.length) {\n      return;\n    }\n\n    return (\n      <div className=\"py-4\">\n        <div\n          className=\"bg-white rounded-lg overflow-hidden w-full max-w-[358px] mx-auto\"\n          style={{\n            padding: '12px',\n            gap: '12px',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'flex-start',\n          }}\n        >\n          <div className=\"text-[#18181B] font-semibold text-base\">\n            {theme?.bookMeetingForm?.labelBookingList || 'Booking List'}\n          </div>\n          <div\n            className=\"flex flex-col w-full\"\n            style={{\n              gap: '12px',\n            }}\n          >\n            {bookings.map((booking) => (\n              <div key={booking.id}>\n                <BookMeetingDetail\n                  booking={booking}\n                  loading={loading}\n                  userContact={userContactData}\n                  theme={theme}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }, [bookings, userContactData, loading]);\n\n  return (\n    <>\n      {loading && loadingComponent}\n      {!loading && !!bookings && bookMeetingListComponent}\n    </>\n  );\n};\n\nexport default BookMeetingList;\n"]}

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ChatMessageType } from '../../types/flowise.type';
-type PropsType = {
-    id?: string;
-    initialMessages?: ChatMessageType[];
-    agentId?: string;
-};
-export declare const Chat: FC<PropsType>;
-export {};
-//# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAC;AAkBxE,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuI9B,CAAC"}

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

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import PreviewMessage, { ThinkingMessage } from './Message';
-import { useChat } from '../../hooks/useChat';
-import { useScrollContainer } from '../../hooks/useScrollContainer';
-import { MultimodalInput } from './MultimodalInput';
-import { Overview } from './Overview';
-import { useConfiguration } from '../../hooks/useConfiguration';
-import { MenuIcon } from './Icons';
-import { DropdownMenu, DropdownMenuItem, DropdownMenuContent, DropdownMenuTrigger, } from './ui/DropdownMenu';
-import { useChatData } from 'hooks/useChatData';
-import { motion, AnimatePresence } from 'framer-motion';
-import { ArrowUp } from 'lucide-react';
-export const Chat = ({ id, agentId, initialMessages = [] }) => {
-    const { messages = [], setMessages, handleSubmit, input = '', setInput, isLoading, stop, chatId, append, bot, enableTTS, setEnableTTS, suggestions, } = useChat({ id, initialMessages, agentId });
-    const { apiHost } = useConfiguration();
-    const [messagesContainerRef, messagesEndRef, , showScrollToTop, scrollToTop] = useScrollContainer();
-    const [attachments, setAttachments] = useState([]);
-    const [dropdownOpen, setDropdownOpen] = useState(false);
-    const { listeners, createNew } = useChatData();
-    const handleCreateNewChat = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        let id = '';
-        if (createNew) {
-            id = createNew();
-        }
-        if (listeners?.['ON_NEW_CHAT']) {
-            listeners['ON_NEW_CHAT'](id);
-        }
-        // Đóng dropdown sau khi tạo chat mới
-        setDropdownOpen(false);
-    };
-    const hasMessages = (messages?.length || 0) > 0;
-    const isThinking = isLoading && hasMessages;
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col min-w-0 h-full relative bg-background", children: [_jsx("div", { className: "absolute left-4 top-4 z-10", children: _jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [_jsx(DropdownMenuTrigger, { className: "outline-none", children: _jsx("div", { className: "w-[40px] h-[40px] flex items-center justify-center p-1 bg-white rounded-full outline-none", children: _jsx(MenuIcon, { size: 20 }) }) }), _jsx(DropdownMenuContent, { side: "right", children: _jsx(DropdownMenuItem, { children: _jsx("div", { onClick: handleCreateNewChat, children: "New chat" }) }) })] }) }), _jsxs("div", { ref: messagesContainerRef, className: "flex flex-col min-w-0 gap-[16px] flex-1 overflow-y-scroll pt-[16px]", children: [!hasMessages && _jsx(Overview, { bot: bot }), hasMessages &&
-                            messages.map((message, index) => (_jsxs(_Fragment, { children: [isThinking &&
-                                        index === messages.length - 1 &&
-                                        messages[messages.length - 1]?.role === 'apiMessage' && (_jsx(ThinkingMessage, { bot: bot })), _jsx(PreviewMessage, { bot: bot, chatId: id, message: message, isLoading: isLoading && (messages || []).length - 1 === index, enableTTS: enableTTS }, message.id)] }))), isThinking &&
-                            messages[messages.length - 1]?.role === 'userMessage' && (_jsx(ThinkingMessage, { bot: bot })), _jsx("div", { ref: messagesEndRef, className: "shrink-0 min-w-[24px] min-h-[24px]" })] }), _jsx(AnimatePresence, { children: showScrollToTop && (_jsx(motion.button, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.2 }, onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            scrollToTop();
-                        }, className: "absolute w-[28px] h-[28px] left-[50%] top-[16px] z-50 bg-white shadow-lg rounded-full flex items-center justify-center hover:bg-gray-50 transition-colors", "aria-label": "Scroll to top", children: _jsx(ArrowUp, { size: 16, className: "text-zinc-900" }) })) }), _jsx("form", { className: "flex mx-auto px-4 bg-background pb-4 gap-2 w-full md:max-w-3xl", children: _jsx(MultimodalInput, { input: input, setInput: setInput, chatId: chatId, handleSubmit: handleSubmit, isLoading: isLoading, stop: stop, messages: messages, setMessages: setMessages, append: append, attachments: attachments, setAttachments: setAttachments, bot: bot, apiHost: apiHost, setEnableTTS: setEnableTTS, enableTTS: enableTTS, suggestedActions: suggestions }) })] }) }));
-};
-//# sourceMappingURL=Chat.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useState } from 'react';\nimport { ChatMessageType, IFileUpload } from '../../types/flowise.type';\nimport PreviewMessage, { ThinkingMessage } from './Message';\nimport { useChat } from '../../hooks/useChat';\nimport { useScrollContainer } from '../../hooks/useScrollContainer';\nimport { MultimodalInput } from './MultimodalInput';\nimport { Overview } from './Overview';\nimport { useConfiguration } from '../../hooks/useConfiguration';\nimport { MenuIcon } from './Icons';\nimport {\n  DropdownMenu,\n  DropdownMenuItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from './ui/DropdownMenu';\nimport { useChatData } from 'hooks/useChatData';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { ArrowUp } from 'lucide-react';\n\ntype PropsType = {\n  id?: string;\n  initialMessages?: ChatMessageType[];\n  agentId?: string;\n};\n\nexport const Chat: FC<PropsType> = ({ id, agentId, initialMessages = [] }) => {\n  const {\n    messages = [],\n    setMessages,\n    handleSubmit,\n    input = '',\n    setInput,\n    isLoading,\n    stop,\n    chatId,\n    append,\n    bot,\n    enableTTS,\n    setEnableTTS,\n    suggestions,\n  } = useChat({ id, initialMessages, agentId });\n  const { apiHost } = useConfiguration();\n  const [messagesContainerRef, messagesEndRef, , showScrollToTop, scrollToTop] =\n    useScrollContainer<HTMLDivElement>();\n  const [attachments, setAttachments] = useState<Array<IFileUpload>>([]);\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n  const { listeners, createNew } = useChatData();\n\n  const handleCreateNewChat = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let id: string = '';\n    if (createNew) {\n      id = createNew();\n    }\n    if (listeners?.['ON_NEW_CHAT']) {\n      listeners['ON_NEW_CHAT'](id);\n    }\n    // Đóng dropdown sau khi tạo chat mới\n    setDropdownOpen(false);\n  };\n\n  const hasMessages = (messages?.length || 0) > 0;\n  const isThinking = isLoading && hasMessages;\n  return (\n    <>\n      <div className=\"flex flex-col min-w-0 h-full relative bg-background\">\n        {/* <Header title={theme?.header?.title} language={language} /> */}\n        <div className=\"absolute left-4 top-4 z-10\">\n          <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>\n            <DropdownMenuTrigger className=\"outline-none\">\n              <div className=\"w-[40px] h-[40px] flex items-center justify-center p-1 bg-white rounded-full outline-none\">\n                <MenuIcon size={20} />\n              </div>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent side=\"right\">\n              <DropdownMenuItem>\n                <div onClick={handleCreateNewChat}>New chat</div>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n        <div\n          ref={messagesContainerRef}\n          className=\"flex flex-col min-w-0 gap-[16px] flex-1 overflow-y-scroll pt-[16px]\"\n        >\n          {!hasMessages && <Overview bot={bot} />}\n\n          {hasMessages &&\n            messages.map((message, index) => (\n              <>\n                {isThinking &&\n                  index === messages.length - 1 &&\n                  messages[messages.length - 1]?.role === 'apiMessage' && (\n                    <ThinkingMessage bot={bot} />\n                  )}\n                <PreviewMessage\n                  key={message.id}\n                  bot={bot}\n                  chatId={id}\n                  message={message}\n                  isLoading={isLoading && (messages || []).length - 1 === index}\n                  enableTTS={enableTTS}\n                />\n              </>\n            ))}\n          {isThinking &&\n            messages[messages.length - 1]?.role === 'userMessage' && (\n              <ThinkingMessage bot={bot} />\n            )}\n          <div\n            ref={messagesEndRef}\n            className=\"shrink-0 min-w-[24px] min-h-[24px]\"\n          />\n        </div>\n\n        {/* Scroll to Top Button */}\n        <AnimatePresence>\n          {showScrollToTop && (\n            <motion.button\n              initial={{ opacity: 0, scale: 0.8 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.8 }}\n              transition={{ duration: 0.2 }}\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                scrollToTop();\n              }}\n              className=\"absolute w-[28px] h-[28px] left-[50%] top-[16px] z-50 bg-white shadow-lg rounded-full flex items-center justify-center hover:bg-gray-50 transition-colors\"\n              aria-label=\"Scroll to top\"\n            >\n              <ArrowUp size={16} className=\"text-zinc-900\" />\n            </motion.button>\n          )}\n        </AnimatePresence>\n\n        <form className=\"flex mx-auto px-4 bg-background pb-4 gap-2 w-full md:max-w-3xl\">\n          <MultimodalInput\n            input={input}\n            setInput={setInput}\n            chatId={chatId}\n            handleSubmit={handleSubmit}\n            isLoading={isLoading}\n            stop={stop}\n            messages={messages}\n            setMessages={setMessages}\n            append={append}\n            attachments={attachments}\n            setAttachments={setAttachments}\n            bot={bot}\n            apiHost={apiHost}\n            setEnableTTS={setEnableTTS}\n            enableTTS={enableTTS}\n            suggestedActions={suggestions}\n          />\n        </form>\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-interface HeaderPropType {
-    title?: string;
-    language?: string;
-    onLanguageClick?: () => void;
-    onMenuClick?: () => void;
-}
-declare const Header: FC<HeaderPropType>;
-export default Header;
-//# sourceMappingURL=Header.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,cAAc,CAgF9B,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useChatData } from '../../hooks/useChatData';
-import { CaretDown, ChevronLeft, List } from './Icons';
-const Header = (props) => {
-    const { createNew, listeners } = useChatData();
-    const { title, language, onLanguageClick, onMenuClick } = props;
-    const showNew = !!listeners?.['ON_NEW_CHAT'] && !!createNew;
-    const handleCreateNewChat = () => {
-        let id = '';
-        if (createNew) {
-            id = createNew();
-        }
-        if (listeners?.['ON_NEW_CHAT']) {
-            listeners['ON_NEW_CHAT'](id);
-        }
-    };
-    return (_jsxs("header", { className: "flex mx-auto px-4 py-[8px] bg-background gap-2 w-full md:max-w-3xl justify-between", children: [_jsx("button", { className: "p-1 text-gray-600 opacity-[0]", "aria-label": "Go back", children: _jsx(ChevronLeft, { size: 24 }) }), _jsxs("div", { className: "flex items-center gap-1 ", "aria-label": "AI Guide options", children: [_jsx("span", { className: "text-[18px] font-semibold leading-[28px] text-[#595959]", children: title }), _jsx(CaretDown, { className: "opacity-25", size: 12 })] }), _jsxs("div", { className: "flex items-center gap-[8px]", children: [_jsx("button", { className: "opacity-25", onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            if (onLanguageClick) {
-                                onLanguageClick();
-                            }
-                        }, "aria-label": "Change language", children: _jsx("span", { className: "text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]", children: language }) }), showNew && (_jsx("button", { onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            handleCreateNewChat();
-                        }, "aria-label": "New Chat", children: _jsx("span", { className: "text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]", children: "New" }) })), !!onMenuClick && (_jsx("button", { onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            if (onMenuClick) {
-                                onMenuClick();
-                            }
-                        }, className: "p-1 text-gray-600 opacity-25", "aria-label": "Open menu", children: _jsx(List, { size: 24 }) }))] })] }));
-};
-export default Header;
-//# sourceMappingURL=Header.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Chat/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AASvD,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;IAE5D,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,EAAE,GAAW,EAAE,CAAC;QACpB,IAAI,SAAS,EAAE,CAAC;YACd,EAAE,GAAG,SAAS,EAAE,CAAC;QACnB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YAC/B,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBAAQ,SAAS,EAAC,oFAAoF,aACpG,iBAAQ,SAAS,EAAC,+BAA+B,gBAAY,SAAS,YACpE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,EAET,eAAK,SAAS,EAAC,0BAA0B,gBAAY,kBAAkB,aACrE,eAAM,SAAS,EAAC,yDAAyD,YACtE,KAAK,GACD,EACP,KAAC,SAAS,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,IAC1C,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBACE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BAEpB,IAAI,eAAe,EAAE,CAAC;gCACpB,eAAe,EAAE,CAAC;4BACpB,CAAC;wBACH,CAAC,gBACU,iBAAiB,YAE5B,eAAM,SAAS,EAAC,gHAAgH,YAC7H,QAAQ,GACJ,GACA,EAER,OAAO,IAAI,CACV,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,mBAAmB,EAAE,CAAC;wBACxB,CAAC,gBACU,UAAU,YAErB,eAAM,SAAS,EAAC,gHAAgH,oBAEzH,GACA,CACV,EAEA,CAAC,CAAC,WAAW,IAAI,CAChB,iBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BAEpB,IAAI,WAAW,EAAE,CAAC;gCAChB,WAAW,EAAE,CAAC;4BAChB,CAAC;wBACH,CAAC,EACD,SAAS,EAAC,8BAA8B,gBAC7B,WAAW,YAEtB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,CACV,IACG,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useChatData } from '../../hooks/useChatData';\nimport { CaretDown, ChevronLeft, List } from './Icons';\n\ninterface HeaderPropType {\n  title?: string;\n  language?: string;\n  onLanguageClick?: () => void;\n  onMenuClick?: () => void;\n}\n\nconst Header: FC<HeaderPropType> = (props) => {\n  const { createNew, listeners } = useChatData();\n  const { title, language, onLanguageClick, onMenuClick } = props;\n\n  const showNew = !!listeners?.['ON_NEW_CHAT'] && !!createNew;\n\n  const handleCreateNewChat = () => {\n    let id: string = '';\n    if (createNew) {\n      id = createNew();\n    }\n    if (listeners?.['ON_NEW_CHAT']) {\n      listeners['ON_NEW_CHAT'](id);\n    }\n  };\n\n  return (\n    <header className=\"flex mx-auto px-4 py-[8px] bg-background gap-2 w-full md:max-w-3xl justify-between\">\n      <button className=\"p-1 text-gray-600 opacity-[0]\" aria-label=\"Go back\">\n        <ChevronLeft size={24} />\n      </button>\n\n      <div className=\"flex items-center gap-1 \" aria-label=\"AI Guide options\">\n        <span className=\"text-[18px] font-semibold leading-[28px] text-[#595959]\">\n          {title}\n        </span>\n        <CaretDown className=\"opacity-25\" size={12} />\n      </div>\n      <div className=\"flex items-center gap-[8px]\">\n        <button\n          className=\"opacity-25\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (onLanguageClick) {\n              onLanguageClick();\n            }\n          }}\n          aria-label=\"Change language\"\n        >\n          <span className=\"text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]\">\n            {language}\n          </span>\n        </button>\n\n        {showNew && (\n          <button\n            onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              handleCreateNewChat();\n            }}\n            aria-label=\"New Chat\"\n          >\n            <span className=\"text-[#595959] text-center text-[12px] border-[1px] font-bold rounded-[4px] border-[#595959] px-[6px] py-[2px]\">\n              New\n            </span>\n          </button>\n        )}\n\n        {!!onMenuClick && (\n          <button\n            onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n\n              if (onMenuClick) {\n                onMenuClick();\n              }\n            }}\n            className=\"p-1 text-gray-600 opacity-25\"\n            aria-label=\"Open menu\"\n          >\n            <List size={24} />\n          </button>\n        )}\n      </div>\n    </header>\n  );\n};\n\nexport default Header;\n"]}

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

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface PropTypes {
-    content?: string;
-}
-export declare const HtmlContent: FC<PropTypes>;
-export {};
-//# sourceMappingURL=HtmlContent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAgDrC,CAAC"}

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

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Marked, Renderer } from '@ts-stack/markdown';
-import { useEffect, useRef } from 'react';
-import { useChatData } from '../../hooks/useChatData';
-export const HtmlContent = ({ content }) => {
-    const botMessageElRef = useRef(null);
-    const { listeners } = useChatData();
-    useEffect(() => {
-        const botMessageEl = botMessageElRef.current;
-        if (!content || !botMessageEl) {
-            return;
-        }
-        Marked.setOptions({
-            renderer: new Renderer(),
-            gfm: true,
-            tables: true,
-            breaks: false,
-            pedantic: false,
-            sanitize: false,
-            smartLists: true,
-            smartypants: false,
-        });
-        botMessageEl.innerHTML = Marked.parse(content);
-        botMessageEl.querySelectorAll('a').forEach((link) => {
-            if (listeners?.['ON_LINK_CLICK']) {
-                link['data-json'] = link.href;
-                link.href = 'javascript:void(0);';
-                link.target = '';
-                link.onclick = () => {
-                    listeners['ON_LINK_CLICK'](link['data-json']);
-                };
-            }
-            else {
-                link.target = '_blank';
-            }
-        });
-    }, [content]);
-    return (_jsx("span", { className: "html-content", ref: botMessageElRef, style: {
-            borderRadius: '6px',
-            backgroundColor: 'rgb(255, 255, 255)',
-            color: 'rgb(48, 50, 53)',
-            fontSize: '16px',
-        } }));
-};
-//# sourceMappingURL=HtmlContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HtmlContent.js","sourceRoot":"","sources":["../../../src/components/Chat/HtmlContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAM,SAAS,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,MAAM,CAAC,MAAM,WAAW,GAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,eAAe,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,MAAM,CAAC,UAAU,CAAC;YAChB,QAAQ,EAAE,IAAI,QAAQ,EAAE;YACxB,GAAG,EAAE,IAAI;YACT,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,KAAK;SACnB,CAAC,CAAC;QACH,YAAY,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE/C,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClD,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;gBAChC,IAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;gBACvC,IAAI,CAAC,IAAI,GAAG,qBAAqB,CAAC;gBAClC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjB,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;oBAClB,SAAS,CAAC,eAAe,CAAC,CAAE,IAAY,CAAC,WAAW,CAAC,CAAC,CAAC;gBACzD,CAAC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE;YACL,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,oBAAoB;YACrC,KAAK,EAAE,iBAAiB;YACxB,QAAQ,EAAE,MAAM;SACjB,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Marked, Renderer } from '@ts-stack/markdown';\nimport { FC, useEffect, useRef, useState } from 'react';\nimport { useChatData } from '../../hooks/useChatData';\n\ninterface PropTypes {\n  content?: string;\n}\n\nexport const HtmlContent: FC<PropTypes> = ({ content }) => {\n  const botMessageElRef = useRef<HTMLSpanElement | null>(null);\n  const { listeners } = useChatData();\n\n  useEffect(() => {\n    const botMessageEl = botMessageElRef.current;\n    if (!content || !botMessageEl) {\n      return;\n    }\n\n    Marked.setOptions({\n      renderer: new Renderer(),\n      gfm: true,\n      tables: true,\n      breaks: false,\n      pedantic: false,\n      sanitize: false,\n      smartLists: true,\n      smartypants: false,\n    });\n    botMessageEl.innerHTML = Marked.parse(content);\n\n    botMessageEl.querySelectorAll('a').forEach((link) => {\n      if (listeners?.['ON_LINK_CLICK']) {\n        (link as any)['data-json'] = link.href;\n        link.href = 'javascript:void(0);';\n        link.target = '';\n        link.onclick = () => {\n          listeners['ON_LINK_CLICK']((link as any)['data-json']);\n        };\n      } else {\n        link.target = '_blank';\n      }\n    });\n  }, [content]);\n\n  return (\n    <span\n      className=\"html-content\"\n      ref={botMessageElRef}\n      style={{\n        borderRadius: '6px',\n        backgroundColor: 'rgb(255, 255, 255)',\n        color: 'rgb(48, 50, 53)',\n        fontSize: '16px',\n      }}\n    />\n  );\n};\n"]}