@feedmepos/mf-connect 0.1.98-beta.76 → 0.1.98-beta.78

package/dist/WhatsappBot-Cu1oY_1Y.js

@@ -1,577 +0,0 @@
-import { defineComponent as E, computed as U, openBlock as s, createElementBlock as i, createElementVNode as e, normalizeClass as Z, toDisplayString as n, unref as t, createTextVNode as j, createCommentVNode as I, Fragment as N, renderList as J, createBlock as A, useModel as R, ref as w, watch as W, onBeforeUnmount as G, resolveComponent as $, withCtx as V, createVNode as k } from "vue";
-import { u as P } from "./vue-i18n-GqQ0e2Uh.js";
-import { g as Q, b as Y, S as H } from "./index-DtxAUayi.js";
-import { F as X, a as q, b as ee, c as te, d as oe } from "./index-Cp2qabkb.js";
-import { b as se } from "./browser-BSAOEeIM.js";
-const z = (p) => Y(`businesses/${encodeURIComponent(p)}/whatsapp`), L = {
-  async getSettings(p, a) {
-    return X.parse(
-      Q(await z(p).get("/settings", { signal: a }))
-    );
-  },
-  async saveSettings(p, a, o) {
-    const b = q.parse(a);
-    return X.parse(
-      Q(await z(p).put("/settings", b, { signal: o }))
-    );
-  },
-  async listClients(p, a) {
-    return ee.array().parse(
-      Q(await z(p).get("/clients", { signal: a }))
-    );
-  },
-  async createClient(p, a) {
-    return te.parse(
-      Q(
-        await z(p).post(
-          "/clients",
-          {},
-          { signal: a, timeout: 5e4 }
-        )
-      )
-    );
-  }
-}, ne = { class: "border border-fm-color-neutral-gray-100 rounded-[16px] p-[20px] flex flex-col gap-[16px] bg-fm-color-neutral-white" }, ae = { class: "flex items-center gap-[12px]" }, le = { class: "min-w-0 flex-1" }, ce = ["title"], re = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, ie = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, pe = { class: "flex items-center gap-[6px] text-[12px] font-semibold text-fm-color-typo-success bg-fm-color-system-success-100 px-[8px] py-[3px] rounded-[6px]" }, ue = {
-  key: 0,
-  class: "text-[12px] text-fm-color-typo-secondary"
-}, de = /* @__PURE__ */ E({
-  __name: "WhatsappAccountCard",
-  props: {
-    account: {},
-    index: {}
-  },
-  setup(p) {
-    const a = p, { t: o, locale: b } = P(), l = U(
-      () => {
-        var x, m, u;
-        return ((x = a.account.account) == null ? void 0 : x.businessName) || ((m = a.account.account) == null ? void 0 : m.name) || ((u = a.account.account) == null ? void 0 : u.phoneNumber) || o("connect.whatsappBot.unnamedAccount");
-      }
-    ), r = U(
-      () => l.value.trim().split(/\s+/).slice(0, 2).map((x) => Array.from(x)[0]).join("").toLocaleUpperCase(b.value)
-    ), g = [
-      "bg-fm-color-primary",
-      "bg-fm-color-secondary-plum",
-      "bg-fm-color-system-success-400"
-    ];
-    function v(x) {
-      return new Intl.DateTimeFormat(b.value, {
-        year: "numeric",
-        month: "short",
-        day: "numeric"
-      }).format(new Date(x));
-    }
-    return (x, m) => {
-      var u;
-      return s(), i("li", ne, [
-        e("div", ae, [
-          e("div", {
-            "aria-hidden": "true",
-            class: Z(["w-[48px] h-[48px] rounded-full shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", g[p.index % g.length]])
-          }, n(r.value), 3),
-          e("div", le, [
-            e("h2", {
-              class: "text-[16px] leading-[24px] font-semibold truncate",
-              title: l.value
-            }, n(l.value), 9, ce),
-            e("p", re, n(((u = p.account.account) == null ? void 0 : u.phoneNumber) || t(o)("connect.whatsappBot.phoneUnavailable")), 1)
-          ])
-        ]),
-        e("div", ie, [
-          e("span", pe, [
-            m[0] || (m[0] = e("span", { class: "w-[6px] h-[6px] rounded-full bg-fm-color-system-success-400" }, null, -1)),
-            j(" " + n(t(o)("connect.whatsappBot.connected")), 1)
-          ]),
-          p.account.connectedAt ? (s(), i("span", ue, n(t(o)("connect.whatsappBot.connectedSince", {
-            date: v(p.account.connectedAt)
-          })), 1)) : I("", !0)
-        ])
-      ]);
-    };
-  }
-}), xe = { class: "mt-[4px] text-[14px] text-fm-color-typo-secondary" }, me = { class: "mt-[20px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, fe = /* @__PURE__ */ E({
-  __name: "WhatsappAccountList",
-  props: {
-    accounts: {}
-  },
-  setup(p) {
-    const { t: a } = P();
-    return (o, b) => (s(), i(N, null, [
-      e("p", xe, n(t(a)("connect.whatsappBot.accountCount", p.accounts.length)), 1),
-      e("ul", me, [
-        (s(!0), i(N, null, J(p.accounts, (l, r) => (s(), A(de, {
-          key: l.clientId,
-          account: l,
-          index: r
-        }, null, 8, ["account", "index"]))), 128))
-      ])
-    ], 64));
-  }
-}), he = { class: "text-[18px] font-semibold" }, ve = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
-}, ge = { class: "text-[18px] font-semibold" }, _e = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, be = {
-  key: 1,
-  class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, ye = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, we = { class: "text-fm-color-typo-secondary" }, Be = { class: "flex flex-col gap-[14px]" }, ke = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, Ce = { key: 0 }, $e = { class: "font-semibold" }, Se = { class: "font-semibold" }, Fe = { class: "font-semibold" }, Ie = { class: "font-semibold" }, Ae = { key: 3 }, Te = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, De = { 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" }, Ve = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center gap-[12px] text-[13px]"
-}, je = {
-  key: 1,
-  class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
-}, Ne = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Ee = ["src", "alt"], Pe = {
-  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"
-}, Ue = /* @__PURE__ */ E({
-  __name: "WhatsappConnectDialog",
-  props: {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p) {
-    const a = R(p, "modelValue"), { t: o } = P(), b = w(""), l = w(!1), r = w(""), g = w(!1), v = w();
-    let x, m, u;
-    function _() {
-      x == null || x.abort(), clearTimeout(m), m = void 0, clearTimeout(u), u = void 0;
-    }
-    async function f(c, y, h) {
-      if (!h.aborted) {
-        try {
-          const F = await L.listClients(c, h);
-          if (h.aborted) return;
-          const C = F.find((B) => B.clientId === y);
-          if ((C == null ? void 0 : C.status) === "connected" && (g.value = !0), (C == null ? void 0 : C.status) === "connected" && C.profileStatus === "ready") {
-            _(), g.value = !1, v.value = C, u = setTimeout(() => {
-              a.value = !1;
-            }, 1800);
-            return;
-          }
-        } catch {
-        }
-        h.aborted || (m = setTimeout(() => {
-          f(c, y, h);
-        }, 3e3));
-      }
-    }
-    async function S() {
-      _();
-      const c = new AbortController();
-      x = c, b.value = "", r.value = "", g.value = !1, v.value = void 0, l.value = !0;
-      try {
-        const y = H.getBusinessId();
-        if (!y)
-          throw new Error(o("connect.whatsappBot.errors.selectBusiness"));
-        const h = await L.createClient(
-          y,
-          c.signal
-        ), F = await se.toDataURL(h.qr, {
-          width: 224,
-          margin: 2,
-          errorCorrectionLevel: "M"
-        });
-        c.signal.aborted || (b.value = F, f(y, h.clientId, c.signal));
-      } catch (y) {
-        c.signal.aborted || (r.value = y instanceof Error ? y.message : o("connect.whatsappBot.errors.loadQr"));
-      } finally {
-        c.signal.aborted || (l.value = !1);
-      }
-    }
-    return W(
-      a,
-      (c) => {
-        c ? S() : _();
-      },
-      { immediate: !0 }
-    ), G(_), (c, y) => {
-      const h = $("i18n-t"), F = $("FmCircularProgress"), C = $("FmButton"), B = $("FmDialog");
-      return s(), A(B, {
-        modelValue: a.value,
-        "onUpdate:modelValue": y[0] || (y[0] = (d) => a.value = d),
-        "min-width": "min(720px, calc(100% - 32px))",
-        "max-width": "720px",
-        "max-height": "90vh",
-        "dismiss-away": ""
-      }, {
-        "dialog-header": V(() => [
-          e("h2", he, n(t(o)("connect.whatsappBot.connectAccount")), 1)
-        ]),
-        default: V(() => {
-          var d, T, M;
-          return [
-            v.value ? (s(), i("div", ve, [
-              y[1] || (y[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", ge, n(t(o)("connect.whatsappBot.accountConnected")), 1),
-              e("p", _e, n(((d = v.value.account) == null ? void 0 : d.businessName) || ((T = v.value.account) == null ? void 0 : T.name) || t(o)("connect.whatsappBot.unnamedAccount")) + " · " + n(((M = v.value.account) == null ? void 0 : M.phoneNumber) || t(o)("connect.whatsappBot.phoneUnavailable")), 1)
-            ])) : (s(), i("div", be, [
-              e("div", ye, [
-                e("p", we, n(t(o)("connect.whatsappBot.scanDescription")), 1),
-                e("ol", Be, [
-                  (s(), i(N, null, J(4, (D) => e("li", {
-                    key: D,
-                    class: "flex gap-[12px]"
-                  }, [
-                    e("span", ke, n(D), 1),
-                    D === 1 ? (s(), i("span", Ce, n(t(o)("connect.whatsappBot.steps.openApp")), 1)) : D === 2 ? (s(), A(h, {
-                      key: 1,
-                      keypath: "connect.whatsappBot.steps.openSettings",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      menu: V(() => [
-                        e("b", $e, n(t(o)("connect.whatsappBot.menu")), 1)
-                      ]),
-                      settings: V(() => [
-                        e("b", Se, n(t(o)("connect.whatsappBot.settings")), 1)
-                      ]),
-                      _: 1
-                    })) : D === 3 ? (s(), A(h, {
-                      key: 2,
-                      keypath: "connect.whatsappBot.steps.linkDevice",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      linkedDevices: V(() => [
-                        e("b", Fe, n(t(o)("connect.whatsappBot.linkedDevices")), 1)
-                      ]),
-                      linkDevice: V(() => [
-                        e("b", Ie, n(t(o)("connect.whatsappBot.linkDevice")), 1)
-                      ]),
-                      _: 1
-                    })) : (s(), i("span", Ae, n(t(o)("connect.whatsappBot.steps.scanQr")), 1))
-                  ])), 64))
-                ]),
-                e("p", Te, n(t(o)("connect.whatsappBot.connectionNote")), 1)
-              ]),
-              e("div", De, [
-                l.value ? (s(), i("div", Ve, [
-                  k(F),
-                  j(n(t(o)("connect.whatsappBot.generatingQr")), 1)
-                ])) : r.value ? (s(), i("div", je, [
-                  e("p", Ne, n(r.value), 1),
-                  k(C, {
-                    label: t(o)("connect.whatsappBot.tryAgain"),
-                    "prepend-icon": "refresh",
-                    onClick: S
-                  }, null, 8, ["label"])
-                ])) : b.value ? (s(), i("img", {
-                  key: 2,
-                  src: b.value,
-                  alt: t(o)("connect.whatsappBot.qrAlt"),
-                  width: "224",
-                  height: "224",
-                  class: Z({ "opacity-20": g.value })
-                }, null, 10, Ee)) : I("", !0),
-                g.value ? (s(), i("div", Pe, [
-                  k(F),
-                  j(" " + n(t(o)("connect.whatsappBot.connecting")), 1)
-                ])) : I("", !0)
-              ])
-            ]))
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), We = { 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]" }, Le = { class: "text-[20px] leading-[28px] font-bold" }, Me = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, Qe = /* @__PURE__ */ E({
-  __name: "WhatsappEmptyState",
-  emits: ["connect"],
-  setup(p, { emit: a }) {
-    const o = a, { t: b } = P();
-    return (l, r) => {
-      const g = $("FmButton");
-      return s(), i("div", We, [
-        r[1] || (r[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", Le, n(t(b)("connect.whatsappBot.emptyTitle")), 1),
-        e("p", Me, n(t(b)("connect.whatsappBot.emptyDescription")), 1),
-        k(g, {
-          class: "mt-[16px]",
-          label: t(b)("connect.whatsappBot.connectAccount"),
-          "prepend-icon": "add",
-          onClick: r[0] || (r[0] = (v) => o("connect"))
-        }, null, 8, ["label"])
-      ]);
-    };
-  }
-}), ze = { class: "max-w-[720px] flex flex-col gap-[20px]" }, He = { class: "flex flex-col items-start gap-[8px]" }, Oe = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.24px]" }, Ge = {
-  key: 0,
-  role: "status",
-  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, Xe = {
-  key: 0,
-  class: "border-[1px] border-fm-color-neutral-gray-100 rounded-[16px] p-[24px] flex flex-col gap-[16px]"
-}, Ze = { class: "flex flex-col gap-[4px]" }, Je = { class: "text-[16px] leading-[24px] font-semibold" }, Ke = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Re = {
-  key: 1,
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Ye = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, qe = {
-  key: 0,
-  role: "status",
-  class: "mr-auto flex items-center gap-[6px] text-[14px] text-fm-color-typo-success"
-}, et = /* @__PURE__ */ E({
-  __name: "WhatsappBotSettings",
-  props: {
-    businessId: {}
-  },
-  emits: ["close"],
-  setup(p, { emit: a }) {
-    const o = p, b = a, { t: l } = P(), r = w(""), g = w(""), v = w(!0), x = w(!1), m = w(!1), u = w(""), _ = w(!1), f = oe, S = U(
-      () => !x.value || m.value || r.value === g.value || r.value.length > f
-    );
-    let c, y;
-    function h() {
-      clearTimeout(y), _.value = !1;
-    }
-    async function F() {
-      c == null || c.abort(), h();
-      const B = new AbortController();
-      c = B, v.value = !0, x.value = !1, m.value = !1, u.value = "", r.value = "", g.value = "";
-      try {
-        if (!o.businessId)
-          throw new Error(l("connect.whatsappBot.errors.selectBusiness"));
-        const d = await L.getSettings(
-          o.businessId,
-          B.signal
-        );
-        if (B.signal.aborted) return;
-        r.value = d.botInstructions, g.value = d.botInstructions, x.value = !0;
-      } catch (d) {
-        B.signal.aborted || (u.value = d instanceof Error ? d.message : l("connect.whatsappBot.errors.loadSettings"));
-      } finally {
-        B.signal.aborted || (v.value = !1);
-      }
-    }
-    async function C() {
-      if (S.value) return;
-      c == null || c.abort();
-      const B = new AbortController();
-      c = B, m.value = !0, u.value = "", h();
-      try {
-        const d = await L.saveSettings(
-          o.businessId,
-          { botInstructions: r.value },
-          B.signal
-        );
-        if (B.signal.aborted) return;
-        g.value = d.botInstructions, r.value = d.botInstructions, _.value = !0, y = setTimeout(() => {
-          _.value = !1;
-        }, 2500);
-      } catch (d) {
-        B.signal.aborted || (u.value = d instanceof Error ? d.message : l("connect.whatsappBot.errors.saveSettings"));
-      } finally {
-        B.signal.aborted || (m.value = !1);
-      }
-    }
-    return W(r, h, { flush: "sync" }), W(() => o.businessId, F, { immediate: !0 }), G(() => {
-      c == null || c.abort(), h();
-    }), (B, d) => {
-      const T = $("FmButton"), M = $("FmCircularProgress"), D = $("FmTextarea"), K = $("FmIcon");
-      return s(), i("div", ze, [
-        e("div", He, [
-          k(T, {
-            variant: "plain",
-            "prepend-icon": "chevron_left",
-            label: t(l)("connect.navigation.whatsappBot"),
-            disabled: m.value,
-            onClick: d[0] || (d[0] = (O) => b("close"))
-          }, null, 8, ["label", "disabled"]),
-          e("h1", Oe, n(t(l)("connect.whatsappBot.botSettings.title")), 1)
-        ]),
-        v.value ? (s(), i("div", Ge, [
-          k(M),
-          j(" " + n(t(l)("connect.whatsappBot.botSettings.loading")), 1)
-        ])) : (s(), i(N, { key: 1 }, [
-          x.value ? (s(), i("div", Xe, [
-            e("div", Ze, [
-              e("h2", Je, n(t(l)("connect.whatsappBot.botSettings.instructions")), 1),
-              e("p", Ke, n(t(l)("connect.whatsappBot.botSettings.description")), 1)
-            ]),
-            k(D, {
-              modelValue: r.value,
-              "onUpdate:modelValue": d[1] || (d[1] = (O) => r.value = O),
-              "aria-label": t(l)("connect.whatsappBot.botSettings.instructions"),
-              placeholder: t(l)("connect.whatsappBot.botSettings.placeholder"),
-              "max-length": t(f),
-              disabled: m.value,
-              "show-word-count": "",
-              class: "[&_.fm-textarea\\_\\_container]:!h-auto [&_textarea]:min-h-[200px] [&_textarea]:!resize-y"
-            }, null, 8, ["modelValue", "aria-label", "placeholder", "max-length", "disabled"])
-          ])) : I("", !0),
-          u.value ? (s(), i("p", Re, n(u.value), 1)) : I("", !0),
-          x.value ? I("", !0) : (s(), A(T, {
-            key: 2,
-            class: "self-start",
-            label: t(l)("connect.whatsappBot.tryAgain"),
-            "prepend-icon": "refresh",
-            onClick: F
-          }, null, 8, ["label"])),
-          e("div", Ye, [
-            _.value ? (s(), i("span", qe, [
-              k(K, {
-                name: "check",
-                size: "sm"
-              }),
-              j(" " + n(t(l)("connect.whatsappBot.botSettings.saved")), 1)
-            ])) : I("", !0),
-            k(T, {
-              variant: "secondary",
-              label: t(l)("connect.common.cancel"),
-              disabled: m.value,
-              onClick: d[2] || (d[2] = (O) => b("close"))
-            }, null, 8, ["label", "disabled"]),
-            k(T, {
-              label: t(l)("connect.common.save"),
-              disabled: S.value,
-              loading: m.value,
-              onClick: C
-            }, null, 8, ["label", "disabled", "loading"])
-          ])
-        ], 64))
-      ]);
-    };
-  }
-}), tt = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, ot = {
-  key: 0,
-  class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]"
-}, st = { class: "flex items-center gap-8" }, nt = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, at = { class: "flex items-center gap-[8px]" }, lt = {
-  key: 0,
-  role: "status",
-  class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, ct = {
-  key: 1,
-  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]"
-}, rt = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, mt = /* @__PURE__ */ E({
-  __name: "WhatsappBot",
-  setup(p) {
-    const { t: a } = P(), o = w(!1), b = U(() => H.getBusinessId() ?? ""), l = w([]), r = w(!0), g = w("");
-    let v;
-    const x = U(
-      () => l.value.filter((_) => _.status === "connected")
-    );
-    async function m() {
-      v == null || v.abort();
-      const _ = new AbortController();
-      v = _, r.value = !0, g.value = "";
-      try {
-        const f = H.getBusinessId();
-        if (!f)
-          throw new Error(a("connect.whatsappBot.errors.selectBusiness"));
-        const S = await L.listClients(f, _.signal);
-        _.signal.aborted || (l.value = S);
-      } catch (f) {
-        _.signal.aborted || (g.value = f instanceof Error ? f.message : a("connect.whatsappBot.errors.loadSessions"));
-      } finally {
-        _.signal.aborted || (r.value = !1);
-      }
-    }
-    const u = w(!1);
-    return W(u, (_) => {
-      _ || m();
-    }), W(
-      () => H.getBusinessId(),
-      () => {
-        u.value = !1, o.value = !1, l.value = [], m();
-      },
-      { immediate: !0 }
-    ), G(() => {
-      v == null || v.abort();
-    }), (_, f) => {
-      const S = $("FmPill"), c = $("FmButton"), y = $("FmCircularProgress");
-      return s(), i(N, null, [
-        e("div", tt, [
-          o.value ? I("", !0) : (s(), i("div", ot, [
-            e("div", st, [
-              e("h1", nt, n(t(a)("connect.navigation.whatsappBot")), 1),
-              k(S, { variant: "beta" })
-            ]),
-            e("div", at, [
-              k(c, {
-                variant: "secondary",
-                label: t(a)("connect.whatsappBot.settings"),
-                "prepend-icon": "settings",
-                onClick: f[0] || (f[0] = (h) => o.value = !0)
-              }, null, 8, ["label"]),
-              x.value.length ? (s(), A(c, {
-                key: 0,
-                label: t(a)("connect.whatsappBot.connectAccount"),
-                "prepend-icon": "add",
-                onClick: f[1] || (f[1] = (h) => u.value = !0)
-              }, null, 8, ["label"])) : I("", !0)
-            ])
-          ])),
-          o.value ? (s(), A(et, {
-            key: 1,
-            "business-id": b.value,
-            onClose: f[2] || (f[2] = (h) => o.value = !1)
-          }, null, 8, ["business-id"])) : (s(), i(N, { key: 2 }, [
-            r.value ? (s(), i("div", lt, [
-              k(y),
-              j(" " + n(t(a)("connect.whatsappBot.loadingSessions")), 1)
-            ])) : g.value ? (s(), i("div", ct, [
-              e("p", rt, n(g.value), 1),
-              k(c, {
-                label: t(a)("connect.whatsappBot.tryAgain"),
-                "prepend-icon": "refresh",
-                onClick: m
-              }, null, 8, ["label"])
-            ])) : x.value.length ? (s(), A(fe, {
-              key: 2,
-              accounts: x.value
-            }, null, 8, ["accounts"])) : (s(), A(Qe, {
-              key: 3,
-              onConnect: f[3] || (f[3] = (h) => u.value = !0)
-            }))
-          ], 64))
-        ]),
-        k(Ue, {
-          modelValue: u.value,
-          "onUpdate:modelValue": f[4] || (f[4] = (h) => u.value = h)
-        }, null, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-export {
-  mt as default
-};