@feedmepos/mf-connect 0.1.98-beta.86 → 0.1.98-beta.89

package/dist/{WhatsappBot-BhrP6JnO.js → WhatsappBot-MSJq0pE4.js}

@@ -1,12 +1,13 @@
-import { defineComponent as M, ref as B, computed as H, watch as R, onBeforeUnmount as K, resolveComponent as b, openBlock as n, createElementBlock as m, createElementVNode as o, normalizeClass as U, unref as e, toDisplayString as r, createBlock as A, withCtx as S, createTextVNode as z, createVNode as k, createCommentVNode as j, withModifiers as ae, Fragment as Q, renderList as q, useModel as se, mergeProps as le, createSlots as re } from "vue";
-import { u as G } from "./vue-i18n-DwgfDwGn.js";
+import { defineComponent as M, ref as T, computed as L, watch as R, onBeforeUnmount as Q, resolveComponent as w, openBlock as n, createElementBlock as m, createElementVNode as o, normalizeClass as U, unref as e, toDisplayString as r, createBlock as k, withCtx as I, createTextVNode as G, createVNode as A, createCommentVNode as V, withModifiers as ae, Fragment as Z, renderList as q, useModel as se, mergeProps as le, createSlots as re } from "vue";
+import { u as z } from "./vue-i18n-CkZqjA2G.js";
 import { useRouter as ce } from "vue-router";
-import { S as N, a as ie } from "./index-BVdImOs0.js";
-import { w as L } from "./index-xLDLoo67.js";
-import { u as ue, _ as pe, w as de } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-BAgSc0i4.js";
-import { R as T } from "./app-C5bfcrJd.js";
+import { S as D, a as ie } from "./index-CMGEBPm-.js";
+import { w as N } from "./index-L7SBt-2D.js";
+import { u as ue, w as pe } from "./useWhatsappAccount-1Yy7aaA9.js";
+import { R as g } from "./app-CsPUjtBR.js";
+import { _ as de } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-BFUOuRGy.js";
 import { b as me } from "./browser-BSAOEeIM.js";
-const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key: 1 }, he = { class: "min-w-0 flex-1" }, _e = ["title"], ge = { key: 1 }, ye = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, be = { class: "relative z-10 flex shrink-0 items-center gap-[12px]" }, we = ["aria-label", "title", "disabled", "aria-busy"], Be = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, Te = {
+const fe = { class: "flex items-center gap-[12px]" }, ve = ["src"], xe = { key: 1 }, _e = { class: "min-w-0 flex-1" }, he = ["title"], ge = { key: 1 }, ye = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, be = { class: "relative z-10 flex shrink-0 items-center gap-[12px]" }, we = ["aria-label", "title", "disabled", "aria-busy"], Be = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, Te = {
   key: 0,
   class: "text-[12px] text-fm-color-typo-secondary"
 }, ke = {
@@ -19,50 +20,50 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
     account: {}
   },
   emits: ["removed"],
-  setup(I, { emit: i }) {
-    const a = I, f = i, { t: x, locale: u } = G(), l = B(!1), h = B("");
-    let v;
+  setup(F, { emit: i }) {
+    const s = F, f = i, { t: v, locale: u } = z(), l = T(!1), _ = T("");
+    let x;
     const {
       name: $,
-      phoneNumber: C,
-      initials: g,
-      state: F,
-      avatarColor: E,
-      profilePictureUrl: _,
+      phoneNumber: P,
+      initials: y,
+      state: E,
+      avatarColor: C,
+      profilePictureUrl: h,
       profilePictureFailed: c
-    } = ue(() => a.account), p = H(() => F.value === "connected"), d = H(() => ({
-      name: T["$connect-WHATSAPP_ACCOUNT"],
-      params: { clientId: a.account.clientId }
+    } = ue(() => s.account), p = L(() => E.value === "connected"), d = L(() => ({
+      name: g["$connect-WHATSAPP_ACCOUNT"],
+      params: { clientId: s.account.clientId }
     }));
-    function W(P) {
+    function W(S) {
       return new Intl.DateTimeFormat(u.value, {
         year: "numeric",
         month: "short",
         day: "numeric"
-      }).format(new Date(P));
+      }).format(new Date(S));
     }
-    async function O() {
+    async function j() {
       if (l.value) return;
-      const P = N.getBusinessId();
-      if (!P) {
-        h.value = x("connect.whatsappBot.errors.selectBusiness");
+      const S = D.getBusinessId();
+      if (!S) {
+        _.value = v("connect.whatsappBot.errors.selectBusiness");
         return;
       }
-      const s = a.account.clientId, t = new AbortController();
-      v = t, l.value = !0, h.value = "";
+      const a = s.account.clientId, t = new AbortController();
+      x = t, l.value = !0, _.value = "";
       try {
-        await L.deleteClient(P, s, t.signal), t.signal.aborted || f("removed", s);
+        await N.deleteClient(S, a, t.signal), t.signal.aborted || f("removed", a);
       } catch {
-        t.signal.aborted || (h.value = x("connect.whatsappBot.errors.removeAccount"));
+        t.signal.aborted || (_.value = v("connect.whatsappBot.errors.removeAccount"));
       } finally {
-        v === t && (v = void 0, l.value = !1);
+        x === t && (x = void 0, l.value = !1);
       }
     }
-    function w() {
-      v == null || v.abort(), v = void 0, l.value = !1, h.value = "";
+    function B() {
+      x == null || x.abort(), x = void 0, l.value = !1, _.value = "";
     }
-    return R(() => N.getBusinessId(), w), K(w), (P, s) => {
-      const t = b("RouterLink"), y = b("FmIcon"), V = b("FmCircularProgress");
+    return R(() => D.getBusinessId(), B), Q(B), (S, a) => {
+      const t = w("RouterLink"), b = w("FmIcon"), O = w("FmCircularProgress");
       return n(), m("li", null, [
         o("div", {
           class: U(["relative h-full border border-fm-color-neutral-gray-100 rounded-[16px] p-[20px] flex flex-col gap-[16px] bg-fm-color-neutral-white text-fm-color-typo-primary", {
@@ -72,45 +73,45 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
           o("div", fe, [
             o("div", {
               "aria-hidden": "true",
-              class: U(["w-[48px] h-[48px] rounded-full overflow-hidden shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", e(E)])
+              class: U(["w-[48px] h-[48px] rounded-full overflow-hidden shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", e(C)])
             }, [
-              e(_) && !e(c) ? (n(), m("img", {
+              e(h) && !e(c) ? (n(), m("img", {
                 key: 0,
-                src: e(_),
+                src: e(h),
                 alt: "",
                 class: "w-full h-full object-cover",
                 referrerpolicy: "no-referrer",
-                onError: s[0] || (s[0] = (Z) => c.value = !0)
-              }, null, 40, xe)) : (n(), m("span", ve, r(e(g)), 1))
+                onError: a[0] || (a[0] = (J) => c.value = !0)
+              }, null, 40, ve)) : (n(), m("span", xe, r(e(y)), 1))
             ], 2),
-            o("div", he, [
+            o("div", _e, [
               o("h2", {
                 class: "text-[16px] leading-[24px] font-semibold truncate",
                 title: e($)
               }, [
-                p.value ? (n(), A(t, {
+                p.value ? (n(), k(t, {
                   key: 0,
                   to: d.value,
                   class: "text-inherit no-underline after:absolute after:inset-0 after:rounded-[16px] focus-visible:outline-none focus-visible:after:ring-[2px] focus-visible:after:ring-fm-color-primary focus-visible:after:ring-offset-[2px]"
                 }, {
-                  default: S(() => [
-                    z(r(e($)), 1)
+                  default: I(() => [
+                    G(r(e($)), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])) : (n(), m("span", ge, r(e($)), 1))
-              ], 8, _e),
-              o("p", ye, r(e(C)), 1)
+              ], 8, he),
+              o("p", ye, r(e(P)), 1)
             ]),
             o("div", be, [
-              p.value ? (n(), A(t, {
+              p.value ? (n(), k(t, {
                 key: 0,
                 to: d.value,
-                "aria-label": e(x)("connect.common.edit"),
-                title: e(x)("connect.common.edit"),
+                "aria-label": e(v)("connect.common.edit"),
+                title: e(v)("connect.common.edit"),
                 class: "w-[32px] h-[32px] flex items-center justify-center rounded-[8px] text-fm-color-typo-tertiary no-underline transition-colors hover:bg-fm-color-neutral-gray-100 hover:text-fm-color-typo-primary focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary"
               }, {
-                default: S(() => [
-                  k(y, {
+                default: I(() => [
+                  A(b, {
                     name: "edit",
                     size: "sm",
                     outline: "",
@@ -118,21 +119,21 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
                   })
                 ]),
                 _: 1
-              }, 8, ["to", "aria-label", "title"])) : j("", !0),
+              }, 8, ["to", "aria-label", "title"])) : V("", !0),
               o("button", {
                 type: "button",
-                "aria-label": e(x)("connect.common.remove"),
-                title: e(x)("connect.common.remove"),
+                "aria-label": e(v)("connect.common.remove"),
+                title: e(v)("connect.common.remove"),
                 disabled: l.value,
                 "aria-busy": l.value,
                 class: "w-[32px] h-[32px] flex items-center justify-center rounded-[8px] text-fm-color-typo-tertiary transition-colors hover:bg-fm-color-system-error-100 hover:text-fm-color-typo-error focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary disabled:cursor-wait disabled:opacity-50",
-                onClick: ae(O, ["stop"])
+                onClick: ae(j, ["stop"])
               }, [
-                l.value ? (n(), A(V, {
+                l.value ? (n(), k(O, {
                   key: 0,
                   size: "md",
                   "aria-hidden": "true"
-                })) : (n(), A(y, {
+                })) : (n(), k(b, {
                   key: 1,
                   name: "delete",
                   size: "sm",
@@ -143,40 +144,40 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
             ])
           ]),
           o("div", Be, [
-            k(pe, { state: e(F) }, null, 8, ["state"]),
-            p.value && I.account.connectedAt ? (n(), m("span", Te, r(e(x)("connect.whatsappBot.connectedSince", {
-              date: W(I.account.connectedAt)
-            })), 1)) : j("", !0)
+            A(de, { state: e(E) }, null, 8, ["state"]),
+            p.value && F.account.connectedAt ? (n(), m("span", Te, r(e(v)("connect.whatsappBot.connectedSince", {
+              date: W(F.account.connectedAt)
+            })), 1)) : V("", !0)
           ]),
-          h.value ? (n(), m("p", ke, r(h.value), 1)) : j("", !0)
+          _.value ? (n(), m("p", ke, r(_.value), 1)) : V("", !0)
         ], 2)
       ]);
     };
   }
-}), $e = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, Ce = /* @__PURE__ */ M({
+}), $e = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, Pe = /* @__PURE__ */ M({
   __name: "WhatsappAccountList",
   props: {
     accounts: {}
   },
   emits: ["removed"],
-  setup(I, { emit: i }) {
-    const a = i;
-    return (f, x) => (n(), m("ul", $e, [
-      (n(!0), m(Q, null, q(I.accounts, (u) => (n(), A(Ae, {
+  setup(F, { emit: i }) {
+    const s = i;
+    return (f, v) => (n(), m("ul", $e, [
+      (n(!0), m(Z, null, q(F.accounts, (u) => (n(), k(Ae, {
         key: u.clientId,
         account: u,
-        onRemoved: x[0] || (x[0] = (l) => a("removed", l))
+        onRemoved: v[0] || (v[0] = (l) => s("removed", l))
       }, null, 8, ["account"]))), 128))
     ]));
   }
-}), Pe = { class: "text-[18px] font-semibold" }, Se = {
+}), Ce = { class: "text-[18px] font-semibold" }, Se = {
   key: 0,
   role: "status",
   class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
 }, Ie = { class: "text-[18px] font-semibold" }, Fe = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, Ee = {
   key: 1,
   class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, We = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, Ve = { class: "text-fm-color-typo-secondary" }, De = { class: "flex flex-col gap-[14px]" }, je = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, Ne = { key: 0 }, Oe = { class: "font-semibold" }, He = { class: "font-semibold" }, Le = { class: "font-semibold" }, Me = { class: "font-semibold" }, Re = { key: 3 }, Ue = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, ze = { class: "relative w-[232px] h-[232px] xs:justify-self-center border border-fm-color-neutral-gray-100 rounded-xl flex items-center justify-center overflow-hidden" }, Ge = {
+}, We = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, Oe = { class: "text-fm-color-typo-secondary" }, He = { class: "flex flex-col gap-[14px]" }, Ve = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, De = { key: 0 }, je = { class: "font-semibold" }, Le = { class: "font-semibold" }, Ne = { class: "font-semibold" }, Me = { class: "font-semibold" }, Re = { key: 3 }, Ue = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Ge = { class: "relative w-[232px] h-[232px] xs:justify-self-center border border-fm-color-neutral-gray-100 rounded-xl flex items-center justify-center overflow-hidden" }, ze = {
   key: 0,
   role: "status",
   class: "flex flex-col items-center gap-[12px] text-[13px]"
@@ -198,85 +199,85 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(I) {
-    const i = se(I, "modelValue"), { t: a } = G(), f = B(""), x = B(!1), u = B(""), l = B(!1), h = B();
-    let v, $, C;
-    function g() {
-      v == null || v.abort(), clearTimeout($), $ = void 0, clearTimeout(C), C = void 0;
+  setup(F) {
+    const i = se(F, "modelValue"), { t: s } = z(), f = T(""), v = T(!1), u = T(""), l = T(!1), _ = T();
+    let x, $, P;
+    function y() {
+      x == null || x.abort(), clearTimeout($), $ = void 0, clearTimeout(P), P = void 0;
     }
-    async function F(_, c, p) {
+    async function E(h, c, p) {
       if (!p.aborted) {
         try {
-          const d = await L.getClient(_, c, p);
+          const d = await N.getClient(h, c, p);
           if (p.aborted) return;
           if (l.value = d.status === "connected" || d.status === "connecting" && d.connectedAt !== null, d.status === "connected" && d.connectedAt !== null && d.profileStatus === "ready") {
-            g(), l.value = !1, h.value = d, C = setTimeout(() => {
+            y(), l.value = !1, _.value = d, P = setTimeout(() => {
               i.value = !1;
             }, 1800);
             return;
           }
           if (d.status === "disconnected") {
-            g(), l.value = !1, f.value = "", u.value = a("connect.whatsappBot.errors.qrExpired");
+            y(), l.value = !1, f.value = "", u.value = s("connect.whatsappBot.errors.qrExpired");
             return;
           }
         } catch (d) {
           if (p.aborted) return;
           if (d instanceof ie && d.status === 409) {
-            g(), l.value = !1, f.value = "", u.value = a("connect.whatsappBot.errors.accountAlreadyLinked");
+            y(), l.value = !1, f.value = "", u.value = s("connect.whatsappBot.errors.accountAlreadyLinked");
             return;
           }
         }
         p.aborted || ($ = setTimeout(() => {
-          F(_, c, p);
+          E(h, c, p);
         }, 2e3));
       }
     }
-    async function E() {
-      g();
-      const _ = new AbortController();
-      v = _, f.value = "", u.value = "", l.value = !1, h.value = void 0, x.value = !0;
+    async function C() {
+      y();
+      const h = new AbortController();
+      x = h, f.value = "", u.value = "", l.value = !1, _.value = void 0, v.value = !0;
       try {
-        const c = N.getBusinessId();
+        const c = D.getBusinessId();
         if (!c)
-          throw new Error(a("connect.whatsappBot.errors.selectBusiness"));
-        const p = await L.createClient(
+          throw new Error(s("connect.whatsappBot.errors.selectBusiness"));
+        const p = await N.createClient(
           c,
-          _.signal
+          h.signal
         ), d = await me.toDataURL(p.qr, {
           width: 224,
           margin: 2,
           errorCorrectionLevel: "M"
         });
-        _.signal.aborted || (f.value = d, F(c, p.clientId, _.signal));
+        h.signal.aborted || (f.value = d, E(c, p.clientId, h.signal));
       } catch (c) {
-        _.signal.aborted || (u.value = c instanceof Error ? c.message : a("connect.whatsappBot.errors.loadQr"));
+        h.signal.aborted || (u.value = c instanceof Error ? c.message : s("connect.whatsappBot.errors.loadQr"));
       } finally {
-        _.signal.aborted || (x.value = !1);
+        h.signal.aborted || (v.value = !1);
       }
     }
     return R(
       i,
-      (_) => {
-        _ ? E() : g();
+      (h) => {
+        h ? C() : y();
       },
       { immediate: !0 }
-    ), K(g), (_, c) => {
-      const p = b("i18n-t"), d = b("FmCircularProgress"), W = b("FmButton"), O = b("FmDialog");
-      return n(), A(O, {
+    ), Q(y), (h, c) => {
+      const p = w("i18n-t"), d = w("FmCircularProgress"), W = w("FmButton"), j = w("FmDialog");
+      return n(), k(j, {
         modelValue: i.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (w) => i.value = w),
+        "onUpdate:modelValue": c[0] || (c[0] = (B) => i.value = B),
         "min-width": "min(720px, calc(100% - 32px))",
         "max-width": "720px",
         "max-height": "90vh",
         "dismiss-away": ""
       }, {
-        "dialog-header": S(() => [
-          o("h2", Pe, r(e(a)("connect.whatsappBot.connectAccount")), 1)
+        "dialog-header": I(() => [
+          o("h2", Ce, r(e(s)("connect.whatsappBot.connectAccount")), 1)
         ]),
-        default: S(() => {
-          var w, P, s;
+        default: I(() => {
+          var B, S, a;
           return [
-            h.value ? (n(), m("div", Se, [
+            _.value ? (n(), m("div", Se, [
               c[1] || (c[1] = o("div", {
                 "aria-hidden": "true",
                 class: "w-[64px] h-[64px] rounded-full bg-fm-color-system-success-100 text-fm-color-typo-success flex items-center justify-center mb-[8px]"
@@ -294,71 +295,71 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
                   o("path", { d: "M20 6 9 17l-5-5" })
                 ])
               ], -1)),
-              o("h3", Ie, r(e(a)("connect.whatsappBot.accountConnected")), 1),
-              o("p", Fe, r(((w = h.value.account) == null ? void 0 : w.businessName) || ((P = h.value.account) == null ? void 0 : P.name) || e(a)("connect.whatsappBot.unnamedAccount")) + " · " + r(((s = h.value.account) == null ? void 0 : s.phoneNumber) || e(a)("connect.whatsappBot.phoneUnavailable")), 1)
+              o("h3", Ie, r(e(s)("connect.whatsappBot.accountConnected")), 1),
+              o("p", Fe, r(((B = _.value.account) == null ? void 0 : B.businessName) || ((S = _.value.account) == null ? void 0 : S.name) || e(s)("connect.whatsappBot.unnamedAccount")) + " · " + r(((a = _.value.account) == null ? void 0 : a.phoneNumber) || e(s)("connect.whatsappBot.phoneUnavailable")), 1)
             ])) : (n(), m("div", Ee, [
               o("div", We, [
-                o("p", Ve, r(e(a)("connect.whatsappBot.scanDescription")), 1),
-                o("ol", De, [
-                  (n(), m(Q, null, q(4, (t) => o("li", {
+                o("p", Oe, r(e(s)("connect.whatsappBot.scanDescription")), 1),
+                o("ol", He, [
+                  (n(), m(Z, null, q(4, (t) => o("li", {
                     key: t,
                     class: "flex gap-[12px]"
                   }, [
-                    o("span", je, r(t), 1),
-                    t === 1 ? (n(), m("span", Ne, r(e(a)("connect.whatsappBot.steps.openApp")), 1)) : t === 2 ? (n(), A(p, {
+                    o("span", Ve, r(t), 1),
+                    t === 1 ? (n(), m("span", De, r(e(s)("connect.whatsappBot.steps.openApp")), 1)) : t === 2 ? (n(), k(p, {
                       key: 1,
                       keypath: "connect.whatsappBot.steps.openSettings",
                       tag: "span",
                       scope: "global"
                     }, {
-                      menu: S(() => [
-                        o("b", Oe, r(e(a)("connect.whatsappBot.menu")), 1)
+                      menu: I(() => [
+                        o("b", je, r(e(s)("connect.whatsappBot.menu")), 1)
                       ]),
-                      settings: S(() => [
-                        o("b", He, r(e(a)("connect.whatsappBot.settings")), 1)
+                      settings: I(() => [
+                        o("b", Le, r(e(s)("connect.whatsappBot.settings")), 1)
                       ]),
                       _: 1
-                    })) : t === 3 ? (n(), A(p, {
+                    })) : t === 3 ? (n(), k(p, {
                       key: 2,
                       keypath: "connect.whatsappBot.steps.linkDevice",
                       tag: "span",
                       scope: "global"
                     }, {
-                      linkedDevices: S(() => [
-                        o("b", Le, r(e(a)("connect.whatsappBot.linkedDevices")), 1)
+                      linkedDevices: I(() => [
+                        o("b", Ne, r(e(s)("connect.whatsappBot.linkedDevices")), 1)
                       ]),
-                      linkDevice: S(() => [
-                        o("b", Me, r(e(a)("connect.whatsappBot.linkDevice")), 1)
+                      linkDevice: I(() => [
+                        o("b", Me, r(e(s)("connect.whatsappBot.linkDevice")), 1)
                       ]),
                       _: 1
-                    })) : (n(), m("span", Re, r(e(a)("connect.whatsappBot.steps.scanQr")), 1))
+                    })) : (n(), m("span", Re, r(e(s)("connect.whatsappBot.steps.scanQr")), 1))
                   ])), 64))
                 ]),
-                o("p", Ue, r(e(a)("connect.whatsappBot.connectionNote")), 1)
+                o("p", Ue, r(e(s)("connect.whatsappBot.connectionNote")), 1)
               ]),
-              o("div", ze, [
-                x.value ? (n(), m("div", Ge, [
-                  k(d),
-                  z(r(e(a)("connect.whatsappBot.generatingQr")), 1)
+              o("div", Ge, [
+                v.value ? (n(), m("div", ze, [
+                  A(d),
+                  G(r(e(s)("connect.whatsappBot.generatingQr")), 1)
                 ])) : u.value ? (n(), m("div", Ke, [
                   o("p", Qe, r(u.value), 1),
-                  k(W, {
-                    label: e(a)("connect.whatsappBot.tryAgain"),
+                  A(W, {
+                    label: e(s)("connect.whatsappBot.tryAgain"),
                     "prepend-icon": "refresh",
-                    onClick: E
+                    onClick: C
                   }, null, 8, ["label"])
                 ])) : f.value ? (n(), m("img", {
                   key: 2,
                   src: f.value,
-                  alt: e(a)("connect.whatsappBot.qrAlt"),
+                  alt: e(s)("connect.whatsappBot.qrAlt"),
                   width: "224",
                   height: "224",
                   class: U({ "opacity-20": l.value })
-                }, null, 10, Ze)) : j("", !0),
+                }, null, 10, Ze)) : V("", !0),
                 l.value ? (n(), m("div", Je, [
-                  k(d),
-                  z(" " + r(e(a)("connect.whatsappBot.connecting")), 1)
-                ])) : j("", !0)
+                  A(d),
+                  G(" " + r(e(s)("connect.whatsappBot.connecting")), 1)
+                ])) : V("", !0)
               ])
             ]))
           ];
@@ -370,10 +371,10 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
 }), Ye = { class: "mt-[24px] border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[8px]" }, qe = { class: "text-[20px] leading-[28px] font-bold" }, et = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, tt = /* @__PURE__ */ M({
   __name: "WhatsappEmptyState",
   emits: ["connect"],
-  setup(I, { emit: i }) {
-    const a = i, { t: f } = G();
-    return (x, u) => {
-      const l = b("FmButton");
+  setup(F, { emit: i }) {
+    const s = i, { t: f } = z();
+    return (v, u) => {
+      const l = w("FmButton");
       return n(), m("div", Ye, [
         u[1] || (u[1] = o("div", { class: "w-[72px] h-[72px] rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center mb-[12px]" }, [
           o("svg", {
@@ -393,141 +394,145 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
         ], -1)),
         o("h2", qe, r(e(f)("connect.whatsappBot.emptyTitle")), 1),
         o("p", et, r(e(f)("connect.whatsappBot.emptyDescription")), 1),
-        k(l, {
+        A(l, {
           class: "mt-[16px]",
           label: e(f)("connect.whatsappBot.connectAccountCta"),
           "prepend-icon": "add",
-          onClick: u[0] || (u[0] = (h) => a("connect"))
+          onClick: u[0] || (u[0] = (_) => s("connect"))
         }, null, 8, ["label"])
       ]);
     };
   }
 }), ot = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, nt = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, at = { class: "flex items-center gap-8" }, st = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, lt = {
-  key: 2,
+  key: 3,
   role: "status",
   class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
 }, rt = {
-  key: 3,
+  key: 4,
   class: "mt-[24px] border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[16px]"
 }, ct = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
 }, ht = /* @__PURE__ */ M({
   __name: "WhatsappBot",
-  setup(I) {
-    const { t: i } = G(), a = ce(), f = B([]), x = B(!0), u = B("");
-    let l, h;
-    const v = B([]), $ = B(!0), C = B("");
-    let g, F;
-    const E = H(
-      () => f.value.filter((s) => de(s) !== void 0)
-    ), _ = H(() => [
+  setup(F) {
+    const { t: i } = z(), s = ce(), f = T([]), v = T(!0), u = T("");
+    let l, _;
+    const x = T([]), $ = T(!0), P = T("");
+    let y, E;
+    const C = L(
+      () => f.value.filter((a) => pe(a) !== void 0)
+    ), h = L(() => [
       {
         label: i("connect.whatsappBot.accounts"),
-        value: T["$connect-WHATSAPP_BOT"],
-        badge: E.value.length
+        value: g["$connect-WHATSAPP_BOT"],
+        badge: C.value.length
       },
       {
         label: i("connect.whatsappBot.settings"),
-        value: T["$connect-WHATSAPP_BOT_SETTINGS"]
+        value: g["$connect-WHATSAPP_BOT_SETTINGS"]
+      },
+      {
+        label: i("connect.whatsappBot.logs.title"),
+        value: g["$connect-WHATSAPP_BOT_LOGS"]
       },
       {
         label: i("connect.whatsappBot.tickets.title"),
-        value: T["$connect-WHATSAPP_BOT_TICKETS"],
-        badge: v.value.length
+        value: g["$connect-WHATSAPP_BOT_TICKETS"],
+        badge: x.value.length
       }
-    ]), c = H(() => {
-      const s = a.currentRoute.value.name;
-      return s === T["$connect-WHATSAPP_BOT_SETTINGS"] || s === T["$connect-WHATSAPP_BOT_TICKETS"] ? s : T["$connect-WHATSAPP_BOT"];
+    ]), c = L(() => {
+      const a = s.currentRoute.value.name;
+      return a === g["$connect-WHATSAPP_BOT_SETTINGS"] || a === g["$connect-WHATSAPP_BOT_LOGS"] || a === g["$connect-WHATSAPP_BOT_TICKETS"] ? a : g["$connect-WHATSAPP_BOT"];
     });
-    async function p(s = !1) {
-      clearTimeout(F), g == null || g.abort();
+    async function p(a = !1) {
+      clearTimeout(E), y == null || y.abort();
       const t = new AbortController();
-      g = t, s || ($.value = !0, C.value = "");
+      y = t, a || ($.value = !0, P.value = "");
       try {
-        const y = N.getBusinessId();
-        if (!y)
+        const b = D.getBusinessId();
+        if (!b)
           throw new Error(i("connect.whatsappBot.errors.selectBusiness"));
-        const V = await L.listTickets(y, t.signal);
-        t.signal.aborted || (v.value = V, C.value = "");
-      } catch (y) {
-        t.signal.aborted || (C.value = y instanceof Error ? y.message : i("connect.whatsappBot.tickets.loadError"));
+        const O = await N.listTickets(b, t.signal);
+        t.signal.aborted || (x.value = O, P.value = "");
+      } catch (b) {
+        t.signal.aborted || (P.value = b instanceof Error ? b.message : i("connect.whatsappBot.tickets.loadError"));
       } finally {
-        t.signal.aborted || ($.value = !1, F = setTimeout(() => void p(!0), 1e4));
+        t.signal.aborted || ($.value = !1, E = setTimeout(() => void p(!0), 1e4));
       }
     }
-    function d(s) {
-      v.value = v.value.filter((t) => t.id !== s), p(!0);
+    function d(a) {
+      x.value = x.value.filter((t) => t.id !== a), p(!0);
     }
-    async function W(s = !1) {
-      clearTimeout(h), l == null || l.abort();
+    async function W(a = !1) {
+      clearTimeout(_), l == null || l.abort();
       const t = new AbortController();
-      l = t, s || (x.value = !0, u.value = "");
+      l = t, a || (v.value = !0, u.value = "");
       try {
-        const y = N.getBusinessId();
-        if (!y)
+        const b = D.getBusinessId();
+        if (!b)
           throw new Error(i("connect.whatsappBot.errors.selectBusiness"));
-        const V = await L.listClients(y, t.signal);
-        t.signal.aborted || (f.value = V, u.value = "");
-      } catch (y) {
-        !t.signal.aborted && !s && (u.value = y instanceof Error ? y.message : i("connect.whatsappBot.errors.loadSessions"));
+        const O = await N.listClients(b, t.signal);
+        t.signal.aborted || (f.value = O, u.value = "");
+      } catch (b) {
+        !t.signal.aborted && !a && (u.value = b instanceof Error ? b.message : i("connect.whatsappBot.errors.loadSessions"));
       } finally {
-        t.signal.aborted || (x.value = !1, h = setTimeout(() => void W(!0), 1e4));
+        t.signal.aborted || (v.value = !1, _ = setTimeout(() => void W(!0), 1e4));
       }
     }
-    function O(s) {
+    function j(a) {
       f.value = f.value.filter(
-        (t) => t.clientId !== s
+        (t) => t.clientId !== a
       ), W(!0);
     }
-    const w = B(!1);
-    function P(s) {
-      (s === T["$connect-WHATSAPP_BOT"] || s === T["$connect-WHATSAPP_BOT_SETTINGS"] || s === T["$connect-WHATSAPP_BOT_TICKETS"]) && a.push({ name: s });
+    const B = T(!1);
+    function S(a) {
+      (a === g["$connect-WHATSAPP_BOT"] || a === g["$connect-WHATSAPP_BOT_SETTINGS"] || a === g["$connect-WHATSAPP_BOT_LOGS"] || a === g["$connect-WHATSAPP_BOT_TICKETS"]) && s.push({ name: a });
     }
-    return R(w, (s) => {
-      s || W();
+    return R(B, (a) => {
+      a || W();
     }), R(
-      () => N.getBusinessId(),
+      () => D.getBusinessId(),
       () => {
-        w.value = !1, f.value = [], v.value = [], W(), p();
+        B.value = !1, f.value = [], x.value = [], W(), p();
       },
       { immediate: !0 }
-    ), K(() => {
-      l == null || l.abort(), clearTimeout(h), g == null || g.abort(), clearTimeout(F);
-    }), (s, t) => {
-      const y = b("FmPill"), V = b("FmButton"), Z = b("FmBadge"), ee = b("FmTab"), te = b("FmTabs"), J = b("RouterView"), oe = b("FmCircularProgress");
-      return n(), m(Q, null, [
+    ), Q(() => {
+      l == null || l.abort(), clearTimeout(_), y == null || y.abort(), clearTimeout(E);
+    }), (a, t) => {
+      const b = w("FmPill"), O = w("FmButton"), J = w("FmBadge"), ee = w("FmTab"), te = w("FmTabs"), K = w("RouterView"), oe = w("FmCircularProgress");
+      return n(), m(Z, null, [
         o("div", ot, [
           o("div", nt, [
             o("div", at, [
               o("h1", st, r(e(i)("connect.navigation.whatsappBot")), 1),
-              k(y, { variant: "beta" })
+              A(b, { variant: "beta" })
             ]),
-            c.value === e(T)["$connect-WHATSAPP_BOT"] && E.value.length ? (n(), A(V, {
+            c.value === e(g)["$connect-WHATSAPP_BOT"] && C.value.length ? (n(), k(O, {
               key: 0,
               label: e(i)("connect.whatsappBot.connectAccountCta"),
               "prepend-icon": "add",
-              onClick: t[0] || (t[0] = (D) => w.value = !0)
-            }, null, 8, ["label"])) : j("", !0)
+              onClick: t[0] || (t[0] = (H) => B.value = !0)
+            }, null, 8, ["label"])) : V("", !0)
           ]),
-          k(te, {
+          A(te, {
             "model-value": c.value,
-            items: _.value,
+            items: h.value,
             role: "tablist",
             "aria-label": e(i)("connect.navigation.whatsappBot"),
             class: "mt-[16px] border-b border-fm-color-neutral-gray-100"
           }, {
-            default: S(({ label: D, value: X, badge: Y, tabsProps: ne }) => [
-              k(ee, le(ne, {
+            default: I(({ label: H, value: X, badge: Y, tabsProps: ne }) => [
+              A(ee, le(ne, {
                 "model-value": c.value,
-                label: D,
+                label: H,
                 value: X,
-                "onUpdate:modelValue": P
+                "onUpdate:modelValue": S
               }), re({ _: 2 }, [
                 Y ? {
                   name: "append",
-                  fn: S(() => [
-                    k(Z, {
+                  fn: I(() => [
+                    A(J, {
                       value: Y,
                       variant: "neutral",
                       inline: "",
@@ -542,35 +547,38 @@ const fe = { class: "flex items-center gap-[12px]" }, xe = ["src"], ve = { key:
             ]),
             _: 1
           }, 8, ["model-value", "items", "aria-label"]),
-          c.value === e(T)["$connect-WHATSAPP_BOT_SETTINGS"] ? (n(), A(J, { key: 0 })) : c.value === e(T)["$connect-WHATSAPP_BOT_TICKETS"] ? (n(), A(J, {
+          c.value === e(g)["$connect-WHATSAPP_BOT_SETTINGS"] ? (n(), k(K, { key: 0 })) : c.value === e(g)["$connect-WHATSAPP_BOT_LOGS"] ? (n(), k(K, {
             key: 1,
-            tickets: v.value,
+            accounts: C.value
+          }, null, 8, ["accounts"])) : c.value === e(g)["$connect-WHATSAPP_BOT_TICKETS"] ? (n(), k(K, {
+            key: 2,
+            tickets: x.value,
             loading: $.value,
-            error: C.value,
-            onRetry: t[1] || (t[1] = (D) => p()),
+            error: P.value,
+            onRetry: t[1] || (t[1] = (H) => p()),
             onResolved: d
-          }, null, 8, ["tickets", "loading", "error"])) : x.value ? (n(), m("div", lt, [
-            k(oe),
-            z(" " + r(e(i)("connect.whatsappBot.loadingSessions")), 1)
+          }, null, 8, ["tickets", "loading", "error"])) : v.value ? (n(), m("div", lt, [
+            A(oe),
+            G(" " + r(e(i)("connect.whatsappBot.loadingSessions")), 1)
           ])) : u.value ? (n(), m("div", rt, [
             o("p", ct, r(u.value), 1),
-            k(V, {
+            A(O, {
               label: e(i)("connect.whatsappBot.tryAgain"),
               "prepend-icon": "refresh",
-              onClick: t[2] || (t[2] = (D) => W())
+              onClick: t[2] || (t[2] = (H) => W())
             }, null, 8, ["label"])
-          ])) : E.value.length ? (n(), A(Ce, {
-            key: 4,
-            accounts: E.value,
-            onRemoved: O
-          }, null, 8, ["accounts"])) : (n(), A(tt, {
+          ])) : C.value.length ? (n(), k(Pe, {
             key: 5,
-            onConnect: t[3] || (t[3] = (D) => w.value = !0)
+            accounts: C.value,
+            onRemoved: j
+          }, null, 8, ["accounts"])) : (n(), k(tt, {
+            key: 6,
+            onConnect: t[3] || (t[3] = (H) => B.value = !0)
           }))
         ]),
-        k(Xe, {
-          modelValue: w.value,
-          "onUpdate:modelValue": t[4] || (t[4] = (D) => w.value = D)
+        A(Xe, {
+          modelValue: B.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (H) => B.value = H)
         }, null, 8, ["modelValue"])
       ], 64);
     };