@phonghq/go-chat 1.0.33 → 1.0.35

package/dist/test/chat/page/home/ChatList.vue.js

@@ -203,7 +203,7 @@ const __VLS_5 = ({ search: {} },
 [responsive, keyword, handleSearch,];
 var __VLS_2;
 __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ class: "h-11 w-11 rounded-full flex-center bg-[#C7DEFF]" },
+    ...{ class: "shrink-0 h-11 w-11 rounded-full flex-center bg-[#C7DEFF]" },
 });
 /** @type {[typeof IconPlus, ]} */ ;
 // @ts-ignore
@@ -341,7 +341,7 @@ for (const [user] of __VLS_getVForSourceType((__VLS_ctx.listConversations))) {
     });
     (user.last_message ?? 'No messages');
     __VLS_asFunctionalElement(__VLS_elements.span, __VLS_elements.span)({
-        ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[130px]" },
+        ...{ class: "shrink-0 text-sm text-right text-chat-gray-4 w-[80px] md:w-[130px]" },
     });
     (__VLS_ctx.getTimeFromNow(user.last_message_time ?? ''));
     // @ts-ignore
@@ -362,6 +362,7 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
+/** @type {__VLS_StyleScopedClasses['shrink-0']} */ ;
 /** @type {__VLS_StyleScopedClasses['h-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-11']} */ ;
 /** @type {__VLS_StyleScopedClasses['rounded-full']} */ ;
@@ -417,7 +418,8 @@ var __VLS_20;
 /** @type {__VLS_StyleScopedClasses['text-sm']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-right']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-gray-4']} */ ;
-/** @type {__VLS_StyleScopedClasses['w-[130px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[80px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:w-[130px]']} */ ;
 // @ts-ignore
 var __VLS_25 = __VLS_24;
 const __VLS_export = (await import('vue')).defineComponent({

package/dist/test/chat/page/home/Home.vue.js

@@ -32,6 +32,8 @@ const handleConnectMqtt = async () => {
         topic_plivo_chat = TOPIC_PLIVO_SMS + infoUser.value?.conversation_id;
         subscribeToTopic(topic);
         subscribeToTopic(topic_plivo_chat);
+        // console.log(topic)
+        // console.log(topic_plivo_chat)
         addHandleMqttMessage('chat-home', topic, mqttMessageHandler);
     }
     catch (error) {

package/dist/test/chat/page/home/HomeHeader.vue.js

@@ -35,18 +35,24 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex items-center gap-2" },
 });
-__VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
-    ...{ onClick: (...[$event]) => {
-            __VLS_ctx.emit('back');
-            // @ts-ignore
-            [emit,];
-        } },
-    ...{ class: "shrink-0 flex items-center" },
-});
-/** @type {[typeof IconArrowLeft, ]} */ ;
-// @ts-ignore
-const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
-const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+if (__VLS_ctx.responsive == 'mobile') {
+    // @ts-ignore
+    [responsive,];
+    __VLS_asFunctionalElement(__VLS_elements.button, __VLS_elements.button)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.responsive == 'mobile'))
+                    return;
+                __VLS_ctx.emit('back');
+                // @ts-ignore
+                [emit,];
+            } },
+        ...{ class: "shrink-0 flex items-center" },
+    });
+    /** @type {[typeof IconArrowLeft, ]} */ ;
+    // @ts-ignore
+    const __VLS_0 = __VLS_asFunctionalComponent(IconArrowLeft, new IconArrowLeft({}));
+    const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
+}
 /** @type {[typeof Avatar, ]} */ ;
 // @ts-ignore
 const __VLS_4 = __VLS_asFunctionalComponent(Avatar, new Avatar({

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

@@ -45,6 +45,7 @@ const handleSendMessage = async (type) => {
         attachments = [{ file_name: String(tempId), file_path, file_local: file }];
     }
     keyword.value = '';
+    // chatInputRef.value.style.height = 'auto'
     chatId++;
     const id = props.data?.id.toString() + '-' + chatId;
     const data = {
@@ -86,14 +87,20 @@ const handleActivePlivoSmsChange = async (is_active) => {
     }
     loading.value = false;
 };
-const setInputHeight = () => {
+const setInputHeight = (e) => {
     const el = chatInputRef.value;
     el.style.height = 'auto';
-    el.style.height = el.scrollHeight + 'px';
+    if (keyword.value?.replace(/\s+/g, "") == '') {
+        el.style.height = 42 + 'px';
+        keyword.value = '';
+    }
+    else {
+        el.style.height = el.scrollHeight + 'px';
+    }
 };
-const handleSetInputHeight = useDebounce(() => {
-    setInputHeight();
-}, 50);
+const handleSetInputHeight = useDebounce((e) => {
+    setInputHeight(e);
+}, 200);
 const handleInput = () => {
     emit('focus');
 };
@@ -177,14 +184,14 @@ __VLS_asFunctionalElement(__VLS_elements.textarea)({
             [handleInput,];
         } },
     ...{ onInput: (...[$event]) => {
-            __VLS_ctx.setInputHeight();
+            __VLS_ctx.setInputHeight($event);
             // @ts-ignore
             [setInputHeight,];
         } },
-    ...{ class: "w-full min-h-11 resize-none overflow-hidden chat-input !rounded-xl pl-4 py-2 pr-[96px] border border-chat-haze-200" },
+    ...{ class: "w-full min-h-11 overflow-hidden chat-input !rounded-xl pl-4 py-2 pr-[96px] border border-chat-haze-200" },
     ref: "chatInputRef",
-    placeholder: "Send Message",
     rows: "1",
+    placeholder: "Send Message",
     value: (__VLS_ctx.keyword),
 });
 /** @type {typeof __VLS_ctx.chatInputRef} */ ;
@@ -294,7 +301,6 @@ const __VLS_29 = __VLS_28({
 /** @type {__VLS_StyleScopedClasses['grow']} */ ;
 /** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['min-h-11']} */ ;
-/** @type {__VLS_StyleScopedClasses['resize-none']} */ ;
 /** @type {__VLS_StyleScopedClasses['overflow-hidden']} */ ;
 /** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
 /** @type {__VLS_StyleScopedClasses['!rounded-xl']} */ ;

package/dist/test/chat/page/setting/Setting.vue.js

@@ -36,7 +36,6 @@ const isPhoneMatchDial = (countryDial, phone) => {
 };
 const onSubmit = async () => {
     try {
-        console.log(isPhoneMatchDial(selected.value.dial, phoneValue.value));
         if (!nameValue.value) {
             error.value = `Business name is required.`;
             return;

package/dist/test/components/chat/call/Calling.vue.js

@@ -44,6 +44,9 @@ const handlePlivoCallBack = (status, data) => {
         callStatus.value = status;
         startTimer();
     }
+    else if (status == PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL) {
+        emit('error:mediaPermissionFail');
+    }
 };
 const { plivoLogin, plivoCallAnswer, plivoCall, plivoEndCall, plivoCallSwishMute } = usePlivo(handlePlivoCallBack);
 const STATUS_LABEL = computed(() => {
@@ -57,7 +60,8 @@ const STATUS_LABEL = computed(() => {
         [PLIVO_CALL_STATUS.NO_ANSWER]: 'No Answer',
         [PLIVO_CALL_STATUS.CANCEL]: '',
         [PLIVO_CALL_STATUS.TIME_OUT]: '',
-        [PLIVO_CALL_STATUS.BUSY]: ''
+        [PLIVO_CALL_STATUS.BUSY]: '',
+        [PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL]: ''
     };
 });
 const label = computed(() => STATUS_LABEL.value[callStatus.value] ?? '');

package/dist/test/composable/usePlivo.js

@@ -37,9 +37,12 @@ export function usePlivo(callback) {
             plivoBrowserSdk?.client?.on?.('onLoginFailed', (e) => handleLoginFailed(e));
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
             const payload = JSON.parse(atob(token.split('.')[1]));
-            // await plivoBrowserSdk?.client?.tokenLogin(username, token)
+            // console.log(payload)
+            // await plivoBrowserSdk?.client?.tokenLogin(payload.sub ?? '', token)
             // await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!')
+            // await plivoBrowserSdk?.client?.login(payload.sub , null, token)
             await plivoBrowserSdk?.client?.loginWithAccessToken(token);
+            // await plivoBrowserSdk?.client?.on?.(payload)
             // console.log('Registered with token')
         }
         catch (err) {
@@ -143,6 +146,9 @@ export function usePlivo(callback) {
     };
     const handleMediaPermission = (e) => {
         console.log('MediaPermission', e);
+        if (e?.status == 'failure') {
+            callback(PLIVO_CALL_STATUS.MEDIA_PERMISSION_FAIL);
+        }
     };
     return {
         plivoLogin,

package/dist/test/types/chat/call.js

@@ -17,5 +17,6 @@ export const PLIVO_CALL_STATUS = {
     NO_ANSWER: 'no-answer',
     CANCEL: 'cancel',
     TIME_OUT: 'timeout',
-    BUSY: 'busy'
+    BUSY: 'busy',
+    MEDIA_PERMISSION_FAIL: 'media-permission-fail',
 };

package/dist/test/utils/chat/auth.js

@@ -43,9 +43,9 @@ export const checkTenantPhone = async () => {
     const res = await axios.get(`/api/v1/message/tenant/get-info?tenant_name=${id}`);
     if (res.error || !res?.data)
         throw new Error(res.error);
-    // if(dataProfile.value) dataProfile.value.tenant_phone = res?.data?.go_chat_phone ?? ''
     if (dataProfile.value)
-        dataProfile.value.tenant_phone = '';
+        dataProfile.value.tenant_phone = res?.data?.go_chat_phone ?? '';
+    // if(dataProfile.value) dataProfile.value.tenant_phone =  ''
     if (dataProfile.value)
         dataProfile.value.tenant_phone_limit = Number(res?.data?.go_chat_phone_limit ?? 0);
     return res;
@@ -53,7 +53,6 @@ export const checkTenantPhone = async () => {
 export const submitTenantPhone = async (body) => {
     const res = await axios.post('/api/v1/message/tenant/update-phone', body);
     dataLoginLink.value = res;
-    console.log(res);
     return res;
 };
 export const logout = async () => {

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

@@ -13,5 +13,6 @@ export declare const PLIVO_CALL_STATUS: {
     readonly CANCEL: "cancel";
     readonly TIME_OUT: "timeout";
     readonly BUSY: "busy";
+    readonly MEDIA_PERMISSION_FAIL: "media-permission-fail";
 };
 export type PlivoCallStatusType = (typeof PLIVO_CALL_STATUS)[keyof typeof PLIVO_CALL_STATUS];

package/package.json

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