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

package/dist/WhatsappBot-DDDfDb-u.js

@@ -1,566 +0,0 @@
-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, 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"
-}, Be = {
-  key: 0,
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Te = /* @__PURE__ */ M({
-  __name: "WhatsappAccountCard",
-  props: {
-    account: {}
-  },
-  emits: ["removed"],
-  setup(F, { emit: i }) {
-    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
-    ), x = H(() => E.value === "connected"), c = H(() => ({
-      name: k["$connect-WHATSAPP_ACCOUNT"],
-      params: { clientId: a.account.clientId }
-    }));
-    function v(V) {
-      return new Intl.DateTimeFormat(u.value, {
-        year: "numeric",
-        month: "short",
-        day: "numeric"
-      }).format(new Date(V));
-    }
-    async function p() {
-      if (l.value) return;
-      const V = j.getBusinessId();
-      if (!V) {
-        _.value = m("connect.whatsappBot.errors.selectBusiness");
-        return;
-      }
-      const b = a.account.clientId, B = new AbortController();
-      f = B, l.value = !0, _.value = "";
-      try {
-        await L.deleteClient(V, b, B.signal), B.signal.aborted || d("removed", b);
-      } catch {
-        B.signal.aborted || (_.value = m("connect.whatsappBot.errors.removeAccount"));
-      } finally {
-        f === B && (f = void 0, l.value = !1);
-      }
-    }
-    function S() {
-      f == null || f.abort(), f = void 0, l.value = !1, _.value = "";
-    }
-    return R(() => j.getBusinessId(), S), K(S), (V, b) => {
-      const B = y("RouterLink"), s = y("FmIcon"), o = y("FmCircularProgress");
-      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": x.value
-          }])
-        }, [
-          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)])
-            }, r(e(g)), 3),
-            t("div", xe, [
-              t("h2", {
-                class: "text-[16px] leading-[24px] font-semibold truncate",
-                title: e($)
-              }, [
-                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(r(e($)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["to"])) : (n(), h("span", he, r(e($)), 1))
-              ], 8, ve),
-              t("p", _e, r(e(P)), 1)
-            ]),
-            t("div", ge, [
-              x.value ? (n(), C(B, {
-                key: 0,
-                to: c.value,
-                "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(() => [
-                  A(s, {
-                    name: "edit",
-                    size: "sm",
-                    outline: "",
-                    "aria-hidden": "true"
-                  })
-                ]),
-                _: 1
-              }, 8, ["to", "aria-label", "title"])) : O("", !0),
-              t("button", {
-                type: "button",
-                "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(p, ["stop"])
-              }, [
-                l.value ? (n(), C(o, {
-                  key: 0,
-                  size: "md",
-                  "aria-hidden": "true"
-                })) : (n(), C(s, {
-                  key: 1,
-                  name: "delete",
-                  size: "sm",
-                  outline: "",
-                  "aria-hidden": "true"
-                }))
-              ], 8, be)
-            ])
-          ]),
-          t("div", ye, [
-            A(pe, { state: e(E) }, null, 8, ["state"]),
-            x.value && F.account.connectedAt ? (n(), h("span", we, r(e(m)("connect.whatsappBot.connectedSince", {
-              date: v(F.account.connectedAt)
-            })), 1)) : O("", !0)
-          ]),
-          _.value ? (n(), h("p", Be, r(_.value), 1)) : O("", !0)
-        ], 2)
-      ]);
-    };
-  }
-}), 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: {}
-  },
-  emits: ["removed"],
-  setup(F, { emit: i }) {
-    const a = i;
-    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))
-    ]));
-  }
-}), 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]"
-}, 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]"
-}, 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]"
-}, ze = {
-  key: 1,
-  class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
-}, Ge = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, 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"
-}, Ze = /* @__PURE__ */ M({
-  __name: "WhatsappConnectDialog",
-  props: {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F) {
-    const i = se(F, "modelValue"), { t: a } = G(), d = w(""), m = w(!1), u = w(""), l = w(!1), _ = w();
-    let f, $, P;
-    function g() {
-      f == null || f.abort(), clearTimeout($), $ = void 0, clearTimeout(P), P = void 0;
-    }
-    async function E(x, c, v) {
-      if (!v.aborted) {
-        try {
-          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 (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;
-          }
-        }
-        v.aborted || ($ = setTimeout(() => {
-          E(x, c, v);
-        }, 2e3));
-      }
-    }
-    async function W() {
-      g();
-      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 v = await L.createClient(
-          c,
-          x.signal
-        ), p = await me.toDataURL(v.qr, {
-          width: 224,
-          margin: 2,
-          errorCorrectionLevel: "M"
-        });
-        x.signal.aborted || (d.value = p, E(c, v.clientId, x.signal));
-      } catch (c) {
-        x.signal.aborted || (u.value = c instanceof Error ? c.message : a("connect.whatsappBot.errors.loadQr"));
-      } finally {
-        x.signal.aborted || (m.value = !1);
-      }
-    }
-    return R(
-      i,
-      (x) => {
-        x ? W() : g();
-      },
-      { immediate: !0 }
-    ), 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),
-        "min-width": "min(720px, calc(100% - 32px))",
-        "max-width": "720px",
-        "max-height": "90vh",
-        "dismiss-away": ""
-      }, {
-        "dialog-header": I(() => [
-          t("h2", Ce, r(e(a)("connect.whatsappBot.connectAccount")), 1)
-        ]),
-        default: I(() => {
-          var b, B, s;
-          return [
-            _.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]"
-              }, [
-                t("svg", {
-                  width: "32",
-                  height: "32",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2.2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, [
-                  t("path", { d: "M20 6 9 17l-5-5" })
-                ])
-              ], -1)),
-              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", 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", Ne, r(e(a)("connect.whatsappBot.menu")), 1)
-                      ]),
-                      settings: I(() => [
-                        t("b", Oe, r(e(a)("connect.whatsappBot.settings")), 1)
-                      ]),
-                      _: 1
-                    })) : o === 3 ? (n(), C(v, {
-                      key: 2,
-                      keypath: "connect.whatsappBot.steps.linkDevice",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      linkedDevices: I(() => [
-                        t("b", je, r(e(a)("connect.whatsappBot.linkedDevices")), 1)
-                      ]),
-                      linkDevice: I(() => [
-                        t("b", He, r(e(a)("connect.whatsappBot.linkDevice")), 1)
-                      ]),
-                      _: 1
-                    })) : (n(), h("span", Le, r(e(a)("connect.whatsappBot.steps.scanQr")), 1))
-                  ])), 64))
-                ]),
-                t("p", Me, r(e(a)("connect.whatsappBot.connectionNote")), 1)
-              ]),
-              t("div", Re, [
-                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"])
-                ])) : d.value ? (n(), h("img", {
-                  key: 2,
-                  src: d.value,
-                  alt: e(a)("connect.whatsappBot.qrAlt"),
-                  width: "224",
-                  height: "224",
-                  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)
-              ])
-            ]))
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), 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: 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",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "1.6",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "aria-hidden": "true"
-          }, [
-            t("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" }),
-            t("path", { d: "M9 10h.01M12 10h.01M15 10h.01" })
-          ])
-        ], -1)),
-        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(d)("connect.whatsappBot.connectAccountCta"),
-          "prepend-icon": "add",
-          onClick: u[0] || (u[0] = (_) => a("connect"))
-        }, null, 8, ["label"])
-      ]);
-    };
-  }
-}), 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"
-}, 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]"
-}, lt = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, xt = /* @__PURE__ */ M({
-  __name: "WhatsappBot",
-  setup(F) {
-    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(
-      () => d.value.filter((s) => de(s) !== void 0)
-    ), x = H(() => [
-      {
-        label: i("connect.whatsappBot.accounts"),
-        value: k["$connect-WHATSAPP_BOT"],
-        badge: W.value.length
-      },
-      {
-        label: i("connect.whatsappBot.settings"),
-        value: k["$connect-WHATSAPP_BOT_SETTINGS"]
-      },
-      {
-        label: i("connect.whatsappBot.tickets.title"),
-        value: k["$connect-WHATSAPP_BOT_TICKETS"],
-        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 v(s = !1) {
-      clearTimeout(E), g == null || g.abort();
-      const o = new AbortController();
-      g = o, s || ($.value = !0, P.value = "");
-      try {
-        const T = j.getBusinessId();
-        if (!T)
-          throw new Error(i("connect.whatsappBot.errors.selectBusiness"));
-        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 v(!0), 1e4));
-      }
-    }
-    function p(s) {
-      f.value = f.value.filter((o) => o.id !== s), v(!0);
-    }
-    async function S(s = !1) {
-      clearTimeout(_), l == null || l.abort();
-      const o = new AbortController();
-      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 L.listClients(T, o.signal);
-        o.signal.aborted || (d.value = N, u.value = "");
-      } catch (T) {
-        !o.signal.aborted && !s && (u.value = T instanceof Error ? T.message : i("connect.whatsappBot.errors.loadSessions"));
-      } finally {
-        o.signal.aborted || (m.value = !1, _ = setTimeout(() => void S(!0), 1e4));
-      }
-    }
-    function V(s) {
-      d.value = d.value.filter(
-        (o) => o.clientId !== s
-      ), S(!0);
-    }
-    const b = w(!1);
-    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 R(b, (s) => {
-      s || S();
-    }), R(
-      () => j.getBusinessId(),
-      () => {
-        b.value = !1, d.value = [], f.value = [], S(), v();
-      },
-      { immediate: !0 }
-    ), K(() => {
-      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(), 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, {
-              key: 0,
-              label: e(i)("connect.whatsappBot.connectAccountCta"),
-              "prepend-icon": "add",
-              onClick: o[0] || (o[0] = (D) => b.value = !0)
-            }, null, 8, ["label"])) : O("", !0)
-          ]),
-          A(te, {
-            "model-value": c.value,
-            items: x.value,
-            role: "tablist",
-            "aria-label": e(i)("connect.navigation.whatsappBot"),
-            class: "mt-[16px] border-b border-fm-color-neutral-gray-100"
-          }, {
-            default: I(({ label: D, value: J, badge: X, tabsProps: ne }) => [
-              A(ee, le(ne, {
-                "model-value": c.value,
-                label: D,
-                value: J,
-                "onUpdate:modelValue": B
-              }), re({ _: 2 }, [
-                X ? {
-                  name: "append",
-                  fn: I(() => [
-                    A(q, {
-                      value: X,
-                      variant: "neutral",
-                      inline: "",
-                      class: U(
-                        c.value === J ? "bg-fm-color-primary-oats text-fm-color-primary" : "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
-                      )
-                    }, null, 8, ["value", "class"])
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["model-value", "label", "value"])
-            ]),
-            _: 1
-          }, 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: f.value,
-            loading: $.value,
-            error: P.value,
-            onRetry: o[1] || (o[1] = (D) => v()),
-            onResolved: p
-          }, null, 8, ["tickets", "loading", "error"])) : m.value ? (n(), h("div", at, [
-            A(oe),
-            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(Ae, {
-            key: 4,
-            accounts: W.value,
-            onRemoved: V
-          }, null, 8, ["accounts"])) : (n(), C(qe, {
-            key: 5,
-            onConnect: o[3] || (o[3] = (D) => b.value = !0)
-          }))
-        ]),
-        A(Ze, {
-          modelValue: b.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (D) => b.value = D)
-        }, null, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-export {
-  xt as default
-};