@phonghq/go-chat 1.0.44 → 1.0.45

package/dist/composable/useListentEvent.d.ts

@@ -1,5 +1,5 @@
 import type { PAGE_RESPONSIVE } from '../types/chat/global';
 export declare const responsiveObserver: import("vue").Ref<PAGE_RESPONSIVE, PAGE_RESPONSIVE>;
-export declare function useListenEvent(): {
+export declare function useListenEvent(callBackResizeChange?: (data?: any) => void): {
     getResponsiveObserver: () => void;
 };

package/dist/go-chat.es.js

@@ -67584,22 +67584,22 @@ const UW = /* @__PURE__ */ Pt(DW, [["render", LW]]), BW = { class: "flex flex-co
     ]));
   }
 }), sr = _e("tablet");
-function FW() {
+function FW(e) {
   Mi(() => {
-    window.addEventListener("resize", n);
+    window.addEventListener("resize", t);
   }), wo(() => {
-    window.removeEventListener("resize", n);
+    window.removeEventListener("resize", t);
   });
-  const e = () => {
-    const t = document.getElementById("appChatMain");
-    if (!t) return;
-    const i = (t == null ? void 0 : t.offsetWidth) ?? 0;
-    i >= 1180 ? sr.value != "window" && (sr.value = "window") : i >= 640 ? sr.value != "tablet" && (sr.value = "tablet") : sr.value != "mobile" && (wn.value == ut.HOME && (wn.value = ut.CHAT_LIST), sr.value = "mobile");
-  }, n = fs(() => {
-    e();
+  const n = () => {
+    const i = document.getElementById("appChatMain");
+    if (!i) return;
+    const o = (i == null ? void 0 : i.offsetWidth) ?? 0;
+    o >= 1180 ? sr.value != "window" && (e == null || e(), sr.value = "window") : o >= 640 ? sr.value != "tablet" && (e == null || e(), sr.value = "tablet") : sr.value != "mobile" && (e == null || e(), wn.value == ut.HOME && (wn.value = ut.CHAT_LIST), sr.value = "mobile");
+  }, t = fs(() => {
+    n();
   }, 50);
   return {
-    getResponsiveObserver: e
+    getResponsiveObserver: n
   };
 }
 const qW = {
@@ -67695,80 +67695,81 @@ const qW = {
           backTitle: "Checkins"
         }
       ];
-    }), r = e, s = t, { initPage: u } = x$(), { getResponsiveObserver: l } = FW();
+    }), r = e, s = t, u = (b) => {
+      var C, M;
+      b != null && b.conversation_id ? (C = E.value) == null || C.initData({
+        conversation_id: b == null ? void 0 : b.conversation_id,
+        is_unknown: (b == null ? void 0 : b.is_unknown) || "0"
+      }) : (M = E.value) == null || M.initData();
+    }, { initPage: l } = x$(), { getResponsiveObserver: d } = FW(u);
     Mi(() => {
-      console.log("222222222222222222"), l(), r.isLib && (kK(), A());
+      d(), r.isLib && (kK(), O());
     }), wo(() => {
     });
-    const d = Te(() => c.value === "mobile" ? o.value.find((b) => b.id == wn.value) : i.find((b) => b.id == wn.value)), c = Te(() => r.response == "mobile" ? r.response : sr.value), _ = Te(() => {
+    const c = Te(() => _.value === "mobile" ? o.value.find((b) => b.id == wn.value) : i.find((b) => b.id == wn.value)), _ = Te(() => r.response == "mobile" ? r.response : sr.value), f = Te(() => {
       var b, C, M, N;
-      return (((C = (b = h.value) == null ? void 0 : b.listConversationsAll) == null ? void 0 : C.reduce(
+      return (((C = (b = E.value) == null ? void 0 : b.listConversationsAll) == null ? void 0 : C.reduce(
         (w, U) => w + ((U == null ? void 0 : U.unread_count) ?? 0),
         0
-      )) ?? 0) + (((N = (M = h.value) == null ? void 0 : M.listConversationsUnknown) == null ? void 0 : N.reduce(
+      )) ?? 0) + (((N = (M = E.value) == null ? void 0 : M.listConversationsUnknown) == null ? void 0 : N.reduce(
         (w, U) => w + ((U == null ? void 0 : U.unread_count) ?? 0),
         0
       )) ?? 0);
-    }), f = Te(() => {
-      var b, C;
-      return ((b = h.value) == null ? void 0 : b.listConversationsAll.find((M) => M.receiver_id == m.value)) ?? ((C = h.value) == null ? void 0 : C.listConversationsUnknown.find((M) => M.receiver_id == m.value)) ?? null;
     }), a = Te(() => {
+      var b, C;
+      return ((b = E.value) == null ? void 0 : b.listConversationsAll.find((M) => M.receiver_id == y.value)) ?? ((C = E.value) == null ? void 0 : C.listConversationsUnknown.find((M) => M.receiver_id == y.value)) ?? null;
+    }), p = Te(() => {
       var b;
-      return ((b = v.value) == null ? void 0 : b.callStatus) ?? null;
-    }), p = _e(), v = _e(null), m = _e(null), y = _e(null), g = _e(null), h = _e(null), E = _e(null), I = async (b) => {
+      return ((b = m.value) == null ? void 0 : b.callStatus) ?? null;
+    }), v = _e(), m = _e(null), y = _e(null), g = _e(null), h = _e(null), E = _e(null), I = _e(null), T = async (b) => {
       var C, M;
-      (m.value != (b == null ? void 0 : b.receiver_id) || c.value === "mobile") && (wn.value != ut.HOME && zn(ut.HOME), m.value = b == null ? void 0 : b.receiver_id, await Qn(), (C = h.value) == null || C.handleReadMessage(), (M = g.value) == null || M.getData(b));
-    }, T = (b) => {
+      (y.value != (b == null ? void 0 : b.receiver_id) || _.value === "mobile") && (wn.value != ut.HOME && zn(ut.HOME), y.value = b == null ? void 0 : b.receiver_id, await Qn(), (C = E.value) == null || C.handleReadMessage(), (M = h.value) == null || M.getData(b));
+    }, A = (b) => {
       var C, M;
-      ((C = Ue.value) == null ? void 0 : C.user_type) == "tenant" && (v.value ? (M = v.value) == null || M.startCall(b) : s("call", b));
-    }, A = async () => {
-      var b, C;
-      await u({ props: r, responsive: c.value }), !((b = Ue.value) != null && b.tenant_phone) && ((C = Ue.value) == null ? void 0 : C.user_type) == "tenant" && (s("error:noPhoneTenant"), zn(ut.NOT_TENANT_PHONE));
-    }, O = () => {
-      var b;
-      (b = E.value) == null || b.open();
+      ((C = Ue.value) == null ? void 0 : C.user_type) == "tenant" && (m.value ? (M = m.value) == null || M.startCall(b) : s("call", b));
+    }, O = async () => {
+      var C, M;
+      const b = await l({ props: r, responsive: _.value });
+      !((C = Ue.value) != null && C.tenant_phone) && ((M = Ue.value) == null ? void 0 : M.user_type) == "tenant" && (s("error:noPhoneTenant"), zn(ut.NOT_TENANT_PHONE)), u(b);
     }, D = () => {
       var b;
-      (b = h.value) == null || b.handleReadMessage();
-    }, B = (b) => {
-      var C, M;
-      b != null && b.conversation_id ? (C = h.value) == null || C.initData({
-        conversation_id: b == null ? void 0 : b.conversation_id,
-        is_unknown: (b == null ? void 0 : b.is_unknown) || "0"
-      }) : (M = h.value) == null || M.initData();
+      (b = I.value) == null || b.open();
+    }, B = () => {
+      var b;
+      (b = E.value) == null || b.handleReadMessage();
     };
     return n({
       get unreadCount() {
-        return _.value;
+        return f.value;
       },
       get callStatus() {
-        return a.value;
+        return p.value;
       },
       get callLabel() {
         var b;
-        return ((b = v.value) == null ? void 0 : b.label) ?? "";
+        return ((b = m.value) == null ? void 0 : b.label) ?? "";
       },
       getUserRemote: () => {
         var b;
-        return ((b = v.value) == null ? void 0 : b.userRemoter) ?? null;
+        return ((b = m.value) == null ? void 0 : b.userRemoter) ?? null;
       },
       startCall: async () => {
         var b;
-        await ((b = v.value) == null ? void 0 : b.answer());
+        await ((b = m.value) == null ? void 0 : b.answer());
       },
       endCall: () => {
         var b;
-        return (b = v.value) == null ? void 0 : b.endCall();
+        return (b = m.value) == null ? void 0 : b.endCall();
       },
-      openSettings: O,
-      initData: (b) => B(b)
+      openSettings: D,
+      initData: (b) => u(b)
     }), (b, C) => {
       var M, N, w, U, V;
       return ie(), de("div", {
         class: "go-chat-main max-w-full",
         id: "appChatMain",
         ref_key: "appChatRef",
-        ref: p
+        ref: v
       }, [
         te(nu) ? te(wn) == te(ut).TENANT_ERROR ? (ie(), Be(k$, {
           key: 1,
@@ -67776,28 +67777,28 @@ const qW = {
         })) : te(wn) == te(ut).REGISTER_TENANT ? (ie(), Be(xW, { key: 2 })) : te(wn) == te(ut).REGISTER_SUCCESS ? (ie(), Be(UW, { key: 3 })) : te(wn) == te(ut).NOT_TENANT_PHONE ? (ie(), Be(jW, {
           key: 4,
           "is-lib": r.isLib,
-          onTryAgain: C[0] || (C[0] = (P) => A())
+          onTryAgain: C[0] || (C[0] = (P) => O())
         }, null, 8, ["is-lib"])) : (ie(), de("div", VW, [
           ne("div", GW, [
             b.isLib ? (ie(), Be(mW, {
               key: 0,
               ref_key: "callingRef",
-              ref: v,
+              ref: m,
               onUserCalling: C[1] || (C[1] = (P) => s("userCalling", P)),
-              responsive: c.value
+              responsive: _.value
             }, null, 8, ["responsive"])) : ct("", !0),
-            c.value == "mobile" ? (ie(), de("div", HW, [
+            _.value == "mobile" ? (ie(), de("div", HW, [
               ne("div", zW, [
                 ne("div", YW, [
-                  (M = d.value) != null && M.backFunc && !((N = d.value) != null && N.isHidden) ? (ie(), de("button", {
+                  (M = c.value) != null && M.backFunc && !((N = c.value) != null && N.isHidden) ? (ie(), de("button", {
                     key: 0,
                     class: "flex items-center",
-                    onClick: C[2] || (C[2] = (P) => d.value.backFunc())
+                    onClick: C[2] || (C[2] = (P) => c.value.backFunc())
                   }, [
                     Ge(H_),
                     ne("div", KW, [
-                      ne("p", $W, nt(d.value.backTitle ?? ""), 1),
-                      ne("p", WW, nt(d.value.subTitle ?? ""), 1)
+                      ne("p", $W, nt(c.value.backTitle ?? ""), 1),
+                      ne("p", WW, nt(c.value.subTitle ?? ""), 1)
                     ])
                   ])) : ((w = te(Ue)) == null ? void 0 : w.user_type) == "tenant" ? (ie(), de("div", QW, [
                     C[9] || (C[9] = Iu(" 🏢 ")),
@@ -67817,38 +67818,38 @@ const qW = {
               ne("div", eQ, [
                 tn(Ge(rm, {
                   ref_key: "chatListRef",
-                  ref: h,
+                  ref: E,
                   class: "w-full max-w-[500px] !bg-[#F9FAFC]",
-                  responsive: c.value,
-                  onSelectReceiver: I,
-                  "receiver-id": m.value,
-                  "onUpdate:receiverId": C[4] || (C[4] = (P) => m.value = P)
+                  responsive: _.value,
+                  onSelectReceiver: T,
+                  "receiver-id": y.value,
+                  "onUpdate:receiverId": C[4] || (C[4] = (P) => y.value = P)
                 }, null, 8, ["responsive", "receiver-id"]), [
                   [Bn, te(wn) == te(ut).CHAT_LIST]
                 ]),
                 tn(Ge(bm, {
                   ref_key: "homeComponentRef",
-                  ref: g,
-                  "receiver-id": m.value,
+                  ref: h,
+                  "receiver-id": y.value,
                   class: "h-full",
-                  onCall: T,
+                  onCall: A,
                   onBack: C[5] || (C[5] = (P) => {
                     var L, q;
-                    return (q = (L = d.value).backFunc) == null ? void 0 : q.call(L);
+                    return (q = (L = c.value).backFunc) == null ? void 0 : q.call(L);
                   }),
-                  onInputFocus: D,
-                  conversation: f.value,
-                  responsive: c.value
+                  onInputFocus: B,
+                  conversation: a.value,
+                  responsive: _.value
                 }, null, 8, ["receiver-id", "conversation", "responsive"]), [
                   [Bn, te(wn) == te(ut).HOME]
                 ]),
                 te(wn) == te(ut).CUSTOMER_DETAIL ? (ie(), Be(Sm, {
                   key: 0,
                   ref_key: "customerDetailRef",
-                  ref: y,
-                  "receiver-id": m.value,
+                  ref: g,
+                  "receiver-id": y.value,
                   class: "w-full h-full",
-                  responsive: c.value
+                  responsive: _.value
                 }, null, 8, ["receiver-id", "responsive"])) : ct("", !0),
                 te(wn) == te(ut).CUSTOMER_CHECK_IN ? (ie(), Be(Im, {
                   key: 1,
@@ -67862,44 +67863,44 @@ const qW = {
             ])) : (ie(), de("div", tQ, [
               Ge(rm, {
                 ref_key: "chatListRef",
-                ref: h,
+                ref: E,
                 class: "w-[38%] max-w-[500px] min-w-[300px] xl:min-w-[450px] border-r layout-border",
-                responsive: c.value,
-                onSelectReceiver: I,
+                responsive: _.value,
+                onSelectReceiver: T,
                 onOpenPhoneNumpad: C[6] || (C[6] = (P) => s("openPhoneNumpad")),
-                "receiver-id": m.value,
-                "onUpdate:receiverId": C[7] || (C[7] = (P) => m.value = P)
+                "receiver-id": y.value,
+                "onUpdate:receiverId": C[7] || (C[7] = (P) => y.value = P)
               }, null, 8, ["responsive", "receiver-id"]),
               ne("div", nQ, [
-                (V = d.value) != null && V.backFunc ? (ie(), de("div", iQ, [
+                (V = c.value) != null && V.backFunc ? (ie(), de("div", iQ, [
                   ne("button", {
                     class: "flex items-center",
-                    onClick: C[8] || (C[8] = (P) => d.value.backFunc())
+                    onClick: C[8] || (C[8] = (P) => c.value.backFunc())
                   }, [
                     Ge(H_),
-                    ne("span", oQ, nt(d.value.backTitle ?? ""), 1)
+                    ne("span", oQ, nt(c.value.backTitle ?? ""), 1)
                   ])
                 ])) : ct("", !0),
                 ne("div", rQ, [
                   tn(Ge(bm, {
                     ref_key: "homeComponentRef",
-                    ref: g,
-                    "receiver-id": m.value,
+                    ref: h,
+                    "receiver-id": y.value,
                     class: "h-full",
-                    onCall: T,
-                    onInputFocus: D,
-                    responsive: c.value,
-                    conversation: f.value
+                    onCall: A,
+                    onInputFocus: B,
+                    responsive: _.value,
+                    conversation: a.value
                   }, null, 8, ["receiver-id", "responsive", "conversation"]), [
-                    [Bn, te(wn) == te(ut).HOME && m.value]
+                    [Bn, te(wn) == te(ut).HOME && y.value]
                   ]),
                   te(wn) == te(ut).CUSTOMER_DETAIL ? (ie(), Be(Sm, {
                     key: 0,
                     ref_key: "customerDetailRef",
-                    ref: y,
-                    "receiver-id": m.value,
+                    ref: g,
+                    "receiver-id": y.value,
                     class: "h-full",
-                    responsive: c.value
+                    responsive: _.value
                   }, null, 8, ["receiver-id", "responsive"])) : ct("", !0),
                   te(wn) == te(ut).CUSTOMER_CHECK_IN ? (ie(), Be(Im, {
                     key: 1,

package/dist/go-chat.umd.js

@@ -22,4 +22,4 @@
            c-.176-.414-.027-.888.326-1.153l1.293-.97
            c.39-.293.563-.795.417-1.173L6.66 3.102
            A1.125 1.125 0 0 0 5.569 2.25H3.5
-           A1.25 1.25 0 0 0 2.25 3.5v3.25z"></path></svg></div><h2 class="mt-4 text-3xl font-semibold text-gray-700">No Tenant Phone Found</h2><p class="mt-1 text-xl text-chat-haze-500 max-w-[700px]"> There is currently no phone number configured for this tenant. </p>`,3)),v.createElementVNode("button",{class:"mt-6 px-4 py-2 rounded-xl h-14 w-[150px] bg-chat-primary text-white text-lg font-semibold hover:bg-blue-700 transition",onClick:s[0]||(s[0]=u=>t())}," Try Again ")]))}}),Do=v.ref("tablet");function o$(){v.onMounted(()=>{window.addEventListener("resize",n)}),v.onUnmounted(()=>{window.removeEventListener("resize",n)});const e=()=>{const t=document.getElementById("appChatMain");if(!t)return;const i=(t==null?void 0:t.offsetWidth)??0;i>=1180?Do.value!="window"&&(Do.value="window"):i>=640?Do.value!="tablet"&&(Do.value="tablet"):Do.value!="mobile"&&(Xt.value==Xe.HOME&&(Xt.value=Xe.CHAT_LIST),Do.value="mobile")},n=Xo(()=>{e()},50);return{getResponsiveObserver:e}}const r$={key:0,class:"m-auto flex-center sc-full"},s$={key:5,class:"grow h-full overflow-hidden flex flex-col"},l$={class:"w-full grow flex overflow-hidden relative"},u$={key:1,class:"grow relative flex flex-col mx-auto w-full h-full bg-[#F9FAFC] overflow-hidden chat-mobile pt-4"},d$={class:"text-[#141B34] px-6 shrink-0"},c$={class:"flex items-center justify-between"},_$={class:"ml-3"},a$={class:"text-xl font-semibold text-left text-chat-haze-900"},f$={class:"text-sm font-medium text-chat-haze-900"},p$={key:1,class:"flex gap-2"},v$={class:"text-chat-haze-700"},m$={class:"font-medium text-gray-700"},h$={key:2},y$={class:"grow overflow-hidden"},g$={key:2,class:"flex h-full w-full relative"},E$={class:"bg-white grow flex flex-col h-full overflow-hidden"},T$={key:0,class:"text-[#141B34] px-6 mt-4"},S$={class:"text-xl font-semibold text-chat-haze-900 ml-3"},b$={class:"grow overflow-hidden"},I$=v.defineComponent({__name:"App",props:{token:{},id:{},domain:{},response:{default:"tablet"},isLib:{type:Boolean}},emits:["userCalling","close","openPhoneNumpad","error:noPhoneTenant","call"],setup(e,{expose:n,emit:t}){const i=[{id:Xe.HOME,backFunc:null,backTitle:""},{id:Xe.CUSTOMER_DETAIL,backFunc:()=>{wn(Xe.HOME)},backTitle:""},{id:Xe.CUSTOMER_APPOINTMENT,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Appointments"},{id:Xe.CUSTOMER_CHECK_IN,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Checkins"}],o=v.computed(()=>{var b,A;return[{id:Xe.CHAT_LIST,backFunc:r.isLib?void 0:()=>{CR()},backTitle:"Go Chat",subTitle:((b=Oe.value)==null?void 0:b.user_type)=="tenant"?so(((A=Oe.value)==null?void 0:A.tenant_phone)??""):""},{id:Xe.HOME,backFunc:()=>{wn(Xe.CHAT_LIST)},backTitle:"",isHidden:!0},{id:Xe.CUSTOMER_DETAIL,backFunc:()=>{wn(Xe.HOME)},backTitle:""},{id:Xe.CUSTOMER_APPOINTMENT,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Appointments"},{id:Xe.CUSTOMER_CHECK_IN,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Checkins"}]}),r=e,s=t,{initPage:u}=XY(),{getResponsiveObserver:l}=o$();v.onMounted(()=>{console.log("222222222222222222"),l(),r.isLib&&(tY(),R())}),v.onUnmounted(()=>{});const d=v.computed(()=>c.value==="mobile"?o.value.find(b=>b.id==Xt.value):i.find(b=>b.id==Xt.value)),c=v.computed(()=>r.response=="mobile"?r.response:Do.value),_=v.computed(()=>{var b,A,N,w;return(((A=(b=y.value)==null?void 0:b.listConversationsAll)==null?void 0:A.reduce((x,B)=>x+((B==null?void 0:B.unread_count)??0),0))??0)+(((w=(N=y.value)==null?void 0:N.listConversationsUnknown)==null?void 0:w.reduce((x,B)=>x+((B==null?void 0:B.unread_count)??0),0))??0)}),a=v.computed(()=>{var b,A;return((b=y.value)==null?void 0:b.listConversationsAll.find(N=>N.receiver_id==h.value))??((A=y.value)==null?void 0:A.listConversationsUnknown.find(N=>N.receiver_id==h.value))??null}),f=v.computed(()=>{var b;return((b=m.value)==null?void 0:b.callStatus)??null}),p=v.ref(),m=v.ref(null),h=v.ref(null),g=v.ref(null),E=v.ref(null),y=v.ref(null),T=v.ref(null),C=async b=>{var A,N;(h.value!=(b==null?void 0:b.receiver_id)||c.value==="mobile")&&(Xt.value!=Xe.HOME&&wn(Xe.HOME),h.value=b==null?void 0:b.receiver_id,await v.nextTick(),(A=y.value)==null||A.handleReadMessage(),(N=E.value)==null||N.getData(b))},S=b=>{var A,N;((A=Oe.value)==null?void 0:A.user_type)=="tenant"&&(m.value?(N=m.value)==null||N.startCall(b):s("call",b))},R=async()=>{var b,A;await u({props:r,responsive:c.value}),!((b=Oe.value)!=null&&b.tenant_phone)&&((A=Oe.value)==null?void 0:A.user_type)=="tenant"&&(s("error:noPhoneTenant"),wn(Xe.NOT_TENANT_PHONE))},O=()=>{var b;(b=T.value)==null||b.open()},k=()=>{var b;(b=y.value)==null||b.handleReadMessage()},j=b=>{var A,N;b!=null&&b.conversation_id?(A=y.value)==null||A.initData({conversation_id:b==null?void 0:b.conversation_id,is_unknown:(b==null?void 0:b.is_unknown)||"0"}):(N=y.value)==null||N.initData()};return n({get unreadCount(){return _.value},get callStatus(){return f.value},get callLabel(){var b;return((b=m.value)==null?void 0:b.label)??""},getUserRemote:()=>{var b;return((b=m.value)==null?void 0:b.userRemoter)??null},startCall:async()=>{var b;await((b=m.value)==null?void 0:b.answer())},endCall:()=>{var b;return(b=m.value)==null?void 0:b.endCall()},openSettings:O,initData:b=>j(b)}),(b,A)=>{var N,w,x,B,G;return v.openBlock(),v.createElementBlock("div",{class:"go-chat-main max-w-full",id:"appChatMain",ref_key:"appChatRef",ref:p},[v.unref(bu)?v.unref(Xt)==v.unref(Xe).TENANT_ERROR?(v.openBlock(),v.createBlock(tK,{key:1,class:"mt-10"})):v.unref(Xt)==v.unref(Xe).REGISTER_TENANT?(v.openBlock(),v.createBlock(QK,{key:2})):v.unref(Xt)==v.unref(Xe).REGISTER_SUCCESS?(v.openBlock(),v.createBlock(t$,{key:3})):v.unref(Xt)==v.unref(Xe).NOT_TENANT_PHONE?(v.openBlock(),v.createBlock(i$,{key:4,"is-lib":r.isLib,onTryAgain:A[0]||(A[0]=D=>R())},null,8,["is-lib"])):(v.openBlock(),v.createElementBlock("div",s$,[v.createElementVNode("div",l$,[b.isLib?(v.openBlock(),v.createBlock(DK,{key:0,ref_key:"callingRef",ref:m,onUserCalling:A[1]||(A[1]=D=>s("userCalling",D)),responsive:c.value},null,8,["responsive"])):v.createCommentVNode("",!0),c.value=="mobile"?(v.openBlock(),v.createElementBlock("div",u$,[v.createElementVNode("div",d$,[v.createElementVNode("div",c$,[(N=d.value)!=null&&N.backFunc&&!((w=d.value)!=null&&w.isHidden)?(v.openBlock(),v.createElementBlock("button",{key:0,class:"flex items-center",onClick:A[2]||(A[2]=D=>d.value.backFunc())},[v.createVNode(A_),v.createElementVNode("div",_$,[v.createElementVNode("p",a$,v.toDisplayString(d.value.backTitle??""),1),v.createElementVNode("p",f$,v.toDisplayString(d.value.subTitle??""),1)])])):((x=v.unref(Oe))==null?void 0:x.user_type)=="tenant"?(v.openBlock(),v.createElementBlock("div",p$,[A[9]||(A[9]=v.createTextVNode(" 🏢 ")),v.createElementVNode("div",v$,[v.createElementVNode("div",m$,v.toDisplayString(v.unref(so)(((B=v.unref(Oe))==null?void 0:B.tenant_phone)??"")??""),1)])])):(v.openBlock(),v.createElementBlock("span",h$)),r.isLib?(v.openBlock(),v.createElementBlock("button",{key:3,class:"w-10 h-10",onClick:A[3]||(A[3]=D=>s("close"))},[v.createVNode(BK)])):v.createCommentVNode("",!0)])]),v.createElementVNode("div",y$,[v.withDirectives(v.createVNode(jM,{ref_key:"chatListRef",ref:y,class:"w-full max-w-[500px] !bg-[#F9FAFC]",responsive:c.value,onSelectReceiver:C,"receiver-id":h.value,"onUpdate:receiverId":A[4]||(A[4]=D=>h.value=D)},null,8,["responsive","receiver-id"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).CHAT_LIST]]),v.withDirectives(v.createVNode(IN,{ref_key:"homeComponentRef",ref:E,"receiver-id":h.value,class:"h-full",onCall:S,onBack:A[5]||(A[5]=D=>{var U,q;return(q=(U=d.value).backFunc)==null?void 0:q.call(U)}),onInputFocus:k,conversation:a.value,responsive:c.value},null,8,["receiver-id","conversation","responsive"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).HOME]]),v.unref(Xt)==v.unref(Xe).CUSTOMER_DETAIL?(v.openBlock(),v.createBlock(AN,{key:0,ref_key:"customerDetailRef",ref:g,"receiver-id":h.value,class:"w-full h-full",responsive:c.value},null,8,["receiver-id","responsive"])):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_CHECK_IN?(v.openBlock(),v.createBlock(ON,{key:1,class:"w-full h-full"})):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_APPOINTMENT?(v.openBlock(),v.createBlock(wN,{key:2,class:"w-full h-full"})):v.createCommentVNode("",!0)])])):(v.openBlock(),v.createElementBlock("div",g$,[v.createVNode(jM,{ref_key:"chatListRef",ref:y,class:"w-[38%] max-w-[500px] min-w-[300px] xl:min-w-[450px] border-r layout-border",responsive:c.value,onSelectReceiver:C,onOpenPhoneNumpad:A[6]||(A[6]=D=>s("openPhoneNumpad")),"receiver-id":h.value,"onUpdate:receiverId":A[7]||(A[7]=D=>h.value=D)},null,8,["responsive","receiver-id"]),v.createElementVNode("div",E$,[(G=d.value)!=null&&G.backFunc?(v.openBlock(),v.createElementBlock("div",T$,[v.createElementVNode("button",{class:"flex items-center",onClick:A[8]||(A[8]=D=>d.value.backFunc())},[v.createVNode(A_),v.createElementVNode("span",S$,v.toDisplayString(d.value.backTitle??""),1)])])):v.createCommentVNode("",!0),v.createElementVNode("div",b$,[v.withDirectives(v.createVNode(IN,{ref_key:"homeComponentRef",ref:E,"receiver-id":h.value,class:"h-full",onCall:S,onInputFocus:k,responsive:c.value,conversation:a.value},null,8,["receiver-id","responsive","conversation"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).HOME&&h.value]]),v.unref(Xt)==v.unref(Xe).CUSTOMER_DETAIL?(v.openBlock(),v.createBlock(AN,{key:0,ref_key:"customerDetailRef",ref:g,"receiver-id":h.value,class:"h-full",responsive:c.value},null,8,["receiver-id","responsive"])):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_CHECK_IN?(v.openBlock(),v.createBlock(ON,{key:1,class:"h-full"})):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_APPOINTMENT?(v.openBlock(),v.createBlock(wN,{key:2,class:"h-full"})):v.createCommentVNode("",!0)])])])),v.renderSlot(b.$slots,"right")])])):(v.openBlock(),v.createElementBlock("div",r$,[v.createVNode(Y8)]))],512)}}});qi.PLIVO_CALL_STATUS=Fe,qi.default=I$,Object.defineProperties(qi,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+           A1.25 1.25 0 0 0 2.25 3.5v3.25z"></path></svg></div><h2 class="mt-4 text-3xl font-semibold text-gray-700">No Tenant Phone Found</h2><p class="mt-1 text-xl text-chat-haze-500 max-w-[700px]"> There is currently no phone number configured for this tenant. </p>`,3)),v.createElementVNode("button",{class:"mt-6 px-4 py-2 rounded-xl h-14 w-[150px] bg-chat-primary text-white text-lg font-semibold hover:bg-blue-700 transition",onClick:s[0]||(s[0]=u=>t())}," Try Again ")]))}}),Do=v.ref("tablet");function o$(e){v.onMounted(()=>{window.addEventListener("resize",t)}),v.onUnmounted(()=>{window.removeEventListener("resize",t)});const n=()=>{const i=document.getElementById("appChatMain");if(!i)return;const o=(i==null?void 0:i.offsetWidth)??0;o>=1180?Do.value!="window"&&(e==null||e(),Do.value="window"):o>=640?Do.value!="tablet"&&(e==null||e(),Do.value="tablet"):Do.value!="mobile"&&(e==null||e(),Xt.value==Xe.HOME&&(Xt.value=Xe.CHAT_LIST),Do.value="mobile")},t=Xo(()=>{n()},50);return{getResponsiveObserver:n}}const r$={key:0,class:"m-auto flex-center sc-full"},s$={key:5,class:"grow h-full overflow-hidden flex flex-col"},l$={class:"w-full grow flex overflow-hidden relative"},u$={key:1,class:"grow relative flex flex-col mx-auto w-full h-full bg-[#F9FAFC] overflow-hidden chat-mobile pt-4"},d$={class:"text-[#141B34] px-6 shrink-0"},c$={class:"flex items-center justify-between"},_$={class:"ml-3"},a$={class:"text-xl font-semibold text-left text-chat-haze-900"},f$={class:"text-sm font-medium text-chat-haze-900"},p$={key:1,class:"flex gap-2"},v$={class:"text-chat-haze-700"},m$={class:"font-medium text-gray-700"},h$={key:2},y$={class:"grow overflow-hidden"},g$={key:2,class:"flex h-full w-full relative"},E$={class:"bg-white grow flex flex-col h-full overflow-hidden"},T$={key:0,class:"text-[#141B34] px-6 mt-4"},S$={class:"text-xl font-semibold text-chat-haze-900 ml-3"},b$={class:"grow overflow-hidden"},I$=v.defineComponent({__name:"App",props:{token:{},id:{},domain:{},response:{default:"tablet"},isLib:{type:Boolean}},emits:["userCalling","close","openPhoneNumpad","error:noPhoneTenant","call"],setup(e,{expose:n,emit:t}){const i=[{id:Xe.HOME,backFunc:null,backTitle:""},{id:Xe.CUSTOMER_DETAIL,backFunc:()=>{wn(Xe.HOME)},backTitle:""},{id:Xe.CUSTOMER_APPOINTMENT,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Appointments"},{id:Xe.CUSTOMER_CHECK_IN,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Checkins"}],o=v.computed(()=>{var b,A;return[{id:Xe.CHAT_LIST,backFunc:r.isLib?void 0:()=>{CR()},backTitle:"Go Chat",subTitle:((b=Oe.value)==null?void 0:b.user_type)=="tenant"?so(((A=Oe.value)==null?void 0:A.tenant_phone)??""):""},{id:Xe.HOME,backFunc:()=>{wn(Xe.CHAT_LIST)},backTitle:"",isHidden:!0},{id:Xe.CUSTOMER_DETAIL,backFunc:()=>{wn(Xe.HOME)},backTitle:""},{id:Xe.CUSTOMER_APPOINTMENT,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Appointments"},{id:Xe.CUSTOMER_CHECK_IN,backFunc:()=>{wn(Xe.CUSTOMER_DETAIL)},backTitle:"Checkins"}]}),r=e,s=t,u=b=>{var A,N;b!=null&&b.conversation_id?(A=T.value)==null||A.initData({conversation_id:b==null?void 0:b.conversation_id,is_unknown:(b==null?void 0:b.is_unknown)||"0"}):(N=T.value)==null||N.initData()},{initPage:l}=XY(),{getResponsiveObserver:d}=o$(u);v.onMounted(()=>{d(),r.isLib&&(tY(),O())}),v.onUnmounted(()=>{});const c=v.computed(()=>_.value==="mobile"?o.value.find(b=>b.id==Xt.value):i.find(b=>b.id==Xt.value)),_=v.computed(()=>r.response=="mobile"?r.response:Do.value),a=v.computed(()=>{var b,A,N,w;return(((A=(b=T.value)==null?void 0:b.listConversationsAll)==null?void 0:A.reduce((x,B)=>x+((B==null?void 0:B.unread_count)??0),0))??0)+(((w=(N=T.value)==null?void 0:N.listConversationsUnknown)==null?void 0:w.reduce((x,B)=>x+((B==null?void 0:B.unread_count)??0),0))??0)}),f=v.computed(()=>{var b,A;return((b=T.value)==null?void 0:b.listConversationsAll.find(N=>N.receiver_id==g.value))??((A=T.value)==null?void 0:A.listConversationsUnknown.find(N=>N.receiver_id==g.value))??null}),p=v.computed(()=>{var b;return((b=h.value)==null?void 0:b.callStatus)??null}),m=v.ref(),h=v.ref(null),g=v.ref(null),E=v.ref(null),y=v.ref(null),T=v.ref(null),C=v.ref(null),S=async b=>{var A,N;(g.value!=(b==null?void 0:b.receiver_id)||_.value==="mobile")&&(Xt.value!=Xe.HOME&&wn(Xe.HOME),g.value=b==null?void 0:b.receiver_id,await v.nextTick(),(A=T.value)==null||A.handleReadMessage(),(N=y.value)==null||N.getData(b))},R=b=>{var A,N;((A=Oe.value)==null?void 0:A.user_type)=="tenant"&&(h.value?(N=h.value)==null||N.startCall(b):s("call",b))},O=async()=>{var A,N;const b=await l({props:r,responsive:_.value});!((A=Oe.value)!=null&&A.tenant_phone)&&((N=Oe.value)==null?void 0:N.user_type)=="tenant"&&(s("error:noPhoneTenant"),wn(Xe.NOT_TENANT_PHONE)),u(b)},k=()=>{var b;(b=C.value)==null||b.open()},j=()=>{var b;(b=T.value)==null||b.handleReadMessage()};return n({get unreadCount(){return a.value},get callStatus(){return p.value},get callLabel(){var b;return((b=h.value)==null?void 0:b.label)??""},getUserRemote:()=>{var b;return((b=h.value)==null?void 0:b.userRemoter)??null},startCall:async()=>{var b;await((b=h.value)==null?void 0:b.answer())},endCall:()=>{var b;return(b=h.value)==null?void 0:b.endCall()},openSettings:k,initData:b=>u(b)}),(b,A)=>{var N,w,x,B,G;return v.openBlock(),v.createElementBlock("div",{class:"go-chat-main max-w-full",id:"appChatMain",ref_key:"appChatRef",ref:m},[v.unref(bu)?v.unref(Xt)==v.unref(Xe).TENANT_ERROR?(v.openBlock(),v.createBlock(tK,{key:1,class:"mt-10"})):v.unref(Xt)==v.unref(Xe).REGISTER_TENANT?(v.openBlock(),v.createBlock(QK,{key:2})):v.unref(Xt)==v.unref(Xe).REGISTER_SUCCESS?(v.openBlock(),v.createBlock(t$,{key:3})):v.unref(Xt)==v.unref(Xe).NOT_TENANT_PHONE?(v.openBlock(),v.createBlock(i$,{key:4,"is-lib":r.isLib,onTryAgain:A[0]||(A[0]=D=>O())},null,8,["is-lib"])):(v.openBlock(),v.createElementBlock("div",s$,[v.createElementVNode("div",l$,[b.isLib?(v.openBlock(),v.createBlock(DK,{key:0,ref_key:"callingRef",ref:h,onUserCalling:A[1]||(A[1]=D=>s("userCalling",D)),responsive:_.value},null,8,["responsive"])):v.createCommentVNode("",!0),_.value=="mobile"?(v.openBlock(),v.createElementBlock("div",u$,[v.createElementVNode("div",d$,[v.createElementVNode("div",c$,[(N=c.value)!=null&&N.backFunc&&!((w=c.value)!=null&&w.isHidden)?(v.openBlock(),v.createElementBlock("button",{key:0,class:"flex items-center",onClick:A[2]||(A[2]=D=>c.value.backFunc())},[v.createVNode(A_),v.createElementVNode("div",_$,[v.createElementVNode("p",a$,v.toDisplayString(c.value.backTitle??""),1),v.createElementVNode("p",f$,v.toDisplayString(c.value.subTitle??""),1)])])):((x=v.unref(Oe))==null?void 0:x.user_type)=="tenant"?(v.openBlock(),v.createElementBlock("div",p$,[A[9]||(A[9]=v.createTextVNode(" 🏢 ")),v.createElementVNode("div",v$,[v.createElementVNode("div",m$,v.toDisplayString(v.unref(so)(((B=v.unref(Oe))==null?void 0:B.tenant_phone)??"")??""),1)])])):(v.openBlock(),v.createElementBlock("span",h$)),r.isLib?(v.openBlock(),v.createElementBlock("button",{key:3,class:"w-10 h-10",onClick:A[3]||(A[3]=D=>s("close"))},[v.createVNode(BK)])):v.createCommentVNode("",!0)])]),v.createElementVNode("div",y$,[v.withDirectives(v.createVNode(jM,{ref_key:"chatListRef",ref:T,class:"w-full max-w-[500px] !bg-[#F9FAFC]",responsive:_.value,onSelectReceiver:S,"receiver-id":g.value,"onUpdate:receiverId":A[4]||(A[4]=D=>g.value=D)},null,8,["responsive","receiver-id"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).CHAT_LIST]]),v.withDirectives(v.createVNode(IN,{ref_key:"homeComponentRef",ref:y,"receiver-id":g.value,class:"h-full",onCall:R,onBack:A[5]||(A[5]=D=>{var U,q;return(q=(U=c.value).backFunc)==null?void 0:q.call(U)}),onInputFocus:j,conversation:f.value,responsive:_.value},null,8,["receiver-id","conversation","responsive"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).HOME]]),v.unref(Xt)==v.unref(Xe).CUSTOMER_DETAIL?(v.openBlock(),v.createBlock(AN,{key:0,ref_key:"customerDetailRef",ref:E,"receiver-id":g.value,class:"w-full h-full",responsive:_.value},null,8,["receiver-id","responsive"])):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_CHECK_IN?(v.openBlock(),v.createBlock(ON,{key:1,class:"w-full h-full"})):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_APPOINTMENT?(v.openBlock(),v.createBlock(wN,{key:2,class:"w-full h-full"})):v.createCommentVNode("",!0)])])):(v.openBlock(),v.createElementBlock("div",g$,[v.createVNode(jM,{ref_key:"chatListRef",ref:T,class:"w-[38%] max-w-[500px] min-w-[300px] xl:min-w-[450px] border-r layout-border",responsive:_.value,onSelectReceiver:S,onOpenPhoneNumpad:A[6]||(A[6]=D=>s("openPhoneNumpad")),"receiver-id":g.value,"onUpdate:receiverId":A[7]||(A[7]=D=>g.value=D)},null,8,["responsive","receiver-id"]),v.createElementVNode("div",E$,[(G=c.value)!=null&&G.backFunc?(v.openBlock(),v.createElementBlock("div",T$,[v.createElementVNode("button",{class:"flex items-center",onClick:A[8]||(A[8]=D=>c.value.backFunc())},[v.createVNode(A_),v.createElementVNode("span",S$,v.toDisplayString(c.value.backTitle??""),1)])])):v.createCommentVNode("",!0),v.createElementVNode("div",b$,[v.withDirectives(v.createVNode(IN,{ref_key:"homeComponentRef",ref:y,"receiver-id":g.value,class:"h-full",onCall:R,onInputFocus:j,responsive:_.value,conversation:f.value},null,8,["receiver-id","responsive","conversation"]),[[v.vShow,v.unref(Xt)==v.unref(Xe).HOME&&g.value]]),v.unref(Xt)==v.unref(Xe).CUSTOMER_DETAIL?(v.openBlock(),v.createBlock(AN,{key:0,ref_key:"customerDetailRef",ref:E,"receiver-id":g.value,class:"h-full",responsive:_.value},null,8,["receiver-id","responsive"])):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_CHECK_IN?(v.openBlock(),v.createBlock(ON,{key:1,class:"h-full"})):v.createCommentVNode("",!0),v.unref(Xt)==v.unref(Xe).CUSTOMER_APPOINTMENT?(v.openBlock(),v.createBlock(wN,{key:2,class:"h-full"})):v.createCommentVNode("",!0)])])])),v.renderSlot(b.$slots,"right")])])):(v.openBlock(),v.createElementBlock("div",r$,[v.createVNode(Y8)]))],512)}}});qi.PLIVO_CALL_STATUS=Fe,qi.default=I$,Object.defineProperties(qi,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/test/chat/App.vue.js

@@ -92,10 +92,19 @@ const props = withDefaults(defineProps(), {
     response: 'tablet'
 });
 const emit = defineEmits();
+const handleExposeInit = (init_data) => {
+    if (init_data?.conversation_id) {
+        chatListRef.value?.initData({
+            conversation_id: init_data?.conversation_id,
+            is_unknown: init_data?.is_unknown || '0'
+        });
+    }
+    else
+        chatListRef.value?.initData();
+};
 const { initPage } = useInitData();
-const { getResponsiveObserver } = useListenEvent();
+const { getResponsiveObserver } = useListenEvent(handleExposeInit);
 onMounted(() => {
-    console.log('222222222222222222');
     getResponsiveObserver();
     if (props.isLib) {
         defineRootColor();
@@ -181,12 +190,7 @@ const handleInitPage = async () => {
         //   routerPush(PAGE.REGISTER_TENANT)
         // }
     }
-    // if (init_data?.conversation_id) {
-    //   chatListRef.value?.initData({
-    //     conversation_id: init_data?.conversation_id,
-    //     is_unknown: init_data?.is_unknown || '0'
-    //   })
-    // } else chatListRef.value?.initData()
+    handleExposeInit(init_data);
 };
 // const handleEndCall = (data: IResUser | null, type: string) => {
 //   setTimeout(() => {
@@ -205,16 +209,6 @@ const openSettings = () => {
 const handleReadMessage = () => {
     chatListRef.value?.handleReadMessage();
 };
-const handleExposeInit = (init_data) => {
-    if (init_data?.conversation_id) {
-        chatListRef.value?.initData({
-            conversation_id: init_data?.conversation_id,
-            is_unknown: init_data?.is_unknown || '0'
-        });
-    }
-    else
-        chatListRef.value?.initData();
-};
 let __VLS_exposed;
 defineExpose({
     get unreadCount() {

package/dist/test/composable/useListentEvent.js

@@ -5,7 +5,7 @@ import { useDebounce } from '../utils/debounce';
 // import router from '../router'
 //PINIA
 export const responsiveObserver = ref('tablet');
-export function useListenEvent() {
+export function useListenEvent(callBackResizeChange) {
     onMounted(() => {
         window.addEventListener('resize', getResponsiveObserverDebounce);
     });
@@ -19,16 +19,19 @@ export function useListenEvent() {
         const width = appChatRef?.offsetWidth ?? 0;
         if (width >= 1180) {
             if (responsiveObserver.value != 'window') {
+                callBackResizeChange?.();
                 responsiveObserver.value = 'window';
             }
         }
         else if (width >= 640) {
             if (responsiveObserver.value != 'tablet') {
+                callBackResizeChange?.();
                 responsiveObserver.value = 'tablet';
             }
         }
         else {
             if (responsiveObserver.value != 'mobile') {
+                callBackResizeChange?.();
                 if (currentPage.value == PAGE.HOME) {
                     currentPage.value = PAGE.CHAT_LIST;
                 }

package/package.json

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