@feedmepos/mf-connect 0.1.98-beta.73 → 0.1.98-beta.75

package/dist/{VoucherEditor.vue_vue_type_script_setup_true_lang-Bv--fzY0.js → VoucherEditor.vue_vue_type_script_setup_true_lang-CyF6pfdh.js}

@@ -1,17 +1,17 @@
 import { defineComponent as B, ref as L, resolveComponent as g, openBlock as p, createBlock as O, withCtx as y, renderSlot as J, createVNode as m, createTextVNode as U, toDisplayString as f, createElementVNode as s, unref as e, computed as N, createElementBlock as S, Fragment as w, renderList as K, normalizeClass as Q, createCommentVNode as T, resolveDynamicComponent as H } from "vue";
-import { u as G } from "./vue-i18n-Bg_RJ_GV.js";
-import { c as j } from "./index-C9JY8Ru6.js";
-import { g as W, F as Y } from "./index-BAs9N7bi.js";
-import { C as ee } from "./membership-BBAosVNQ.js";
-import { Z as x } from "./zod-DIsCEUuE.js";
-import { S as te } from "./app-CmqX1V1B.js";
-import { u as le } from "./business-DXmGtwPm.js";
+import { u as G } from "./vue-i18n-DU1J-6Fe.js";
+import { c as j } from "./index-BzKV72Cd.js";
+import { g as W, F as Y } from "./index-MRXHlUhf.js";
+import { C as ee } from "./membership-GQhLFMct.js";
+import { Z as x } from "./zod-DPK1tAj-.js";
+import { S as te } from "./app-Cy05FPyq.js";
+import { u as le } from "./business-DwhrC6ZF.js";
 import { useCoreStore as oe } from "@feedmepos/mf-common";
-import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-Bq_7U0NO.js";
-import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-BI00YCKv.js";
-import { _ as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-C4RByg0k.js";
-import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-LquvtnTy.js";
-import { i as re } from "./helper-DluoQ6zi.js";
+import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CoxyeE0y.js";
+import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-CYoMZ7Rd.js";
+import { _ as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-OUHg9s8b.js";
+import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-zau-k4F2.js";
+import { i as re } from "./helper-WVL8SABi.js";
 const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
   __name: "MenuSheet",
   props: {

package/dist/WhatsappBot-DEt2cwdQ.js

@@ -0,0 +1,577 @@
+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-DU1J-6Fe.js";
+import { g as Q, b as Y, S as H } from "./index-BzKV72Cd.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
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-Bq_7U0NO.js → ZodTextField.vue_vue_type_script_setup_true_lang-CoxyeE0y.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-DIsCEUuE.js";
-import { u as V } from "./vue-i18n-Bg_RJ_GV.js";
+import { Z as d } from "./zod-DPK1tAj-.js";
+import { u as V } from "./vue-i18n-DU1J-6Fe.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"