@feedmepos/mf-connect 0.1.113-beta.3 → 0.1.114-dev

package/dist/WhatsappBotSettings-BooibLUg.js

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