@phonghq/go-chat 1.0.45 → 1.0.47

package/dist/test/views/home/phone-numpad/PhoneNumpad.vue.js

@@ -0,0 +1,270 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+import { ref } from 'vue';
+import IconBackspace from '../../../assets/icons/global/IconBackspace.vue';
+import IconPhoneBase from '../../../assets/icons/call/IconPhoneBase.vue';
+import { phoneNumberFormat, phoneNumberFormatInput } from '../../../utils/string-helper';
+import { useDebounce } from '../../../utils/debounce';
+import ConversationList from '../../../views/home/phone-numpad/ConvercationList.vue';
+import { dataProfile } from '../../../utils/chat/store/auth';
+import IconArrowLeft from '../../../assets/icons/global/IconArrowLeft.vue';
+const props = withDefaults(defineProps(), {});
+const emit = defineEmits();
+const phone = defineModel();
+const keys = [
+    { label: '1', value: '1' },
+    { label: '2', value: '2' },
+    { label: '3', value: '3' },
+    { label: '4', value: '4' },
+    { label: '5', value: '5' },
+    { label: '6', value: '6' },
+    { label: '7', value: '7' },
+    { label: '8', value: '8' },
+    { label: '9', value: '9' },
+    { label: 'C', value: 'Delete' },
+    { label: '0', value: '0' },
+    { label: 'X', value: 'Backspace' }
+];
+const activeKey = ref(null);
+const activeUser = ref(null);
+const conversationListRef = ref();
+const handleKey = (key) => {
+    if (props.disabled)
+        return;
+    if (dataProfile.value?.user_type != 'tenant')
+        return;
+    activeKey.value = key.value == 'Backspace' ? null : key.value;
+    setTimeout(() => {
+        activeKey.value = null;
+    }, 80);
+    let newValue = keepOnlyNumber(phone.value ?? '');
+    if (key.value === 'Backspace') {
+        newValue = newValue.slice(0, -1);
+    }
+    else if (key.value === 'Delete') {
+        newValue = '';
+    }
+    else {
+        newValue += key.value;
+    }
+    phone.value = phoneNumberFormatInput(newValue);
+    handleGetListKeyPad();
+    emit('change', newValue);
+};
+const handleInput = () => {
+    phone.value = phoneNumberFormatInput(phone.value ?? '');
+    handleGetListInput();
+};
+function keepOnlyNumber(value) {
+    return value.replace(/\D+/g, '');
+}
+const handleGetListKeyPad = useDebounce(() => conversationListRef.value?.getUserList(keepOnlyNumber(phone.value ?? ''), { reset: true }), 800);
+const handleGetListInput = useDebounce(() => conversationListRef.value?.getUserList(keepOnlyNumber(phone.value ?? ''), { reset: true }), 300);
+const call = () => {
+    if (phone)
+        conversationListRef.value?.checkActiveUserList();
+    let value = keepOnlyNumber(phone.value ?? '');
+    let user = {
+        phone: activeUser.value?.phone || '1' + value,
+        username: activeUser.value?.username ?? '',
+        avatar: activeUser.value?.avatar ?? '',
+        color: activeUser.value?.color ?? '',
+        is_unknown: activeUser.value?.is_unknown
+    };
+    if (value.length == 10) {
+        emit('call', user);
+    }
+    else {
+        // if (phone.value) Snackbar.error({ message: 'Phone number is invalid!' })
+    }
+};
+const reset = () => {
+    phone.value = '';
+};
+const handleSelectConversation = (item) => {
+    phone.value = phoneNumberFormat(item.phone ?? '');
+};
+const __VLS_exposed = { reset };
+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: "w-[480px] h-full flex flex-col" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex items-center justify-between border-chat-gray-5 layout-shadow border-b px-2 sm:px-6" },
+});
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.emit('back');
+            // @ts-ignore
+            [emit,];
+        } },
+    ...{ class: "flex justify-center w-14 sm:hidden" },
+});
+/** @type {[typeof IconArrowLeft, ]} */ ;
+// @ts-ignore
+const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ onInput: (__VLS_ctx.handleInput) },
+    ...{ class: "py-2 h-[80px] sm:h-[96px] text-xl grow" },
+    placeholder: "Enter your phone number",
+    disabled: (__VLS_ctx.dataProfile?.user_type != 'tenant'),
+});
+(__VLS_ctx.phone);
+// @ts-ignore
+[handleInput, dataProfile, phone,];
+__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+    ...{ onClick: (...[$event]) => {
+            __VLS_ctx.call();
+            // @ts-ignore
+            [call,];
+        } },
+    ...{ class: "shrink-0 h-14 w-14 rounded-full flex-center bg-[#C7DEFF] text-chat-primary" },
+    ...{ class: ({ 'cursor-not-allowed opacity-[0.3] pointer-events-none': __VLS_ctx.keepOnlyNumber(__VLS_ctx.phone ?? '').length < 10 }) },
+});
+// @ts-ignore
+[phone, keepOnlyNumber,];
+/** @type {[typeof IconPhoneBase, ]} */ ;
+// @ts-ignore
+const __VLS_4 = __VLS_asFunctionalComponent(IconPhoneBase, new IconPhoneBase({}));
+const __VLS_5 = __VLS_4({}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "grow overflow-hidden relative" },
+});
+/** @type {[typeof ConversationList, ]} */ ;
+// @ts-ignore
+const __VLS_8 = __VLS_asFunctionalComponent(ConversationList, new ConversationList({
+    ...{ 'onSelectConversation': {} },
+    ref: "conversationListRef",
+    active: (__VLS_ctx.activeUser),
+}));
+const __VLS_9 = __VLS_8({
+    ...{ 'onSelectConversation': {} },
+    ref: "conversationListRef",
+    active: (__VLS_ctx.activeUser),
+}, ...__VLS_functionalComponentArgsRest(__VLS_8));
+let __VLS_11;
+let __VLS_12;
+const __VLS_13 = ({ selectConversation: {} },
+    { onSelectConversation: (__VLS_ctx.handleSelectConversation) });
+/** @type {typeof __VLS_ctx.conversationListRef} */ ;
+var __VLS_14 = {};
+// @ts-ignore
+[activeUser, handleSelectConversation, conversationListRef,];
+var __VLS_10;
+if (!__VLS_ctx.hideNumpad) {
+    // @ts-ignore
+    [hideNumpad,];
+    __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+        ...{ class: "shrink-0 grid grid-cols-3 w-full h-[400px] sm:h-[500px] px-6 border-chat-gray-5 layout-shadow border-t" },
+    });
+    for (const [item] of __VLS_getVForSourceType((__VLS_ctx.keys))) {
+        // @ts-ignore
+        [keys,];
+        __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(!__VLS_ctx.hideNumpad))
+                        return;
+                    __VLS_ctx.handleKey(item);
+                    // @ts-ignore
+                    [handleKey,];
+                } },
+            ...{ class: "text-3xl sm:text-[40px] flex-center rounded-lg" },
+            ...{ class: ({
+                    'bg-chat-haze-200': false,
+                    'opacity-[0.6] cursor-not-allowed': __VLS_ctx.dataProfile?.user_type != 'tenant'
+                }) },
+            key: (item.value),
+        });
+        // @ts-ignore
+        [dataProfile,];
+        if (item.label !== 'X') {
+            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+            (item.label);
+        }
+        else {
+            __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({});
+            /** @type {[typeof IconBackspace, ]} */ ;
+            // @ts-ignore
+            const __VLS_17 = __VLS_asFunctionalComponent(IconBackspace, new IconBackspace({
+                ...{ class: "w-14" },
+            }));
+            const __VLS_18 = __VLS_17({
+                ...{ class: "w-14" },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+        }
+    }
+}
+/** @type {__VLS_StyleScopedClasses['w-[480px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-between']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-b']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-14']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['py-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-[80px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:h-[96px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-14']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-14']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-[#C7DEFF]']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-primary']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-not-allowed']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-[0.3]']} */ ;
+/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
+/** @type {__VLS_StyleScopedClasses['grid']} */ ;
+/** @type {__VLS_StyleScopedClasses['grid-cols-3']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-[400px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:h-[500px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-6']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-gray-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['layout-shadow']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-t']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['sm:text-[40px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['rounded-lg']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['opacity-[0.6]']} */ ;
+/** @type {__VLS_StyleScopedClasses['cursor-not-allowed']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-14']} */ ;
+// @ts-ignore
+var __VLS_15 = __VLS_14;
+const __VLS_export = (await import('vue')).defineComponent({
+    setup: () => (__VLS_exposed),
+    __typeEmits: {},
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/types/chat/auth.d.ts

@@ -22,6 +22,7 @@ interface IResProfile {
     phone: string;
     tenant_phone: string;
     tenant_phone_limit: number;
+    tenant_phone_forwarding: string;
     avatar: string | null;
     user_type: 'customer' | 'tenant';
     has_business_tenant_phone?: boolean;

package/dist/utils/chat/{auth.d.ts → store/auth.d.ts}

@@ -1,4 +1,4 @@
-import type { IResLoginLink, IResProfile } from '../../types/chat/auth';
+import type { IResLoginLink, IResProfile } from '../../../types/chat/auth';
 interface IBodyLoginTenant {
     tenant_id: string;
 }
@@ -16,6 +16,7 @@ export declare const dataProfile: import("vue").Ref<{
     phone: string;
     tenant_phone: string;
     tenant_phone_limit: number;
+    tenant_phone_forwarding: string;
     avatar: string | null;
     user_type: "customer" | "tenant";
     has_business_tenant_phone?: boolean | undefined;
@@ -28,6 +29,7 @@ export declare const dataProfile: import("vue").Ref<{
     phone: string;
     tenant_phone: string;
     tenant_phone_limit: number;
+    tenant_phone_forwarding: string;
     avatar: string | null;
     user_type: "customer" | "tenant";
     has_business_tenant_phone?: boolean | undefined;
@@ -57,5 +59,6 @@ export declare const submitTenantPhone: (body: {
 export declare const updateProfile: (body: {
     phone: string;
 }) => Promise<any>;
+export declare const getBusinessInfo: () => Promise<any>;
 export declare const logout: () => Promise<void>;
 export {};

package/dist/utils/chat/{call.d.ts → store/call.d.ts}

@@ -1,4 +1,4 @@
-import type { IResUser } from '../../types/message';
+import type { IResUser } from '../../../types/message';
 export declare const getIceService: () => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const callClient: (data: {
     call_uuid: string;

package/dist/utils/chat/{conversation.d.ts → store/conversation.d.ts}

@@ -1,6 +1,6 @@
-import type { IConversation, IParamGetConversation } from '../../types/conversation';
-import type { DataWithMetaResponse } from '../../types/global';
-import type { IResUser } from '../../types/message';
+import type { IConversation, IParamGetConversation } from '../../../types/conversation';
+import type { DataWithMetaResponse } from '../../../types/global';
+import type { IResUser } from '../../../types/message';
 export declare const getConversation: (param: IParamGetConversation) => Promise<DataWithMetaResponse<IConversation[]>>;
 export declare const getConversationView: (id: any) => Promise<IConversation>;
 export declare const publicTopicConversationUpdate: (data: {

package/dist/utils/chat/{message.d.ts → store/message.d.ts}

@@ -1,5 +1,5 @@
-import type { DataWithMetaResponse } from '../../types/global';
-import type { IResMessage, IResUser, IUploadFile } from '../../types/message';
+import type { DataWithMetaResponse } from '../../../types/global';
+import type { IResMessage, IResUser, IUploadFile } from '../../../types/message';
 interface IParamsMessage {
     page: number;
     receiver_id: string;
@@ -9,6 +9,12 @@ export declare const getDetailReceiver: (receiverId: string) => Promise<IResUser
 export declare const getDetailUser: (id: any) => Promise<IResUser | null>;
 export declare const readMessages: (conversationId: any) => Promise<import("axios").AxiosResponse<any, any> | undefined>;
 export declare const sendMessage: (body: FormData) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const sendMessageSmsTest: (body: {
+    from: string;
+    to: string;
+    host_id: string;
+    text: string;
+}) => Promise<import("axios").AxiosResponse<any, any> | undefined>;
 export declare const getCountUnread: (params: {
     conversation_id: number;
     receiver_id: number;

package/dist/utils/chat/{user.d.ts → store/user.d.ts}

@@ -1,5 +1,5 @@
-import type { IResUser } from '../../types/message';
-import type { GetCustomerHistoryResponse } from '../../types/chat/user';
+import type { IResUser } from '../../../types/message';
+import type { GetCustomerHistoryResponse } from '../../../types/chat/user';
 export declare const user: import("vue").Ref<{
     id: string;
     username: string;

package/dist/views/home/phone-numpad/ConvercationList.vue.d.ts

@@ -0,0 +1,18 @@
+import type { IConversation } from '../../../types/conversation';
+type __VLS_ModelProps = {
+    'active'?: IConversation | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_ModelProps, {
+    getUserList: (phone?: string | undefined, option?: {
+        reset?: boolean | undefined;
+    } | undefined) => Promise<never[] | undefined>;
+    checkActiveUserList: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:active": (value: IConversation | null | undefined) => any;
+} & {
+    selectConversation: (val: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:active"?: ((value: IConversation | null | undefined) => any) | undefined;
+    onSelectConversation?: ((val: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/home/phone-numpad/PhoneNumpad.vue.d.ts

@@ -0,0 +1,26 @@
+import type { IResUser } from '../../../types/message';
+type KeyPadProps = {
+    disabled?: boolean;
+    hideNumpad?: boolean;
+};
+type __VLS_Props = KeyPadProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    call: (value: IResUser) => any;
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCall?: ((value: IResUser) => any) | undefined;
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "private": false,
   "files": [
     "dist"

package/dist/composable/useCallHelper.d.ts

@@ -1,48 +0,0 @@
-import type { IResUser } from '../types/message';
-type Offer = {
-    link: string;
-    offer: any;
-    user: any;
-    server: any;
-};
-export declare function useCallHelper(): {
-    call: (user: IResUser) => Promise<void>;
-    end: () => Promise<void>;
-    handleOfferResponse: (data: {
-        link: string;
-        answer: any;
-    }) => Promise<void>;
-    handleOffer: (data: Offer) => Promise<void>;
-    sendOfferOk: () => Promise<void>;
-    handleMedia: (message: any) => Promise<void>;
-    userRemoter: import("vue").Ref<{
-        id: string;
-        username: string;
-        phone: string;
-        avatar: string | null;
-        tenant_id: string | null;
-        conversation_id: number;
-        color: string;
-        status: number;
-        last_offline_at: string;
-        is_unknown: number;
-    } | null, IResUser | {
-        id: string;
-        username: string;
-        phone: string;
-        avatar: string | null;
-        tenant_id: string | null;
-        conversation_id: number;
-        color: string;
-        status: number;
-        last_offline_at: string;
-        is_unknown: number;
-    } | null>;
-    testPlay: () => void;
-    handleCallAnswer: (data: any) => void;
-    callAnswer: (uuid_request: string) => Promise<void>;
-    startPeerConnection: () => Promise<void>;
-    startIncomingCall: (uuid_request: string) => Promise<void>;
-    uuid: import("vue").Ref<string, string>;
-};
-export {};

package/dist/test/composable/data.json

@@ -1,32 +0,0 @@
-[
-    {
-        "type": "audio_chunk",
-        "size_bytes": 160,
-        "hex_preview": "36 25 39 bb c0 41 48 bc c3 32 27 3f c7 f6 ee aa 9f ae b3 9e",
-        "samples_count": 160
-    },
-    {
-        "type": "audio_chunk",
-        "size_bytes": 160,
-        "hex_preview": "3f d9 ac b3 3d 3b b9 a8 ac b4 b3 ac af bc ae 9e 9b a5 ac a9",
-        "samples_count": 160
-    },
-    {
-        "type": "audio_chunk",
-        "size_bytes": 160,
-        "hex_preview": "b1 a3 b3 a9 a8 a8 ae a3 a7 a6 a6 a8 a7 ab a9 ad af ae aa a6 ab",
-        "samples_count": 160
-    },
-    {
-        "type": "audio_chunk",
-        "size_bytes": 160,
-        "hex_preview": "b3 b1 b2 b0 ae ae b0 b2 b3 b1 b1 b0 b0 af af ae ae ae ad ac ac",
-        "samples_count": 160
-    },
-    {
-        "type": "audio_chunk",
-        "size_bytes": 160,
-        "hex_preview": "ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad ad",
-        "samples_count": 160
-    }
-]