@feedmepos/mf-connect 0.1.117-dev → 0.1.118-dev

package/dist/{WhatsappBotSettings-D6egqUyU.js → WhatsappBotSettings-7_mH9U4y.js}

@@ -1,20 +1,20 @@
-import { defineComponent as L, mergeModels as Z, useModel as H, openBlock as a, createElementBlock as c, createElementVNode as e, toDisplayString as l, unref as t, withDirectives as q, vModelText as re, resolveComponent as $, Fragment as O, renderList as ee, createBlock as N, ref as y, computed as V, watch as ce, onBeforeUnmount as ie, createCommentVNode as _, createVNode as k, createTextVNode as D, withCtx as ae, normalizeClass as X, vModelRadio as xe } from "vue";
-import { u as U } from "./vue-i18n-DXvyTCZf.js";
+import { defineComponent as O, mergeModels as Z, useModel as H, openBlock as a, createElementBlock as i, createElementVNode as e, toDisplayString as l, unref as t, withDirectives as q, vModelText as re, resolveComponent as $, Fragment as L, renderList as ee, createBlock as P, ref as y, computed as E, watch as ce, onBeforeUnmount as ie, createCommentVNode as _, createVNode as S, createTextVNode as N, withCtx as ae, normalizeClass as X, vModelRadio as fe } from "vue";
+import { u as U } from "./vue-i18n-CDSTH7g5.js";
 import { useSnackbar as de } from "@feedmepos/ui-library";
-import { F as J, a as W, b as fe, c as se, d as ve, e as z, f as be } from "./index-C-iwb2Ln.js";
-import { S as Q } from "./index-DKI8401o.js";
-import { w as Y } from "./index-wsCCqwdr.js";
-import { p as ge } from "./plugins-DEHr0UOe.js";
-const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col gap-[2px]" }, _e = {
+import { F as J, a as W, b as be, c as se, d as ve, e as z, f as ge } from "./index-I9lmcd2w.js";
+import { S as Q } from "./index-CeafUn1o.js";
+import { w as Y } from "./index-DzYFQGSw.js";
+import { p as he } from "./plugins-BHuaMEYA.js";
+const ye = { class: "flex flex-col gap-[10px]" }, _e = { class: "flex flex-col gap-[2px]" }, we = {
   id: "whatsapp-bot-instructions-title",
   class: "text-[16px] leading-[24px] font-semibold"
-}, we = {
+}, Be = {
   id: "whatsapp-bot-instructions-description",
   class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]"
-}, Be = { class: "flex flex-col gap-[6px]" }, ke = ["placeholder", "maxlength", "disabled"], Se = {
+}, ke = { class: "flex flex-col gap-[6px]" }, Se = ["placeholder", "maxlength", "disabled"], $e = {
   id: "whatsapp-bot-instructions-count",
   class: "text-right text-[12px] leading-[16px] text-fm-color-typo-tertiary tabular-nums"
-}, $e = /* @__PURE__ */ L({
+}, Ae = /* @__PURE__ */ O({
   __name: "BotInstructions",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean }
@@ -23,55 +23,55 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const n = H(i, "modelValue"), { t: u } = U();
-    return (s, o) => (a(), c("div", he, [
-      e("div", ye, [
-        e("h2", _e, l(t(u)("connect.whatsappBot.botSettings.instructions")), 1),
-        e("p", we, l(t(u)("connect.whatsappBot.botSettings.description")), 1)
+  setup(p) {
+    const n = H(p, "modelValue"), { t: m } = U();
+    return (s, o) => (a(), i("div", ye, [
+      e("div", _e, [
+        e("h2", we, l(t(m)("connect.whatsappBot.botSettings.instructions")), 1),
+        e("p", Be, l(t(m)("connect.whatsappBot.botSettings.description")), 1)
       ]),
-      e("div", Be, [
+      e("div", ke, [
         q(e("textarea", {
-          "onUpdate:modelValue": o[0] || (o[0] = (v) => n.value = v),
+          "onUpdate:modelValue": o[0] || (o[0] = (b) => n.value = b),
           "aria-labelledby": "whatsapp-bot-instructions-title",
           "aria-describedby": "whatsapp-bot-instructions-description whatsapp-bot-instructions-count",
-          placeholder: t(u)("connect.whatsappBot.botSettings.placeholder"),
+          placeholder: t(m)("connect.whatsappBot.botSettings.placeholder"),
           maxlength: t(J),
-          disabled: i.disabled,
+          disabled: p.disabled,
           rows: "6",
           class: "block w-full min-h-[136px] resize-y rounded-[8px] border border-fm-color-neutral-gray-200 bg-fm-color-neutral-white p-[12px] text-[14px] leading-[20px] text-fm-color-typo-primary placeholder:text-fm-color-typo-tertiary transition-[border-color,box-shadow] focus:border-fm-color-primary focus:outline-none focus:ring-[4px] focus:ring-fm-color-primary/30 disabled:cursor-not-allowed disabled:bg-fm-color-neutral-gray-100 disabled:text-fm-color-typo-disabled"
-        }, null, 8, ke), [
+        }, null, 8, Se), [
           [re, n.value]
         ]),
-        e("p", Se, l(n.value.length) + " / " + l(t(J)), 1)
+        e("p", $e, l(n.value.length) + " / " + l(t(J)), 1)
       ])
     ]));
   }
-}), Ae = { class: "overflow-x-auto" }, Te = ["aria-label"], Ie = { class: "border-b border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-100/30 text-[12px] leading-[16px] text-fm-color-typo-tertiary" }, Fe = {
+}), Te = { class: "overflow-x-auto" }, Ie = ["aria-label"], Fe = { class: "border-b border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-100/30 text-[12px] leading-[16px] text-fm-color-typo-tertiary" }, Ce = {
   scope: "col",
   class: "py-[10px] pl-[16px] pr-[8px] font-semibold"
-}, Ce = {
-  scope: "col",
-  class: "px-[8px] py-[10px] font-semibold"
 }, Ee = {
   scope: "col",
   class: "px-[8px] py-[10px] font-semibold"
 }, Ve = {
+  scope: "col",
+  class: "px-[8px] py-[10px] font-semibold"
+}, Pe = {
   scope: "col",
   class: "py-[10px] pl-[8px] pr-[16px]"
-}, Pe = { class: "sr-only" }, Ne = { class: "text-[14px] leading-[20px]" }, De = { class: "py-[8px] pl-[16px] pr-[8px] font-medium" }, Oe = ["title"], Le = { class: "px-[8px] py-[8px] text-fm-color-typo-secondary tabular-nums" }, Ue = ["title"], Me = { class: "px-[8px] py-[8px] text-fm-color-typo-tertiary tabular-nums" }, Re = ["datetime", "title"], We = { class: "py-[8px] pl-[8px] pr-[16px]" }, ze = ["aria-label", "disabled", "aria-busy", "onClick"], He = { key: 1 }, ne = /* @__PURE__ */ L({
+}, Ne = { class: "sr-only" }, De = { class: "text-[14px] leading-[20px]" }, Le = { class: "py-[8px] pl-[16px] pr-[8px] font-medium" }, Oe = ["title"], Ue = { class: "px-[8px] py-[8px] text-fm-color-typo-secondary tabular-nums" }, Me = ["title"], Re = { class: "px-[8px] py-[8px] text-fm-color-typo-tertiary tabular-nums" }, We = ["datetime", "title"], ze = { class: "py-[8px] pl-[8px] pr-[16px]" }, He = ["aria-label", "disabled", "aria-busy", "onClick"], Ge = { key: 1 }, ne = /* @__PURE__ */ O({
   __name: "ExcludedAccountsTable",
   props: {
     accounts: {},
     removingId: {}
   },
   emits: ["remove"],
-  setup(i, { emit: n }) {
-    const u = n, { t: s, locale: o } = U();
-    function v(f) {
+  setup(p, { emit: n }) {
+    const m = n, { t: s, locale: o } = U();
+    function b(f) {
       return f.customerName || f.phoneNumber || f.customerLid;
     }
-    function d(f) {
+    function u(f) {
       return new Intl.DateTimeFormat(o.value, {
         dateStyle: "medium",
         timeStyle: "short"
@@ -79,7 +79,7 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
     }
     return (f, h) => {
       const w = $("FmCircularProgress");
-      return a(), c("div", Ae, [
+      return a(), i("div", Te, [
         e("table", {
           "aria-label": t(s)("connect.whatsappBot.excludedAccounts.title"),
           class: "w-full min-w-[600px] table-fixed border-collapse text-left"
@@ -90,99 +90,98 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
             e("col"),
             e("col", { class: "w-[116px]" })
           ], -1)),
-          e("thead", Ie, [
+          e("thead", Fe, [
             e("tr", null, [
-              e("th", Fe, l(t(s)("connect.whatsappBot.excludedAccounts.name")), 1),
-              e("th", Ce, l(t(s)("connect.whatsappBot.excludedAccounts.phoneNumber")), 1),
-              e("th", Ee, l(t(s)("connect.whatsappBot.excludedAccounts.excludedOn")), 1),
-              e("th", Ve, [
-                e("span", Pe, l(t(s)("connect.whatsappBot.excludedAccounts.actions")), 1)
+              e("th", Ce, l(t(s)("connect.whatsappBot.excludedAccounts.name")), 1),
+              e("th", Ee, l(t(s)("connect.whatsappBot.excludedAccounts.phoneNumber")), 1),
+              e("th", Ve, l(t(s)("connect.whatsappBot.excludedAccounts.excludedOn")), 1),
+              e("th", Pe, [
+                e("span", Ne, l(t(s)("connect.whatsappBot.excludedAccounts.actions")), 1)
               ])
             ])
           ]),
-          e("tbody", Ne, [
-            (a(!0), c(O, null, ee(i.accounts, (r) => (a(), c("tr", {
+          e("tbody", De, [
+            (a(!0), i(L, null, ee(p.accounts, (r) => (a(), i("tr", {
               key: r.id,
               class: "border-b border-fm-color-neutral-gray-100 last:border-b-0"
             }, [
-              e("td", De, [
+              e("td", Le, [
                 e("span", {
                   class: "block truncate",
-                  title: v(r)
-                }, l(v(r)), 9, Oe)
+                  title: b(r)
+                }, l(b(r)), 9, Oe)
               ]),
-              e("td", Le, [
+              e("td", Ue, [
                 e("span", {
                   class: "block truncate",
                   title: r.phoneNumber || t(s)("connect.whatsappBot.phoneUnavailable")
-                }, l(r.phoneNumber || t(s)("connect.whatsappBot.phoneUnavailable")), 9, Ue)
+                }, l(r.phoneNumber || t(s)("connect.whatsappBot.phoneUnavailable")), 9, Me)
               ]),
-              e("td", Me, [
+              e("td", Re, [
                 e("time", {
                   datetime: r.updatedAt,
-                  title: d(r.updatedAt),
+                  title: u(r.updatedAt),
                   class: "block truncate"
-                }, l(d(r.updatedAt)), 9, Re)
+                }, l(u(r.updatedAt)), 9, We)
               ]),
-              e("td", We, [
+              e("td", ze, [
                 e("button", {
                   type: "button",
                   "aria-label": t(s)("connect.whatsappBot.excludedAccounts.removeAccount", {
-                    name: v(r)
+                    name: b(r)
                   }),
-                  disabled: !!i.removingId,
-                  "aria-busy": i.removingId === r.id,
+                  disabled: !!p.removingId,
+                  "aria-busy": p.removingId === r.id,
                   class: "flex h-[32px] w-[84px] items-center justify-center rounded-[8px] text-[14px] font-semibold text-fm-color-typo-secondary transition-colors hover:bg-fm-color-system-error-100 hover:text-fm-color-typo-error focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary disabled:cursor-wait disabled:opacity-50",
-                  onClick: (T) => u("remove", r)
+                  onClick: (T) => m("remove", r)
                 }, [
-                  i.removingId === r.id ? (a(), N(w, {
+                  p.removingId === r.id ? (a(), P(w, {
                     key: 0,
                     size: "md",
                     "aria-hidden": "true"
-                  })) : (a(), c("span", He, l(t(s)("connect.common.remove")), 1))
-                ], 8, ze)
+                  })) : (a(), i("span", Ge, l(t(s)("connect.common.remove")), 1))
+                ], 8, He)
               ])
             ]))), 128))
           ])
-        ], 8, Te)
+        ], 8, Ie)
       ]);
     };
   }
-}), Ge = {
+}), Ke = {
   id: "whatsapp-excluded-accounts",
   "aria-labelledby": "whatsapp-excluded-accounts-title",
   class: "flex min-w-0 flex-col gap-[12px]"
-}, Ke = { class: "flex flex-col gap-[2px]" }, je = {
+}, je = { class: "flex flex-col gap-[2px]" }, Xe = {
   id: "whatsapp-excluded-accounts-title",
   class: "text-[16px] leading-[24px] font-semibold"
-}, Xe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, Je = {
+}, Je = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, Qe = {
   key: 0,
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, Qe = {
+}, Ye = {
   key: 1,
-  role: "status",
   class: "flex flex-col items-center gap-[12px] py-[32px] text-[14px] text-fm-color-typo-secondary"
-}, Ye = {
+}, Ze = {
   key: 0,
   class: "flex flex-wrap items-center gap-[12px]"
-}, Ze = {
+}, qe = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, qe = {
+}, et = {
   key: 1,
   class: "flex flex-col items-center gap-[6px] rounded-[16px] border border-fm-color-neutral-gray-200 px-[24px] py-[32px] text-center"
-}, et = { class: "text-[16px] leading-[24px] font-semibold" }, tt = { class: "max-w-[420px] text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, ot = {
+}, tt = { class: "text-[16px] leading-[24px] font-semibold" }, ot = { class: "max-w-[420px] text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, lt = {
   key: 2,
   class: "overflow-hidden rounded-[16px] border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white"
-}, lt = { class: "flex min-w-0 flex-col" }, at = { class: "text-[18px] leading-[24px] font-semibold" }, st = { class: "text-[14px] leading-[20px] text-fm-color-typo-tertiary" }, nt = {
+}, at = { class: "flex min-w-0 flex-col" }, st = { class: "text-[18px] leading-[24px] font-semibold" }, nt = { class: "text-[14px] leading-[20px] text-fm-color-typo-tertiary" }, rt = {
   key: 0,
   role: "alert",
   class: "mb-[12px] text-[14px] text-fm-color-typo-error"
-}, rt = {
+}, ct = {
   key: 1,
   class: "px-[24px] py-[40px] text-center text-[14px] text-fm-color-typo-secondary"
-}, ct = /* @__PURE__ */ L({
+}, it = /* @__PURE__ */ O({
   __name: "ExcludedAccounts",
   props: {
     accounts: {},
@@ -190,82 +189,82 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
     error: {}
   },
   emits: ["retry", "removed"],
-  setup(i, { emit: n }) {
-    const u = i, s = n, { t: o } = U(), v = de(), d = y(""), f = y(""), h = y(!1);
+  setup(p, { emit: n }) {
+    const m = p, s = n, { t: o } = U(), b = de(), u = y(""), f = y(""), h = y(!1);
     let w;
-    const r = V(
-      () => [...u.accounts].sort((m, b) => b.updatedAt.localeCompare(m.updatedAt))
-    ), T = V(() => r.value.slice(0, 3));
-    async function E(m) {
-      if (d.value) return;
-      const b = Q.getBusinessId();
-      if (!b || m.businessId !== b) return;
+    const r = E(
+      () => [...m.accounts].sort((x, v) => v.updatedAt.localeCompare(x.updatedAt))
+    ), T = E(() => r.value.slice(0, 3));
+    async function C(x) {
+      if (u.value) return;
+      const v = Q.getBusinessId();
+      if (!v || x.businessId !== v) return;
       const B = new AbortController();
-      w = B, d.value = m.id, f.value = "";
+      w = B, u.value = x.id, f.value = "";
       try {
         if (await Y.removeExcludedAccount(
-          b,
-          m.id,
+          v,
+          x.id,
           B.signal
         ), B.signal.aborted) return;
-        s("removed", m.id), v.open({
+        s("removed", x.id), b.open({
           type: "success",
           message: o("connect.whatsappBot.excludedAccounts.removed", {
-            name: m.customerName || m.phoneNumber || m.customerLid
+            name: x.customerName || x.phoneNumber || x.customerLid
           })
         });
       } catch (I) {
-        B.signal.aborted || (f.value = I instanceof Error ? I.message : o("connect.whatsappBot.excludedAccounts.removeError"), v.open({ type: "error", message: f.value }));
+        B.signal.aborted || (f.value = I instanceof Error ? I.message : o("connect.whatsappBot.excludedAccounts.removeError"), b.open({ type: "error", message: f.value }));
       } finally {
-        B.signal.aborted || (d.value = "");
+        B.signal.aborted || (u.value = "");
       }
     }
     function g() {
-      w == null || w.abort(), d.value = "", f.value = "", h.value = !1;
+      w == null || w.abort(), u.value = "", f.value = "", h.value = !1;
     }
-    return ce(() => Q.getBusinessId(), g), ie(g), (m, b) => {
+    return ce(() => Q.getBusinessId(), g), ie(g), (x, v) => {
       const B = $("FmCircularProgress"), I = $("FmButton"), G = $("FmIcon"), K = $("FmDialog");
-      return a(), c(O, null, [
-        e("section", Ge, [
-          e("div", Ke, [
-            e("h2", je, l(t(o)("connect.whatsappBot.excludedAccounts.title")), 1),
-            e("p", Xe, l(t(o)("connect.whatsappBot.excludedAccounts.description")), 1)
+      return a(), i(L, null, [
+        e("section", Ke, [
+          e("div", je, [
+            e("h2", Xe, l(t(o)("connect.whatsappBot.excludedAccounts.title")), 1),
+            e("p", Je, l(t(o)("connect.whatsappBot.excludedAccounts.description")), 1)
           ]),
-          f.value ? (a(), c("p", Je, l(f.value), 1)) : _("", !0),
-          i.loading ? (a(), c("div", Qe, [
-            k(B),
-            D(" " + l(t(o)("connect.whatsappBot.excludedAccounts.loading")), 1)
-          ])) : (a(), c(O, { key: 2 }, [
-            i.error ? (a(), c("div", Ye, [
-              e("p", Ze, l(i.error), 1),
-              k(I, {
+          f.value ? (a(), i("p", Qe, l(f.value), 1)) : _("", !0),
+          p.loading ? (a(), i("output", Ye, [
+            S(B),
+            N(" " + l(t(o)("connect.whatsappBot.excludedAccounts.loading")), 1)
+          ])) : (a(), i(L, { key: 2 }, [
+            p.error ? (a(), i("div", Ze, [
+              e("p", qe, l(p.error), 1),
+              S(I, {
                 variant: "secondary",
                 "border-color": "neutral-gray-200",
                 label: t(o)("connect.whatsappBot.tryAgain"),
                 "prepend-icon": "refresh",
                 class: "!rounded-full [&_.label]:text-[14px]",
-                onClick: b[0] || (b[0] = (P) => s("retry"))
+                onClick: v[0] || (v[0] = (V) => s("retry"))
               }, null, 8, ["label"])
             ])) : _("", !0),
-            !r.value.length && !i.error ? (a(), c("div", qe, [
-              e("h3", et, l(t(o)("connect.whatsappBot.excludedAccounts.emptyTitle")), 1),
-              e("p", tt, l(t(o)("connect.whatsappBot.excludedAccounts.emptyDescription")), 1)
-            ])) : r.value.length ? (a(), c("div", ot, [
-              k(ne, {
+            !r.value.length && !p.error ? (a(), i("div", et, [
+              e("h3", tt, l(t(o)("connect.whatsappBot.excludedAccounts.emptyTitle")), 1),
+              e("p", ot, l(t(o)("connect.whatsappBot.excludedAccounts.emptyDescription")), 1)
+            ])) : r.value.length ? (a(), i("div", lt, [
+              S(ne, {
                 accounts: T.value,
-                "removing-id": d.value,
-                onRemove: E
+                "removing-id": u.value,
+                onRemove: C
               }, null, 8, ["accounts", "removing-id"]),
-              r.value.length > T.value.length ? (a(), c("button", {
+              r.value.length > T.value.length ? (a(), i("button", {
                 key: 0,
                 type: "button",
                 class: "flex min-h-[44px] w-full items-center justify-center gap-[6px] border-t border-fm-color-neutral-gray-100 px-[16px] py-[8px] text-[14px] font-semibold text-fm-color-primary transition-colors hover:bg-fm-color-primary-oats focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-inset focus-visible:ring-fm-color-primary",
-                onClick: b[1] || (b[1] = (P) => h.value = !0)
+                onClick: v[1] || (v[1] = (V) => h.value = !0)
               }, [
-                D(l(t(o)("connect.whatsappBot.excludedAccounts.showAll", {
+                N(l(t(o)("connect.whatsappBot.excludedAccounts.showAll", {
                   count: r.value.length
                 })) + " ", 1),
-                k(G, {
+                S(G, {
                   name: "chevron_right",
                   size: "sm",
                   "aria-hidden": "true"
@@ -274,53 +273,53 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
             ])) : _("", !0)
           ], 64))
         ]),
-        k(K, {
+        S(K, {
           modelValue: h.value,
-          "onUpdate:modelValue": b[2] || (b[2] = (P) => h.value = P),
+          "onUpdate:modelValue": v[2] || (v[2] = (V) => h.value = V),
           "min-width": "min(720px, calc(100% - 32px))",
           "max-width": "720px",
           "max-height": "90vh",
           "dismiss-away": ""
         }, {
           "dialog-header": ae(() => [
-            e("div", lt, [
-              e("h2", at, l(t(o)("connect.whatsappBot.excludedAccounts.title")), 1),
-              e("p", st, l(t(o)("connect.whatsappBot.accountCount", r.value.length)), 1)
+            e("div", at, [
+              e("h2", st, l(t(o)("connect.whatsappBot.excludedAccounts.title")), 1),
+              e("p", nt, l(t(o)("connect.whatsappBot.accountCount", r.value.length)), 1)
             ])
           ]),
           default: ae(() => [
-            f.value ? (a(), c("p", nt, l(f.value), 1)) : _("", !0),
-            r.value.length ? (a(), N(ne, {
+            f.value ? (a(), i("p", rt, l(f.value), 1)) : _("", !0),
+            r.value.length ? (a(), P(ne, {
               key: 2,
               accounts: r.value,
-              "removing-id": d.value,
-              onRemove: E
-            }, null, 8, ["accounts", "removing-id"])) : (a(), c("p", rt, l(t(o)("connect.whatsappBot.excludedAccounts.emptyTitle")), 1))
+              "removing-id": u.value,
+              onRemove: C
+            }, null, 8, ["accounts", "removing-id"])) : (a(), i("p", ct, l(t(o)("connect.whatsappBot.excludedAccounts.emptyTitle")), 1))
           ]),
           _: 1
         }, 8, ["modelValue"])
       ], 64);
     };
   }
-}), it = {
+}), dt = {
   "aria-labelledby": "knowledge-base-title",
   class: "flex flex-col gap-[10px]"
-}, dt = { class: "flex flex-col gap-[2px]" }, pt = {
+}, pt = { class: "flex flex-col gap-[2px]" }, ut = {
   id: "knowledge-base-title",
   class: "text-[16px] leading-[24px] font-semibold"
-}, ut = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, mt = { class: "flex flex-wrap gap-[8px]" }, xt = ["title", "aria-expanded", "disabled", "onClick"], ft = ["disabled"], vt = {
+}, mt = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, xt = { class: "flex flex-wrap gap-[8px]" }, ft = ["title", "aria-expanded", "disabled", "onClick"], bt = ["disabled"], vt = {
   key: 0,
   class: "text-[14px] text-fm-color-typo-tertiary"
-}, bt = {
+}, gt = {
   key: 1,
   class: "text-[14px] text-fm-color-typo-secondary"
-}, gt = { class: "flex flex-col gap-[6px]" }, ht = {
+}, ht = { class: "flex flex-col gap-[6px]" }, yt = {
   for: "whatsapp-knowledge-topic-description",
   class: "text-[14px] leading-[20px] font-medium text-fm-color-typo-secondary"
-}, yt = ["placeholder", "maxlength", "disabled"], _t = {
+}, _t = ["placeholder", "maxlength", "disabled"], wt = {
   id: "whatsapp-knowledge-topic-description-count",
   class: "text-right text-[12px] leading-[16px] text-fm-color-typo-tertiary tabular-nums"
-}, wt = /* @__PURE__ */ L({
+}, Bt = /* @__PURE__ */ O({
   __name: "KnowledgeBase",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean }
@@ -335,92 +334,92 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
     activeTopicIndexModifiers: {}
   }),
   emits: ["update:modelValue", "update:activeTopicIndex"],
-  setup(i) {
-    const n = i, u = H(i, "modelValue"), s = H(i, "activeTopicIndex"), { t: o } = U(), v = V(
-      () => s.value === null ? null : u.value[s.value]
+  setup(p) {
+    const n = p, m = H(p, "modelValue"), s = H(p, "activeTopicIndex"), { t: o } = U(), b = E(
+      () => s.value === null ? null : m.value[s.value]
     );
-    function d() {
-      n.disabled || u.value.length >= W || (u.value.push({ title: "", description: "" }), s.value = u.value.length - 1);
+    function u() {
+      n.disabled || m.value.length >= W || (m.value.push({ title: "", description: "" }), s.value = m.value.length - 1);
     }
     function f() {
-      n.disabled || s.value === null || (u.value.splice(s.value, 1), s.value = null);
+      n.disabled || s.value === null || (m.value.splice(s.value, 1), s.value = null);
     }
     return (h, w) => {
-      const r = $("FmIcon"), T = $("FmTextField"), E = $("FmButton");
-      return a(), c("section", it, [
-        e("div", dt, [
-          e("h2", pt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.title")), 1),
-          e("p", ut, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.description")), 1)
+      const r = $("FmIcon"), T = $("FmTextField"), C = $("FmButton");
+      return a(), i("section", dt, [
+        e("div", pt, [
+          e("h2", ut, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.title")), 1),
+          e("p", mt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.description")), 1)
         ]),
-        e("div", mt, [
-          (a(!0), c(O, null, ee(u.value, (g, m) => (a(), c("button", {
-            key: m,
+        e("div", xt, [
+          (a(!0), i(L, null, ee(m.value, (g, x) => (a(), i("button", {
+            key: x,
             type: "button",
             title: g.title.trim() || t(o)("connect.whatsappBot.botSettings.knowledgeBase.untitled"),
-            "aria-expanded": s.value === m,
+            "aria-expanded": s.value === x,
             "aria-controls": "knowledge-topic-editor",
-            disabled: i.disabled,
+            disabled: p.disabled,
             class: X(["h-[32px] max-w-[240px] rounded-[8px] border-[1px] px-[12px] truncate text-[14px] font-medium transition-colors focus-visible:ring-2 focus-visible:ring-fm-color-primary disabled:opacity-60", [
-              s.value === m ? "border-fm-color-primary bg-fm-color-primary-oats text-fm-color-primary" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
-              i.disabled ? "cursor-default" : "cursor-pointer hover:border-fm-color-primary"
+              s.value === x ? "border-fm-color-primary bg-fm-color-primary-oats text-fm-color-primary" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
+              p.disabled ? "cursor-default" : "cursor-pointer hover:border-fm-color-primary"
             ]]),
-            onClick: (b) => s.value = s.value === m ? null : m
-          }, l(g.title.trim() || t(o)("connect.whatsappBot.botSettings.knowledgeBase.untitled")), 11, xt))), 128)),
+            onClick: (v) => s.value = s.value === x ? null : x
+          }, l(g.title.trim() || t(o)("connect.whatsappBot.botSettings.knowledgeBase.untitled")), 11, ft))), 128)),
           e("button", {
             type: "button",
-            disabled: i.disabled || u.value.length >= t(W),
+            disabled: p.disabled || m.value.length >= t(W),
             class: "h-[32px] rounded-[8px] border-[1px] border-dashed border-fm-color-neutral-gray-200 bg-fm-color-neutral-white px-[12px] flex items-center gap-[6px] text-[14px] font-semibold text-fm-color-primary hover:border-fm-color-primary focus-visible:ring-2 focus-visible:ring-fm-color-primary disabled:opacity-60 disabled:cursor-default",
-            onClick: d
+            onClick: u
           }, [
-            k(r, {
+            S(r, {
               name: "add",
               size: "sm"
             }),
-            D(" " + l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.addTopic")), 1)
-          ], 8, ft)
+            N(" " + l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.addTopic")), 1)
+          ], 8, bt)
         ]),
-        u.value.length === 0 ? (a(), c("p", vt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.empty")), 1)) : _("", !0),
-        u.value.length >= t(W) ? (a(), c("p", bt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.topicLimit", {
+        m.value.length === 0 ? (a(), i("p", vt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.empty")), 1)) : _("", !0),
+        m.value.length >= t(W) ? (a(), i("p", gt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.topicLimit", {
           count: t(W)
         })), 1)) : _("", !0),
-        v.value ? (a(), c("div", {
+        b.value ? (a(), i("div", {
           id: "knowledge-topic-editor",
           key: s.value ?? void 0,
           class: "rounded-[8px] border-[1px] border-fm-color-neutral-gray-100 p-[16px] flex flex-col gap-[10px]"
         }, [
-          k(T, {
-            modelValue: v.value.title,
-            "onUpdate:modelValue": w[0] || (w[0] = (g) => v.value.title = g),
+          S(T, {
+            modelValue: b.value.title,
+            "onUpdate:modelValue": w[0] || (w[0] = (g) => b.value.title = g),
             label: t(o)("connect.whatsappBot.botSettings.knowledgeBase.titleLabel"),
             placeholder: t(o)("connect.whatsappBot.botSettings.knowledgeBase.titlePlaceholder"),
-            "max-length": t(fe),
-            disabled: i.disabled
+            "max-length": t(be),
+            disabled: p.disabled
           }, null, 8, ["modelValue", "label", "placeholder", "max-length", "disabled"]),
-          e("div", gt, [
-            e("label", ht, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.descriptionLabel")), 1),
+          e("div", ht, [
+            e("label", yt, l(t(o)("connect.whatsappBot.botSettings.knowledgeBase.descriptionLabel")), 1),
             q(e("textarea", {
               id: "whatsapp-knowledge-topic-description",
-              "onUpdate:modelValue": w[1] || (w[1] = (g) => v.value.description = g),
+              "onUpdate:modelValue": w[1] || (w[1] = (g) => b.value.description = g),
               "aria-describedby": "whatsapp-knowledge-topic-description-count",
               placeholder: t(o)(
                 "connect.whatsappBot.botSettings.knowledgeBase.descriptionPlaceholder"
               ),
               maxlength: t(se),
-              disabled: i.disabled,
+              disabled: p.disabled,
               rows: "5",
               class: "block w-full min-h-[116px] resize-y rounded-[8px] border border-fm-color-neutral-gray-200 bg-fm-color-neutral-white px-[12px] py-[8px] text-[14px] leading-[20px] text-fm-color-typo-primary placeholder:text-fm-color-typo-tertiary transition-[border-color,box-shadow] focus:border-fm-color-primary focus:outline-none focus:ring-[4px] focus:ring-fm-color-primary/30 disabled:cursor-not-allowed disabled:bg-fm-color-neutral-gray-100 disabled:text-fm-color-typo-disabled"
-            }, null, 8, yt), [
-              [re, v.value.description]
+            }, null, 8, _t), [
+              [re, b.value.description]
             ]),
-            e("p", _t, l(v.value.description.length) + " / " + l(t(se)), 1)
+            e("p", wt, l(b.value.description.length) + " / " + l(t(se)), 1)
           ]),
-          k(E, {
+          S(C, {
             variant: "plain",
             size: "sm",
             "prepend-icon": "delete",
             "text-color": "typo-error",
             label: t(o)("connect.whatsappBot.botSettings.knowledgeBase.removeTopic"),
-            disabled: i.disabled,
+            disabled: p.disabled,
             class: "self-start",
             onClick: f
           }, null, 8, ["label", "disabled"])
@@ -428,28 +427,28 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
       ]);
     };
   }
-}), Bt = {
+}), kt = {
   "aria-labelledby": "response-speed-title",
   class: "flex flex-col gap-[12px]"
-}, kt = { class: "flex flex-col gap-[2px]" }, St = {
+}, St = { class: "flex flex-col gap-[2px]" }, $t = {
   id: "response-speed-title",
   class: "text-[16px] leading-[24px] font-semibold"
-}, $t = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, At = {
+}, At = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, Tt = {
   role: "radiogroup",
   "aria-labelledby": "response-speed-title",
   "aria-describedby": "response-speed-detail",
   class: "grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-[8px]"
-}, Tt = ["value", "disabled"], It = { class: "flex items-center gap-[8px] text-[14px] leading-[20px] font-semibold" }, Ft = {
+}, It = ["value", "disabled"], Ft = { class: "flex items-center gap-[8px] text-[14px] leading-[20px] font-semibold" }, Ct = {
   key: 0,
   class: "w-[8px] h-[8px] rounded-full bg-fm-color-primary"
-}, Ct = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Et = {
+}, Et = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Vt = {
   id: "response-speed-detail",
   "aria-live": "polite",
   class: "text-[14px] leading-[20px] text-fm-color-typo-secondary"
-}, Vt = {
+}, Pt = {
   key: 0,
   class: "rounded-[8px] bg-fm-color-system-warning-100 px-[12px] py-[10px] flex items-start gap-[10px] text-[14px] leading-[20px]"
-}, Pt = /* @__PURE__ */ L({
+}, Nt = /* @__PURE__ */ O({
   __name: "ResponseSpeed",
   props: /* @__PURE__ */ Z({
     disabled: { type: Boolean }
@@ -460,239 +459,239 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const n = H(i, "modelValue"), { t: u } = U();
+  setup(p) {
+    const n = H(p, "modelValue"), { t: m } = U();
     return (s, o) => {
-      const v = $("FmIcon");
-      return a(), c("section", Bt, [
-        e("div", kt, [
-          e("h2", St, l(t(u)("connect.whatsappBot.botSettings.responseSpeed.title")), 1),
-          e("p", $t, l(t(u)("connect.whatsappBot.botSettings.responseSpeed.description")), 1)
+      const b = $("FmIcon");
+      return a(), i("section", kt, [
+        e("div", St, [
+          e("h2", $t, l(t(m)("connect.whatsappBot.botSettings.responseSpeed.title")), 1),
+          e("p", At, l(t(m)("connect.whatsappBot.botSettings.responseSpeed.description")), 1)
         ]),
-        e("div", At, [
-          (a(!0), c(O, null, ee(t(ve), (d) => (a(), c("label", { key: d }, [
+        e("div", Tt, [
+          (a(!0), i(L, null, ee(t(ve), (u) => (a(), i("label", { key: u }, [
             q(e("input", {
               "onUpdate:modelValue": o[0] || (o[0] = (f) => n.value = f),
               type: "radio",
               name: "response-speed",
-              value: d,
-              disabled: i.disabled,
+              value: u,
+              disabled: p.disabled,
               class: "sr-only peer"
-            }, null, 8, Tt), [
-              [xe, n.value]
+            }, null, 8, It), [
+              [fe, n.value]
             ]),
             e("span", {
               class: X(["h-full border-[1px] rounded-[8px] p-[12px] flex flex-col gap-[4px] transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-fm-color-primary", [
-                n.value === d ? "border-fm-color-primary bg-fm-color-primary-oats" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
-                i.disabled ? "cursor-default opacity-60" : "cursor-pointer hover:border-fm-color-primary"
+                n.value === u ? "border-fm-color-primary bg-fm-color-primary-oats" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
+                p.disabled ? "cursor-default opacity-60" : "cursor-pointer hover:border-fm-color-primary"
               ]])
             }, [
-              e("span", It, [
+              e("span", Ft, [
                 e("span", {
                   "aria-hidden": "true",
                   class: X([
                     "w-[16px] h-[16px] shrink-0 rounded-full border-[1.5px] bg-fm-color-neutral-white flex items-center justify-center",
-                    n.value === d ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
+                    n.value === u ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
                   ])
                 }, [
-                  n.value === d ? (a(), c("span", Ft)) : _("", !0)
+                  n.value === u ? (a(), i("span", Ct)) : _("", !0)
                 ], 2),
-                D(" " + l(t(u)(`connect.whatsappBot.botSettings.responseSpeed.${d}.label`)), 1)
+                N(" " + l(t(m)(`connect.whatsappBot.botSettings.responseSpeed.${u}.label`)), 1)
               ]),
-              e("span", Ct, l(t(u)(`connect.whatsappBot.botSettings.responseSpeed.${d}.hint`)), 1)
+              e("span", Et, l(t(m)(`connect.whatsappBot.botSettings.responseSpeed.${u}.hint`)), 1)
             ], 2)
           ]))), 128))
         ]),
-        e("p", Et, l(t(u)(
+        e("p", Vt, l(t(m)(
           `connect.whatsappBot.botSettings.responseSpeed.${n.value}.detail`
         )), 1),
-        n.value === "immediate" ? (a(), c("div", Vt, [
-          k(v, {
+        n.value === "immediate" ? (a(), i("div", Pt, [
+          S(b, {
             name: "warning",
             size: "sm",
             class: "mt-[2px] shrink-0 text-fm-color-typo-warning"
           }),
-          D(" " + l(t(u)("connect.whatsappBot.botSettings.responseSpeed.immediateWarning")), 1)
+          N(" " + l(t(m)("connect.whatsappBot.botSettings.responseSpeed.immediateWarning")), 1)
         ])) : _("", !0)
       ]);
     };
   }
-}), Nt = { class: "mt-[20px] mx-auto w-full min-w-0 flex flex-col gap-[20px]" }, Dt = {
+}), Dt = { class: "mt-[20px] mx-auto w-full min-w-0 flex flex-col gap-[20px]" }, Lt = {
   key: 0,
-  role: "status",
   class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, Ot = { class: "border-t border-fm-color-neutral-gray-100 pt-[20px]" }, Lt = { class: "group border-t border-fm-color-neutral-gray-100 pt-[12px]" }, Ut = { class: "flex h-[36px] w-fit cursor-pointer list-none items-center gap-[8px] rounded-[8px] px-[8px] -ml-[8px] text-[16px] font-semibold transition-colors hover:bg-fm-color-neutral-gray-100 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary [&::-webkit-details-marker]:hidden" }, Mt = { class: "mt-[20px] flex flex-col gap-[20px]" }, Rt = {
+}, Ot = { class: "border-t border-fm-color-neutral-gray-100 pt-[20px]" }, Ut = { class: "group border-t border-fm-color-neutral-gray-100 pt-[12px]" }, Mt = { class: "flex h-[36px] w-fit cursor-pointer list-none items-center gap-[8px] rounded-[8px] px-[8px] -ml-[8px] text-[16px] font-semibold transition-colors hover:bg-fm-color-neutral-gray-100 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary [&::-webkit-details-marker]:hidden" }, Rt = { class: "mt-[20px] flex flex-col gap-[20px]" }, Wt = {
   key: 1,
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, Wt = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, Qt = /* @__PURE__ */ L({
+}, zt = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, Yt = /* @__PURE__ */ O({
   __name: "WhatsappBotSettings",
-  setup(i) {
-    const { t: n } = U(), u = de(), s = V(() => Q.getBusinessId() ?? ""), o = y(""), v = y(""), d = y([]), f = y([]), h = y(null), w = V(
-      () => d.value.filter(
-        (x) => x.title.trim() || x.description.trim()
+  setup(p) {
+    const { t: n } = U(), m = de(), s = E(() => Q.getBusinessId() ?? ""), o = y(""), b = y(""), u = y([]), f = y([]), h = y(null), w = E(
+      () => u.value.filter(
+        (d) => d.title.trim() || d.description.trim()
       )
     ), r = y(
       z
     ), T = y(
       z
-    ), E = y(!0), g = y(!1), m = y(!1), b = y(""), B = y([]), I = y(""), G = J, K = V(
-      () => o.value !== v.value || r.value !== T.value || JSON.stringify(d.value) !== JSON.stringify(f.value)
-    ), P = V(
-      () => !g.value || m.value || !K.value
-    ), te = V(
-      () => !g.value || m.value || o.value.length > G || !be.safeParse(w.value).success
+    ), C = y(!0), g = y(!1), x = y(!1), v = y(""), B = y([]), I = y(""), G = J, K = E(
+      () => o.value !== b.value || r.value !== T.value || JSON.stringify(u.value) !== JSON.stringify(f.value)
+    ), V = E(
+      () => !g.value || x.value || !K.value
+    ), te = E(
+      () => !g.value || x.value || o.value.length > G || !ge.safeParse(w.value).success
     );
     let A, M;
-    function oe(x) {
-      B.value = x.excludedAccounts, o.value = x.botInstructions, v.value = x.botInstructions, r.value = x.responseSpeed, T.value = x.responseSpeed, d.value = x.knowledgeBase.map((p) => ({ ...p })), f.value = x.knowledgeBase.map((p) => ({
-        ...p
+    function oe(d) {
+      B.value = d.excludedAccounts, o.value = d.botInstructions, b.value = d.botInstructions, r.value = d.responseSpeed, T.value = d.responseSpeed, u.value = d.knowledgeBase.map((c) => ({ ...c })), f.value = d.knowledgeBase.map((c) => ({
+        ...c
       }));
     }
-    async function R(x = !1) {
-      if (x && m.value) return;
+    function pe(d, c) {
+      const k = d instanceof Error ? d.message : n("connect.whatsappBot.errors.loadSettings");
+      c ? I.value = k : v.value = k;
+    }
+    async function R(d = !1) {
+      if (d && x.value) return;
       clearTimeout(M), A == null || A.abort();
-      const p = new AbortController();
-      A = p, x || (E.value = !0, g.value = !1, m.value = !1, b.value = "", o.value = "", v.value = "", r.value = z, T.value = z, d.value = [], f.value = [], h.value = null, B.value = [], I.value = "");
+      const c = new AbortController();
+      A = c, d || (C.value = !0, g.value = !1, x.value = !1, v.value = "", o.value = "", b.value = "", r.value = z, T.value = z, u.value = [], f.value = [], h.value = null, B.value = [], I.value = "");
       try {
         if (!s.value)
           throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
-        const S = await Y.getSettings(
+        const k = await Y.getSettings(
           s.value,
-          p.signal
+          c.signal
         );
-        if (p.signal.aborted) return;
-        B.value = S.excludedAccounts, I.value = "", x || (oe(S), g.value = !0);
-      } catch (S) {
-        if (!p.signal.aborted) {
-          const F = S instanceof Error ? S.message : n("connect.whatsappBot.errors.loadSettings");
-          x ? I.value = F : b.value = F;
-        }
+        if (c.signal.aborted) return;
+        B.value = k.excludedAccounts, I.value = "", d || (oe(k), g.value = !0);
+      } catch (k) {
+        c.signal.aborted || pe(k, d);
       } finally {
-        p.signal.aborted || (E.value = !1, g.value && le());
+        c.signal.aborted || (C.value = !1, g.value && le());
       }
     }
     function le() {
       clearTimeout(M), M = setTimeout(() => void R(!0), 1e4);
     }
-    function pe(x) {
+    function ue(d) {
       B.value = B.value.filter(
-        (p) => p.id !== x
+        (c) => c.id !== d
       ), R(!0);
     }
-    async function ue() {
+    async function me() {
       if (te.value) return;
       clearTimeout(M), A == null || A.abort();
-      const x = new AbortController();
-      A = x, m.value = !0, b.value = "";
-      const p = h.value === null ? void 0 : d.value[h.value], S = p ? w.value.indexOf(p) : -1;
+      const d = new AbortController();
+      A = d, x.value = !0, v.value = "";
+      const c = h.value === null ? void 0 : u.value[h.value], k = c ? w.value.indexOf(c) : -1;
       try {
-        const F = await Y.saveSettings(
+        const D = await Y.saveSettings(
           s.value,
           {
             botInstructions: o.value,
             responseSpeed: r.value,
             knowledgeBase: w.value
           },
-          x.signal
+          d.signal
         );
-        if (x.signal.aborted) return;
-        oe(F), h.value = S < 0 ? null : S, u.open({
+        if (d.signal.aborted) return;
+        oe(D), h.value = k < 0 ? null : k, m.open({
           type: "success",
           message: n("connect.whatsappBot.botSettings.saved")
         });
-      } catch (F) {
-        x.signal.aborted || (b.value = F instanceof Error ? F.message : n("connect.whatsappBot.errors.saveSettings"), u.open({ type: "error", message: b.value }));
+      } catch (D) {
+        d.signal.aborted || (v.value = D instanceof Error ? D.message : n("connect.whatsappBot.errors.saveSettings"), m.open({ type: "error", message: v.value }));
       } finally {
-        x.signal.aborted || (m.value = !1, le());
+        d.signal.aborted || (x.value = !1, le());
       }
     }
-    async function me() {
-      if (P.value) return;
-      const x = s.value;
-      !await ge.confirm(
+    async function xe() {
+      if (V.value) return;
+      const d = s.value;
+      !await he.confirm(
         n("connect.whatsappBot.botSettings.discardChangesMessage"),
         n("connect.whatsappBot.botSettings.discardChangesTitle"),
         n("connect.common.confirm"),
         n("connect.common.cancel")
-      ) || P.value || s.value !== x || (o.value = v.value, r.value = T.value, d.value = f.value.map((S) => ({ ...S })), h.value = null);
+      ) || V.value || s.value !== d || (o.value = b.value, r.value = T.value, u.value = f.value.map((k) => ({ ...k })), h.value = null);
     }
     return ce(s, () => void R(), { immediate: !0 }), ie(() => {
       A == null || A.abort(), clearTimeout(M);
-    }), (x, p) => {
-      const S = $("FmCircularProgress"), F = $("FmIcon"), j = $("FmButton");
-      return a(), c("div", Nt, [
-        E.value ? (a(), c("div", Dt, [
-          k(S),
-          D(" " + l(t(n)("connect.whatsappBot.botSettings.loading")), 1)
-        ])) : (a(), c(O, { key: 1 }, [
-          g.value ? (a(), N($e, {
+    }), (d, c) => {
+      const k = $("FmCircularProgress"), D = $("FmIcon"), j = $("FmButton");
+      return a(), i("div", Dt, [
+        C.value ? (a(), i("output", Lt, [
+          S(k),
+          N(" " + l(t(n)("connect.whatsappBot.botSettings.loading")), 1)
+        ])) : (a(), i(L, { key: 1 }, [
+          g.value ? (a(), P(Ae, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (C) => o.value = C),
-            disabled: m.value
+            "onUpdate:modelValue": c[0] || (c[0] = (F) => o.value = F),
+            disabled: x.value
           }, null, 8, ["modelValue", "disabled"])) : _("", !0),
           e("div", Ot, [
-            g.value ? (a(), N(ct, {
+            g.value ? (a(), P(it, {
               key: 0,
               accounts: B.value,
               loading: !1,
               error: I.value,
-              onRetry: p[1] || (p[1] = (C) => R(!0)),
-              onRemoved: pe
+              onRetry: c[1] || (c[1] = (F) => R(!0)),
+              onRemoved: ue
             }, null, 8, ["accounts", "error"])) : _("", !0)
           ]),
-          e("details", Lt, [
-            e("summary", Ut, [
-              D(l(t(n)("connect.whatsappBot.botSettings.advancedSettings")) + " ", 1),
-              k(F, {
+          e("details", Ut, [
+            e("summary", Mt, [
+              N(l(t(n)("connect.whatsappBot.botSettings.advancedSettings")) + " ", 1),
+              S(D, {
                 name: "keyboard_arrow_down",
                 size: "sm",
                 class: "transition-transform group-open:rotate-180 motion-reduce:transition-none",
                 "aria-hidden": "true"
               })
             ]),
-            e("div", Mt, [
-              g.value ? (a(), N(wt, {
+            e("div", Rt, [
+              g.value ? (a(), P(Bt, {
                 key: 0,
-                modelValue: d.value,
-                "onUpdate:modelValue": p[2] || (p[2] = (C) => d.value = C),
+                modelValue: u.value,
+                "onUpdate:modelValue": c[2] || (c[2] = (F) => u.value = F),
                 "active-topic-index": h.value,
-                "onUpdate:activeTopicIndex": p[3] || (p[3] = (C) => h.value = C),
-                disabled: m.value
+                "onUpdate:activeTopicIndex": c[3] || (c[3] = (F) => h.value = F),
+                disabled: x.value
               }, null, 8, ["modelValue", "active-topic-index", "disabled"])) : _("", !0),
-              g.value ? (a(), N(Pt, {
+              g.value ? (a(), P(Nt, {
                 key: 1,
                 modelValue: r.value,
-                "onUpdate:modelValue": p[4] || (p[4] = (C) => r.value = C),
-                disabled: m.value,
+                "onUpdate:modelValue": c[4] || (c[4] = (F) => r.value = F),
+                disabled: x.value,
                 class: "border-t border-fm-color-neutral-gray-100 pt-[20px]"
               }, null, 8, ["modelValue", "disabled"])) : _("", !0)
             ])
           ]),
-          b.value ? (a(), c("p", Rt, l(b.value), 1)) : _("", !0),
-          g.value ? _("", !0) : (a(), N(j, {
+          v.value ? (a(), i("p", Wt, l(v.value), 1)) : _("", !0),
+          g.value ? _("", !0) : (a(), P(j, {
             key: 2,
             class: "self-start !rounded-full [&_.label]:text-[14px]",
             label: t(n)("connect.whatsappBot.tryAgain"),
             "prepend-icon": "refresh",
-            onClick: p[5] || (p[5] = (C) => R())
+            onClick: c[5] || (c[5] = (F) => R())
           }, null, 8, ["label"])),
-          e("div", Wt, [
-            k(j, {
+          e("div", zt, [
+            S(j, {
               variant: "secondary",
               "border-color": "neutral-gray-200",
               label: t(n)("connect.common.cancel"),
-              disabled: P.value,
+              disabled: V.value,
               class: "!rounded-full !px-[20px] [&_.label]:text-[14px]",
-              onClick: me
+              onClick: xe
             }, null, 8, ["label", "disabled"]),
-            k(j, {
+            S(j, {
               label: t(n)("connect.common.save"),
               disabled: te.value,
-              loading: m.value,
+              loading: x.value,
               class: "!rounded-full !px-[20px] [&_.label]:text-[14px]",
-              onClick: ue
+              onClick: me
             }, null, 8, ["label", "disabled", "loading"])
           ])
         ], 64))
@@ -701,5 +700,5 @@ const he = { class: "flex flex-col gap-[10px]" }, ye = { class: "flex flex-col g
   }
 });
 export {
-  Qt as default
+  Yt as default
 };