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

package/dist/WhatsappBot-D38goJxM.js

@@ -0,0 +1,604 @@
+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-Cfu8S_JC.js";
+import { g as Q, b as Y, S as H } from "./index-D_ix7k3A.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
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-ByA_M7mT.js → ZodTextField.vue_vue_type_script_setup_true_lang-Dgge7-H4.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as y, resolveComponent as b, openBlock as l, createBlock as v, mergeProps as x, unref as t, createSlots as g, withCtx as h, createElementVNode as a, toDisplayString as n, renderSlot as k, createElementBlock as F, createCommentVNode as S } from "vue";
-import { Z as d } from "./zod-DCljEP8S.js";
-import { u as V } from "./vue-i18n-GqQ0e2Uh.js";
+import { Z as d } from "./zod-DTSByurx.js";
+import { u as V } from "./vue-i18n-Cfu8S_JC.js";
 const B = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary items-center" }, C = {
   key: 0,
   class: "text-fm-color-typo-tertiary"