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

package/dist/{zod-CKl6yP5K.js → zod-Jw_6SDXB.js}

@@ -1,4 +1,4 @@
-import { i as Z } from "./plugins-C7hEP98r.js";
+import { i as Z } from "./plugins-D3BYIk9P.js";
 import { h as f } from "vue";
 function u(e, o) {
   return e.path.join(".") === o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-connect",
-  "version": "0.1.98-beta.81",
+  "version": "0.1.98-beta.82",
   "type": "module",
   "files": [
     "dist"

package/dist/WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-DGOPGiGH.js

@@ -1,96 +0,0 @@
-import { computed as n, toValue as h, defineComponent as x, openBlock as w, createElementBlock as A, normalizeClass as b, createElementVNode as B, createTextVNode as _, toDisplayString as C, unref as N } from "vue";
-import { u as f } from "./vue-i18n-CiJ_kNkt.js";
-function O(a) {
-  const o = a.connectedAt !== null;
-  switch (a.status) {
-    case "connected":
-      return "connected";
-    case "disconnected":
-      return "disconnected";
-    case "connecting":
-      return o ? "connecting" : void 0;
-    case "not_found":
-      return o ? "loggedOut" : void 0;
-    case "unavailable":
-      return o ? "unavailable" : void 0;
-    case "pairing":
-      return;
-  }
-}
-const g = [
-  "bg-fm-color-primary",
-  "bg-fm-color-secondary-plum",
-  "bg-fm-color-system-success-400"
-];
-function I(a) {
-  const { t: o, locale: l } = f(), t = n(() => h(a)), c = n(
-    () => {
-      var e, s, p, i, m, d;
-      return ((s = (e = t.value) == null ? void 0 : e.account) == null ? void 0 : s.businessName) || ((i = (p = t.value) == null ? void 0 : p.account) == null ? void 0 : i.name) || ((d = (m = t.value) == null ? void 0 : m.account) == null ? void 0 : d.phoneNumber) || o("connect.whatsappBot.unnamedAccount");
-    }
-  ), r = n(
-    () => {
-      var e, s;
-      return ((s = (e = t.value) == null ? void 0 : e.account) == null ? void 0 : s.phoneNumber) || o("connect.whatsappBot.phoneUnavailable");
-    }
-  ), u = n(
-    () => c.value.trim().split(/\s+/).slice(0, 2).map((e) => Array.from(e)[0]).join("").toLocaleUpperCase(l.value)
-  ), v = n(
-    () => t.value ? O(t.value) ?? "unavailable" : "unavailable"
-  ), y = n(
-    () => {
-      var e;
-      return g[parseInt(((e = t.value) == null ? void 0 : e.clientId.slice(-6)) ?? "0", 16) % g.length];
-    }
-  );
-  return { name: c, phoneNumber: r, initials: u, state: v, avatarColor: y };
-}
-const L = /* @__PURE__ */ x({
-  __name: "WhatsappAccountStatusLabel",
-  props: {
-    state: {}
-  },
-  setup(a) {
-    const o = a, { t: l } = f(), t = {
-      connected: {
-        label: "connect.whatsappBot.connected",
-        pill: "text-fm-color-typo-success bg-fm-color-system-success-100",
-        dot: "bg-fm-color-system-success-400"
-      },
-      connecting: {
-        label: "connect.whatsappBot.statusConnecting",
-        pill: "text-fm-color-typo-warning bg-fm-color-system-warning-100",
-        dot: "bg-fm-color-system-warning-400"
-      },
-      disconnected: {
-        label: "connect.whatsappBot.disconnected",
-        pill: "text-fm-color-typo-error bg-fm-color-system-error-100",
-        dot: "bg-fm-color-system-error-400"
-      },
-      loggedOut: {
-        label: "connect.whatsappBot.loggedOut",
-        pill: "text-fm-color-typo-error bg-fm-color-system-error-100",
-        dot: "bg-fm-color-system-error-400"
-      },
-      unavailable: {
-        label: "connect.whatsappBot.statusUnavailable",
-        pill: "text-fm-color-typo-secondary bg-fm-color-neutral-gray-100",
-        dot: "bg-fm-color-neutral-gray-400"
-      }
-    }, c = n(() => t[o.state]);
-    return (r, u) => (w(), A("span", {
-      class: b(["flex items-center gap-[6px] text-[12px] font-semibold px-[8px] py-[3px] rounded-[6px]", c.value.pill])
-    }, [
-      B("span", {
-        "aria-hidden": "true",
-        class: b(["w-[6px] h-[6px] rounded-full", c.value.dot])
-      }, null, 2),
-      _(" " + C(N(l)(c.value.label)), 1)
-    ], 2));
-  }
-});
-export {
-  L as _,
-  I as u,
-  O as w
-};

package/dist/WhatsappBot-muUmTIyY.js

@@ -1,441 +0,0 @@
-import { defineComponent as F, computed as W, resolveComponent as _, openBlock as a, createElementBlock as d, createVNode as h, unref as t, withCtx as k, createElementVNode as e, normalizeClass as G, toDisplayString as s, createCommentVNode as D, Fragment as U, renderList as Q, createBlock as $, useModel as J, ref as A, watch as O, onBeforeUnmount as q, createTextVNode as H, mergeProps as K, createSlots as X } from "vue";
-import { u as I } from "./vue-i18n-CiJ_kNkt.js";
-import { useRouter as Y } from "vue-router";
-import { S as M } from "./index-BpcakDLo.js";
-import { w as L } from "./index-z0K48rtR.js";
-import { u as ee, _ as te, w as oe } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-DGOPGiGH.js";
-import { R as T } from "./app-CQnX8TXq.js";
-import { b as ne } from "./browser-BSAOEeIM.js";
-const se = { class: "flex items-center gap-[12px]" }, ae = { class: "min-w-0 flex-1" }, ce = ["title"], le = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, re = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, ie = {
-  key: 0,
-  class: "text-[12px] text-fm-color-typo-secondary"
-}, pe = /* @__PURE__ */ F({
-  __name: "WhatsappAccountCard",
-  props: {
-    account: {}
-  },
-  setup(b) {
-    const l = b, { t: n, locale: i } = I(), { name: g, phoneNumber: p, initials: u, state: x, avatarColor: y } = ee(
-      () => l.account
-    ), C = W(
-      () => x.value === "connected" || x.value === "connecting"
-    );
-    function w(f) {
-      return new Intl.DateTimeFormat(i.value, {
-        year: "numeric",
-        month: "short",
-        day: "numeric"
-      }).format(new Date(f));
-    }
-    return (f, B) => {
-      const S = _("RouterLink");
-      return a(), d("li", null, [
-        h(S, {
-          to: {
-            name: t(T)["$connect-WHATSAPP_ACCOUNT"],
-            params: { clientId: b.account.clientId }
-          },
-          class: "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 no-underline cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary focus-visible:ring-offset-[2px]"
-        }, {
-          default: k(() => [
-            e("div", se, [
-              e("div", {
-                "aria-hidden": "true",
-                class: G(["w-[48px] h-[48px] rounded-full shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", t(y)])
-              }, s(t(u)), 3),
-              e("div", ae, [
-                e("h2", {
-                  class: "text-[16px] leading-[24px] font-semibold truncate",
-                  title: t(g)
-                }, s(t(g)), 9, ce),
-                e("p", le, s(t(p)), 1)
-              ])
-            ]),
-            e("div", re, [
-              h(te, { state: t(x) }, null, 8, ["state"]),
-              C.value && b.account.connectedAt ? (a(), d("span", ie, s(t(n)("connect.whatsappBot.connectedSince", {
-                date: w(b.account.connectedAt)
-              })), 1)) : D("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["to"])
-      ]);
-    };
-  }
-}), ue = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, de = /* @__PURE__ */ F({
-  __name: "WhatsappAccountList",
-  props: {
-    accounts: {}
-  },
-  setup(b) {
-    return (l, n) => (a(), d("ul", ue, [
-      (a(!0), d(U, null, Q(b.accounts, (i) => (a(), $(pe, {
-        key: i.clientId,
-        account: i
-      }, null, 8, ["account"]))), 128))
-    ]));
-  }
-}), me = { class: "text-[18px] font-semibold" }, xe = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
-}, fe = { class: "text-[18px] font-semibold" }, _e = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, he = {
-  key: 1,
-  class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, ve = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, ge = { class: "text-fm-color-typo-secondary" }, ye = { class: "flex flex-col gap-[14px]" }, be = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, we = { key: 0 }, Be = { class: "font-semibold" }, Te = { class: "font-semibold" }, ke = { class: "font-semibold" }, Ae = { class: "font-semibold" }, $e = { key: 3 }, Ce = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Se = { 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" }, Pe = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center gap-[12px] text-[13px]"
-}, Fe = {
-  key: 1,
-  class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
-}, Ee = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Ve = ["src", "alt"], We = {
-  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"
-}, De = /* @__PURE__ */ F({
-  __name: "WhatsappConnectDialog",
-  props: {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(b) {
-    const l = J(b, "modelValue"), { t: n } = I(), i = A(""), g = A(!1), p = A(""), u = A(!1), x = A();
-    let y, C, w;
-    function f() {
-      y == null || y.abort(), clearTimeout(C), C = void 0, clearTimeout(w), w = void 0;
-    }
-    async function B(c, o, r) {
-      if (!r.aborted) {
-        try {
-          const m = await L.getClient(c, o, r);
-          if (r.aborted) return;
-          if ((m.status === "connecting" || m.status === "connected") && (u.value = !0), m.status === "connected" && m.profileStatus === "ready") {
-            f(), u.value = !1, x.value = m, w = setTimeout(() => {
-              l.value = !1;
-            }, 1800);
-            return;
-          }
-          if (m.status === "not_found") {
-            f(), u.value = !1, i.value = "", p.value = n("connect.whatsappBot.errors.qrExpired");
-            return;
-          }
-        } catch {
-        }
-        r.aborted || (C = setTimeout(() => {
-          B(c, o, r);
-        }, 2e3));
-      }
-    }
-    async function S() {
-      f();
-      const c = new AbortController();
-      y = c, i.value = "", p.value = "", u.value = !1, x.value = void 0, g.value = !0;
-      try {
-        const o = M.getBusinessId();
-        if (!o)
-          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
-        const r = await L.createClient(
-          o,
-          c.signal
-        ), m = await ne.toDataURL(r.qr, {
-          width: 224,
-          margin: 2,
-          errorCorrectionLevel: "M"
-        });
-        c.signal.aborted || (i.value = m, B(o, r.clientId, c.signal));
-      } catch (o) {
-        c.signal.aborted || (p.value = o instanceof Error ? o.message : n("connect.whatsappBot.errors.loadQr"));
-      } finally {
-        c.signal.aborted || (g.value = !1);
-      }
-    }
-    return O(
-      l,
-      (c) => {
-        c ? S() : f();
-      },
-      { immediate: !0 }
-    ), q(f), (c, o) => {
-      const r = _("i18n-t"), m = _("FmCircularProgress"), N = _("FmButton"), j = _("FmDialog");
-      return a(), $(j, {
-        modelValue: l.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (P) => l.value = P),
-        "min-width": "min(720px, calc(100% - 32px))",
-        "max-width": "720px",
-        "max-height": "90vh",
-        "dismiss-away": ""
-      }, {
-        "dialog-header": k(() => [
-          e("h2", me, s(t(n)("connect.whatsappBot.connectAccount")), 1)
-        ]),
-        default: k(() => {
-          var P, E, V;
-          return [
-            x.value ? (a(), d("div", xe, [
-              o[1] || (o[1] = e("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]"
-              }, [
-                e("svg", {
-                  width: "32",
-                  height: "32",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2.2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, [
-                  e("path", { d: "M20 6 9 17l-5-5" })
-                ])
-              ], -1)),
-              e("h3", fe, s(t(n)("connect.whatsappBot.accountConnected")), 1),
-              e("p", _e, s(((P = x.value.account) == null ? void 0 : P.businessName) || ((E = x.value.account) == null ? void 0 : E.name) || t(n)("connect.whatsappBot.unnamedAccount")) + " · " + s(((V = x.value.account) == null ? void 0 : V.phoneNumber) || t(n)("connect.whatsappBot.phoneUnavailable")), 1)
-            ])) : (a(), d("div", he, [
-              e("div", ve, [
-                e("p", ge, s(t(n)("connect.whatsappBot.scanDescription")), 1),
-                e("ol", ye, [
-                  (a(), d(U, null, Q(4, (v) => e("li", {
-                    key: v,
-                    class: "flex gap-[12px]"
-                  }, [
-                    e("span", be, s(v), 1),
-                    v === 1 ? (a(), d("span", we, s(t(n)("connect.whatsappBot.steps.openApp")), 1)) : v === 2 ? (a(), $(r, {
-                      key: 1,
-                      keypath: "connect.whatsappBot.steps.openSettings",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      menu: k(() => [
-                        e("b", Be, s(t(n)("connect.whatsappBot.menu")), 1)
-                      ]),
-                      settings: k(() => [
-                        e("b", Te, s(t(n)("connect.whatsappBot.settings")), 1)
-                      ]),
-                      _: 1
-                    })) : v === 3 ? (a(), $(r, {
-                      key: 2,
-                      keypath: "connect.whatsappBot.steps.linkDevice",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      linkedDevices: k(() => [
-                        e("b", ke, s(t(n)("connect.whatsappBot.linkedDevices")), 1)
-                      ]),
-                      linkDevice: k(() => [
-                        e("b", Ae, s(t(n)("connect.whatsappBot.linkDevice")), 1)
-                      ]),
-                      _: 1
-                    })) : (a(), d("span", $e, s(t(n)("connect.whatsappBot.steps.scanQr")), 1))
-                  ])), 64))
-                ]),
-                e("p", Ce, s(t(n)("connect.whatsappBot.connectionNote")), 1)
-              ]),
-              e("div", Se, [
-                g.value ? (a(), d("div", Pe, [
-                  h(m),
-                  H(s(t(n)("connect.whatsappBot.generatingQr")), 1)
-                ])) : p.value ? (a(), d("div", Fe, [
-                  e("p", Ee, s(p.value), 1),
-                  h(N, {
-                    label: t(n)("connect.whatsappBot.tryAgain"),
-                    "prepend-icon": "refresh",
-                    onClick: S
-                  }, null, 8, ["label"])
-                ])) : i.value ? (a(), d("img", {
-                  key: 2,
-                  src: i.value,
-                  alt: t(n)("connect.whatsappBot.qrAlt"),
-                  width: "224",
-                  height: "224",
-                  class: G({ "opacity-20": u.value })
-                }, null, 10, Ve)) : D("", !0),
-                u.value ? (a(), d("div", We, [
-                  h(m),
-                  H(" " + s(t(n)("connect.whatsappBot.connecting")), 1)
-                ])) : D("", !0)
-              ])
-            ]))
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Ie = { 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]" }, Ne = { class: "text-[20px] leading-[28px] font-bold" }, je = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, Oe = /* @__PURE__ */ F({
-  __name: "WhatsappEmptyState",
-  emits: ["connect"],
-  setup(b, { emit: l }) {
-    const n = l, { t: i } = I();
-    return (g, p) => {
-      const u = _("FmButton");
-      return a(), d("div", Ie, [
-        p[1] || (p[1] = e("div", { class: "w-[72px] h-[72px] rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center mb-[12px]" }, [
-          e("svg", {
-            width: "34",
-            height: "34",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "1.6",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "aria-hidden": "true"
-          }, [
-            e("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
-            e("path", { d: "M9 10h.01M12 10h.01M15 10h.01" })
-          ])
-        ], -1)),
-        e("h2", Ne, s(t(i)("connect.whatsappBot.emptyTitle")), 1),
-        e("p", je, s(t(i)("connect.whatsappBot.emptyDescription")), 1),
-        h(u, {
-          class: "mt-[16px]",
-          label: t(i)("connect.whatsappBot.connectAccountCta"),
-          "prepend-icon": "add",
-          onClick: p[0] || (p[0] = (x) => n("connect"))
-        }, null, 8, ["label"])
-      ]);
-    };
-  }
-}), He = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, Me = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, Le = { class: "flex items-center gap-8" }, Ue = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, Re = {
-  key: 1,
-  role: "status",
-  class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, Ge = {
-  key: 2,
-  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]"
-}, Qe = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, tt = /* @__PURE__ */ F({
-  __name: "WhatsappBot",
-  setup(b) {
-    const { t: l } = I(), n = Y(), i = A([]), g = A(!0), p = A("");
-    let u, x;
-    const y = W(
-      () => i.value.filter((c) => oe(c) !== void 0)
-    ), C = W(() => [
-      {
-        label: l("connect.whatsappBot.accounts"),
-        value: T["$connect-WHATSAPP_BOT"],
-        badge: y.value.length
-      },
-      {
-        label: l("connect.whatsappBot.settings"),
-        value: T["$connect-WHATSAPP_BOT_SETTINGS"]
-      }
-    ]), w = W(
-      () => n.currentRoute.value.name === T["$connect-WHATSAPP_BOT_SETTINGS"] ? T["$connect-WHATSAPP_BOT_SETTINGS"] : T["$connect-WHATSAPP_BOT"]
-    );
-    async function f(c = !1) {
-      clearTimeout(x), u == null || u.abort();
-      const o = new AbortController();
-      u = o, c || (g.value = !0, p.value = "");
-      try {
-        const r = M.getBusinessId();
-        if (!r)
-          throw new Error(l("connect.whatsappBot.errors.selectBusiness"));
-        const m = await L.listClients(r, o.signal);
-        o.signal.aborted || (i.value = m, p.value = "");
-      } catch (r) {
-        !o.signal.aborted && !c && (p.value = r instanceof Error ? r.message : l("connect.whatsappBot.errors.loadSessions"));
-      } finally {
-        o.signal.aborted || (g.value = !1, x = setTimeout(() => void f(!0), 1e4));
-      }
-    }
-    const B = A(!1);
-    function S(c) {
-      (c === T["$connect-WHATSAPP_BOT"] || c === T["$connect-WHATSAPP_BOT_SETTINGS"]) && n.push({ name: c });
-    }
-    return O(B, (c) => {
-      c || f();
-    }), O(
-      () => M.getBusinessId(),
-      () => {
-        B.value = !1, i.value = [], f();
-      },
-      { immediate: !0 }
-    ), q(() => {
-      u == null || u.abort(), clearTimeout(x);
-    }), (c, o) => {
-      const r = _("FmPill"), m = _("FmButton"), N = _("FmBadge"), j = _("FmTab"), P = _("FmTabs"), E = _("RouterView"), V = _("FmCircularProgress");
-      return a(), d(U, null, [
-        e("div", He, [
-          e("div", Me, [
-            e("div", Le, [
-              e("h1", Ue, s(t(l)("connect.navigation.whatsappBot")), 1),
-              h(r, { variant: "beta" })
-            ]),
-            w.value === t(T)["$connect-WHATSAPP_BOT"] && y.value.length ? (a(), $(m, {
-              key: 0,
-              label: t(l)("connect.whatsappBot.connectAccountCta"),
-              "prepend-icon": "add",
-              onClick: o[0] || (o[0] = (v) => B.value = !0)
-            }, null, 8, ["label"])) : D("", !0)
-          ]),
-          h(P, {
-            "model-value": w.value,
-            items: C.value,
-            role: "tablist",
-            "aria-label": t(l)("connect.navigation.whatsappBot"),
-            class: "mt-[16px] border-b border-fm-color-neutral-gray-100"
-          }, {
-            default: k(({ label: v, value: z, badge: R, tabsProps: Z }) => [
-              h(j, K(Z, {
-                "model-value": w.value,
-                label: v,
-                value: z,
-                "onUpdate:modelValue": S
-              }), X({ _: 2 }, [
-                R ? {
-                  name: "append",
-                  fn: k(() => [
-                    h(N, {
-                      value: R,
-                      variant: "neutral",
-                      inline: "",
-                      class: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
-                    }, null, 8, ["value"])
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["model-value", "label", "value"])
-            ]),
-            _: 1
-          }, 8, ["model-value", "items", "aria-label"]),
-          w.value === t(T)["$connect-WHATSAPP_BOT_SETTINGS"] ? (a(), $(E, { key: 0 })) : g.value ? (a(), d("div", Re, [
-            h(V),
-            H(" " + s(t(l)("connect.whatsappBot.loadingSessions")), 1)
-          ])) : p.value ? (a(), d("div", Ge, [
-            e("p", Qe, s(p.value), 1),
-            h(m, {
-              label: t(l)("connect.whatsappBot.tryAgain"),
-              "prepend-icon": "refresh",
-              onClick: o[1] || (o[1] = (v) => f())
-            }, null, 8, ["label"])
-          ])) : y.value.length ? (a(), $(de, {
-            key: 3,
-            accounts: y.value
-          }, null, 8, ["accounts"])) : (a(), $(Oe, {
-            key: 4,
-            onConnect: o[2] || (o[2] = (v) => B.value = !0)
-          }))
-        ]),
-        h(De, {
-          modelValue: B.value,
-          "onUpdate:modelValue": o[3] || (o[3] = (v) => B.value = v)
-        }, null, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-export {
-  tt as default
-};