@phonghq/go-chat 1.0.72 → 1.0.74

package/dist/chat/page/home/InputChat.vue.js

@@ -0,0 +1,412 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import IconPlan from '../../../assets/icons/global/IconPlan.vue';
+import EmojiPicker from 'vue3-emoji-picker';
+import 'vue3-emoji-picker/css';
+import { useDebounce } from '../../../utils/debounce';
+import dayjs from 'dayjs';
+import { DATE_FORMATS, TIME_ZONE_UTC } from '../../../constant/datetime';
+import { dataProfile } from '../../../utils/chat/store/auth';
+import { ref, onMounted, onUnmounted } from 'vue';
+import PopoverBase from '../../../components/chat/common/popover/PopoverBase.vue';
+import IconCloseCircle from '../../../assets/icons/global/IconCloseCircle.vue';
+import DropZone from '../../../chat/page/home/DropZone.vue';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const ChatModeOptions = [
+    { value: '0', label: 'Go Chat' },
+    { value: '1', label: 'Go sms' }
+];
+// const modeLabel = computed(() => ChatModeOptions.find((v) => v.value === mode.value)?.label ?? '')
+const keyword = defineModel();
+let chatId = 1;
+let dragCounter = 0;
+onMounted(() => { });
+onUnmounted(() => { });
+const refInputImage = ref(null);
+// const isLoadingImage = ref<any>([])
+const activePlivoSms = ref(false);
+const loading = ref(false);
+const chatInputRef = ref(null);
+const emojiOpen = ref(false);
+// const mode = ref('0')
+const dropFile = ref(null);
+const dropFileLink = ref('');
+const removeDropFile = () => {
+    dropFileLink.value = '';
+    dropFile.value = null;
+};
+const handleSendMessage = async (type) => {
+    const tempId = Date.now();
+    let messageContent = '';
+    let attachments = [];
+    if (dropFile.value) {
+        attachments = [
+            { file_name: String(tempId), file_path: dropFileLink.value, file_local: dropFile.value }
+        ];
+    }
+    else if (type == 'message') {
+        if (!keyword.value)
+            return;
+        messageContent = keyword.value;
+        keyword.value = '';
+        setInputHeight(chatInputRef.value);
+    }
+    else if (type == 'file') {
+        const file = uploadImage();
+        if (!file)
+            return;
+        const file_path = URL.createObjectURL(file);
+        attachments = [{ file_name: String(tempId), file_path, file_local: file }];
+    }
+    clearInput();
+    chatId++;
+    const id = props.data?.id.toString() + '-' + chatId + '-' + Date.now();
+    const data = {
+        conversation_id: props.conversation?.id,
+        created_at: dayjs().tz(TIME_ZONE_UTC).format(DATE_FORMATS['DATE_FORMAT_FULL']),
+        id,
+        local_id: id,
+        message: messageContent,
+        receiver_id: props.data?.id || 0,
+        sender_id: dataProfile.value?.id,
+        status: 'read',
+        attachments: attachments,
+        is_sms: dataProfile.value?.is_sms_active
+    };
+    emit('sendMessage', data);
+};
+const uploadImage = () => {
+    if (!refInputImage.value ||
+        !refInputImage.value.files ||
+        refInputImage.value.files.length === 0) {
+        return null;
+    }
+    return refInputImage.value.files[0];
+};
+const handleFileUpload = () => {
+    handleSendMessage('file');
+};
+const onSelectEmoji = (value) => {
+    keyword.value = (keyword.value ?? '') + (value?.i?.replace('undefined', '') ?? '');
+    // emojiOpen.value = false
+    // chatInputRef.value?.focus?.()
+};
+const setInputHeight = (e) => {
+    const el = chatInputRef.value;
+    el.style.height = 'auto';
+    if (keyword.value?.replace(/\s+/g, '') == '') {
+        el.style.height = 42 + 'px';
+        keyword.value = '';
+    }
+    else {
+        el.style.height = el.scrollHeight + 'px';
+    }
+};
+const handleSetInputHeight = useDebounce((e) => {
+    setInputHeight(e);
+}, 200);
+const handleInput = () => {
+    if (props.responsive == 'mobile') {
+    }
+    emit('focus');
+};
+const clearInput = () => {
+    keyword.value = '';
+    removeDropFile();
+};
+const newline = () => { };
+const __VLS_exposed = { clearInput };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_modelEmit = defineEmits();
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "z-10 layout-shadow border-t border-chat-gray-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-2 items-end h-max" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative grow" },
+});
+if (__VLS_ctx.dropFileLink) {
+    // @ts-ignore
+    [dropFileLink,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "border border-chat-haze-200 rounded-xl p-4" },
+    });
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.dropFileLink))
+                    return;
+                __VLS_ctx.removeDropFile();
+                // @ts-ignore
+                [removeDropFile,];
+            } },
+        ...{ class: "absolute top-4 right-4" },
+    });
+    /** @type {[typeof IconCloseCircle, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(IconCloseCircle, new IconCloseCircle({}));
+    const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    __VLS_asFunctionalElement(__VLS_elements.img)({
+        ...{ class: "max-h-[150px] w-auto" },
+        src: (__VLS_ctx.dropFileLink),
+    });
+    // @ts-ignore
+    [dropFileLink,];
+}
+else {
+    __VLS_asFunctionalElement(__VLS_elements.textarea)({
+        ...{ onKeydown: (...[$event]) => {
+                if (!!(__VLS_ctx.dropFileLink))
+                    return;
+                __VLS_ctx.handleSendMessage('message');
+                // @ts-ignore
+                [handleSendMessage,];
+            } },
+        ...{ onKeydown: (__VLS_ctx.newline) },
+        ...{ onFocus: (...[$event]) => {
+                if (!!(__VLS_ctx.dropFileLink))
+                    return;
+                __VLS_ctx.handleInput();
+                // @ts-ignore
+                [newline, handleInput,];
+            } },
+        ...{ onInput: (...[$event]) => {
+                if (!!(__VLS_ctx.dropFileLink))
+                    return;
+                __VLS_ctx.setInputHeight($event);
+                // @ts-ignore
+                [setInputHeight,];
+            } },
+        ...{ class: "text-[14px] sm:text-base w-full min-h-11 overflow-hidden chat-input !rounded-xl px-4 py-2 border border-chat-haze-200 leading-[24px]" },
+        ref: "chatInputRef",
+        rows: "1",
+        placeholder: "Send Message",
+        value: (__VLS_ctx.keyword),
+    });
+    /** @type {typeof __VLS_ctx.chatInputRef} */ ;
+    // @ts-ignore
+    [keyword, chatInputRef,];
+}
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-2 -translate-y-2" },
+});
+if (!__VLS_ctx.dataProfile?.is_sms_active && !__VLS_ctx.dropFileLink) {
+    // @ts-ignore
+    [dropFileLink, dataProfile,];
+    /** @type {[typeof PopoverBase, typeof PopoverBase, ]} */ ;
+    // @ts-ignore
+    const __VLS_4 = __VLS_asFunctionalComponent(PopoverBase, new PopoverBase({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }));
+    const __VLS_5 = __VLS_4({
+        open: (__VLS_ctx.emojiOpen),
+        align: "end",
+        side: "top",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_4));
+    const { default: __VLS_7 } = __VLS_6.slots;
+    // @ts-ignore
+    [emojiOpen,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(!__VLS_ctx.dataProfile?.is_sms_active && !__VLS_ctx.dropFileLink))
+                    return;
+                __VLS_ctx.emojiOpen = !__VLS_ctx.emojiOpen;
+                // @ts-ignore
+                [emojiOpen, emojiOpen,];
+            } },
+        ...{ class: "h-11 w-8" },
+    });
+    {
+        const { content: __VLS_8 } = __VLS_6.slots;
+        const __VLS_9 = {}.EmojiPicker;
+        /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+        // @ts-ignore
+        EmojiPicker;
+        // @ts-ignore
+        const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }));
+        const __VLS_11 = __VLS_10({
+            ...{ 'onSelect': {} },
+            ...{ class: "!w-[300px]" },
+            native: (true),
+            offset: (2),
+            hideSearch: true,
+        }, ...__VLS_functionalComponentArgsRest(__VLS_10));
+        let __VLS_13;
+        let __VLS_14;
+        const __VLS_15 = ({ select: {} },
+            { onSelect: (__VLS_ctx.onSelectEmoji) });
+        // @ts-ignore
+        [onSelectEmoji,];
+        var __VLS_12;
+    }
+    var __VLS_6;
+}
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    const __VLS_17 = {}.EmojiPicker;
+    /** @type {[typeof __VLS_components.EmojiPicker, typeof __VLS_components.emojiPicker, ]} */ ;
+    // @ts-ignore
+    EmojiPicker;
+    // @ts-ignore
+    const __VLS_18 = __VLS_asFunctionalComponent(__VLS_17, new __VLS_17({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
+        native: (true),
+        offset: (2),
+        hideSearch: true,
+    }));
+    const __VLS_19 = __VLS_18({
+        ...{ class: "opacity-0 pointer-events-none absolute" },
+        native: (true),
+        offset: (2),
+        hideSearch: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_18));
+}
+__VLS_asFunctionalElement(__VLS_elements.label, __VLS_elements.label)({
+    ...{ class: "cursor-pointer relative" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (!(__VLS_ctx.keyword != '' && __VLS_ctx.responsive == 'mobile') &&
+        !__VLS_ctx.dataProfile?.is_sms_active &&
+        !__VLS_ctx.dropFileLink) }, null, null);
+// @ts-ignore
+[dropFileLink, keyword, dataProfile, responsive,];
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onChange: (__VLS_ctx.handleFileUpload) },
+    type: "file",
+    ...{ class: "hidden" },
+    ref: "refInputImage",
+    accept: ".png, .jpeg, .jpg",
+});
+/** @type {typeof __VLS_ctx.refInputImage} */ ;
+// @ts-ignore
+[handleFileUpload, refInputImage,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "h-11 w-8 flex-center" },
+});
+__VLS_asFunctionalElement(__VLS_elements.svg, __VLS_elements.svg)({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    'stroke-width': "1.5",
+    'stroke-linecap': "round",
+    'stroke-linejoin': "round",
+    ...{ class: "w-5 h-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.path)({
+    d: "M21.44 11.05l-8.49 8.49a5 5 0 01-7.07-7.07l8.49-8.49a3.5 3.5 0 014.95 4.95l-8.5 8.49a2 2 0 11-2.83-2.83l7.78-7.78",
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.handleSendMessage('message');
+            // @ts-ignore
+            [handleSendMessage,];
+        } },
+    ...{ class: "h-11 w-11 rounded-full flex-center bg-[#002E6B] ml-2" },
+});
+/** @type {[typeof IconPlan, ]} */ ;
+// @ts-ignore
+const __VLS_22 = __VLS_asFunctionalComponent(IconPlan, new IconPlan({
+    color: "#fff",
+}));
+const __VLS_23 = __VLS_22({
+    color: "#fff",
+}, ...__VLS_functionalComponentArgsRest(__VLS_22));
+if (!__VLS_ctx.dataProfile?.is_sms_active) {
+    // @ts-ignore
+    [dataProfile,];
+    /** @type {[typeof DropZone, ]} */ ;
+    // @ts-ignore
+    const __VLS_26 = __VLS_asFunctionalComponent(DropZone, new DropZone({
+        link: (__VLS_ctx.dropFileLink),
+        file: (__VLS_ctx.dropFile),
+    }));
+    const __VLS_27 = __VLS_26({
+        link: (__VLS_ctx.dropFileLink),
+        file: (__VLS_ctx.dropFile),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+    // @ts-ignore
+    [dropFileLink, dropFile,];
+}
+/** @type {__VLS_StyleScopedClasses['z-10']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-end']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-max']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['top-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['right-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-h-[150px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-[14px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:text-base']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['min-h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['!rounded-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['leading-[24px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['-translate-y-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['!w-[300px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-11']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#002E6B]']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-2']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/home/NewCustomer.vue.d.ts

@@ -0,0 +1,7 @@
+import type { IResUser } from '../../../types/message';
+type Props = {
+    data: IResUser | null;
+    isNew: boolean;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/chat/page/home/NewCustomer.vue.js

@@ -0,0 +1,83 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import Avatar from '../../../components/chat/customer/Avatar.vue';
+import { phoneNumberFormat } from '../../../utils/string-helper';
+const props = withDefaults(defineProps(), {});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex flex-col items-center justify-center text-center px-4 " },
+});
+/** @type {[typeof Avatar, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(Avatar, new Avatar({
+    ...{ class: "mb-4" },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+    size: "xxl",
+}));
+const __VLS_1 = __VLS_0({
+    ...{ class: "mb-4" },
+    src: (__VLS_ctx.data?.avatar ?? ''),
+    id: (__VLS_ctx.data?.id ?? ''),
+    color: (__VLS_ctx.data?.color),
+    name: (__VLS_ctx.data?.username),
+    size: "xxl",
+}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+// @ts-ignore
+[data, data, data, data,];
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-2xl inline-block vertical-mid font-semibold gap-1" },
+});
+(__VLS_ctx.data?.username || __VLS_ctx.phoneNumberFormat(__VLS_ctx.data?.phone ?? '') || 'n/a');
+// @ts-ignore
+[data, data, phoneNumberFormat,];
+if (__VLS_ctx.isNew) {
+    // @ts-ignore
+    [isNew,];
+    __VLS_asFunctionalElement(__VLS_elements.img)({
+        ...{ class: "inline-block align-middle ml-1" },
+        src: "../../../assets/images/icons/new-customer.png",
+    });
+}
+if (__VLS_ctx.isNew) {
+    // @ts-ignore
+    [isNew,];
+    __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+        ...{ class: "text-chat-haze-400 text-sm mt-3 max-w-md" },
+    });
+}
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-block']} */ ;
+/** @type {__VLS_StyleScopedClasses['vertical-mid']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-block']} */ ;
+/** @type {__VLS_StyleScopedClasses['align-middle']} */ ;
+/** @type {__VLS_StyleScopedClasses['ml-1']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-400']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-md']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/chat/page/home/PhoneNumpad.vue.d.ts

@@ -0,0 +1,22 @@
+import type { IResUser } from '../../../types/message';
+import type { PAGE_RESPONSIVE } from '../../../types/chat/global';
+import type { IConversation } from '../../../types/conversation';
+type KeyPadProps = {
+    disabled?: boolean;
+    hideNumpad?: boolean;
+    responsive?: PAGE_RESPONSIVE;
+};
+declare const _default: import("vue").DefineComponent<KeyPadProps, {
+    openPhoneNumpad: () => void;
+    closePhoneNumpad: () => void;
+    startSendMessage: (phone: string) => Promise<void> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    message: (data: IConversation) => any;
+    call: (data: IResUser) => any;
+    "error:noPhoneTenant": () => any;
+}, string, import("vue").PublicProps, Readonly<KeyPadProps> & Readonly<{
+    onMessage?: ((data: IConversation) => any) | undefined;
+    onCall?: ((data: IResUser) => any) | undefined;
+    "onError:noPhoneTenant"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/chat/page/home/PhoneNumpad.vue.js

@@ -0,0 +1,161 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import DrawerBaseCustom from '../../../components/common/drawer/DrawerBaseCustom.vue';
+import PhoneNumpad from '../../../views/home/phone-numpad/PhoneNumpad.vue';
+const emit = defineEmits();
+const props = withDefaults(defineProps(), {});
+const drawerVisibleRef = ref();
+const phoneNumpadRef = ref();
+const openPhoneNumpad = () => {
+    phoneNumpadRef.value?.reset();
+    drawerVisibleRef.value?.open();
+};
+const closePhoneNumpad = () => {
+    phoneNumpadRef.value?.reset();
+    drawerVisibleRef.value?.close();
+};
+const handleCall = (data) => {
+    emit('call', data);
+};
+const handleMessage = (data) => {
+    emit('message', data);
+    drawerVisibleRef.value?.close();
+};
+const startSendMessage = (phone) => {
+    return phoneNumpadRef.value?.startSendMessage(phone);
+};
+const __VLS_exposed = { openPhoneNumpad, closePhoneNumpad, startSendMessage };
+defineExpose(__VLS_exposed);
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.responsive == 'window') {
+    // @ts-ignore
+    [responsive,];
+    /** @type {[typeof PhoneNumpad, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+        ...{ 'onCall': {} },
+        ...{ 'onMessage': {} },
+        ref: "phoneNumpadRef",
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+        hideNumpad: (__VLS_ctx.hideNumpad),
+        responsive: (__VLS_ctx.responsive),
+    }));
+    const __VLS_1 = __VLS_0({
+        ...{ 'onCall': {} },
+        ...{ 'onMessage': {} },
+        ref: "phoneNumpadRef",
+        ...{ class: "bg-white shrink-0 border-l layout-border" },
+        modelValue: "",
+        hideNumpad: (__VLS_ctx.hideNumpad),
+        responsive: (__VLS_ctx.responsive),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    let __VLS_3;
+    let __VLS_4;
+    const __VLS_5 = ({ call: {} },
+        { onCall: (__VLS_ctx.handleCall) });
+    const __VLS_6 = ({ message: {} },
+        { onMessage: (__VLS_ctx.handleMessage) });
+    /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+    var __VLS_7 = {};
+    // @ts-ignore
+    [responsive, hideNumpad, handleCall, handleMessage, phoneNumpadRef,];
+    var __VLS_2;
+}
+else {
+    /** @type {[typeof DrawerBaseCustom, typeof DrawerBaseCustom, ]} */ ;
+    // @ts-ignore
+    const __VLS_10 = __VLS_asFunctionalComponent(DrawerBaseCustom, new DrawerBaseCustom({
+        ref: "drawerVisibleRef",
+        responsive: (__VLS_ctx.responsive),
+        absolute: true,
+    }));
+    const __VLS_11 = __VLS_10({
+        ref: "drawerVisibleRef",
+        responsive: (__VLS_ctx.responsive),
+        absolute: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_10));
+    /** @type {typeof __VLS_ctx.drawerVisibleRef} */ ;
+    var __VLS_13 = {};
+    const { default: __VLS_15 } = __VLS_12.slots;
+    // @ts-ignore
+    [responsive, drawerVisibleRef,];
+    {
+        const { content: __VLS_16 } = __VLS_12.slots;
+        __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+            ...{ class: "h-full flex flex-col" },
+        });
+        /** @type {[typeof PhoneNumpad, ]} */ ;
+        // @ts-ignore
+        const __VLS_17 = __VLS_asFunctionalComponent(PhoneNumpad, new PhoneNumpad({
+            ...{ 'onCall': {} },
+            ...{ 'onMessage': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+            hideNumpad: (__VLS_ctx.hideNumpad),
+            responsive: (__VLS_ctx.responsive),
+        }));
+        const __VLS_18 = __VLS_17({
+            ...{ 'onCall': {} },
+            ...{ 'onMessage': {} },
+            ...{ 'onBack': {} },
+            ref: "phoneNumpadRef",
+            ...{ class: "bg-white grow border-l layout-border w-full" },
+            hideNumpad: (__VLS_ctx.hideNumpad),
+            responsive: (__VLS_ctx.responsive),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+        let __VLS_20;
+        let __VLS_21;
+        const __VLS_22 = ({ call: {} },
+            { onCall: (__VLS_ctx.handleCall) });
+        const __VLS_23 = ({ message: {} },
+            { onMessage: (__VLS_ctx.handleMessage) });
+        const __VLS_24 = ({ back: {} },
+            { onBack: (...[$event]) => {
+                    if (!!(__VLS_ctx.responsive == 'window'))
+                        return;
+                    __VLS_ctx.drawerVisibleRef?.close();
+                    // @ts-ignore
+                    [responsive, hideNumpad, handleCall, handleMessage, drawerVisibleRef,];
+                } });
+        /** @type {typeof __VLS_ctx.phoneNumpadRef} */ ;
+        var __VLS_25 = {};
+        // @ts-ignore
+        [phoneNumpadRef,];
+        var __VLS_19;
+    }
+    var __VLS_12;
+}
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-l']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-border']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+// @ts-ignore
+var __VLS_8 = __VLS_7, __VLS_14 = __VLS_13, __VLS_26 = __VLS_25;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};