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

package/dist/WhatsappBot-C4Oz7Xwv.js

@@ -0,0 +1,441 @@
+import { defineComponent as F, computed as W, resolveComponent as _, openBlock as a, createElementBlock as d, createVNode as h, unref as t, withCtx as k, createElementVNode as e, normalizeClass as G, toDisplayString as s, createCommentVNode as D, Fragment as U, renderList as Q, createBlock as $, useModel as J, ref as A, watch as O, onBeforeUnmount as q, createTextVNode as H, mergeProps as K, createSlots as X } from "vue";
+import { u as I } from "./vue-i18n-Dpic36zz.js";
+import { useRouter as Y } from "vue-router";
+import { S as M } from "./index-BUP4aHq8.js";
+import { w as L } from "./index-D7-Q86HI.js";
+import { u as ee, _ as te, w as oe } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-D8L6izf0.js";
+import { R as T } from "./app-BEYzXWZO.js";
+import { b as ne } from "./browser-BSAOEeIM.js";
+const se = { class: "flex items-center gap-[12px]" }, ae = { class: "min-w-0 flex-1" }, ce = ["title"], le = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary break-all" }, re = { class: "flex items-center justify-between flex-wrap gap-[8px] border-t border-fm-color-neutral-gray-100 pt-[12px]" }, ie = {
+  key: 0,
+  class: "text-[12px] text-fm-color-typo-secondary"
+}, pe = /* @__PURE__ */ F({
+  __name: "WhatsappAccountCard",
+  props: {
+    account: {}
+  },
+  setup(b) {
+    const l = b, { t: n, locale: i } = I(), { name: g, phoneNumber: p, initials: u, state: x, avatarColor: y } = ee(
+      () => l.account
+    ), C = W(
+      () => x.value === "connected" || x.value === "connecting"
+    );
+    function w(f) {
+      return new Intl.DateTimeFormat(i.value, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }).format(new Date(f));
+    }
+    return (f, B) => {
+      const S = _("RouterLink");
+      return a(), d("li", null, [
+        h(S, {
+          to: {
+            name: t(T)["$connect-WHATSAPP_ACCOUNT"],
+            params: { clientId: b.account.clientId }
+          },
+          class: "h-full border border-fm-color-neutral-gray-100 rounded-[16px] p-[20px] flex flex-col gap-[16px] bg-fm-color-neutral-white text-fm-color-typo-primary no-underline cursor-pointer transition-shadow hover:border-fm-color-neutral-gray-200 hover:fm-shadow-light-100 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary focus-visible:ring-offset-[2px]"
+        }, {
+          default: k(() => [
+            e("div", se, [
+              e("div", {
+                "aria-hidden": "true",
+                class: G(["w-[48px] h-[48px] rounded-full shrink-0 flex items-center justify-center text-[16px] font-semibold text-fm-color-typo-white", t(y)])
+              }, s(t(u)), 3),
+              e("div", ae, [
+                e("h2", {
+                  class: "text-[16px] leading-[24px] font-semibold truncate",
+                  title: t(g)
+                }, s(t(g)), 9, ce),
+                e("p", le, s(t(p)), 1)
+              ])
+            ]),
+            e("div", re, [
+              h(te, { state: t(x) }, null, 8, ["state"]),
+              C.value && b.account.connectedAt ? (a(), d("span", ie, s(t(n)("connect.whatsappBot.connectedSince", {
+                date: w(b.account.connectedAt)
+              })), 1)) : D("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]);
+    };
+  }
+}), ue = { class: "mt-[24px] grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))] xs:grid-cols-1 gap-[16px]" }, de = /* @__PURE__ */ F({
+  __name: "WhatsappAccountList",
+  props: {
+    accounts: {}
+  },
+  setup(b) {
+    return (l, n) => (a(), d("ul", ue, [
+      (a(!0), d(U, null, Q(b.accounts, (i) => (a(), $(pe, {
+        key: i.clientId,
+        account: i
+      }, null, 8, ["account"]))), 128))
+    ]));
+  }
+}), me = { class: "text-[18px] font-semibold" }, xe = {
+  key: 0,
+  role: "status",
+  class: "flex flex-col items-center text-center gap-[8px] px-[8px] py-[40px]"
+}, fe = { class: "text-[18px] font-semibold" }, _e = { class: "text-[14px] text-fm-color-typo-secondary break-all" }, he = {
+  key: 1,
+  class: "grid grid-cols-[minmax(0,1fr)_232px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
+}, ve = { class: "flex flex-col gap-[20px] text-[14px] leading-[20px]" }, ge = { class: "text-fm-color-typo-secondary" }, ye = { class: "flex flex-col gap-[14px]" }, be = { class: "w-[22px] h-[22px] shrink-0 rounded-full bg-fm-color-neutral-gray-100 flex items-center justify-center text-[12px] font-semibold" }, we = { key: 0 }, Be = { class: "font-semibold" }, Te = { class: "font-semibold" }, ke = { class: "font-semibold" }, Ae = { class: "font-semibold" }, $e = { key: 3 }, Ce = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Se = { 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" }, Pe = {
+  key: 0,
+  role: "status",
+  class: "flex flex-col items-center gap-[12px] text-[13px]"
+}, Fe = {
+  key: 1,
+  class: "flex flex-col items-center text-center gap-[12px] p-[12px]"
+}, Ee = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, Ve = ["src", "alt"], We = {
+  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"
+}, De = /* @__PURE__ */ F({
+  __name: "WhatsappConnectDialog",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b) {
+    const l = J(b, "modelValue"), { t: n } = I(), i = A(""), g = A(!1), p = A(""), u = A(!1), x = A();
+    let y, C, w;
+    function f() {
+      y == null || y.abort(), clearTimeout(C), C = void 0, clearTimeout(w), w = void 0;
+    }
+    async function B(c, o, r) {
+      if (!r.aborted) {
+        try {
+          const m = await L.getClient(c, o, r);
+          if (r.aborted) return;
+          if ((m.status === "connecting" || m.status === "connected") && (u.value = !0), m.status === "connected" && m.profileStatus === "ready") {
+            f(), u.value = !1, x.value = m, w = setTimeout(() => {
+              l.value = !1;
+            }, 1800);
+            return;
+          }
+          if (m.status === "not_found") {
+            f(), u.value = !1, i.value = "", p.value = n("connect.whatsappBot.errors.qrExpired");
+            return;
+          }
+        } catch {
+        }
+        r.aborted || (C = setTimeout(() => {
+          B(c, o, r);
+        }, 2e3));
+      }
+    }
+    async function S() {
+      f();
+      const c = new AbortController();
+      y = c, i.value = "", p.value = "", u.value = !1, x.value = void 0, g.value = !0;
+      try {
+        const o = M.getBusinessId();
+        if (!o)
+          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
+        const r = await L.createClient(
+          o,
+          c.signal
+        ), m = await ne.toDataURL(r.qr, {
+          width: 224,
+          margin: 2,
+          errorCorrectionLevel: "M"
+        });
+        c.signal.aborted || (i.value = m, B(o, r.clientId, c.signal));
+      } catch (o) {
+        c.signal.aborted || (p.value = o instanceof Error ? o.message : n("connect.whatsappBot.errors.loadQr"));
+      } finally {
+        c.signal.aborted || (g.value = !1);
+      }
+    }
+    return O(
+      l,
+      (c) => {
+        c ? S() : f();
+      },
+      { immediate: !0 }
+    ), q(f), (c, o) => {
+      const r = _("i18n-t"), m = _("FmCircularProgress"), N = _("FmButton"), j = _("FmDialog");
+      return a(), $(j, {
+        modelValue: l.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (P) => l.value = P),
+        "min-width": "min(720px, calc(100% - 32px))",
+        "max-width": "720px",
+        "max-height": "90vh",
+        "dismiss-away": ""
+      }, {
+        "dialog-header": k(() => [
+          e("h2", me, s(t(n)("connect.whatsappBot.connectAccount")), 1)
+        ]),
+        default: k(() => {
+          var P, E, V;
+          return [
+            x.value ? (a(), d("div", xe, [
+              o[1] || (o[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", fe, s(t(n)("connect.whatsappBot.accountConnected")), 1),
+              e("p", _e, s(((P = x.value.account) == null ? void 0 : P.businessName) || ((E = x.value.account) == null ? void 0 : E.name) || t(n)("connect.whatsappBot.unnamedAccount")) + " · " + s(((V = x.value.account) == null ? void 0 : V.phoneNumber) || t(n)("connect.whatsappBot.phoneUnavailable")), 1)
+            ])) : (a(), d("div", he, [
+              e("div", ve, [
+                e("p", ge, s(t(n)("connect.whatsappBot.scanDescription")), 1),
+                e("ol", ye, [
+                  (a(), d(U, null, Q(4, (v) => e("li", {
+                    key: v,
+                    class: "flex gap-[12px]"
+                  }, [
+                    e("span", be, s(v), 1),
+                    v === 1 ? (a(), d("span", we, s(t(n)("connect.whatsappBot.steps.openApp")), 1)) : v === 2 ? (a(), $(r, {
+                      key: 1,
+                      keypath: "connect.whatsappBot.steps.openSettings",
+                      tag: "span",
+                      scope: "global"
+                    }, {
+                      menu: k(() => [
+                        e("b", Be, s(t(n)("connect.whatsappBot.menu")), 1)
+                      ]),
+                      settings: k(() => [
+                        e("b", Te, s(t(n)("connect.whatsappBot.settings")), 1)
+                      ]),
+                      _: 1
+                    })) : v === 3 ? (a(), $(r, {
+                      key: 2,
+                      keypath: "connect.whatsappBot.steps.linkDevice",
+                      tag: "span",
+                      scope: "global"
+                    }, {
+                      linkedDevices: k(() => [
+                        e("b", ke, s(t(n)("connect.whatsappBot.linkedDevices")), 1)
+                      ]),
+                      linkDevice: k(() => [
+                        e("b", Ae, s(t(n)("connect.whatsappBot.linkDevice")), 1)
+                      ]),
+                      _: 1
+                    })) : (a(), d("span", $e, s(t(n)("connect.whatsappBot.steps.scanQr")), 1))
+                  ])), 64))
+                ]),
+                e("p", Ce, s(t(n)("connect.whatsappBot.connectionNote")), 1)
+              ]),
+              e("div", Se, [
+                g.value ? (a(), d("div", Pe, [
+                  h(m),
+                  H(s(t(n)("connect.whatsappBot.generatingQr")), 1)
+                ])) : p.value ? (a(), d("div", Fe, [
+                  e("p", Ee, s(p.value), 1),
+                  h(N, {
+                    label: t(n)("connect.whatsappBot.tryAgain"),
+                    "prepend-icon": "refresh",
+                    onClick: S
+                  }, null, 8, ["label"])
+                ])) : i.value ? (a(), d("img", {
+                  key: 2,
+                  src: i.value,
+                  alt: t(n)("connect.whatsappBot.qrAlt"),
+                  width: "224",
+                  height: "224",
+                  class: G({ "opacity-20": u.value })
+                }, null, 10, Ve)) : D("", !0),
+                u.value ? (a(), d("div", We, [
+                  h(m),
+                  H(" " + s(t(n)("connect.whatsappBot.connecting")), 1)
+                ])) : D("", !0)
+              ])
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ie = { 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]" }, Ne = { class: "text-[20px] leading-[28px] font-bold" }, je = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary max-w-[420px]" }, Oe = /* @__PURE__ */ F({
+  __name: "WhatsappEmptyState",
+  emits: ["connect"],
+  setup(b, { emit: l }) {
+    const n = l, { t: i } = I();
+    return (g, p) => {
+      const u = _("FmButton");
+      return a(), d("div", Ie, [
+        p[1] || (p[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", Ne, s(t(i)("connect.whatsappBot.emptyTitle")), 1),
+        e("p", je, s(t(i)("connect.whatsappBot.emptyDescription")), 1),
+        h(u, {
+          class: "mt-[16px]",
+          label: t(i)("connect.whatsappBot.connectAccountCta"),
+          "prepend-icon": "add",
+          onClick: p[0] || (p[0] = (x) => n("connect"))
+        }, null, 8, ["label"])
+      ]);
+    };
+  }
+}), He = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, Me = { class: "flex items-center justify-between gap-[16px] flex-wrap min-h-[40px]" }, Le = { class: "flex items-center gap-8" }, Ue = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em]" }, Re = {
+  key: 1,
+  role: "status",
+  class: "mt-[24px] py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, Ge = {
+  key: 2,
+  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]"
+}, Qe = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, tt = /* @__PURE__ */ F({
+  __name: "WhatsappBot",
+  setup(b) {
+    const { t: l } = I(), n = Y(), i = A([]), g = A(!0), p = A("");
+    let u, x;
+    const y = W(
+      () => i.value.filter((c) => oe(c) !== void 0)
+    ), C = W(() => [
+      {
+        label: l("connect.whatsappBot.accounts"),
+        value: T["$connect-WHATSAPP_BOT"],
+        badge: y.value.length
+      },
+      {
+        label: l("connect.whatsappBot.settings"),
+        value: T["$connect-WHATSAPP_BOT_SETTINGS"]
+      }
+    ]), w = W(
+      () => n.currentRoute.value.name === T["$connect-WHATSAPP_BOT_SETTINGS"] ? T["$connect-WHATSAPP_BOT_SETTINGS"] : T["$connect-WHATSAPP_BOT"]
+    );
+    async function f(c = !1) {
+      clearTimeout(x), u == null || u.abort();
+      const o = new AbortController();
+      u = o, c || (g.value = !0, p.value = "");
+      try {
+        const r = M.getBusinessId();
+        if (!r)
+          throw new Error(l("connect.whatsappBot.errors.selectBusiness"));
+        const m = await L.listClients(r, o.signal);
+        o.signal.aborted || (i.value = m, p.value = "");
+      } catch (r) {
+        !o.signal.aborted && !c && (p.value = r instanceof Error ? r.message : l("connect.whatsappBot.errors.loadSessions"));
+      } finally {
+        o.signal.aborted || (g.value = !1, x = setTimeout(() => void f(!0), 1e4));
+      }
+    }
+    const B = A(!1);
+    function S(c) {
+      (c === T["$connect-WHATSAPP_BOT"] || c === T["$connect-WHATSAPP_BOT_SETTINGS"]) && n.push({ name: c });
+    }
+    return O(B, (c) => {
+      c || f();
+    }), O(
+      () => M.getBusinessId(),
+      () => {
+        B.value = !1, i.value = [], f();
+      },
+      { immediate: !0 }
+    ), q(() => {
+      u == null || u.abort(), clearTimeout(x);
+    }), (c, o) => {
+      const r = _("FmPill"), m = _("FmButton"), N = _("FmBadge"), j = _("FmTab"), P = _("FmTabs"), E = _("RouterView"), V = _("FmCircularProgress");
+      return a(), d(U, null, [
+        e("div", He, [
+          e("div", Me, [
+            e("div", Le, [
+              e("h1", Ue, s(t(l)("connect.navigation.whatsappBot")), 1),
+              h(r, { variant: "beta" })
+            ]),
+            w.value === t(T)["$connect-WHATSAPP_BOT"] && y.value.length ? (a(), $(m, {
+              key: 0,
+              label: t(l)("connect.whatsappBot.connectAccountCta"),
+              "prepend-icon": "add",
+              onClick: o[0] || (o[0] = (v) => B.value = !0)
+            }, null, 8, ["label"])) : D("", !0)
+          ]),
+          h(P, {
+            "model-value": w.value,
+            items: C.value,
+            role: "tablist",
+            "aria-label": t(l)("connect.navigation.whatsappBot"),
+            class: "mt-[16px] border-b border-fm-color-neutral-gray-100"
+          }, {
+            default: k(({ label: v, value: z, badge: R, tabsProps: Z }) => [
+              h(j, K(Z, {
+                "model-value": w.value,
+                label: v,
+                value: z,
+                "onUpdate:modelValue": S
+              }), X({ _: 2 }, [
+                R ? {
+                  name: "append",
+                  fn: k(() => [
+                    h(N, {
+                      value: R,
+                      variant: "neutral",
+                      inline: "",
+                      class: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
+                    }, null, 8, ["value"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["model-value", "label", "value"])
+            ]),
+            _: 1
+          }, 8, ["model-value", "items", "aria-label"]),
+          w.value === t(T)["$connect-WHATSAPP_BOT_SETTINGS"] ? (a(), $(E, { key: 0 })) : g.value ? (a(), d("div", Re, [
+            h(V),
+            H(" " + s(t(l)("connect.whatsappBot.loadingSessions")), 1)
+          ])) : p.value ? (a(), d("div", Ge, [
+            e("p", Qe, s(p.value), 1),
+            h(m, {
+              label: t(l)("connect.whatsappBot.tryAgain"),
+              "prepend-icon": "refresh",
+              onClick: o[1] || (o[1] = (v) => f())
+            }, null, 8, ["label"])
+          ])) : y.value.length ? (a(), $(de, {
+            key: 3,
+            accounts: y.value
+          }, null, 8, ["accounts"])) : (a(), $(Oe, {
+            key: 4,
+            onConnect: o[2] || (o[2] = (v) => B.value = !0)
+          }))
+        ]),
+        h(De, {
+          modelValue: B.value,
+          "onUpdate:modelValue": o[3] || (o[3] = (v) => B.value = v)
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  tt as default
+};

package/dist/WhatsappBotSettings-CKqaWzwE.js

@@ -0,0 +1,136 @@
+import { defineComponent as j, computed as C, ref as l, watch as F, onBeforeUnmount as D, resolveComponent as b, openBlock as c, createElementBlock as u, createVNode as v, createTextVNode as T, toDisplayString as f, unref as n, Fragment as H, createElementVNode as _, createCommentVNode as h, createBlock as L } from "vue";
+import { u as O } from "./vue-i18n-Dpic36zz.js";
+import { F as z } from "./index-o2Ga_qaX.js";
+import { S as G } from "./index-BUP4aHq8.js";
+import { w as A } from "./index-D7-Q86HI.js";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const R = { class: "mt-[24px] max-w-[720px] flex flex-col gap-[20px]" }, X = {
+  key: 0,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, J = {
+  key: 0,
+  class: "border-[1px] border-fm-color-neutral-gray-100 rounded-[16px] p-[24px] flex flex-col gap-[16px]"
+}, K = { class: "flex flex-col gap-[4px]" }, Q = { class: "text-[16px] leading-[24px] font-semibold" }, Y = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Z = {
+  key: 1,
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, $ = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, q = {
+  key: 0,
+  role: "status",
+  class: "mr-auto flex items-center gap-[6px] text-[14px] text-fm-color-typo-success"
+}, ee = /* @__PURE__ */ j({
+  __name: "WhatsappBotSettings",
+  setup(te) {
+    const { t } = O(), g = C(() => G.getBusinessId() ?? ""), s = l(""), p = l(""), y = l(!0), d = l(!1), r = l(!1), i = l(""), x = l(!1), B = z, w = C(
+      () => !d.value || r.value || s.value === p.value || s.value.length > B
+    );
+    let o, I;
+    function m() {
+      clearTimeout(I), x.value = !1;
+    }
+    async function k() {
+      o == null || o.abort(), m();
+      const a = new AbortController();
+      o = a, y.value = !0, d.value = !1, r.value = !1, i.value = "", s.value = "", p.value = "";
+      try {
+        if (!g.value)
+          throw new Error(t("connect.whatsappBot.errors.selectBusiness"));
+        const e = await A.getSettings(
+          g.value,
+          a.signal
+        );
+        if (a.signal.aborted) return;
+        s.value = e.botInstructions, p.value = e.botInstructions, d.value = !0;
+      } catch (e) {
+        a.signal.aborted || (i.value = e instanceof Error ? e.message : t("connect.whatsappBot.errors.loadSettings"));
+      } finally {
+        a.signal.aborted || (y.value = !1);
+      }
+    }
+    async function N() {
+      if (w.value) return;
+      o == null || o.abort();
+      const a = new AbortController();
+      o = a, r.value = !0, i.value = "", m();
+      try {
+        const e = await A.saveSettings(
+          g.value,
+          { botInstructions: s.value },
+          a.signal
+        );
+        if (a.signal.aborted) return;
+        p.value = e.botInstructions, s.value = e.botInstructions, x.value = !0, I = setTimeout(() => {
+          x.value = !1;
+        }, 2500);
+      } catch (e) {
+        a.signal.aborted || (i.value = e instanceof Error ? e.message : t("connect.whatsappBot.errors.saveSettings"));
+      } finally {
+        a.signal.aborted || (r.value = !1);
+      }
+    }
+    function V() {
+      s.value = p.value, m();
+    }
+    return F(s, m, { flush: "sync" }), F(g, k, { immediate: !0 }), D(() => {
+      o == null || o.abort(), m();
+    }), (a, e) => {
+      const E = b("FmCircularProgress"), P = b("FmTextarea"), S = b("FmButton"), U = b("FmIcon");
+      return c(), u("div", R, [
+        y.value ? (c(), u("div", X, [
+          v(E),
+          T(" " + f(n(t)("connect.whatsappBot.botSettings.loading")), 1)
+        ])) : (c(), u(H, { key: 1 }, [
+          d.value ? (c(), u("div", J, [
+            _("div", K, [
+              _("h2", Q, f(n(t)("connect.whatsappBot.botSettings.instructions")), 1),
+              _("p", Y, f(n(t)("connect.whatsappBot.botSettings.description")), 1)
+            ]),
+            v(P, {
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (W) => s.value = W),
+              "aria-label": n(t)("connect.whatsappBot.botSettings.instructions"),
+              placeholder: n(t)("connect.whatsappBot.botSettings.placeholder"),
+              "max-length": n(B),
+              disabled: r.value,
+              "show-word-count": "",
+              class: "bot-instructions-textarea"
+            }, null, 8, ["modelValue", "aria-label", "placeholder", "max-length", "disabled"])
+          ])) : h("", !0),
+          i.value ? (c(), u("p", Z, f(i.value), 1)) : h("", !0),
+          d.value ? h("", !0) : (c(), L(S, {
+            key: 2,
+            class: "self-start",
+            label: n(t)("connect.whatsappBot.tryAgain"),
+            "prepend-icon": "refresh",
+            onClick: k
+          }, null, 8, ["label"])),
+          _("div", $, [
+            x.value ? (c(), u("span", q, [
+              v(U, {
+                name: "check",
+                size: "sm"
+              }),
+              T(" " + f(n(t)("connect.whatsappBot.botSettings.saved")), 1)
+            ])) : h("", !0),
+            v(S, {
+              variant: "secondary",
+              label: n(t)("connect.common.cancel"),
+              disabled: w.value,
+              onClick: V
+            }, null, 8, ["label", "disabled"]),
+            v(S, {
+              label: n(t)("connect.common.save"),
+              disabled: w.value,
+              loading: r.value,
+              onClick: N
+            }, null, 8, ["label", "disabled", "loading"])
+          ])
+        ], 64))
+      ]);
+    };
+  }
+}), re = /* @__PURE__ */ M(ee, [["__scopeId", "data-v-b989ed03"]]);
+export {
+  re as default
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-DuRKA4cj.js → ZodTextField.vue_vue_type_script_setup_true_lang-Bcsi94dw.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-CgigfJar.js";
-import { u as V } from "./vue-i18n-BcYh6_51.js";
+import { Z as d } from "./zod-CGVrMcDl.js";
+import { u as V } from "./vue-i18n-Dpic36zz.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"