@phonghq/go-chat 1.0.30 → 1.0.31

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

@@ -1,8 +1,14 @@
 /// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
 import { ref } from 'vue';
 import SelectBase from '../../../components/chat/select/SelectBase.vue';
+import { dataProfile } from '../../../utils/chat/auth';
+import { createBusinessTenantPhone } from '../../../plugins/pocketbase';
+import { routerPush } from '../../../utils/chat/chat-router';
+import { PAGE } from '../../../constant/general';
+import ButtonBase from '@/components/common/button/ButtonBase.vue';
 const open = ref(false);
 const phoneValue = ref('');
+const nameValue = ref('');
 const countries = [
     // { value: 'VN', label: 'Vietnam', dial: 84,  flag: '🇻🇳' },
     { value: 'US', label: '+1 US', dial: 1, flag: '🇺🇸' }
@@ -16,6 +22,7 @@ const select = (c) => {
     selected.value = c;
     open.value = false;
 };
+const loading = ref(false);
 const handleInput = () => {
     error.value = '';
     phoneValue.value = keepOnlyNumbers(phoneValue.value);
@@ -23,7 +30,41 @@ const handleInput = () => {
 const keepOnlyNumbers = (str) => {
     return str.replace(/\D/g, '');
 };
-const onSubmit = () => { };
+const isPhoneMatchDial = (countryDial, phone) => {
+    const dial = phone.replace('+', '');
+    return phone.startsWith(countryDial.toString());
+};
+const onSubmit = async () => {
+    try {
+        console.log(isPhoneMatchDial(selected.value.dial, phoneValue.value));
+        if (!nameValue.value) {
+            error.value = `Business name is required.`;
+            return;
+        }
+        if (!phoneValue.value || keepOnlyNumbers(phoneValue.value).length > 10) {
+            error.value = `Phone number must contain 10 digits`;
+            return;
+        }
+        if (isPhoneMatchDial(selected.value.dial, phoneValue.value)) {
+            error.value = `Phone number does not match country code ${selected.value.value}`;
+            return;
+        }
+        loading.value = true;
+        const param = {
+            tenant_id: dataProfile.value?.tenant_id,
+            phone_forward: selected.value.dial + phoneValue.value,
+            tenant_name: nameValue.value
+        };
+        await createBusinessTenantPhone(param);
+        routerPush(PAGE.REGISTER_SUCCESS);
+        // router.push({ name: 'home' })
+    }
+    catch (e) {
+        console.log(e);
+        error.value = e?.message || 'Something error!';
+    }
+    loading.value = false;
+};
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
 const __VLS_ctx = {
     ...{},
@@ -32,9 +73,32 @@ const __VLS_ctx = {
 let __VLS_elements;
 let __VLS_components;
 let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mx-auto w-full h-full max-w-[700px] flex flex-col gap-4 justify-center px-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex gap-4" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-3xl md:text-3xl text-chat-haze-800 font-bold text-center mb-2" },
+});
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
 __VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
-    ...{ class: "text-xl font-semibold text-chat-haze-600 mb-4" },
+    ...{ class: "text-xl font-semibold text-chat-haze-600 mb-2" },
+});
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "chat-input border border-chat-haze-200 p-2 bg-white shadow-md" },
+});
+__VLS_asFunctionalElement(__VLS_elements.input)({
+    ...{ class: "!outline-none h-8 px-2 w-full" },
+    placeholder: "Enter business name",
+});
+(__VLS_ctx.nameValue);
+// @ts-ignore
+[nameValue,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-xl font-semibold text-chat-haze-600 mb-2" },
 });
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
     ...{ class: "flex items-center gap-2 chat-input border border-chat-haze-200 p-2 bg-white shadow-md" },
@@ -47,12 +111,10 @@ __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
 const __VLS_0 = __VLS_asFunctionalComponent(SelectBase, new SelectBase({
     options: (__VLS_ctx.countries),
     placement: "bottom",
-    disabled: true,
 }));
 const __VLS_1 = __VLS_0({
     options: (__VLS_ctx.countries),
     placement: "bottom",
-    disabled: true,
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 const { default: __VLS_3 } = __VLS_2.slots;
 // @ts-ignore
@@ -85,7 +147,6 @@ __VLS_asFunctionalElement(__VLS_elements.path)({
 var __VLS_2;
 __VLS_asFunctionalElement(__VLS_elements.input)({
     ...{ onInput: (__VLS_ctx.handleInput) },
-    ...{ onKeyup: (__VLS_ctx.onSubmit) },
     ...{ class: "!outline-none" },
     type: "tel",
     maxlength: (10),
@@ -93,11 +154,81 @@ __VLS_asFunctionalElement(__VLS_elements.input)({
 });
 (__VLS_ctx.phoneValue);
 // @ts-ignore
-[handleInput, onSubmit, phoneValue,];
+[handleInput, phoneValue,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "relative" },
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "text-chat-error absolute -top-4 left-4" },
+});
+__VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.error) }, null, null);
+// @ts-ignore
+[error,];
+(__VLS_ctx.error);
+// @ts-ignore
+[error,];
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "flex-center mt-2" },
+});
+/** @type {[typeof ButtonBase, typeof ButtonBase, ]} */ ;
+// @ts-ignore
+const __VLS_4 = __VLS_asFunctionalComponent(ButtonBase, new ButtonBase({
+    ...{ 'onClick': {} },
+    loading: (__VLS_ctx.loading),
+    type: "primary",
+    ...{ class: "w-[150px] h-12 font-medium" },
+}));
+const __VLS_5 = __VLS_4({
+    ...{ 'onClick': {} },
+    loading: (__VLS_ctx.loading),
+    type: "primary",
+    ...{ class: "w-[150px] h-12 font-medium" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_4));
+let __VLS_7;
+let __VLS_8;
+const __VLS_9 = ({ click: {} },
+    { onClick: (...[$event]) => {
+            __VLS_ctx.onSubmit();
+            // @ts-ignore
+            [loading, onSubmit,];
+        } });
+const { default: __VLS_10 } = __VLS_6.slots;
+var __VLS_6;
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['md:text-3xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-800']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-bold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['chat-input']} */ ;
+/** @type {__VLS_StyleScopedClasses['border']} */ ;
+/** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
+/** @type {__VLS_StyleScopedClasses['p-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['bg-white']} */ ;
+/** @type {__VLS_StyleScopedClasses['shadow-md']} */ ;
+/** @type {__VLS_StyleScopedClasses['!outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-8']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-xl']} */ ;
 /** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-600']} */ ;
-/** @type {__VLS_StyleScopedClasses['mb-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['mb-2']} */ ;
 /** @type {__VLS_StyleScopedClasses['flex']} */ ;
 /** @type {__VLS_StyleScopedClasses['items-center']} */ ;
 /** @type {__VLS_StyleScopedClasses['gap-2']} */ ;
@@ -121,5 +252,15 @@ __VLS_asFunctionalElement(__VLS_elements.input)({
 /** @type {__VLS_StyleScopedClasses['h-4']} */ ;
 /** @type {__VLS_StyleScopedClasses['text-chat-haze-500']} */ ;
 /** @type {__VLS_StyleScopedClasses['!outline-none']} */ ;
+/** @type {__VLS_StyleScopedClasses['relative']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-chat-error']} */ ;
+/** @type {__VLS_StyleScopedClasses['absolute']} */ ;
+/** @type {__VLS_StyleScopedClasses['-top-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['left-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['mt-2']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[150px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-12']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-medium']} */ ;
 const __VLS_export = (await import('vue')).defineComponent({});
 export default {};

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

@@ -0,0 +1,33 @@
+/// <reference types="C:/phonghq/go-chat-v2/node_modules/.vue-global-types/vue_3.5_0.d.ts" />
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {};
+let __VLS_elements;
+let __VLS_components;
+let __VLS_directives;
+__VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
+    ...{ class: "mx-auto w-full h-full max-w-[700px] flex flex-col gap-4 justify-center items-center px-5" },
+});
+__VLS_asFunctionalElement(__VLS_elements.img)({
+    ...{ class: "w-[130px] h-auto" },
+    src: "../../../assets/images/success.png",
+});
+__VLS_asFunctionalElement(__VLS_elements.p, __VLS_elements.p)({
+    ...{ class: "font-semibold text-center text-2xl" },
+});
+/** @type {__VLS_StyleScopedClasses['mx-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-full']} */ ;
+/** @type {__VLS_StyleScopedClasses['max-w-[700px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex']} */ ;
+/** @type {__VLS_StyleScopedClasses['flex-col']} */ ;
+/** @type {__VLS_StyleScopedClasses['gap-4']} */ ;
+/** @type {__VLS_StyleScopedClasses['justify-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['items-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['px-5']} */ ;
+/** @type {__VLS_StyleScopedClasses['w-[130px]']} */ ;
+/** @type {__VLS_StyleScopedClasses['h-auto']} */ ;
+/** @type {__VLS_StyleScopedClasses['font-semibold']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-center']} */ ;
+/** @type {__VLS_StyleScopedClasses['text-2xl']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/test/components/chat/common/spin/BaseSpin.vue.js

@@ -9,6 +9,10 @@ const style = computed(() => {
     result.width = props.size + 'px';
     result.height = props.size + 'px';
     result.borderWidth = props.border + 'px';
+    if (props.color) {
+        result.borderColor = props.color;
+    }
+    result.borderBottomColor = 'transparent';
     return result;
 });
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */

package/dist/test/components/chat/select/SelectBase.vue.js

@@ -69,7 +69,7 @@ for (const [option, idx] of __VLS_getVForSourceType((__VLS_ctx.options))) {
     (option.label);
 }
 __VLS_asFunctionalElement(__VLS_elements.div, __VLS_elements.div)({
-    ...{ class: "cursor-pointer pointer-events-none" },
+    ...{ class: "cursor-pointer" },
 });
 var __VLS_0 = {};
 /** @type {__VLS_StyleScopedClasses['relative']} */ ;
@@ -95,7 +95,6 @@ var __VLS_0 = {};
 /** @type {__VLS_StyleScopedClasses['border-b']} */ ;
 /** @type {__VLS_StyleScopedClasses['border-chat-haze-200']} */ ;
 /** @type {__VLS_StyleScopedClasses['cursor-pointer']} */ ;
-/** @type {__VLS_StyleScopedClasses['pointer-events-none']} */ ;
 // @ts-ignore
 var __VLS_1 = __VLS_0;
 const __VLS_base = (await import('vue')).defineComponent({

package/dist/test/components/common/button/ButtonBase.vue.js

@@ -39,16 +39,16 @@ let __VLS_directives;
 // @ts-ignore
 const __VLS_0 = __VLS_asFunctionalComponent(CButton, new CButton({
     variant: (__VLS_ctx.variant),
-    disabled: (__VLS_ctx.loading || __VLS_ctx.disabled),
+    disabled: (__VLS_ctx.disabled),
 }));
 const __VLS_1 = __VLS_0({
     variant: (__VLS_ctx.variant),
-    disabled: (__VLS_ctx.loading || __VLS_ctx.disabled),
+    disabled: (__VLS_ctx.disabled),
 }, ...__VLS_functionalComponentArgsRest(__VLS_0));
 var __VLS_3 = {};
 const { default: __VLS_4 } = __VLS_2.slots;
 // @ts-ignore
-[variant, loading, disabled,];
+[variant, disabled,];
 if (__VLS_ctx.loading) {
     // @ts-ignore
     [loading,];

package/dist/test/composable/useInitData.js

@@ -5,6 +5,7 @@ import { routerPush } from '../utils/chat/chat-router';
 import { PAGE } from '../constant/general';
 import { connectMqtt, subscribeToTopic, unsubscribeFromTopic } from '../plugins/mqtt';
 import { TOPIC_DETAIL_CALL } from '../constant/mqtt';
+import { checkHasBusinessTenantPhone } from '../plugins/pocketbase';
 // import router from '../router'
 //PINIA
 export const isRouterReady = ref(false);
@@ -22,8 +23,8 @@ export function useInitData() {
                 // }
             }
             // connectMqtt()
-            await connectMqtt();
             await initData(data.props, data.response);
+            await connectMqtt();
         }
         catch (error) {
             console.log(error);
@@ -36,6 +37,8 @@ export function useInitData() {
         const res = await getProfile();
         if (dataProfile.value?.user_type == 'tenant') {
             await checkTenantPhone();
+            if (dataProfile.value)
+                dataProfile.value.has_business_tenant_phone = await checkHasBusinessTenantPhone(dataProfile.value?.tenant_id);
         }
         unsubscribeFromTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);
         subscribeToTopic(TOPIC_DETAIL_CALL + dataProfile.value?.id);

package/dist/test/composable/usePlivo.js

@@ -38,8 +38,8 @@ export function usePlivo(callback) {
             // plivoBrowserSdk?.client?.on?.('remoteAudioStatus', () => console.log('remoteAudioStatus'))
             const payload = JSON.parse(atob(token.split('.')[1]));
             // await plivoBrowserSdk?.client?.tokenLogin(username, token)
-            await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!');
-            // await plivoBrowserSdk?.client?.loginWithAccessToken(token)
+            // await plivoBrowserSdk?.client?.login('webcall003079673454891827', '123456abcA!')
+            await plivoBrowserSdk?.client?.loginWithAccessToken(token);
             // console.log('Registered with token')
         }
         catch (err) {

package/dist/test/constant/general.js

@@ -6,4 +6,6 @@ export var PAGE;
     PAGE["CUSTOMER_APPOINTMENT"] = "customer_appointment";
     PAGE["TENANT_ERROR"] = "tenant_error";
     PAGE["CHAT_LIST"] = "chat_list";
+    PAGE["REGISTER_TENANT"] = "register_tenant";
+    PAGE["REGISTER_SUCCESS"] = "register_success";
 })(PAGE || (PAGE = {}));

package/dist/test/plugins/pocketbase.js

@@ -0,0 +1,16 @@
+import PocketBase from 'pocketbase';
+// const instance = new PocketBase("https://gap-calendar-data.srv01.dtsmart.dev");
+const instance = new PocketBase("https://gap-calendar-log.gci-app.dtsmart.dev/");
+export const createBusinessTenantPhone = async (data) => {
+    await instance.collection('go_chat_service').create(data);
+};
+export const checkHasBusinessTenantPhone = async (id) => {
+    try {
+        const res = await instance.collection('go_chat_service').getFirstListItem(`tenant_id="${id}"`);
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+};
+export default instance;

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

@@ -43,8 +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 = res?.data?.go_chat_phone ?? '';
+        dataProfile.value.tenant_phone = '';
     if (dataProfile.value)
         dataProfile.value.tenant_phone_limit = Number(res?.data?.go_chat_phone_limit ?? 0);
     return res;

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

@@ -24,6 +24,7 @@ interface IResProfile {
     tenant_phone_limit: number;
     avatar: string | null;
     user_type: 'customer' | 'tenant';
+    has_business_tenant_phone?: boolean;
     color: string;
 }
 interface IPramsLoginLink {

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

@@ -18,6 +18,7 @@ export declare const dataProfile: import("vue").Ref<{
     tenant_phone_limit: number;
     avatar: string | null;
     user_type: "customer" | "tenant";
+    has_business_tenant_phone?: boolean | undefined;
     color: string;
 } | null, IResProfile | {
     id: number;
@@ -28,6 +29,7 @@ export declare const dataProfile: import("vue").Ref<{
     tenant_phone_limit: number;
     avatar: string | null;
     user_type: "customer" | "tenant";
+    has_business_tenant_phone?: boolean | undefined;
     color: string;
 } | null>;
 export declare const dataLoginLink: import("vue").Ref<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phonghq/go-chat",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "private": false,
   "files": [
     "dist"
@@ -35,6 +35,7 @@
     "mqtt": "^4.3.7",
     "pinia": "^2.1.7",
     "plivo-browser-sdk": "^2.2.21",
+    "pocketbase": "^0.26.5",
     "prettier": "3.3.3",
     "reka-ui": "^2.6.0",
     "tailwind-merge": "^3.3.1",