@feedmepos/mf-connect 0.1.98-beta.82 → 0.1.98-beta.84

package/dist/{WhatsappBot-CVirkYvU.js → WhatsappBot-DDDfDb-u.js}

@@ -1,97 +1,97 @@
-import { defineComponent as R, ref as w, computed as H, watch as L, onBeforeUnmount as K, resolveComponent as y, openBlock as n, createElementBlock as f, createElementVNode as t, normalizeClass as U, unref as e, toDisplayString as l, createBlock as C, withCtx as I, createTextVNode as z, createVNode as A, createCommentVNode as O, withModifiers as ae, Fragment as Q, renderList as Y, useModel as se, mergeProps as le, createSlots as re } from "vue";
-import { u as G } from "./vue-i18n-DOpMPUHr.js";
+import { defineComponent as M, ref as w, computed as H, watch as R, onBeforeUnmount as K, resolveComponent as y, openBlock as n, createElementBlock as h, createElementVNode as t, normalizeClass as U, unref as e, toDisplayString as r, createBlock as C, withCtx as I, createTextVNode as z, createVNode as A, createCommentVNode as O, withModifiers as ae, Fragment as Q, renderList as Y, useModel as se, mergeProps as le, createSlots as re } from "vue";
+import { u as G } from "./vue-i18n-Bc5Ls0lk.js";
 import { useRouter as ce } from "vue-router";
-import { S as j } from "./index-DiuFB2hK.js";
-import { w as M } from "./index-DS__Cknq.js";
-import { u as ie, _ as pe, w as ue } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-DUdFMygT.js";
-import { R as k } from "./app-Cj6OWO36.js";
-import { b as de } from "./browser-BSAOEeIM.js";
-const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 flex-1" }, xe = ["title"], ve = { key: 1 }, he = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, _e = { class: "relative z-10 flex shrink-0 items-center gap-[12px]" }, ge = ["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]" }, ye = {
+import { S as j, a as ie } from "./index-BqBHO03o.js";
+import { w as L } from "./index-BaRq5efe.js";
+import { u as ue, _ as pe, w as de } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-DKFevg6y.js";
+import { R as k } from "./app-Bc6LqwtE.js";
+import { b as me } from "./browser-BSAOEeIM.js";
+const fe = { class: "flex items-center gap-[12px]" }, xe = { class: "min-w-0 flex-1" }, ve = ["title"], he = { key: 1 }, _e = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, ge = { class: "relative z-10 flex shrink-0 items-center gap-[12px]" }, be = ["aria-label", "title", "disabled", "aria-busy"], ye = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, we = {
   key: 0,
   class: "text-[12px] text-fm-color-typo-secondary"
-}, we = {
+}, Be = {
   key: 0,
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, Be = /* @__PURE__ */ R({
+}, Te = /* @__PURE__ */ M({
   __name: "WhatsappAccountCard",
   props: {
     account: {}
   },
   emits: ["removed"],
   setup(F, { emit: i }) {
-    const a = F, x = i, { t: u, locale: p } = G(), r = w(!1), v = w("");
-    let d;
-    const { name: $, phoneNumber: P, initials: g, state: E, avatarColor: W } = ie(
+    const a = F, d = i, { t: m, locale: u } = G(), l = w(!1), _ = w("");
+    let f;
+    const { name: $, phoneNumber: P, initials: g, state: E, avatarColor: W } = ue(
       () => a.account
-    ), m = H(() => E.value === "connected"), c = H(() => ({
+    ), x = H(() => E.value === "connected"), c = H(() => ({
       name: k["$connect-WHATSAPP_ACCOUNT"],
       params: { clientId: a.account.clientId }
     }));
-    function h(V) {
-      return new Intl.DateTimeFormat(p.value, {
+    function v(V) {
+      return new Intl.DateTimeFormat(u.value, {
         year: "numeric",
         month: "short",
         day: "numeric"
       }).format(new Date(V));
     }
-    async function _() {
-      if (r.value) return;
+    async function p() {
+      if (l.value) return;
       const V = j.getBusinessId();
       if (!V) {
-        v.value = u("connect.whatsappBot.errors.selectBusiness");
+        _.value = m("connect.whatsappBot.errors.selectBusiness");
         return;
       }
       const b = a.account.clientId, B = new AbortController();
-      d = B, r.value = !0, v.value = "";
+      f = B, l.value = !0, _.value = "";
       try {
-        await M.deleteClient(V, b, B.signal), B.signal.aborted || x("removed", b);
+        await L.deleteClient(V, b, B.signal), B.signal.aborted || d("removed", b);
       } catch {
-        B.signal.aborted || (v.value = u("connect.whatsappBot.errors.removeAccount"));
+        B.signal.aborted || (_.value = m("connect.whatsappBot.errors.removeAccount"));
       } finally {
-        d === B && (d = void 0, r.value = !1);
+        f === B && (f = void 0, l.value = !1);
       }
     }
     function S() {
-      d == null || d.abort(), d = void 0, r.value = !1, v.value = "";
+      f == null || f.abort(), f = void 0, l.value = !1, _.value = "";
     }
-    return L(() => j.getBusinessId(), S), K(S), (V, b) => {
+    return R(() => j.getBusinessId(), S), K(S), (V, b) => {
       const B = y("RouterLink"), s = y("FmIcon"), o = y("FmCircularProgress");
-      return n(), f("li", null, [
+      return n(), h("li", null, [
         t("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", {
-            "cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100": m.value
+            "cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100": x.value
           }])
         }, [
-          t("div", me, [
+          t("div", fe, [
             t("div", {
               "aria-hidden": "true",
               class: U(["w-[48px] h-[48px] rounded-full shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", e(W)])
-            }, l(e(g)), 3),
-            t("div", fe, [
+            }, r(e(g)), 3),
+            t("div", xe, [
               t("h2", {
                 class: "text-[16px] leading-[24px] font-semibold truncate",
                 title: e($)
               }, [
-                m.value ? (n(), C(B, {
+                x.value ? (n(), C(B, {
                   key: 0,
                   to: c.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: I(() => [
-                    z(l(e($)), 1)
+                    z(r(e($)), 1)
                   ]),
                   _: 1
-                }, 8, ["to"])) : (n(), f("span", ve, l(e($)), 1))
-              ], 8, xe),
-              t("p", he, l(e(P)), 1)
+                }, 8, ["to"])) : (n(), h("span", he, r(e($)), 1))
+              ], 8, ve),
+              t("p", _e, r(e(P)), 1)
             ]),
-            t("div", _e, [
-              m.value ? (n(), C(B, {
+            t("div", ge, [
+              x.value ? (n(), C(B, {
                 key: 0,
                 to: c.value,
-                "aria-label": e(u)("connect.common.edit"),
-                title: e(u)("connect.common.edit"),
+                "aria-label": e(m)("connect.common.edit"),
+                title: e(m)("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: I(() => [
@@ -106,14 +106,14 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
               }, 8, ["to", "aria-label", "title"])) : O("", !0),
               t("button", {
                 type: "button",
-                "aria-label": e(u)("connect.common.remove"),
-                title: e(u)("connect.common.remove"),
-                disabled: r.value,
-                "aria-busy": r.value,
+                "aria-label": e(m)("connect.common.remove"),
+                title: e(m)("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(_, ["stop"])
+                onClick: ae(p, ["stop"])
               }, [
-                r.value ? (n(), C(o, {
+                l.value ? (n(), C(o, {
                   key: 0,
                   size: "md",
                   "aria-hidden": "true"
@@ -124,21 +124,21 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
                   outline: "",
                   "aria-hidden": "true"
                 }))
-              ], 8, ge)
+              ], 8, be)
             ])
           ]),
-          t("div", be, [
+          t("div", ye, [
             A(pe, { state: e(E) }, null, 8, ["state"]),
-            m.value && F.account.connectedAt ? (n(), f("span", ye, l(e(u)("connect.whatsappBot.connectedSince", {
-              date: h(F.account.connectedAt)
+            x.value && F.account.connectedAt ? (n(), h("span", we, r(e(m)("connect.whatsappBot.connectedSince", {
+              date: v(F.account.connectedAt)
             })), 1)) : O("", !0)
           ]),
-          v.value ? (n(), f("p", we, l(v.value), 1)) : O("", !0)
+          _.value ? (n(), h("p", Be, r(_.value), 1)) : O("", !0)
         ], 2)
       ]);
     };
   }
-}), Te = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, ke = /* @__PURE__ */ R({
+}), ke = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, Ae = /* @__PURE__ */ M({
   __name: "WhatsappAccountList",
   props: {
     accounts: {}
@@ -146,37 +146,37 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
   emits: ["removed"],
   setup(F, { emit: i }) {
     const a = i;
-    return (x, u) => (n(), f("ul", Te, [
-      (n(!0), f(Q, null, Y(F.accounts, (p) => (n(), C(Be, {
-        key: p.clientId,
-        account: p,
-        onRemoved: u[0] || (u[0] = (r) => a("removed", r))
+    return (d, m) => (n(), h("ul", ke, [
+      (n(!0), h(Q, null, Y(F.accounts, (u) => (n(), C(Te, {
+        key: u.clientId,
+        account: u,
+        onRemoved: m[0] || (m[0] = (l) => a("removed", l))
       }, null, 8, ["account"]))), 128))
     ]));
   }
-}), Ae = { class: "text-[18px] font-semibold" }, Ce = {
+}), Ce = { class: "text-[18px] font-semibold" }, $e = {
   key: 0,
   role: "status",
   class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
-}, $e = { class: "text-[18px] font-semibold" }, Pe = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, Se = {
+}, Pe = { class: "text-[18px] font-semibold" }, Se = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, Ie = {
   key: 1,
   class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, Ie = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, Fe = { class: "text-fm-color-typo-secondary" }, Ee = { class: "flex flex-col gap-[14px]" }, We = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, Ve = { key: 0 }, De = { class: "font-semibold" }, Ne = { class: "font-semibold" }, Oe = { class: "font-semibold" }, je = { class: "font-semibold" }, He = { key: 3 }, Me = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Re = { 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" }, Le = {
+}, Fe = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, Ee = { class: "text-fm-color-typo-secondary" }, We = { 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 }, Ne = { class: "font-semibold" }, Oe = { class: "font-semibold" }, je = { class: "font-semibold" }, He = { class: "font-semibold" }, Le = { key: 3 }, Me = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Re = { 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" }, Ue = {
   key: 0,
   role: "status",
   class: "flex flex-col items-center gap-[12px] text-[13px]"
-}, Ue = {
+}, ze = {
   key: 1,
   class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
-}, ze = {
+}, Ge = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, Ge = ["src", "alt"], Ke = {
+}, Ke = ["src", "alt"], Qe = {
   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"
-}, Qe = /* @__PURE__ */ R({
+}, Ze = /* @__PURE__ */ M({
   __name: "WhatsappConnectDialog",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -184,64 +184,69 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
   },
   emits: ["update:modelValue"],
   setup(F) {
-    const i = se(F, "modelValue"), { t: a } = G(), x = w(""), u = w(!1), p = w(""), r = w(!1), v = w();
-    let d, $, P;
+    const i = se(F, "modelValue"), { t: a } = G(), d = w(""), m = w(!1), u = w(""), l = w(!1), _ = w();
+    let f, $, P;
     function g() {
-      d == null || d.abort(), clearTimeout($), $ = void 0, clearTimeout(P), P = void 0;
+      f == null || f.abort(), clearTimeout($), $ = void 0, clearTimeout(P), P = void 0;
     }
-    async function E(m, c, h) {
-      if (!h.aborted) {
+    async function E(x, c, v) {
+      if (!v.aborted) {
         try {
-          const _ = await M.getClient(m, c, h);
-          if (h.aborted) return;
-          if (r.value = _.status === "connected" || _.status === "connecting" && _.connectedAt !== null, _.status === "connected" && _.profileStatus === "ready") {
-            g(), r.value = !1, v.value = _, P = setTimeout(() => {
+          const p = await L.getClient(x, c, v);
+          if (v.aborted) return;
+          if (l.value = p.status === "connected" || p.status === "connecting" && p.connectedAt !== null, p.status === "connected" && p.connectedAt !== null && p.profileStatus === "ready") {
+            g(), l.value = !1, _.value = p, P = setTimeout(() => {
               i.value = !1;
             }, 1800);
             return;
           }
-          if (_.status === "disconnected") {
-            g(), r.value = !1, x.value = "", p.value = a("connect.whatsappBot.errors.qrExpired");
+          if (p.status === "disconnected") {
+            g(), l.value = !1, d.value = "", u.value = a("connect.whatsappBot.errors.qrExpired");
+            return;
+          }
+        } catch (p) {
+          if (v.aborted) return;
+          if (p instanceof ie && p.status === 409) {
+            g(), l.value = !1, d.value = "", u.value = a("connect.whatsappBot.errors.accountAlreadyLinked");
             return;
           }
-        } catch {
         }
-        h.aborted || ($ = setTimeout(() => {
-          E(m, c, h);
+        v.aborted || ($ = setTimeout(() => {
+          E(x, c, v);
         }, 2e3));
       }
     }
     async function W() {
       g();
-      const m = new AbortController();
-      d = m, x.value = "", p.value = "", r.value = !1, v.value = void 0, u.value = !0;
+      const x = new AbortController();
+      f = x, d.value = "", u.value = "", l.value = !1, _.value = void 0, m.value = !0;
       try {
         const c = j.getBusinessId();
         if (!c)
           throw new Error(a("connect.whatsappBot.errors.selectBusiness"));
-        const h = await M.createClient(
+        const v = await L.createClient(
           c,
-          m.signal
-        ), _ = await de.toDataURL(h.qr, {
+          x.signal
+        ), p = await me.toDataURL(v.qr, {
           width: 224,
           margin: 2,
           errorCorrectionLevel: "M"
         });
-        m.signal.aborted || (x.value = _, E(c, h.clientId, m.signal));
+        x.signal.aborted || (d.value = p, E(c, v.clientId, x.signal));
       } catch (c) {
-        m.signal.aborted || (p.value = c instanceof Error ? c.message : a("connect.whatsappBot.errors.loadQr"));
+        x.signal.aborted || (u.value = c instanceof Error ? c.message : a("connect.whatsappBot.errors.loadQr"));
       } finally {
-        m.signal.aborted || (u.value = !1);
+        x.signal.aborted || (m.value = !1);
       }
     }
-    return L(
+    return R(
       i,
-      (m) => {
-        m ? W() : g();
+      (x) => {
+        x ? W() : g();
       },
       { immediate: !0 }
-    ), K(g), (m, c) => {
-      const h = y("i18n-t"), _ = y("FmCircularProgress"), S = y("FmButton"), V = y("FmDialog");
+    ), K(g), (x, c) => {
+      const v = y("i18n-t"), p = y("FmCircularProgress"), S = y("FmButton"), V = y("FmDialog");
       return n(), C(V, {
         modelValue: i.value,
         "onUpdate:modelValue": c[0] || (c[0] = (b) => i.value = b),
@@ -251,12 +256,12 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
         "dismiss-away": ""
       }, {
         "dialog-header": I(() => [
-          t("h2", Ae, l(e(a)("connect.whatsappBot.connectAccount")), 1)
+          t("h2", Ce, r(e(a)("connect.whatsappBot.connectAccount")), 1)
         ]),
         default: I(() => {
           var b, B, s;
           return [
-            v.value ? (n(), f("div", Ce, [
+            _.value ? (n(), h("div", $e, [
               c[1] || (c[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]"
@@ -274,70 +279,70 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
                   t("path", { d: "M20 6 9 17l-5-5" })
                 ])
               ], -1)),
-              t("h3", $e, l(e(a)("connect.whatsappBot.accountConnected")), 1),
-              t("p", Pe, l(((b = v.value.account) == null ? void 0 : b.businessName) || ((B = v.value.account) == null ? void 0 : B.name) || e(a)("connect.whatsappBot.unnamedAccount")) + " · " + l(((s = v.value.account) == null ? void 0 : s.phoneNumber) || e(a)("connect.whatsappBot.phoneUnavailable")), 1)
-            ])) : (n(), f("div", Se, [
-              t("div", Ie, [
-                t("p", Fe, l(e(a)("connect.whatsappBot.scanDescription")), 1),
-                t("ol", Ee, [
-                  (n(), f(Q, null, Y(4, (o) => t("li", {
+              t("h3", Pe, r(e(a)("connect.whatsappBot.accountConnected")), 1),
+              t("p", Se, r(((b = _.value.account) == null ? void 0 : b.businessName) || ((B = _.value.account) == null ? void 0 : B.name) || e(a)("connect.whatsappBot.unnamedAccount")) + " · " + r(((s = _.value.account) == null ? void 0 : s.phoneNumber) || e(a)("connect.whatsappBot.phoneUnavailable")), 1)
+            ])) : (n(), h("div", Ie, [
+              t("div", Fe, [
+                t("p", Ee, r(e(a)("connect.whatsappBot.scanDescription")), 1),
+                t("ol", We, [
+                  (n(), h(Q, null, Y(4, (o) => t("li", {
                     key: o,
                     class: "flex gap-[12px]"
                   }, [
-                    t("span", We, l(o), 1),
-                    o === 1 ? (n(), f("span", Ve, l(e(a)("connect.whatsappBot.steps.openApp")), 1)) : o === 2 ? (n(), C(h, {
+                    t("span", Ve, r(o), 1),
+                    o === 1 ? (n(), h("span", De, r(e(a)("connect.whatsappBot.steps.openApp")), 1)) : o === 2 ? (n(), C(v, {
                       key: 1,
                       keypath: "connect.whatsappBot.steps.openSettings",
                       tag: "span",
                       scope: "global"
                     }, {
                       menu: I(() => [
-                        t("b", De, l(e(a)("connect.whatsappBot.menu")), 1)
+                        t("b", Ne, r(e(a)("connect.whatsappBot.menu")), 1)
                       ]),
                       settings: I(() => [
-                        t("b", Ne, l(e(a)("connect.whatsappBot.settings")), 1)
+                        t("b", Oe, r(e(a)("connect.whatsappBot.settings")), 1)
                       ]),
                       _: 1
-                    })) : o === 3 ? (n(), C(h, {
+                    })) : o === 3 ? (n(), C(v, {
                       key: 2,
                       keypath: "connect.whatsappBot.steps.linkDevice",
                       tag: "span",
                       scope: "global"
                     }, {
                       linkedDevices: I(() => [
-                        t("b", Oe, l(e(a)("connect.whatsappBot.linkedDevices")), 1)
+                        t("b", je, r(e(a)("connect.whatsappBot.linkedDevices")), 1)
                       ]),
                       linkDevice: I(() => [
-                        t("b", je, l(e(a)("connect.whatsappBot.linkDevice")), 1)
+                        t("b", He, r(e(a)("connect.whatsappBot.linkDevice")), 1)
                       ]),
                       _: 1
-                    })) : (n(), f("span", He, l(e(a)("connect.whatsappBot.steps.scanQr")), 1))
+                    })) : (n(), h("span", Le, r(e(a)("connect.whatsappBot.steps.scanQr")), 1))
                   ])), 64))
                 ]),
-                t("p", Me, l(e(a)("connect.whatsappBot.connectionNote")), 1)
+                t("p", Me, r(e(a)("connect.whatsappBot.connectionNote")), 1)
               ]),
               t("div", Re, [
-                u.value ? (n(), f("div", Le, [
-                  A(_),
-                  z(l(e(a)("connect.whatsappBot.generatingQr")), 1)
-                ])) : p.value ? (n(), f("div", Ue, [
-                  t("p", ze, l(p.value), 1),
+                m.value ? (n(), h("div", Ue, [
+                  A(p),
+                  z(r(e(a)("connect.whatsappBot.generatingQr")), 1)
+                ])) : u.value ? (n(), h("div", ze, [
+                  t("p", Ge, r(u.value), 1),
                   A(S, {
                     label: e(a)("connect.whatsappBot.tryAgain"),
                     "prepend-icon": "refresh",
                     onClick: W
                   }, null, 8, ["label"])
-                ])) : x.value ? (n(), f("img", {
+                ])) : d.value ? (n(), h("img", {
                   key: 2,
-                  src: x.value,
+                  src: d.value,
                   alt: e(a)("connect.whatsappBot.qrAlt"),
                   width: "224",
                   height: "224",
-                  class: U({ "opacity-20": r.value })
-                }, null, 10, Ge)) : O("", !0),
-                r.value ? (n(), f("div", Ke, [
-                  A(_),
-                  z(" " + l(e(a)("connect.whatsappBot.connecting")), 1)
+                  class: U({ "opacity-20": l.value })
+                }, null, 10, Ke)) : O("", !0),
+                l.value ? (n(), h("div", Qe, [
+                  A(p),
+                  z(" " + r(e(a)("connect.whatsappBot.connecting")), 1)
                 ])) : O("", !0)
               ])
             ]))
@@ -347,15 +352,15 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
       }, 8, ["modelValue"]);
     };
   }
-}), Ze = { 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]" }, Je = { class: "text-[20px] leading-[28px] font-bold" }, Xe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, Ye = /* @__PURE__ */ R({
+}), Je = { 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]" }, Xe = { class: "text-[20px] leading-[28px] font-bold" }, Ye = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, qe = /* @__PURE__ */ M({
   __name: "WhatsappEmptyState",
   emits: ["connect"],
   setup(F, { emit: i }) {
-    const a = i, { t: x } = G();
-    return (u, p) => {
-      const r = y("FmButton");
-      return n(), f("div", Ze, [
-        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]" }, [
+    const a = i, { t: d } = G();
+    return (m, u) => {
+      const l = y("FmButton");
+      return n(), h("div", Je, [
+        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",
@@ -371,37 +376,37 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
             t("path", { d: "M9 10h.01M12 10h.01M15 10h.01" })
           ])
         ], -1)),
-        t("h2", Je, l(e(x)("connect.whatsappBot.emptyTitle")), 1),
-        t("p", Xe, l(e(x)("connect.whatsappBot.emptyDescription")), 1),
-        A(r, {
+        t("h2", Xe, r(e(d)("connect.whatsappBot.emptyTitle")), 1),
+        t("p", Ye, r(e(d)("connect.whatsappBot.emptyDescription")), 1),
+        A(l, {
           class: "mt-[16px]",
-          label: e(x)("connect.whatsappBot.connectAccountCta"),
+          label: e(d)("connect.whatsappBot.connectAccountCta"),
           "prepend-icon": "add",
-          onClick: p[0] || (p[0] = (v) => a("connect"))
+          onClick: u[0] || (u[0] = (_) => a("connect"))
         }, null, 8, ["label"])
       ]);
     };
   }
-}), qe = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, et = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, tt = { class: "flex items-center gap-8" }, ot = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, nt = {
+}), et = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, tt = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, ot = { class: "flex items-center gap-8" }, nt = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, at = {
   key: 2,
   role: "status",
   class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, at = {
+}, st = {
   key: 3,
   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]"
-}, st = {
+}, lt = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, ft = /* @__PURE__ */ R({
+}, xt = /* @__PURE__ */ M({
   __name: "WhatsappBot",
   setup(F) {
-    const { t: i } = G(), a = ce(), x = w([]), u = w(!0), p = w("");
-    let r, v;
-    const d = w([]), $ = w(!0), P = w("");
+    const { t: i } = G(), a = ce(), d = w([]), m = w(!0), u = w("");
+    let l, _;
+    const f = w([]), $ = w(!0), P = w("");
     let g, E;
     const W = H(
-      () => x.value.filter((s) => ue(s) !== void 0)
-    ), m = H(() => [
+      () => d.value.filter((s) => de(s) !== void 0)
+    ), x = H(() => [
       {
         label: i("connect.whatsappBot.accounts"),
         value: k["$connect-WHATSAPP_BOT"],
@@ -414,13 +419,13 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
       {
         label: i("connect.whatsappBot.tickets.title"),
         value: k["$connect-WHATSAPP_BOT_TICKETS"],
-        badge: d.value.length
+        badge: f.value.length
       }
     ]), c = H(() => {
       const s = a.currentRoute.value.name;
       return s === k["$connect-WHATSAPP_BOT_SETTINGS"] || s === k["$connect-WHATSAPP_BOT_TICKETS"] ? s : k["$connect-WHATSAPP_BOT"];
     });
-    async function h(s = !1) {
+    async function v(s = !1) {
       clearTimeout(E), g == null || g.abort();
       const o = new AbortController();
       g = o, s || ($.value = !0, P.value = "");
@@ -428,35 +433,35 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
         const T = j.getBusinessId();
         if (!T)
           throw new Error(i("connect.whatsappBot.errors.selectBusiness"));
-        const N = await M.listTickets(T, o.signal);
-        o.signal.aborted || (d.value = N, P.value = "");
+        const N = await L.listTickets(T, o.signal);
+        o.signal.aborted || (f.value = N, P.value = "");
       } catch (T) {
         o.signal.aborted || (P.value = T instanceof Error ? T.message : i("connect.whatsappBot.tickets.loadError"));
       } finally {
-        o.signal.aborted || ($.value = !1, E = setTimeout(() => void h(!0), 1e4));
+        o.signal.aborted || ($.value = !1, E = setTimeout(() => void v(!0), 1e4));
       }
     }
-    function _(s) {
-      d.value = d.value.filter((o) => o.id !== s), h(!0);
+    function p(s) {
+      f.value = f.value.filter((o) => o.id !== s), v(!0);
     }
     async function S(s = !1) {
-      clearTimeout(v), r == null || r.abort();
+      clearTimeout(_), l == null || l.abort();
       const o = new AbortController();
-      r = o, s || (u.value = !0, p.value = "");
+      l = o, s || (m.value = !0, u.value = "");
       try {
         const T = j.getBusinessId();
         if (!T)
           throw new Error(i("connect.whatsappBot.errors.selectBusiness"));
-        const N = await M.listClients(T, o.signal);
-        o.signal.aborted || (x.value = N, p.value = "");
+        const N = await L.listClients(T, o.signal);
+        o.signal.aborted || (d.value = N, u.value = "");
       } catch (T) {
-        !o.signal.aborted && !s && (p.value = T instanceof Error ? T.message : i("connect.whatsappBot.errors.loadSessions"));
+        !o.signal.aborted && !s && (u.value = T instanceof Error ? T.message : i("connect.whatsappBot.errors.loadSessions"));
       } finally {
-        o.signal.aborted || (u.value = !1, v = setTimeout(() => void S(!0), 1e4));
+        o.signal.aborted || (m.value = !1, _ = setTimeout(() => void S(!0), 1e4));
       }
     }
     function V(s) {
-      x.value = x.value.filter(
+      d.value = d.value.filter(
         (o) => o.clientId !== s
       ), S(!0);
     }
@@ -464,23 +469,23 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
     function B(s) {
       (s === k["$connect-WHATSAPP_BOT"] || s === k["$connect-WHATSAPP_BOT_SETTINGS"] || s === k["$connect-WHATSAPP_BOT_TICKETS"]) && a.push({ name: s });
     }
-    return L(b, (s) => {
+    return R(b, (s) => {
       s || S();
-    }), L(
+    }), R(
       () => j.getBusinessId(),
       () => {
-        b.value = !1, x.value = [], d.value = [], S(), h();
+        b.value = !1, d.value = [], f.value = [], S(), v();
       },
       { immediate: !0 }
     ), K(() => {
-      r == null || r.abort(), clearTimeout(v), g == null || g.abort(), clearTimeout(E);
+      l == null || l.abort(), clearTimeout(_), g == null || g.abort(), clearTimeout(E);
     }), (s, o) => {
       const T = y("FmPill"), N = y("FmButton"), q = y("FmBadge"), ee = y("FmTab"), te = y("FmTabs"), Z = y("RouterView"), oe = y("FmCircularProgress");
-      return n(), f(Q, null, [
-        t("div", qe, [
-          t("div", et, [
-            t("div", tt, [
-              t("h1", ot, l(e(i)("connect.navigation.whatsappBot")), 1),
+      return n(), h(Q, null, [
+        t("div", et, [
+          t("div", tt, [
+            t("div", ot, [
+              t("h1", nt, r(e(i)("connect.navigation.whatsappBot")), 1),
               A(T, { variant: "beta" })
             ]),
             c.value === e(k)["$connect-WHATSAPP_BOT"] && W.value.length ? (n(), C(N, {
@@ -492,7 +497,7 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
           ]),
           A(te, {
             "model-value": c.value,
-            items: m.value,
+            items: x.value,
             role: "tablist",
             "aria-label": e(i)("connect.navigation.whatsappBot"),
             class: "mt-[16px] border-b border-fm-color-neutral-gray-100"
@@ -524,31 +529,31 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
           }, 8, ["model-value", "items", "aria-label"]),
           c.value === e(k)["$connect-WHATSAPP_BOT_SETTINGS"] ? (n(), C(Z, { key: 0 })) : c.value === e(k)["$connect-WHATSAPP_BOT_TICKETS"] ? (n(), C(Z, {
             key: 1,
-            tickets: d.value,
+            tickets: f.value,
             loading: $.value,
             error: P.value,
-            onRetry: o[1] || (o[1] = (D) => h()),
-            onResolved: _
-          }, null, 8, ["tickets", "loading", "error"])) : u.value ? (n(), f("div", nt, [
+            onRetry: o[1] || (o[1] = (D) => v()),
+            onResolved: p
+          }, null, 8, ["tickets", "loading", "error"])) : m.value ? (n(), h("div", at, [
             A(oe),
-            z(" " + l(e(i)("connect.whatsappBot.loadingSessions")), 1)
-          ])) : p.value ? (n(), f("div", at, [
-            t("p", st, l(p.value), 1),
+            z(" " + r(e(i)("connect.whatsappBot.loadingSessions")), 1)
+          ])) : u.value ? (n(), h("div", st, [
+            t("p", lt, r(u.value), 1),
             A(N, {
               label: e(i)("connect.whatsappBot.tryAgain"),
               "prepend-icon": "refresh",
               onClick: o[2] || (o[2] = (D) => S())
             }, null, 8, ["label"])
-          ])) : W.value.length ? (n(), C(ke, {
+          ])) : W.value.length ? (n(), C(Ae, {
             key: 4,
             accounts: W.value,
             onRemoved: V
-          }, null, 8, ["accounts"])) : (n(), C(Ye, {
+          }, null, 8, ["accounts"])) : (n(), C(qe, {
             key: 5,
             onConnect: o[3] || (o[3] = (D) => b.value = !0)
           }))
         ]),
-        A(Qe, {
+        A(Ze, {
           modelValue: b.value,
           "onUpdate:modelValue": o[4] || (o[4] = (D) => b.value = D)
         }, null, 8, ["modelValue"])
@@ -557,5 +562,5 @@ const me = { class: "flex items-center gap-[12px]" }, fe = { class: "min-w-0 fle
   }
 });
 export {
-  ft as default
+  xt as default
 };