@feedmepos/mf-connect 0.1.117-dev → 0.1.118-dev

package/dist/{WhatsappBot-DNvvaPey.js → WhatsappBot-DTWZAXhi.js}

@@ -1,12 +1,12 @@
-import { defineComponent as Z, ref as B, computed as M, watch as H, onBeforeUnmount as te, resolveComponent as k, openBlock as o, createElementBlock as i, createElementVNode as t, normalizeClass as R, unref as e, toDisplayString as a, createBlock as T, withCtx as S, createTextVNode as Q, createVNode as $, createCommentVNode as D, Fragment as N, renderList as X, mergeModels as le, useModel as se, isRef as ce } from "vue";
-import { u as Y } from "./vue-i18n-DXvyTCZf.js";
+import { defineComponent as Z, ref as w, computed as M, watch as H, onBeforeUnmount as te, resolveComponent as B, openBlock as o, createElementBlock as p, createElementVNode as t, normalizeClass as R, unref as e, toDisplayString as a, createBlock as A, withCtx as S, createTextVNode as Q, createVNode as k, createCommentVNode as D, Fragment as G, renderList as X, mergeModels as ae, useModel as le, isRef as ce } from "vue";
+import { u as Y } from "./vue-i18n-CDSTH7g5.js";
 import { useRouter as ie } from "vue-router";
 import { useCoreStore as pe } from "@feedmepos/mf-common";
-import { S as K, a as oe } from "./index-DKI8401o.js";
-import { w as J } from "./index-wsCCqwdr.js";
-import { u as ue, _ as de, w as me } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-DI0pcHcE.js";
-import { R as U } from "./app-BjdLqYQq.js";
-import { _ as fe } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-CPlyzkp4.js";
+import { S as K, a as se } from "./index-CeafUn1o.js";
+import { w as J } from "./index-DzYFQGSw.js";
+import { u as ue, _ as de, w as me } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-CMeaNKJt.js";
+import { R as N } from "./app-DX7OWVY2.js";
+import { _ as fe } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-C3L7vWZE.js";
 import { b as re } from "./browser-BSAOEeIM.js";
 const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" }, he = ["src"], _e = { key: 1 }, ge = { class: "min-w-0 flex-1" }, ye = ["title"], be = { key: 1 }, we = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, Be = { class: "relative z-10 shrink-0" }, ke = ["aria-label", "title", "aria-expanded", "disabled", "aria-busy"], $e = { class: "text-[14px] text-fm-color-typo-error" }, Ce = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, Ae = {
   key: 0,
@@ -21,100 +21,100 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
     account: {}
   },
   emits: ["removed"],
-  setup(C, { emit: m }) {
-    const h = C, c = m, { t: n, locale: p } = Y(), u = B(!1), _ = B(""), f = B(!1), y = B(!1);
-    let x;
+  setup($, { emit: m }) {
+    const _ = $, s = m, { t: n, locale: u } = Y(), d = w(!1), g = w(""), x = w(!1), y = w(!1);
+    let v;
     const {
-      name: A,
+      name: C,
       phoneNumber: b,
       initials: I,
-      state: P,
-      avatarColor: w,
+      state: T,
+      avatarColor: E,
       profilePictureUrl: l,
-      profilePictureFailed: g
-    } = ue(() => h.account), v = M(() => P.value === "connected"), d = M(() => ({
-      name: U["$connect-WHATSAPP_ACCOUNT"],
-      params: { clientId: h.account.clientId }
+      profilePictureFailed: i
+    } = ue(() => _.account), f = M(() => T.value === "connected"), h = M(() => ({
+      name: N["$connect-WHATSAPP_ACCOUNT"],
+      params: { clientId: _.account.clientId }
     }));
-    function G(E) {
-      return new Intl.DateTimeFormat(p.value, {
+    function W(V) {
+      return new Intl.DateTimeFormat(u.value, {
         year: "numeric",
         month: "short",
         day: "numeric"
-      }).format(new Date(E));
+      }).format(new Date(V));
     }
-    async function V() {
-      if (u.value) return;
-      const E = K.getBusinessId();
-      if (!E) {
-        _.value = n("connect.whatsappBot.errors.selectBusiness");
+    async function L() {
+      if (d.value) return;
+      const V = K.getBusinessId();
+      if (!V) {
+        g.value = n("connect.whatsappBot.errors.selectBusiness");
         return;
       }
-      const r = h.account.clientId, s = new AbortController();
-      x = s, u.value = !0, _.value = "";
+      const c = _.account.clientId, r = new AbortController();
+      v = r, d.value = !0, g.value = "";
       try {
-        await J.deleteClient(E, r, s.signal), s.signal.aborted || c("removed", r);
+        await J.deleteClient(V, c, r.signal), r.signal.aborted || s("removed", c);
       } catch {
-        s.signal.aborted || (_.value = n("connect.whatsappBot.errors.removeAccount"));
+        r.signal.aborted || (g.value = n("connect.whatsappBot.errors.removeAccount"));
       } finally {
-        x === s && (x = void 0, u.value = !1);
+        v === r && (v = void 0, d.value = !1);
       }
     }
-    function L() {
-      x == null || x.abort(), x = void 0, u.value = !1, _.value = "";
+    function P() {
+      v == null || v.abort(), v = void 0, d.value = !1, g.value = "";
     }
     return H(
       () => K.getBusinessId(),
       () => {
-        L(), y.value = !1;
+        P(), y.value = !1;
       }
-    ), te(L), (E, r) => {
-      const s = k("RouterLink"), W = k("FmCircularProgress"), j = k("FmIcon"), q = k("FmMenuItem"), ee = k("FmMenu");
-      return o(), i("li", xe, [
+    ), te(P), (V, c) => {
+      const r = B("RouterLink"), j = B("FmCircularProgress"), O = B("FmIcon"), q = B("FmMenuItem"), ee = B("FmMenu");
+      return o(), p("li", xe, [
         t("div", {
           class: R(["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", {
-            "cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100": v.value
+            "cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100": f.value
           }])
         }, [
           t("div", ve, [
             t("div", {
               "aria-hidden": "true",
-              class: R(["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(w)])
+              class: R(["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)])
             }, [
-              e(l) && !e(g) ? (o(), i("img", {
+              e(l) && !e(i) ? (o(), p("img", {
                 key: 0,
                 src: e(l),
                 alt: "",
                 class: "w-full h-full object-cover",
                 referrerpolicy: "no-referrer",
-                onError: r[0] || (r[0] = (O) => g.value = !0)
-              }, null, 40, he)) : (o(), i("span", _e, a(e(I)), 1))
+                onError: c[0] || (c[0] = (U) => i.value = !0)
+              }, null, 40, he)) : (o(), p("span", _e, a(e(I)), 1))
             ], 2),
             t("div", ge, [
               t("h2", {
                 class: "text-[16px] leading-[24px] font-semibold truncate",
-                title: e(A)
+                title: e(C)
               }, [
-                v.value ? (o(), T(s, {
+                f.value ? (o(), A(r, {
                   key: 0,
-                  to: d.value,
+                  to: h.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(() => [
-                    Q(a(e(A)), 1)
+                    Q(a(e(C)), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : (o(), i("span", be, a(e(A)), 1))
+                }, 8, ["to"])) : (o(), p("span", be, a(e(C)), 1))
               ], 8, ye),
               t("p", we, a(e(b)), 1)
             ]),
             t("div", Be, [
-              $(ee, {
+              k(ee, {
                 placement: "bottom-end",
                 width: 220,
-                disabled: u.value,
+                disabled: d.value,
                 "stop-click-propagation": "",
-                onMenuChanged: r[3] || (r[3] = (O) => f.value = O)
+                onMenuChanged: c[3] || (c[3] = (U) => x.value = U)
               }, {
                 "menu-button": S(() => [
                   t("button", {
@@ -122,16 +122,16 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                     "aria-label": e(n)("connect.whatsappBot.moreActions"),
                     title: e(n)("connect.whatsappBot.moreActions"),
                     "aria-haspopup": "menu",
-                    "aria-expanded": f.value,
-                    disabled: u.value,
-                    "aria-busy": u.value,
-                    class: R(["w-[32px] h-[32px] flex items-center justify-center rounded-[8px] text-fm-color-typo-tertiary 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 disabled:cursor-wait disabled:opacity-50", { "bg-fm-color-neutral-gray-100": f.value }])
+                    "aria-expanded": x.value,
+                    disabled: d.value,
+                    "aria-busy": d.value,
+                    class: R(["w-[32px] h-[32px] flex items-center justify-center rounded-[8px] text-fm-color-typo-tertiary 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 disabled:cursor-wait disabled:opacity-50", { "bg-fm-color-neutral-gray-100": x.value }])
                   }, [
-                    u.value ? (o(), T(W, {
+                    d.value ? (o(), A(j, {
                       key: 0,
                       size: "md",
                       "aria-hidden": "true"
-                    })) : (o(), T(j, {
+                    })) : (o(), A(O, {
                       key: 1,
                       name: "more_vert",
                       size: "sm",
@@ -140,14 +140,14 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                   ], 10, ke)
                 ]),
                 default: S(() => [
-                  v.value ? (o(), T(q, {
+                  f.value ? (o(), A(q, {
                     key: 0,
                     label: e(n)("connect.whatsappBot.notificationGroup.title"),
-                    disabled: u.value,
-                    "onUpdate:modelValue": r[1] || (r[1] = (O) => y.value = !0)
+                    disabled: d.value,
+                    "onUpdate:modelValue": c[1] || (c[1] = (U) => y.value = !0)
                   }, {
                     prepend: S(() => [
-                      $(j, {
+                      k(O, {
                         name: "notifications",
                         size: "sm",
                         outline: "",
@@ -156,12 +156,12 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                     ]),
                     _: 1
                   }, 8, ["label", "disabled"])) : D("", !0),
-                  $(q, {
-                    disabled: u.value,
-                    "onUpdate:modelValue": r[2] || (r[2] = (O) => V())
+                  k(q, {
+                    disabled: d.value,
+                    "onUpdate:modelValue": c[2] || (c[2] = (U) => L())
                   }, {
                     prepend: S(() => [
-                      $(j, {
+                      k(O, {
                         name: "delete",
                         size: "sm",
                         outline: "",
@@ -180,18 +180,18 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
             ])
           ]),
           t("div", Ce, [
-            $(fe, { state: e(P) }, null, 8, ["state"]),
-            v.value && C.account.connectedAt ? (o(), i("span", Ae, a(e(n)("connect.whatsappBot.connectedSince", {
-              date: G(C.account.connectedAt)
+            k(fe, { state: e(T) }, null, 8, ["state"]),
+            f.value && $.account.connectedAt ? (o(), p("span", Ae, a(e(n)("connect.whatsappBot.connectedSince", {
+              date: W($.account.connectedAt)
             })), 1)) : D("", !0)
           ]),
-          _.value ? (o(), i("p", Ie, a(_.value), 1)) : D("", !0)
+          g.value ? (o(), p("p", Ie, a(g.value), 1)) : D("", !0)
         ], 2),
-        y.value ? (o(), T(de, {
+        y.value ? (o(), A(de, {
           key: 0,
           modelValue: y.value,
-          "onUpdate:modelValue": r[4] || (r[4] = (O) => y.value = O),
-          account: C.account
+          "onUpdate:modelValue": c[4] || (c[4] = (U) => y.value = U),
+          account: $.account
         }, null, 8, ["modelValue", "account"])) : D("", !0)
       ]);
     };
@@ -202,13 +202,13 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
     accounts: {}
   },
   emits: ["removed"],
-  setup(C, { emit: m }) {
-    const h = m;
-    return (c, n) => (o(), i("ul", Fe, [
-      (o(!0), i(N, null, X(C.accounts, (p) => (o(), T(Te, {
-        key: p.clientId,
-        account: p,
-        onRemoved: n[0] || (n[0] = (u) => h("removed", u))
+  setup($, { emit: m }) {
+    const _ = m;
+    return (s, n) => (o(), p("ul", Fe, [
+      (o(!0), p(G, null, X($.accounts, (u) => (o(), A(Te, {
+        key: u.clientId,
+        account: u,
+        onRemoved: n[0] || (n[0] = (d) => _("removed", d))
       }, null, 8, ["account"]))), 128))
     ]));
   }
@@ -232,167 +232,173 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
   class: "flex w-full flex-col items-center gap-[12px]"
 }, Re = {
   key: 0,
-  role: "status",
   class: "flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
 }, He = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
 }, ze = ["src", "alt"], Qe = { class: "flex w-full min-w-0 flex-col gap-[6px]" }, Ke = { class: "text-[13px] font-medium text-fm-color-typo-secondary" }, Ze = ["href"], Je = { class: "w-full rounded-[12px] bg-fm-color-neutral-gray-100 p-[16px] text-[14px] leading-[20px]" }, Xe = { class: "flex w-full items-center justify-between gap-[12px]" }, Ye = /* @__PURE__ */ Z({
   __name: "WhatsappBotTutorialDialog",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ ae({
     clientId: {}
   }, {
     modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(C) {
-    const m = C, h = se(C, "modelValue"), { t: c } = Y(), n = B(0), p = M(() => z[n.value]), u = M(
+  setup($) {
+    const m = $, _ = le($, "modelValue"), { t: s } = Y(), n = w(0), u = M(() => z[n.value]), d = M(
       () => n.value === z.length - 1
-    ), _ = M(() => K.getBusinessId()), f = B(""), y = B(""), x = B(!1), A = B("");
+    ), g = M(() => K.getBusinessId()), x = w(""), y = w(""), v = w(!1), C = w("");
     let b;
-    async function I() {
+    function I(l) {
+      if (l instanceof se) {
+        if (l.status === 409)
+          return s("connect.whatsappBot.notificationGroup.notReady");
+        if (l.status === 404)
+          return s("connect.whatsappBot.errors.accountNotFound");
+      }
+      return s("connect.whatsappBot.errors.loadGroup");
+    }
+    async function T() {
       b == null || b.abort();
-      const w = new AbortController();
-      b = w, f.value = "", y.value = "", A.value = "", x.value = !0;
+      const l = new AbortController();
+      b = l, x.value = "", y.value = "", C.value = "", v.value = !0;
       try {
-        if (!_.value || !m.clientId) {
-          A.value = c(
-            _.value ? "connect.whatsappBot.notificationGroup.notReady" : "connect.whatsappBot.errors.selectBusiness"
+        if (!g.value || !m.clientId) {
+          C.value = s(
+            g.value ? "connect.whatsappBot.notificationGroup.notReady" : "connect.whatsappBot.errors.selectBusiness"
           );
           return;
         }
-        const l = await J.getNotificationGroup(
-          _.value,
+        const i = await J.getNotificationGroup(
+          g.value,
           m.clientId,
-          w.signal
+          l.signal
         );
-        if (w.signal.aborted) return;
-        const g = await re.toDataURL(l.inviteLink, {
+        if (l.signal.aborted) return;
+        const f = await re.toDataURL(i.inviteLink, {
           width: 224,
           margin: 2,
           errorCorrectionLevel: "M"
         });
-        if (w.signal.aborted) return;
-        f.value = l.inviteLink, y.value = g;
-      } catch (l) {
-        if (w.signal.aborted) return;
-        A.value = c(
-          l instanceof oe && l.status === 409 ? "connect.whatsappBot.notificationGroup.notReady" : l instanceof oe && l.status === 404 ? "connect.whatsappBot.errors.accountNotFound" : "connect.whatsappBot.errors.loadGroup"
-        );
+        if (l.signal.aborted) return;
+        x.value = i.inviteLink, y.value = f;
+      } catch (i) {
+        if (l.signal.aborted) return;
+        C.value = I(i);
       } finally {
-        w.signal.aborted || (x.value = !1);
+        l.signal.aborted || (v.value = !1);
       }
     }
     H(
-      [h, () => p.value.key, _, () => m.clientId],
-      ([w, l]) => {
-        w && l === "escalations" ? I() : b == null || b.abort();
+      [_, () => u.value.key, g, () => m.clientId],
+      ([l, i]) => {
+        l && i === "escalations" ? T() : b == null || b.abort();
       }
     ), te(() => b == null ? void 0 : b.abort());
-    function P() {
-      u.value ? h.value = !1 : n.value += 1;
+    function E() {
+      d.value ? _.value = !1 : n.value += 1;
     }
-    return H(h, (w) => {
-      w && (n.value = 0);
-    }), (w, l) => {
-      const g = k("FmIcon"), v = k("FmCircularProgress"), d = k("FmButton"), G = k("FmDialog");
-      return o(), T(G, {
-        modelValue: h.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (V) => h.value = V),
+    return H(_, (l) => {
+      l && (n.value = 0);
+    }), (l, i) => {
+      const f = B("FmIcon"), h = B("FmCircularProgress"), W = B("FmButton"), L = B("FmDialog");
+      return o(), A(L, {
+        modelValue: _.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (P) => _.value = P),
         "min-width": "min(600px, calc(100% - 32px))",
         "max-width": "600px",
         "max-height": "90vh",
         "dismiss-away": ""
       }, {
         "dialog-header": S(() => [
-          t("h2", Pe, a(e(c)("connect.whatsappBot.tutorial.title")), 1)
+          t("h2", Pe, a(e(s)("connect.whatsappBot.tutorial.title")), 1)
         ]),
         "dialog-footer": S(() => [
           t("div", Xe, [
-            $(d, {
+            k(W, {
               variant: "secondary",
               "border-color": "neutral-gray-200",
-              label: e(c)("connect.common.back"),
+              label: e(s)("connect.common.back"),
               disabled: n.value === 0,
               "prepend-icon": "chevron_left",
               class: "!rounded-full [&_.label]:text-[14px]",
-              onClick: l[0] || (l[0] = (V) => n.value -= 1)
+              onClick: i[0] || (i[0] = (P) => n.value -= 1)
             }, null, 8, ["label", "disabled"]),
-            $(d, {
-              label: u.value ? e(c)("connect.whatsappBot.tutorial.done") : e(c)("connect.common.next"),
-              "append-icon": u.value ? void 0 : "chevron_right",
+            k(W, {
+              label: d.value ? e(s)("connect.whatsappBot.tutorial.done") : e(s)("connect.common.next"),
+              "append-icon": d.value ? void 0 : "chevron_right",
               class: "!rounded-full [&_.label]:text-[14px]",
-              onClick: P
+              onClick: E
             }, null, 8, ["label", "append-icon"])
           ])
         ]),
         default: S(() => [
           t("div", Ve, [
             t("div", Le, [
-              t("p", De, a(e(c)("connect.whatsappBot.tutorial.progress", {
+              t("p", De, a(e(s)("connect.whatsappBot.tutorial.progress", {
                 current: n.value + 1,
                 total: e(z).length
               })), 1),
               t("div", Ee, [
-                (o(!0), i(N, null, X(e(z), (V, L) => (o(), i("span", {
-                  key: L,
+                (o(!0), p(G, null, X(e(z), (P, V) => (o(), p("span", {
+                  key: V,
                   class: R([
                     "h-[4px] flex-1 rounded-full",
-                    L <= n.value ? "bg-fm-color-primary" : "bg-fm-color-neutral-gray-100"
+                    V <= n.value ? "bg-fm-color-primary" : "bg-fm-color-neutral-gray-100"
                   ])
                 }, null, 2))), 128))
               ])
             ]),
             t("div", Me, [
-              t("span", We, a(e(c)("connect.whatsappBot.tutorial.progress", {
+              t("span", We, a(e(s)("connect.whatsappBot.tutorial.progress", {
                 current: n.value + 1,
                 total: e(z).length
               })), 1),
               t("div", je, [
-                $(g, {
-                  name: p.value.icon,
+                k(f, {
+                  name: u.value.icon,
                   size: "lg"
                 }, null, 8, ["name"])
               ]),
               t("div", Oe, [
-                t("h3", Ue, a(e(c)(`connect.whatsappBot.tutorial.steps.${p.value.key}.title`)), 1),
-                t("p", Ne, a(e(c)(
-                  `connect.whatsappBot.tutorial.steps.${p.value.key}.description`
+                t("h3", Ue, a(e(s)(`connect.whatsappBot.tutorial.steps.${u.value.key}.title`)), 1),
+                t("p", Ne, a(e(s)(
+                  `connect.whatsappBot.tutorial.steps.${u.value.key}.description`
                 )), 1)
               ]),
-              p.value.key === "escalations" ? (o(), i("div", Ge, [
-                x.value ? (o(), i("div", Re, [
-                  $(v),
-                  Q(" " + a(e(c)("connect.whatsappBot.notificationGroup.loading")), 1)
-                ])) : A.value ? (o(), i(N, { key: 1 }, [
-                  t("p", He, a(A.value), 1),
-                  $(d, {
-                    label: e(c)("connect.whatsappBot.tryAgain"),
+              u.value.key === "escalations" ? (o(), p("div", Ge, [
+                v.value ? (o(), p("output", Re, [
+                  k(h),
+                  Q(" " + a(e(s)("connect.whatsappBot.notificationGroup.loading")), 1)
+                ])) : C.value ? (o(), p(G, { key: 1 }, [
+                  t("p", He, a(C.value), 1),
+                  k(W, {
+                    label: e(s)("connect.whatsappBot.tryAgain"),
                     "prepend-icon": "refresh",
                     class: "!rounded-full [&_.label]:text-[14px]",
-                    onClick: I
+                    onClick: T
                   }, null, 8, ["label"])
-                ], 64)) : f.value ? (o(), i(N, { key: 2 }, [
+                ], 64)) : x.value ? (o(), p(G, { key: 2 }, [
                   t("img", {
                     src: y.value,
-                    alt: e(c)("connect.whatsappBot.notificationGroup.qrAlt"),
+                    alt: e(s)("connect.whatsappBot.notificationGroup.qrAlt"),
                     width: "224",
                     height: "224",
                     class: "rounded-[12px] border border-fm-color-neutral-gray-100"
                   }, null, 8, ze),
                   t("div", Qe, [
-                    t("span", Ke, a(e(c)("connect.whatsappBot.notificationGroup.inviteLink")), 1),
+                    t("span", Ke, a(e(s)("connect.whatsappBot.notificationGroup.inviteLink")), 1),
                     t("a", {
-                      href: f.value,
+                      href: x.value,
                       target: "_blank",
                       rel: "noopener noreferrer",
                       class: "break-all rounded-[8px] border border-fm-color-neutral-gray-200 p-[12px] font-mono text-[13px] text-fm-color-primary underline focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary"
-                    }, a(f.value), 9, Ze)
+                    }, a(x.value), 9, Ze)
                   ])
                 ], 64)) : D("", !0)
               ])) : D("", !0),
-              t("p", Je, a(e(c)(`connect.whatsappBot.tutorial.steps.${p.value.key}.hint`)), 1)
+              t("p", Je, a(e(s)(`connect.whatsappBot.tutorial.steps.${u.value.key}.hint`)), 1)
             ])
           ])
         ]),
@@ -402,14 +408,12 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
   }
 }), qe = { class: "text-[18px] font-semibold" }, et = {
   key: 0,
-  role: "status",
   class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
 }, tt = { class: "text-[18px] font-semibold" }, ot = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, nt = {
   key: 1,
   class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
 }, at = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, lt = { class: "text-fm-color-typo-secondary" }, st = { class: "flex flex-col gap-[14px]" }, rt = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, ct = { key: 0 }, it = { class: "font-semibold" }, pt = { class: "font-semibold" }, ut = { class: "font-semibold" }, dt = { class: "font-semibold" }, mt = { key: 3 }, ft = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary" }, xt = { class: "relative w-[232px] h-[232px] xs:justify-self-center border border-fm-color-neutral-gray-100 rounded-[12px] flex items-center justify-center overflow-hidden" }, vt = {
   key: 0,
-  role: "status",
   class: "flex flex-col items-center gap-[12px] text-[13px]"
 }, ht = {
   key: 1,
@@ -419,7 +423,6 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
   class: "text-[14px] text-fm-color-typo-error"
 }, gt = ["src", "alt"], yt = {
   key: 3,
-  role: "status",
   "aria-live": "polite",
   class: "absolute inset-0 bg-fm-color-neutral-white/90 flex flex-col items-center justify-center gap-[10px] text-[13px] font-medium"
 }, bt = /* @__PURE__ */ Z({
@@ -428,74 +431,74 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
     modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ le(["connected"], ["update:modelValue"]),
-  setup(C, { emit: m }) {
-    const h = se(C, "modelValue"), c = m, { t: n } = Y(), p = B(""), u = B(!1), _ = B(""), f = B(!1), y = B();
-    let x, A, b;
+  emits: /* @__PURE__ */ ae(["connected"], ["update:modelValue"]),
+  setup($, { emit: m }) {
+    const _ = le($, "modelValue"), s = m, { t: n } = Y(), u = w(""), d = w(!1), g = w(""), x = w(!1), y = w();
+    let v, C, b;
     function I() {
-      x == null || x.abort(), clearTimeout(A), A = void 0, clearTimeout(b), b = void 0;
+      v == null || v.abort(), clearTimeout(C), C = void 0, clearTimeout(b), b = void 0;
     }
-    async function P(l, g, v) {
-      if (!v.aborted) {
+    async function T(l, i, f) {
+      if (!f.aborted) {
         try {
-          const d = await J.getClient(l, g, v);
-          if (v.aborted) return;
-          if (f.value = d.status === "connected" || d.status === "connecting" && d.connectedAt !== null, d.status === "connected" && d.connectedAt !== null && d.profileStatus === "ready") {
-            I(), f.value = !1, y.value = d, c("connected", d), b = setTimeout(() => {
-              h.value = !1;
+          const h = await J.getClient(l, i, f);
+          if (f.aborted) return;
+          if (x.value = h.status === "connected" || h.status === "connecting" && h.connectedAt !== null, h.status === "connected" && h.connectedAt !== null && h.profileStatus === "ready") {
+            I(), x.value = !1, y.value = h, s("connected", h), b = setTimeout(() => {
+              _.value = !1;
             }, 1800);
             return;
           }
-          if (d.status === "disconnected") {
-            I(), f.value = !1, p.value = "", _.value = n("connect.whatsappBot.errors.qrExpired");
+          if (h.status === "disconnected") {
+            I(), x.value = !1, u.value = "", g.value = n("connect.whatsappBot.errors.qrExpired");
             return;
           }
-        } catch (d) {
-          if (v.aborted) return;
-          if (d instanceof oe && d.status === 409) {
-            I(), f.value = !1, p.value = "", _.value = n("connect.whatsappBot.errors.accountAlreadyLinked");
+        } catch (h) {
+          if (f.aborted) return;
+          if (h instanceof se && h.status === 409) {
+            I(), x.value = !1, u.value = "", g.value = n("connect.whatsappBot.errors.accountAlreadyLinked");
             return;
           }
         }
-        v.aborted || (A = setTimeout(() => {
-          P(l, g, v);
+        f.aborted || (C = setTimeout(() => {
+          T(l, i, f);
         }, 2e3));
       }
     }
-    async function w() {
+    async function E() {
       I();
       const l = new AbortController();
-      x = l, p.value = "", _.value = "", f.value = !1, y.value = void 0, u.value = !0;
+      v = l, u.value = "", g.value = "", x.value = !1, y.value = void 0, d.value = !0;
       try {
-        const g = K.getBusinessId();
-        if (!g)
+        const i = K.getBusinessId();
+        if (!i)
           throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
-        const v = await J.createClient(
-          g,
+        const f = await J.createClient(
+          i,
           l.signal
-        ), d = await re.toDataURL(v.qr, {
+        ), h = await re.toDataURL(f.qr, {
           width: 224,
           margin: 2,
           errorCorrectionLevel: "M"
         });
-        l.signal.aborted || (p.value = d, P(g, v.clientId, l.signal));
-      } catch (g) {
-        l.signal.aborted || (_.value = g instanceof Error ? g.message : n("connect.whatsappBot.errors.loadQr"));
+        l.signal.aborted || (u.value = h, T(i, f.clientId, l.signal));
+      } catch (i) {
+        l.signal.aborted || (g.value = i instanceof Error ? i.message : n("connect.whatsappBot.errors.loadQr"));
       } finally {
-        l.signal.aborted || (u.value = !1);
+        l.signal.aborted || (d.value = !1);
       }
     }
     return H(
-      h,
+      _,
       (l) => {
-        l ? w() : I();
+        l ? E() : I();
       },
       { immediate: !0 }
-    ), te(I), (l, g) => {
-      const v = k("i18n-t"), d = k("FmCircularProgress"), G = k("FmButton"), V = k("FmDialog");
-      return o(), T(V, {
-        modelValue: h.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (L) => h.value = L),
+    ), te(I), (l, i) => {
+      const f = B("i18n-t"), h = B("FmCircularProgress"), W = B("FmButton"), L = B("FmDialog");
+      return o(), A(L, {
+        modelValue: _.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (P) => _.value = P),
         "min-width": "min(720px, calc(100% - 32px))",
         "max-width": "720px",
         "max-height": "90vh",
@@ -505,10 +508,10 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
           t("h2", qe, a(e(n)("connect.whatsappBot.connectAccount")), 1)
         ]),
         default: S(() => {
-          var L, E, r;
+          var P, V, c;
           return [
-            y.value ? (o(), i("div", et, [
-              g[1] || (g[1] = t("div", {
+            y.value ? (o(), p("output", et, [
+              i[1] || (i[1] = t("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]"
               }, [
@@ -526,17 +529,17 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                 ])
               ], -1)),
               t("h3", tt, a(e(n)("connect.whatsappBot.accountConnected")), 1),
-              t("p", ot, a(((L = y.value.account) == null ? void 0 : L.businessName) || ((E = y.value.account) == null ? void 0 : E.name) || e(n)("connect.whatsappBot.unnamedAccount")) + " · " + a(((r = y.value.account) == null ? void 0 : r.phoneNumber) || e(n)("connect.whatsappBot.phoneUnavailable")), 1)
-            ])) : (o(), i("div", nt, [
+              t("p", ot, a(((P = y.value.account) == null ? void 0 : P.businessName) || ((V = y.value.account) == null ? void 0 : V.name) || e(n)("connect.whatsappBot.unnamedAccount")) + " · " + a(((c = y.value.account) == null ? void 0 : c.phoneNumber) || e(n)("connect.whatsappBot.phoneUnavailable")), 1)
+            ])) : (o(), p("div", nt, [
               t("div", at, [
                 t("p", lt, a(e(n)("connect.whatsappBot.scanDescription")), 1),
                 t("ol", st, [
-                  (o(), i(N, null, X(4, (s) => t("li", {
-                    key: s,
+                  (o(), p(G, null, X(4, (r) => t("li", {
+                    key: r,
                     class: "flex gap-[12px]"
                   }, [
-                    t("span", rt, a(s), 1),
-                    s === 1 ? (o(), i("span", ct, a(e(n)("connect.whatsappBot.steps.openApp")), 1)) : s === 2 ? (o(), T(v, {
+                    t("span", rt, a(r), 1),
+                    r === 1 ? (o(), p("span", ct, a(e(n)("connect.whatsappBot.steps.openApp")), 1)) : r === 2 ? (o(), A(f, {
                       key: 1,
                       keypath: "connect.whatsappBot.steps.openSettings",
                       tag: "span",
@@ -549,7 +552,7 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                         t("b", pt, a(e(n)("connect.whatsappBot.settings")), 1)
                       ]),
                       _: 1
-                    })) : s === 3 ? (o(), T(v, {
+                    })) : r === 3 ? (o(), A(f, {
                       key: 2,
                       keypath: "connect.whatsappBot.steps.linkDevice",
                       tag: "span",
@@ -562,33 +565,33 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
                         t("b", dt, a(e(n)("connect.whatsappBot.linkDevice")), 1)
                       ]),
                       _: 1
-                    })) : (o(), i("span", mt, a(e(n)("connect.whatsappBot.steps.scanQr")), 1))
+                    })) : (o(), p("span", mt, a(e(n)("connect.whatsappBot.steps.scanQr")), 1))
                   ])), 64))
                 ]),
                 t("p", ft, a(e(n)("connect.whatsappBot.connectionNote")), 1)
               ]),
               t("div", xt, [
-                u.value ? (o(), i("div", vt, [
-                  $(d),
+                d.value ? (o(), p("output", vt, [
+                  k(h),
                   Q(a(e(n)("connect.whatsappBot.generatingQr")), 1)
-                ])) : _.value ? (o(), i("div", ht, [
-                  t("p", _t, a(_.value), 1),
-                  $(G, {
+                ])) : g.value ? (o(), p("div", ht, [
+                  t("p", _t, a(g.value), 1),
+                  k(W, {
                     label: e(n)("connect.whatsappBot.tryAgain"),
                     "prepend-icon": "refresh",
                     class: "!rounded-full [&_.label]:text-[14px]",
-                    onClick: w
+                    onClick: E
                   }, null, 8, ["label"])
-                ])) : p.value ? (o(), i("img", {
+                ])) : u.value ? (o(), p("img", {
                   key: 2,
-                  src: p.value,
+                  src: u.value,
                   alt: e(n)("connect.whatsappBot.qrAlt"),
                   width: "224",
                   height: "224",
-                  class: R({ "opacity-20": f.value })
+                  class: R({ "opacity-20": x.value })
                 }, null, 10, gt)) : D("", !0),
-                f.value ? (o(), i("div", yt, [
-                  $(d),
+                x.value ? (o(), p("output", yt, [
+                  k(h),
                   Q(" " + a(e(n)("connect.whatsappBot.connecting")), 1)
                 ])) : D("", !0)
               ])
@@ -605,12 +608,12 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
 }, At = { class: "flex flex-col gap-[4px]" }, It = { class: "text-[14px] leading-[20px] font-semibold" }, Tt = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ft = /* @__PURE__ */ Z({
   __name: "WhatsappEmptyState",
   emits: ["connect"],
-  setup(C, { emit: m }) {
-    const h = m, { t: c } = Y();
-    return (n, p) => {
-      const u = k("FmIcon"), _ = k("FmButton");
-      return o(), i("div", wt, [
-        p[1] || (p[1] = t("div", { class: "w-[72px] h-[72px] rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center mb-[12px]" }, [
+  setup($, { emit: m }) {
+    const _ = m, { t: s } = Y();
+    return (n, u) => {
+      const d = B("FmIcon"), g = B("FmButton");
+      return o(), p("div", wt, [
+        u[1] || (u[1] = t("div", { class: "w-[72px] h-[72px] rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center mb-[12px]" }, [
           t("svg", {
             width: "34",
             height: "34",
@@ -626,79 +629,78 @@ const xe = { class: "min-w-0" }, ve = { class: "flex items-center gap-[12px]" },
             t("path", { d: "M9 10h.01M12 10h.01M15 10h.01" })
           ])
         ], -1)),
-        t("h2", Bt, a(e(c)("connect.whatsappBot.emptyTitle")), 1),
-        t("p", kt, a(e(c)("connect.whatsappBot.emptyDescription")), 1),
+        t("h2", Bt, a(e(s)("connect.whatsappBot.emptyTitle")), 1),
+        t("p", kt, a(e(s)("connect.whatsappBot.emptyDescription")), 1),
         t("ul", {
-          "aria-label": e(c)("connect.whatsappBot.tutorial.title"),
+          "aria-label": e(s)("connect.whatsappBot.tutorial.title"),
           class: "mt-[24px] grid w-full max-w-[880px] grid-cols-2 xs:grid-cols-1 gap-[20px] text-left"
         }, [
-          (o(!0), i(N, null, X(e(z), (f) => (o(), i("li", {
-            key: f.key,
+          (o(!0), p(G, null, X(e(z), (x) => (o(), p("li", {
+            key: x.key,
             class: "flex items-start gap-[12px]"
           }, [
             t("div", Ct, [
-              $(u, {
-                name: f.icon,
+              k(d, {
+                name: x.icon,
                 size: "sm"
               }, null, 8, ["name"])
             ]),
             t("div", At, [
-              t("h3", It, a(e(c)(`connect.whatsappBot.tutorial.steps.${f.key}.title`)), 1),
-              t("p", Tt, a(e(c)(`connect.whatsappBot.tutorial.steps.${f.key}.description`)), 1)
+              t("h3", It, a(e(s)(`connect.whatsappBot.tutorial.steps.${x.key}.title`)), 1),
+              t("p", Tt, a(e(s)(`connect.whatsappBot.tutorial.steps.${x.key}.description`)), 1)
             ])
           ]))), 128))
         ], 8, $t),
-        $(_, {
+        k(g, {
           class: "mt-[16px] !rounded-full !px-[20px] [&_.label]:text-[14px]",
-          label: e(c)("connect.whatsappBot.connectAccount"),
+          label: e(s)("connect.whatsappBot.connectAccount"),
           "prepend-icon": "add",
-          onClick: p[0] || (p[0] = (f) => h("connect"))
+          onClick: u[0] || (u[0] = (x) => _("connect"))
         }, null, 8, ["label"])
       ]);
     };
   }
 });
-function St(C) {
-  const m = B(!1);
-  let h = !1, c = !1, n = !1;
-  function p() {
-    return `feedme_connect_whatsapp_bot_tutorial:${C.value}`;
+function St($) {
+  const m = w(!1);
+  let _ = !1, s = !1, n = !1;
+  function u() {
+    return `feedme_connect_whatsapp_bot_tutorial:${$.value}`;
   }
-  function u(y) {
-    let x = n;
+  function d(y) {
+    let v = n;
     try {
-      x || (x = localStorage.getItem(p()) === "1");
+      v || (v = localStorage.getItem(u()) === "1");
     } catch {
     }
-    h = !!C.value && !y && !x, c = !1;
+    _ = !!$.value && !y && !v, s = !1;
   }
-  function _() {
-    c = h;
+  function g() {
+    s = _;
   }
-  function f() {
-    if (c) {
+  function x() {
+    if (s) {
       m.value = !0, n = !0;
       try {
-        localStorage.setItem(p(), "1");
+        localStorage.setItem(u(), "1");
       } catch {
       }
     }
-    h = !1, c = !1;
+    _ = !1, s = !1;
   }
   return H(
-    C,
+    $,
     () => {
-      m.value = !1, h = !1, c = !1, n = !1;
+      m.value = !1, _ = !1, s = !1, n = !1;
     },
     { flush: "sync" }
-  ), { tutorialOpen: m, startConnection: u, onConnected: _, onConnectionClosed: f };
+  ), { tutorialOpen: m, startConnection: d, onConnected: g, onConnectionClosed: x };
 }
 const Pt = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, Vt = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, Lt = { class: "flex items-center gap-8" }, Dt = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, Et = { class: "flex items-center gap-[8px] flex-wrap" }, Mt = {
   key: 0,
   class: "mt-[8px] w-full text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]"
 }, Wt = ["aria-label"], jt = {
   key: 3,
-  role: "status",
   class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
 }, Ot = {
   key: 4,
@@ -708,164 +710,164 @@ const Pt = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-ty
   class: "text-[14px] text-fm-color-typo-error"
 }, Yt = /* @__PURE__ */ Z({
   __name: "WhatsappBot",
-  setup(C) {
-    const { t: m } = Y(), h = ie(), c = pe(), n = M(() => {
-      var r, s;
-      return !!((s = (r = c.sessionUser.value) == null ? void 0 : r.role) != null && s.isAdmin);
-    }), p = M(() => K.getBusinessId()), { tutorialOpen: u, startConnection: _, onConnected: f, onConnectionClosed: y } = St(p), x = B([]), A = B(), b = B(!0), I = B("");
-    let P, w;
+  setup($) {
+    const { t: m } = Y(), _ = ie(), s = pe(), n = M(() => {
+      var c, r;
+      return !!((r = (c = s.sessionUser.value) == null ? void 0 : c.role) != null && r.isAdmin);
+    }), u = M(() => K.getBusinessId()), { tutorialOpen: d, startConnection: g, onConnected: x, onConnectionClosed: y } = St(u), v = w([]), C = w(), b = w(!0), I = w("");
+    let T, E;
     const l = M(
-      () => x.value.filter((r) => me(r) !== void 0)
-    ), g = M(
+      () => v.value.filter((c) => me(c) !== void 0)
+    ), i = M(
       () => [
         {
           label: m("connect.whatsappBot.accounts"),
-          value: U["$connect-WHATSAPP_BOT"],
+          value: N["$connect-WHATSAPP_BOT"],
           badge: l.value.length
         },
         {
           label: m("connect.whatsappBot.settings"),
-          value: U["$connect-WHATSAPP_BOT_SETTINGS"]
+          value: N["$connect-WHATSAPP_BOT_SETTINGS"]
         },
         ...n.value ? [
           {
             label: m("connect.whatsappBot.logs.title"),
-            value: U["$connect-WHATSAPP_BOT_LOGS"]
+            value: N["$connect-WHATSAPP_BOT_LOGS"]
           }
         ] : []
       ]
-    ), v = M(() => {
-      const r = h.currentRoute.value.name;
-      return g.value.some((s) => s.value === r) ? r : U["$connect-WHATSAPP_BOT"];
+    ), f = M(() => {
+      const c = _.currentRoute.value.name;
+      return i.value.some((r) => r.value === c) ? c : N["$connect-WHATSAPP_BOT"];
     });
-    async function d(r = !1) {
-      clearTimeout(w), P == null || P.abort();
-      const s = new AbortController();
-      P = s, r || (b.value = !0, I.value = "");
+    async function h(c = !1) {
+      clearTimeout(E), T == null || T.abort();
+      const r = new AbortController();
+      T = r, c || (b.value = !0, I.value = "");
       try {
-        const W = K.getBusinessId();
-        if (!W)
+        const j = K.getBusinessId();
+        if (!j)
           throw new Error(m("connect.whatsappBot.errors.selectBusiness"));
-        const j = await J.listClients(W, s.signal);
-        s.signal.aborted || (x.value = j, I.value = "");
-      } catch (W) {
-        !s.signal.aborted && !r && (I.value = W instanceof Error ? W.message : m("connect.whatsappBot.errors.loadSessions"));
+        const O = await J.listClients(j, r.signal);
+        r.signal.aborted || (v.value = O, I.value = "");
+      } catch (j) {
+        !r.signal.aborted && !c && (I.value = j instanceof Error ? j.message : m("connect.whatsappBot.errors.loadSessions"));
       } finally {
-        s.signal.aborted || (b.value = !1, w = setTimeout(() => void d(!0), 1e4));
+        r.signal.aborted || (b.value = !1, E = setTimeout(() => void h(!0), 1e4));
       }
     }
-    function G(r) {
-      x.value = x.value.filter(
-        (s) => s.clientId !== r
-      ), d(!0);
+    function W(c) {
+      v.value = v.value.filter(
+        (r) => r.clientId !== c
+      ), h(!0);
     }
-    const V = B(!1);
-    function L() {
-      _(l.value.length > 0), V.value = !0;
+    const L = w(!1);
+    function P() {
+      g(l.value.length > 0), L.value = !0;
     }
-    function E(r) {
-      A.value = r.clientId, x.value = [
-        ...x.value.filter((s) => s.clientId !== r.clientId),
-        r
-      ], f();
+    function V(c) {
+      C.value = c.clientId, v.value = [
+        ...v.value.filter((r) => r.clientId !== c.clientId),
+        c
+      ], x();
     }
-    return H(V, (r) => {
-      r || (y(), d());
+    return H(L, (c) => {
+      c || (y(), h());
     }), H(
-      p,
+      u,
       () => {
-        V.value = !1, A.value = void 0, x.value = [], d();
+        L.value = !1, C.value = void 0, v.value = [], h();
       },
       { immediate: !0 }
     ), te(() => {
-      P == null || P.abort(), clearTimeout(w);
-    }), (r, s) => {
-      var ne, ae;
-      const W = k("FmPill"), j = k("FmButton"), q = k("RouterLink"), ee = k("RouterView"), O = k("FmCircularProgress");
-      return o(), i(N, null, [
+      T == null || T.abort(), clearTimeout(E);
+    }), (c, r) => {
+      var oe, ne;
+      const j = B("FmPill"), O = B("FmButton"), q = B("RouterLink"), ee = B("RouterView"), U = B("FmCircularProgress");
+      return o(), p(G, null, [
         t("div", Pt, [
           t("div", Vt, [
             t("div", Lt, [
               t("h1", Dt, a(e(m)("connect.navigation.whatsappBot")), 1),
-              $(W, { variant: "beta" })
+              k(j, { variant: "beta" })
             ]),
             t("div", Et, [
-              $(j, {
+              k(O, {
                 variant: "tertiary",
                 label: e(m)("connect.whatsappBot.tutorial.learnMore"),
                 "prepend-icon": "help_outline",
                 class: "!h-[36px] !rounded-full !px-[16px] [&_.label]:text-[14px]",
-                onClick: s[0] || (s[0] = (F) => u.value = !0)
+                onClick: r[0] || (r[0] = (F) => d.value = !0)
               }, null, 8, ["label"]),
-              v.value === e(U)["$connect-WHATSAPP_BOT"] && l.value.length ? (o(), T(j, {
+              f.value === e(N)["$connect-WHATSAPP_BOT"] && l.value.length ? (o(), A(O, {
                 key: 0,
                 label: e(m)("connect.whatsappBot.connectAccountCta"),
                 "prepend-icon": "add",
                 class: "!h-[36px] !rounded-full !px-[16px] [&_.label]:text-[14px]",
-                onClick: L
+                onClick: P
               }, null, 8, ["label"])) : D("", !0)
             ])
           ]),
-          l.value.length ? (o(), i("p", Mt, a(e(m)("connect.whatsappBot.description")), 1)) : D("", !0),
+          l.value.length ? (o(), p("p", Mt, a(e(m)("connect.whatsappBot.description")), 1)) : D("", !0),
           t("nav", {
             "aria-label": e(m)("connect.navigation.whatsappBot"),
             class: "mt-[16px] flex gap-[24px] overflow-x-auto border-b border-fm-color-neutral-gray-100"
           }, [
-            (o(!0), i(N, null, X(g.value, (F) => (o(), T(q, {
+            (o(!0), p(G, null, X(i.value, (F) => (o(), A(q, {
               key: F.value,
               to: { name: F.value },
-              "aria-current": v.value === F.value ? "page" : void 0,
+              "aria-current": f.value === F.value ? "page" : void 0,
               class: R([
                 "flex h-[40px] shrink-0 items-center gap-[6px] whitespace-nowrap border-b-[2px] px-[2px] text-[14px] leading-[20px] font-medium no-underline transition-colors hover:text-fm-color-primary focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-inset focus-visible:ring-fm-color-primary",
-                v.value === F.value ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-fm-color-typo-secondary"
+                f.value === F.value ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-fm-color-typo-secondary"
               ])
             }, {
               default: S(() => [
                 Q(a(F.label) + " ", 1),
-                F.badge ? (o(), i("span", {
+                F.badge ? (o(), p("span", {
                   key: 0,
                   class: R([
                     "min-w-[20px] rounded-full px-[6px] text-center text-[12px] leading-[20px] font-semibold tabular-nums",
-                    v.value === F.value ? "bg-fm-color-primary-oats text-fm-color-primary" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
+                    f.value === F.value ? "bg-fm-color-primary-oats text-fm-color-primary" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
                   ])
                 }, a(F.badge), 3)) : D("", !0)
               ]),
               _: 2
             }, 1032, ["to", "aria-current", "class"]))), 128))
           ], 8, Wt),
-          v.value === e(U)["$connect-WHATSAPP_BOT_SETTINGS"] ? (o(), T(ee, { key: 1 })) : v.value === e(U)["$connect-WHATSAPP_BOT_LOGS"] ? (o(), T(ee, {
+          f.value === e(N)["$connect-WHATSAPP_BOT_SETTINGS"] ? (o(), A(ee, { key: 1 })) : f.value === e(N)["$connect-WHATSAPP_BOT_LOGS"] ? (o(), A(ee, {
             key: 2,
             accounts: l.value
-          }, null, 8, ["accounts"])) : b.value ? (o(), i("div", jt, [
-            $(O),
+          }, null, 8, ["accounts"])) : b.value ? (o(), p("output", jt, [
+            k(U),
             Q(" " + a(e(m)("connect.whatsappBot.loadingSessions")), 1)
-          ])) : I.value ? (o(), i("div", Ot, [
+          ])) : I.value ? (o(), p("div", Ot, [
             t("p", Ut, a(I.value), 1),
-            $(j, {
+            k(O, {
               label: e(m)("connect.whatsappBot.tryAgain"),
               "prepend-icon": "refresh",
               class: "!rounded-full [&_.label]:text-[14px]",
-              onClick: s[1] || (s[1] = (F) => d())
+              onClick: r[1] || (r[1] = (F) => h())
             }, null, 8, ["label"])
-          ])) : l.value.length ? (o(), T(Se, {
+          ])) : l.value.length ? (o(), A(Se, {
             key: 5,
             accounts: l.value,
-            onRemoved: G
-          }, null, 8, ["accounts"])) : (o(), T(Ft, {
+            onRemoved: W
+          }, null, 8, ["accounts"])) : (o(), A(Ft, {
             key: 6,
-            onConnect: L
+            onConnect: P
           }))
         ]),
-        (o(), T(bt, {
-          key: p.value,
-          modelValue: V.value,
-          "onUpdate:modelValue": s[2] || (s[2] = (F) => V.value = F),
-          onConnected: E
+        (o(), A(bt, {
+          key: u.value,
+          modelValue: L.value,
+          "onUpdate:modelValue": r[2] || (r[2] = (F) => L.value = F),
+          onConnected: V
         }, null, 8, ["modelValue"])),
-        $(Ye, {
-          modelValue: e(u),
-          "onUpdate:modelValue": s[3] || (s[3] = (F) => ce(u) ? u.value = F : null),
-          "client-id": ((ne = l.value.find((F) => F.clientId === A.value)) == null ? void 0 : ne.clientId) ?? ((ae = l.value[0]) == null ? void 0 : ae.clientId)
+        k(Ye, {
+          modelValue: e(d),
+          "onUpdate:modelValue": r[3] || (r[3] = (F) => ce(d) ? d.value = F : null),
+          "client-id": ((oe = l.value.find((F) => F.clientId === C.value)) == null ? void 0 : oe.clientId) ?? ((ne = l.value[0]) == null ? void 0 : ne.clientId)
         }, null, 8, ["modelValue", "client-id"])
       ], 64);
     };