@feedmepos/mf-connect 0.1.98-beta.79 → 0.1.98-beta.80

package/dist/{zod-DK9AcJ_Q.js → zod-CGVrMcDl.js}

@@ -1,4 +1,4 @@
-import { i as Z } from "./plugins-t_9JTEIa.js";
+import { i as Z } from "./plugins-C39O5j42.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.79",
+  "version": "0.1.98-beta.80",
   "type": "module",
   "files": [
     "dist"

package/dist/WhatsappBot-CgLUjd8a.js

@@ -1,604 +0,0 @@
-import { defineComponent as j, computed as V, openBlock as s, createElementBlock as p, normalizeClass as O, createElementVNode as t, createTextVNode as W, toDisplayString as a, unref as o, createVNode as C, createCommentVNode as I, Fragment as E, renderList as J, createBlock as A, useModel as R, ref as y, watch as U, onBeforeUnmount as X, resolveComponent as F, withCtx as P } from "vue";
-import { u as N } from "./vue-i18n-Bud-ZmQ_.js";
-import { g as Q, b as Y, S as H } from "./index-U9Y--r1N.js";
-import { F as Z, a as q, b as tt, c as et, d as ot } from "./index-BgECjFM0.js";
-import { b as st } from "./browser-BSAOEeIM.js";
-import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const z = (i) => Y(`businesses/${encodeURIComponent(i)}/whatsapp`), L = {
-  async getSettings(i, n) {
-    return Z.parse(
-      Q(await z(i).get("/settings", { signal: n }))
-    );
-  },
-  async saveSettings(i, n, e) {
-    const m = q.parse(n);
-    return Z.parse(
-      Q(await z(i).put("/settings", m, { signal: e }))
-    );
-  },
-  async listClients(i, n) {
-    return tt.array().parse(
-      Q(await z(i).get("/clients", { signal: n }))
-    );
-  },
-  async createClient(i, n) {
-    return et.parse(
-      Q(
-        await z(i).post(
-          "/clients",
-          {},
-          { signal: n, timeout: 5e4 }
-        )
-      )
-    );
-  }
-}, at = /* @__PURE__ */ j({
-  __name: "WhatsappAccountStatusLabel",
-  props: {
-    status: {}
-  },
-  setup(i) {
-    const n = i, { t: e } = N(), m = V(() => n.status === "disconnected");
-    return (r, c) => (s(), p("span", {
-      class: O([
-        "flex items-center gap-[6px] text-[12px] font-semibold px-[8px] py-[3px] rounded-[6px]",
-        m.value ? "text-fm-color-typo-error bg-fm-color-system-error-100" : "text-fm-color-typo-success bg-fm-color-system-success-100"
-      ])
-    }, [
-      t("span", {
-        "aria-hidden": "true",
-        class: O([
-          "w-[6px] h-[6px] rounded-full",
-          m.value ? "bg-fm-color-system-error-400" : "bg-fm-color-system-success-400"
-        ])
-      }, null, 2),
-      W(" " + a(o(e)(
-        m.value ? "connect.whatsappBot.disconnected" : "connect.whatsappBot.connected"
-      )), 1)
-    ], 2));
-  }
-}), lt = { class: "border border-fm-color-neutral-gray-100 rounded-[16px] p-[20px] flex flex-col gap-[16px] bg-fm-color-neutral-white" }, ct = { class: "flex items-center gap-[12px]" }, rt = { class: "min-w-0 flex-1" }, it = ["title"], pt = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, ut = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, dt = {
-  key: 0,
-  class: "text-[12px] text-fm-color-typo-secondary"
-}, mt = /* @__PURE__ */ j({
-  __name: "WhatsappAccountCard",
-  props: {
-    account: {},
-    index: {}
-  },
-  setup(i) {
-    const n = i, { t: e, locale: m } = N(), r = V(() => n.account.status === "disconnected"), c = V(
-      () => {
-        var u, _, v;
-        return ((u = n.account.account) == null ? void 0 : u.businessName) || ((_ = n.account.account) == null ? void 0 : _.name) || ((v = n.account.account) == null ? void 0 : v.phoneNumber) || e("connect.whatsappBot.unnamedAccount");
-      }
-    ), g = V(
-      () => c.value.trim().split(/\s+/).slice(0, 2).map((u) => Array.from(u)[0]).join("").toLocaleUpperCase(m.value)
-    ), h = [
-      "bg-fm-color-primary",
-      "bg-fm-color-secondary-plum",
-      "bg-fm-color-system-success-400"
-    ];
-    function w(u) {
-      return new Intl.DateTimeFormat(m.value, {
-        year: "numeric",
-        month: "short",
-        day: "numeric"
-      }).format(new Date(u));
-    }
-    return (u, _) => {
-      var v;
-      return s(), p("li", lt, [
-        t("div", ct, [
-          t("div", {
-            "aria-hidden": "true",
-            class: O(["w-[48px] h-[48px] rounded-full shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", h[i.index % h.length]])
-          }, a(g.value), 3),
-          t("div", rt, [
-            t("h2", {
-              class: "text-[16px] leading-[24px] font-semibold truncate",
-              title: c.value
-            }, a(c.value), 9, it),
-            t("p", pt, a(((v = i.account.account) == null ? void 0 : v.phoneNumber) || o(e)("connect.whatsappBot.phoneUnavailable")), 1)
-          ])
-        ]),
-        t("div", ut, [
-          C(at, {
-            status: i.account.status
-          }, null, 8, ["status"]),
-          !r.value && i.account.connectedAt ? (s(), p("span", dt, a(o(e)("connect.whatsappBot.connectedSince", {
-            date: w(i.account.connectedAt)
-          })), 1)) : I("", !0)
-        ])
-      ]);
-    };
-  }
-}), xt = { class: "mt-[4px] text-[14px] text-fm-color-typo-secondary" }, ft = { class: "mt-[20px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, ht = /* @__PURE__ */ j({
-  __name: "WhatsappAccountList",
-  props: {
-    accounts: {}
-  },
-  setup(i) {
-    const { t: n } = N();
-    return (e, m) => (s(), p(E, null, [
-      t("p", xt, a(o(n)("connect.whatsappBot.accountCount", i.accounts.length)), 1),
-      t("ul", ft, [
-        (s(!0), p(E, null, J(i.accounts, (r, c) => (s(), A(mt, {
-          key: r.clientId,
-          account: r,
-          index: c
-        }, null, 8, ["account", "index"]))), 128))
-      ])
-    ], 64));
-  }
-}), vt = { class: "text-[18px] font-semibold" }, gt = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
-}, _t = { class: "text-[18px] font-semibold" }, bt = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, yt = {
-  key: 1,
-  class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, wt = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, Bt = { class: "text-fm-color-typo-secondary" }, kt = { class: "flex flex-col gap-[14px]" }, Ct = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, $t = { key: 0 }, St = { class: "font-semibold" }, Ft = { class: "font-semibold" }, It = { class: "font-semibold" }, At = { class: "font-semibold" }, Tt = { key: 3 }, Dt = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Vt = { 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" }, jt = {
-  key: 0,
-  role: "status",
-  class: "flex flex-col items-center gap-[12px] text-[13px]"
-}, Nt = {
-  key: 1,
-  class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
-}, Pt = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Wt = ["src", "alt"], Et = {
-  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"
-}, Ut = /* @__PURE__ */ j({
-  __name: "WhatsappConnectDialog",
-  props: {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(i) {
-    const n = R(i, "modelValue"), { t: e } = N(), m = y(""), r = y(!1), c = y(""), g = y(!1), h = y();
-    let w, u, _;
-    function v() {
-      w == null || w.abort(), clearTimeout(u), u = void 0, clearTimeout(_), _ = void 0;
-    }
-    async function $(l, x, b) {
-      if (!b.aborted) {
-        try {
-          const B = await L.listClients(l, b);
-          if (b.aborted) return;
-          const S = B.find((k) => k.clientId === x);
-          if ((S == null ? void 0 : S.status) === "connected" && (g.value = !0), (S == null ? void 0 : S.status) === "connected" && S.profileStatus === "ready") {
-            v(), g.value = !1, h.value = S, _ = setTimeout(() => {
-              n.value = !1;
-            }, 1800);
-            return;
-          }
-        } catch {
-        }
-        b.aborted || (u = setTimeout(() => {
-          $(l, x, b);
-        }, 3e3));
-      }
-    }
-    async function d() {
-      v();
-      const l = new AbortController();
-      w = l, m.value = "", c.value = "", g.value = !1, h.value = void 0, r.value = !0;
-      try {
-        const x = H.getBusinessId();
-        if (!x)
-          throw new Error(e("connect.whatsappBot.errors.selectBusiness"));
-        const b = await L.createClient(
-          x,
-          l.signal
-        ), B = await st.toDataURL(b.qr, {
-          width: 224,
-          margin: 2,
-          errorCorrectionLevel: "M"
-        });
-        l.signal.aborted || (m.value = B, $(x, b.clientId, l.signal));
-      } catch (x) {
-        l.signal.aborted || (c.value = x instanceof Error ? x.message : e("connect.whatsappBot.errors.loadQr"));
-      } finally {
-        l.signal.aborted || (r.value = !1);
-      }
-    }
-    return U(
-      n,
-      (l) => {
-        l ? d() : v();
-      },
-      { immediate: !0 }
-    ), X(v), (l, x) => {
-      const b = F("i18n-t"), B = F("FmCircularProgress"), S = F("FmButton"), k = F("FmDialog");
-      return s(), A(k, {
-        modelValue: n.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (f) => n.value = f),
-        "min-width": "min(720px, calc(100% - 32px))",
-        "max-width": "720px",
-        "max-height": "90vh",
-        "dismiss-away": ""
-      }, {
-        "dialog-header": P(() => [
-          t("h2", vt, a(o(e)("connect.whatsappBot.connectAccount")), 1)
-        ]),
-        default: P(() => {
-          var f, T, M;
-          return [
-            h.value ? (s(), p("div", gt, [
-              x[1] || (x[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", _t, a(o(e)("connect.whatsappBot.accountConnected")), 1),
-              t("p", bt, a(((f = h.value.account) == null ? void 0 : f.businessName) || ((T = h.value.account) == null ? void 0 : T.name) || o(e)("connect.whatsappBot.unnamedAccount")) + " · " + a(((M = h.value.account) == null ? void 0 : M.phoneNumber) || o(e)("connect.whatsappBot.phoneUnavailable")), 1)
-            ])) : (s(), p("div", yt, [
-              t("div", wt, [
-                t("p", Bt, a(o(e)("connect.whatsappBot.scanDescription")), 1),
-                t("ol", kt, [
-                  (s(), p(E, null, J(4, (D) => t("li", {
-                    key: D,
-                    class: "flex gap-[12px]"
-                  }, [
-                    t("span", Ct, a(D), 1),
-                    D === 1 ? (s(), p("span", $t, a(o(e)("connect.whatsappBot.steps.openApp")), 1)) : D === 2 ? (s(), A(b, {
-                      key: 1,
-                      keypath: "connect.whatsappBot.steps.openSettings",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      menu: P(() => [
-                        t("b", St, a(o(e)("connect.whatsappBot.menu")), 1)
-                      ]),
-                      settings: P(() => [
-                        t("b", Ft, a(o(e)("connect.whatsappBot.settings")), 1)
-                      ]),
-                      _: 1
-                    })) : D === 3 ? (s(), A(b, {
-                      key: 2,
-                      keypath: "connect.whatsappBot.steps.linkDevice",
-                      tag: "span",
-                      scope: "global"
-                    }, {
-                      linkedDevices: P(() => [
-                        t("b", It, a(o(e)("connect.whatsappBot.linkedDevices")), 1)
-                      ]),
-                      linkDevice: P(() => [
-                        t("b", At, a(o(e)("connect.whatsappBot.linkDevice")), 1)
-                      ]),
-                      _: 1
-                    })) : (s(), p("span", Tt, a(o(e)("connect.whatsappBot.steps.scanQr")), 1))
-                  ])), 64))
-                ]),
-                t("p", Dt, a(o(e)("connect.whatsappBot.connectionNote")), 1)
-              ]),
-              t("div", Vt, [
-                r.value ? (s(), p("div", jt, [
-                  C(B),
-                  W(a(o(e)("connect.whatsappBot.generatingQr")), 1)
-                ])) : c.value ? (s(), p("div", Nt, [
-                  t("p", Pt, a(c.value), 1),
-                  C(S, {
-                    label: o(e)("connect.whatsappBot.tryAgain"),
-                    "prepend-icon": "refresh",
-                    onClick: d
-                  }, null, 8, ["label"])
-                ])) : m.value ? (s(), p("img", {
-                  key: 2,
-                  src: m.value,
-                  alt: o(e)("connect.whatsappBot.qrAlt"),
-                  width: "224",
-                  height: "224",
-                  class: O({ "opacity-20": g.value })
-                }, null, 10, Wt)) : I("", !0),
-                g.value ? (s(), p("div", Et, [
-                  C(B),
-                  W(" " + a(o(e)("connect.whatsappBot.connecting")), 1)
-                ])) : I("", !0)
-              ])
-            ]))
-          ];
-        }),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Lt = { 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]" }, Mt = { class: "text-[20px] leading-[28px] font-bold" }, Qt = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, zt = /* @__PURE__ */ j({
-  __name: "WhatsappEmptyState",
-  emits: ["connect"],
-  setup(i, { emit: n }) {
-    const e = n, { t: m } = N();
-    return (r, c) => {
-      const g = F("FmButton");
-      return s(), p("div", Lt, [
-        c[1] || (c[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", Mt, a(o(m)("connect.whatsappBot.emptyTitle")), 1),
-        t("p", Qt, a(o(m)("connect.whatsappBot.emptyDescription")), 1),
-        C(g, {
-          class: "mt-[16px]",
-          label: o(m)("connect.whatsappBot.connectAccount"),
-          "prepend-icon": "add",
-          onClick: c[0] || (c[0] = (h) => e("connect"))
-        }, null, 8, ["label"])
-      ]);
-    };
-  }
-}), Ht = { class: "max-w-[720px] flex flex-col gap-[20px]" }, Ot = { class: "flex flex-col items-start gap-[8px]" }, Gt = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.24px]" }, Xt = {
-  key: 0,
-  role: "status",
-  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, Zt = {
-  key: 0,
-  class: "border-[1px] border-fm-color-neutral-gray-100 rounded-[16px] p-[24px] flex flex-col gap-[16px]"
-}, Jt = { class: "flex flex-col gap-[4px]" }, Kt = { class: "text-[16px] leading-[24px] font-semibold" }, Rt = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Yt = {
-  key: 1,
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, qt = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, te = {
-  key: 0,
-  role: "status",
-  class: "mr-auto flex items-center gap-[6px] text-[14px] text-fm-color-typo-success"
-}, ee = /* @__PURE__ */ j({
-  __name: "WhatsappBotSettings",
-  props: {
-    businessId: {}
-  },
-  emits: ["close"],
-  setup(i, { emit: n }) {
-    const e = i, m = n, { t: r } = N(), c = y(""), g = y(""), h = y(!0), w = y(!1), u = y(!1), _ = y(""), v = y(!1), $ = ot, d = V(
-      () => !w.value || u.value || c.value === g.value || c.value.length > $
-    );
-    let l, x;
-    function b() {
-      clearTimeout(x), v.value = !1;
-    }
-    async function B() {
-      l == null || l.abort(), b();
-      const k = new AbortController();
-      l = k, h.value = !0, w.value = !1, u.value = !1, _.value = "", c.value = "", g.value = "";
-      try {
-        if (!e.businessId)
-          throw new Error(r("connect.whatsappBot.errors.selectBusiness"));
-        const f = await L.getSettings(
-          e.businessId,
-          k.signal
-        );
-        if (k.signal.aborted) return;
-        c.value = f.botInstructions, g.value = f.botInstructions, w.value = !0;
-      } catch (f) {
-        k.signal.aborted || (_.value = f instanceof Error ? f.message : r("connect.whatsappBot.errors.loadSettings"));
-      } finally {
-        k.signal.aborted || (h.value = !1);
-      }
-    }
-    async function S() {
-      if (d.value) return;
-      l == null || l.abort();
-      const k = new AbortController();
-      l = k, u.value = !0, _.value = "", b();
-      try {
-        const f = await L.saveSettings(
-          e.businessId,
-          { botInstructions: c.value },
-          k.signal
-        );
-        if (k.signal.aborted) return;
-        g.value = f.botInstructions, c.value = f.botInstructions, v.value = !0, x = setTimeout(() => {
-          v.value = !1;
-        }, 2500);
-      } catch (f) {
-        k.signal.aborted || (_.value = f instanceof Error ? f.message : r("connect.whatsappBot.errors.saveSettings"));
-      } finally {
-        k.signal.aborted || (u.value = !1);
-      }
-    }
-    return U(c, b, { flush: "sync" }), U(() => e.businessId, B, { immediate: !0 }), X(() => {
-      l == null || l.abort(), b();
-    }), (k, f) => {
-      const T = F("FmButton"), M = F("FmCircularProgress"), D = F("FmTextarea"), K = F("FmIcon");
-      return s(), p("div", Ht, [
-        t("div", Ot, [
-          C(T, {
-            variant: "plain",
-            "prepend-icon": "chevron_left",
-            label: o(r)("connect.navigation.whatsappBot"),
-            disabled: u.value,
-            onClick: f[0] || (f[0] = (G) => m("close"))
-          }, null, 8, ["label", "disabled"]),
-          t("h1", Gt, a(o(r)("connect.whatsappBot.botSettings.title")), 1)
-        ]),
-        h.value ? (s(), p("div", Xt, [
-          C(M),
-          W(" " + a(o(r)("connect.whatsappBot.botSettings.loading")), 1)
-        ])) : (s(), p(E, { key: 1 }, [
-          w.value ? (s(), p("div", Zt, [
-            t("div", Jt, [
-              t("h2", Kt, a(o(r)("connect.whatsappBot.botSettings.instructions")), 1),
-              t("p", Rt, a(o(r)("connect.whatsappBot.botSettings.description")), 1)
-            ]),
-            C(D, {
-              modelValue: c.value,
-              "onUpdate:modelValue": f[1] || (f[1] = (G) => c.value = G),
-              "aria-label": o(r)("connect.whatsappBot.botSettings.instructions"),
-              placeholder: o(r)("connect.whatsappBot.botSettings.placeholder"),
-              "max-length": o($),
-              disabled: u.value,
-              "show-word-count": "",
-              class: "bot-instructions-textarea"
-            }, null, 8, ["modelValue", "aria-label", "placeholder", "max-length", "disabled"])
-          ])) : I("", !0),
-          _.value ? (s(), p("p", Yt, a(_.value), 1)) : I("", !0),
-          w.value ? I("", !0) : (s(), A(T, {
-            key: 2,
-            class: "self-start",
-            label: o(r)("connect.whatsappBot.tryAgain"),
-            "prepend-icon": "refresh",
-            onClick: B
-          }, null, 8, ["label"])),
-          t("div", qt, [
-            v.value ? (s(), p("span", te, [
-              C(K, {
-                name: "check",
-                size: "sm"
-              }),
-              W(" " + a(o(r)("connect.whatsappBot.botSettings.saved")), 1)
-            ])) : I("", !0),
-            C(T, {
-              variant: "secondary",
-              label: o(r)("connect.common.cancel"),
-              disabled: u.value,
-              onClick: f[2] || (f[2] = (G) => m("close"))
-            }, null, 8, ["label", "disabled"]),
-            C(T, {
-              label: o(r)("connect.common.save"),
-              disabled: d.value,
-              loading: u.value,
-              onClick: S
-            }, null, 8, ["label", "disabled", "loading"])
-          ])
-        ], 64))
-      ]);
-    };
-  }
-}), oe = /* @__PURE__ */ nt(ee, [["__scopeId", "data-v-71900bd1"]]), se = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, ne = {
-  key: 0,
-  class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]"
-}, ae = { class: "flex items-center gap-8" }, le = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, ce = { class: "flex items-center gap-[8px]" }, re = {
-  key: 0,
-  role: "status",
-  class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, ie = {
-  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]"
-}, pe = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, ve = /* @__PURE__ */ j({
-  __name: "WhatsappBot",
-  setup(i) {
-    const { t: n } = N(), e = y(!1), m = V(() => H.getBusinessId() ?? ""), r = y([]), c = y(!0), g = y("");
-    let h, w;
-    const u = V(
-      () => r.value.filter(
-        ($) => $.status === "connected" || $.status === "disconnected"
-      )
-    );
-    async function _($ = !1) {
-      clearTimeout(w), h == null || h.abort();
-      const d = new AbortController();
-      h = d, $ || (c.value = !0, g.value = "");
-      try {
-        const l = H.getBusinessId();
-        if (!l)
-          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
-        const x = await L.listClients(l, d.signal);
-        d.signal.aborted || (r.value = x, g.value = "");
-      } catch (l) {
-        !d.signal.aborted && !$ && (g.value = l instanceof Error ? l.message : n("connect.whatsappBot.errors.loadSessions"));
-      } finally {
-        d.signal.aborted || (c.value = !1, w = setTimeout(() => void _(!0), 1e4));
-      }
-    }
-    const v = y(!1);
-    return U(v, ($) => {
-      $ || _();
-    }), U(
-      () => H.getBusinessId(),
-      () => {
-        v.value = !1, e.value = !1, r.value = [], _();
-      },
-      { immediate: !0 }
-    ), X(() => {
-      h == null || h.abort(), clearTimeout(w);
-    }), ($, d) => {
-      const l = F("FmPill"), x = F("FmButton"), b = F("FmCircularProgress");
-      return s(), p(E, null, [
-        t("div", se, [
-          e.value ? I("", !0) : (s(), p("div", ne, [
-            t("div", ae, [
-              t("h1", le, a(o(n)("connect.navigation.whatsappBot")), 1),
-              C(l, { variant: "beta" })
-            ]),
-            t("div", ce, [
-              C(x, {
-                variant: "secondary",
-                label: o(n)("connect.whatsappBot.settings"),
-                "prepend-icon": "settings",
-                onClick: d[0] || (d[0] = (B) => e.value = !0)
-              }, null, 8, ["label"]),
-              u.value.length ? (s(), A(x, {
-                key: 0,
-                label: o(n)("connect.whatsappBot.connectAccount"),
-                "prepend-icon": "add",
-                onClick: d[1] || (d[1] = (B) => v.value = !0)
-              }, null, 8, ["label"])) : I("", !0)
-            ])
-          ])),
-          e.value ? (s(), A(oe, {
-            key: 1,
-            "business-id": m.value,
-            onClose: d[2] || (d[2] = (B) => e.value = !1)
-          }, null, 8, ["business-id"])) : (s(), p(E, { key: 2 }, [
-            c.value ? (s(), p("div", re, [
-              C(b),
-              W(" " + a(o(n)("connect.whatsappBot.loadingSessions")), 1)
-            ])) : g.value ? (s(), p("div", ie, [
-              t("p", pe, a(g.value), 1),
-              C(x, {
-                label: o(n)("connect.whatsappBot.tryAgain"),
-                "prepend-icon": "refresh",
-                onClick: d[3] || (d[3] = (B) => _())
-              }, null, 8, ["label"])
-            ])) : u.value.length ? (s(), A(ht, {
-              key: 2,
-              accounts: u.value
-            }, null, 8, ["accounts"])) : (s(), A(zt, {
-              key: 3,
-              onConnect: d[4] || (d[4] = (B) => v.value = !0)
-            }))
-          ], 64))
-        ]),
-        C(Ut, {
-          modelValue: v.value,
-          "onUpdate:modelValue": d[5] || (d[5] = (B) => v.value = B)
-        }, null, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
-export {
-  ve as default
-};