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

package/dist/WhatsappBotSettings-Bkv1VNwF.js

@@ -1,387 +0,0 @@
-import { defineComponent as L, mergeModels as U, useModel as A, resolveComponent as k, openBlock as c, createElementBlock as p, createElementVNode as r, toDisplayString as m, unref as e, createVNode as g, computed as E, Fragment as N, renderList as X, normalizeClass as D, createTextVNode as O, createCommentVNode as T, withDirectives as Y, vModelRadio as Z, ref as f, watch as ee, onBeforeUnmount as te, createBlock as oe } from "vue";
-import { u as M } from "./vue-i18n-Cw6fF11e.js";
-import { useSnackbar as ae } from "@feedmepos/ui-library";
-import { F as j, a as C, b as le, c as se, d as ne, e as $, f as re } from "./index-RwNlbTO8.js";
-import { S as ie } from "./index-OvnHt5x5.js";
-import { w as z } from "./index-0H82-X0n.js";
-import { p as ce } from "./plugins-iTZLbJGy.js";
-const de = { class: "flex flex-col gap-[16px]" }, pe = { class: "flex flex-col gap-[4px]" }, ue = { class: "text-[16px] leading-[24px] font-semibold" }, me = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, ve = /* @__PURE__ */ L({
-  __name: "BotInstructions",
-  props: /* @__PURE__ */ U({
-    disabled: { type: Boolean }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(d) {
-    const o = A(d, "modelValue"), { t: a } = M();
-    return (i, t) => {
-      const v = k("FmTextarea");
-      return c(), p("div", de, [
-        r("div", pe, [
-          r("h2", ue, m(e(a)("connect.whatsappBot.botSettings.instructions")), 1),
-          r("p", me, m(e(a)("connect.whatsappBot.botSettings.description")), 1)
-        ]),
-        g(v, {
-          modelValue: o.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
-          "aria-label": e(a)("connect.whatsappBot.botSettings.instructions"),
-          placeholder: e(a)("connect.whatsappBot.botSettings.placeholder"),
-          "max-length": e(j),
-          disabled: d.disabled,
-          "show-word-count": "",
-          class: "bot-instructions-textarea"
-        }, null, 8, ["modelValue", "aria-label", "placeholder", "max-length", "disabled"])
-      ]);
-    };
-  }
-}), xe = {
-  "aria-labelledby": "knowledge-base-title",
-  class: "border-t-[1px] border-fm-color-neutral-gray-100 pt-[20px] flex flex-col gap-[12px]"
-}, be = { class: "flex flex-col gap-[4px]" }, ge = {
-  id: "knowledge-base-title",
-  class: "text-[16px] leading-[24px] font-semibold"
-}, fe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, he = { class: "flex flex-wrap gap-[8px]" }, _e = ["title", "aria-expanded", "disabled", "onClick"], ye = ["disabled"], we = {
-  key: 0,
-  class: "text-[14px] text-fm-color-typo-tertiary"
-}, Se = {
-  key: 1,
-  class: "text-[14px] text-fm-color-typo-secondary"
-}, Be = /* @__PURE__ */ L({
-  __name: "KnowledgeBase",
-  props: /* @__PURE__ */ U({
-    disabled: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {},
-    activeTopicIndex: {
-      required: !0
-    },
-    activeTopicIndexModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:activeTopicIndex"],
-  setup(d) {
-    const o = d, a = A(d, "modelValue"), i = A(d, "activeTopicIndex"), { t } = M(), v = E(
-      () => i.value === null ? null : a.value[i.value]
-    );
-    function n() {
-      o.disabled || a.value.length >= C || (a.value.push({ title: "", description: "" }), i.value = a.value.length - 1);
-    }
-    function _() {
-      o.disabled || i.value === null || (a.value.splice(i.value, 1), i.value = null);
-    }
-    return (y, w) => {
-      const h = k("FmIcon"), F = k("FmTextField"), P = k("FmTextarea"), S = k("FmButton");
-      return c(), p("section", xe, [
-        r("div", be, [
-          r("h2", ge, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.title")), 1),
-          r("p", fe, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.description")), 1)
-        ]),
-        r("div", he, [
-          (c(!0), p(N, null, X(a.value, (u, x) => (c(), p("button", {
-            key: x,
-            type: "button",
-            title: u.title.trim() || e(t)("connect.whatsappBot.botSettings.knowledgeBase.untitled"),
-            "aria-expanded": i.value === x,
-            "aria-controls": "knowledge-topic-editor",
-            disabled: d.disabled,
-            class: D(["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", [
-              i.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",
-              d.disabled ? "cursor-default" : "cursor-pointer hover:border-fm-color-primary"
-            ]]),
-            onClick: (H) => i.value = i.value === x ? null : x
-          }, m(u.title.trim() || e(t)("connect.whatsappBot.botSettings.knowledgeBase.untitled")), 11, _e))), 128)),
-          r("button", {
-            type: "button",
-            disabled: d.disabled || a.value.length >= e(C),
-            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: n
-          }, [
-            g(h, {
-              name: "add",
-              size: "sm"
-            }),
-            O(" " + m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.addTopic")), 1)
-          ], 8, ye)
-        ]),
-        a.value.length === 0 ? (c(), p("p", we, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.empty")), 1)) : T("", !0),
-        a.value.length >= e(C) ? (c(), p("p", Se, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.topicLimit", {
-          count: e(C)
-        })), 1)) : T("", !0),
-        v.value ? (c(), p("div", {
-          id: "knowledge-topic-editor",
-          key: i.value ?? void 0,
-          class: "rounded-[8px] border-[1px] border-fm-color-neutral-gray-100 p-[16px] flex flex-col gap-[12px]"
-        }, [
-          g(F, {
-            modelValue: v.value.title,
-            "onUpdate:modelValue": w[0] || (w[0] = (u) => v.value.title = u),
-            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.titleLabel"),
-            placeholder: e(t)("connect.whatsappBot.botSettings.knowledgeBase.titlePlaceholder"),
-            "max-length": e(le),
-            disabled: d.disabled
-          }, null, 8, ["modelValue", "label", "placeholder", "max-length", "disabled"]),
-          g(P, {
-            modelValue: v.value.description,
-            "onUpdate:modelValue": w[1] || (w[1] = (u) => v.value.description = u),
-            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.descriptionLabel"),
-            placeholder: e(t)(
-              "connect.whatsappBot.botSettings.knowledgeBase.descriptionPlaceholder"
-            ),
-            "max-length": e(se),
-            disabled: d.disabled,
-            "show-word-count": "",
-            class: "bot-instructions-textarea"
-          }, null, 8, ["modelValue", "label", "placeholder", "max-length", "disabled"]),
-          g(S, {
-            variant: "plain",
-            size: "sm",
-            "prepend-icon": "delete",
-            "text-color": "typo-error",
-            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.removeTopic"),
-            disabled: d.disabled,
-            class: "self-start",
-            onClick: _
-          }, null, 8, ["label", "disabled"])
-        ])) : T("", !0)
-      ]);
-    };
-  }
-}), ke = {
-  "aria-labelledby": "response-speed-title",
-  class: "border-t-[1px] border-fm-color-neutral-gray-100 pt-[20px] flex flex-col gap-[12px]"
-}, Te = { class: "flex flex-col gap-[4px]" }, Ve = {
-  id: "response-speed-title",
-  class: "text-[16px] leading-[24px] font-semibold"
-}, Fe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ie = {
-  role: "radiogroup",
-  "aria-labelledby": "response-speed-title",
-  "aria-describedby": "response-speed-detail",
-  class: "grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-[8px]"
-}, Ee = ["value", "disabled"], Pe = { class: "flex items-center gap-[8px] text-[14px] leading-[20px] font-semibold" }, Ce = {
-  key: 0,
-  class: "w-[8px] h-[8px] rounded-full bg-fm-color-primary"
-}, $e = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Ae = {
-  id: "response-speed-detail",
-  "aria-live": "polite",
-  class: "text-[14px] leading-[20px] text-fm-color-typo-secondary"
-}, Ne = {
-  key: 0,
-  class: "rounded-[8px] bg-fm-color-system-warning-100 px-[12px] py-[10px] flex items-start gap-[10px] text-[14px] leading-[20px]"
-}, Oe = /* @__PURE__ */ L({
-  __name: "ResponseSpeed",
-  props: /* @__PURE__ */ U({
-    disabled: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(d) {
-    const o = A(d, "modelValue"), { t: a } = M();
-    return (i, t) => {
-      const v = k("FmIcon");
-      return c(), p("section", ke, [
-        r("div", Te, [
-          r("h2", Ve, m(e(a)("connect.whatsappBot.botSettings.responseSpeed.title")), 1),
-          r("p", Fe, m(e(a)("connect.whatsappBot.botSettings.responseSpeed.description")), 1)
-        ]),
-        r("div", Ie, [
-          (c(!0), p(N, null, X(e(ne), (n) => (c(), p("label", { key: n }, [
-            Y(r("input", {
-              "onUpdate:modelValue": t[0] || (t[0] = (_) => o.value = _),
-              type: "radio",
-              name: "response-speed",
-              value: n,
-              disabled: d.disabled,
-              class: "sr-only peer"
-            }, null, 8, Ee), [
-              [Z, o.value]
-            ]),
-            r("span", {
-              class: D(["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", [
-                o.value === n ? "border-fm-color-primary bg-fm-color-primary-oats" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
-                d.disabled ? "cursor-default opacity-60" : "cursor-pointer hover:border-fm-color-primary"
-              ]])
-            }, [
-              r("span", Pe, [
-                r("span", {
-                  "aria-hidden": "true",
-                  class: D([
-                    "w-[16px] h-[16px] shrink-0 rounded-full border-[1.5px] bg-fm-color-neutral-white flex items-center justify-center",
-                    o.value === n ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
-                  ])
-                }, [
-                  o.value === n ? (c(), p("span", Ce)) : T("", !0)
-                ], 2),
-                O(" " + m(e(a)(`connect.whatsappBot.botSettings.responseSpeed.${n}.label`)), 1)
-              ]),
-              r("span", $e, m(e(a)(`connect.whatsappBot.botSettings.responseSpeed.${n}.hint`)), 1)
-            ], 2)
-          ]))), 128))
-        ]),
-        r("p", Ae, m(e(a)(
-          `connect.whatsappBot.botSettings.responseSpeed.${o.value}.detail`
-        )), 1),
-        o.value === "immediate" ? (c(), p("div", Ne, [
-          g(v, {
-            name: "warning",
-            size: "sm",
-            class: "mt-[2px] shrink-0 text-fm-color-typo-warning"
-          }),
-          O(" " + m(e(a)("connect.whatsappBot.botSettings.responseSpeed.immediateWarning")), 1)
-        ])) : T("", !0)
-      ]);
-    };
-  }
-}), Le = { class: "mt-[24px] w-full flex flex-col gap-[20px]" }, Me = {
-  key: 0,
-  role: "status",
-  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, We = {
-  key: 1,
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, De = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, je = /* @__PURE__ */ L({
-  __name: "WhatsappBotSettings",
-  setup(d) {
-    const { t: o } = M(), a = ae(), i = E(() => ie.getBusinessId() ?? ""), t = f(""), v = f(""), n = f([]), _ = f([]), y = f(null), w = E(
-      () => n.value.filter(
-        (l) => l.title.trim() || l.description.trim()
-      )
-    ), h = f(
-      $
-    ), F = f(
-      $
-    ), P = f(!0), S = f(!1), u = f(!1), x = f(""), H = j, J = E(
-      () => t.value !== v.value || h.value !== F.value || JSON.stringify(n.value) !== JSON.stringify(_.value)
-    ), W = E(
-      () => !S.value || u.value || !J.value
-    ), R = E(
-      () => !S.value || u.value || t.value.length > H || !re.safeParse(w.value).success
-    );
-    let b;
-    function G(l) {
-      t.value = l.botInstructions, v.value = l.botInstructions, h.value = l.responseSpeed, F.value = l.responseSpeed, n.value = l.knowledgeBase.map((s) => ({ ...s })), _.value = l.knowledgeBase.map((s) => ({
-        ...s
-      }));
-    }
-    async function K() {
-      b == null || b.abort();
-      const l = new AbortController();
-      b = l, P.value = !0, S.value = !1, u.value = !1, x.value = "", t.value = "", v.value = "", h.value = $, F.value = $, n.value = [], _.value = [], y.value = null;
-      try {
-        if (!i.value)
-          throw new Error(o("connect.whatsappBot.errors.selectBusiness"));
-        const s = await z.getSettings(
-          i.value,
-          l.signal
-        );
-        if (l.signal.aborted) return;
-        G(s), S.value = !0;
-      } catch (s) {
-        l.signal.aborted || (x.value = s instanceof Error ? s.message : o("connect.whatsappBot.errors.loadSettings"));
-      } finally {
-        l.signal.aborted || (P.value = !1);
-      }
-    }
-    async function q() {
-      if (R.value) return;
-      b == null || b.abort();
-      const l = new AbortController();
-      b = l, u.value = !0, x.value = "";
-      const s = y.value === null ? void 0 : n.value[y.value], I = s ? w.value.indexOf(s) : -1;
-      try {
-        const B = await z.saveSettings(
-          i.value,
-          {
-            botInstructions: t.value,
-            responseSpeed: h.value,
-            knowledgeBase: w.value
-          },
-          l.signal
-        );
-        if (l.signal.aborted) return;
-        G(B), y.value = I < 0 ? null : I, a.open({
-          type: "success",
-          message: o("connect.whatsappBot.botSettings.saved")
-        });
-      } catch (B) {
-        l.signal.aborted || (x.value = B instanceof Error ? B.message : o("connect.whatsappBot.errors.saveSettings"), a.open({ type: "error", message: x.value }));
-      } finally {
-        l.signal.aborted || (u.value = !1);
-      }
-    }
-    async function Q() {
-      if (W.value) return;
-      const l = b;
-      !await ce.confirm(
-        o("connect.whatsappBot.botSettings.discardChangesMessage"),
-        o("connect.whatsappBot.botSettings.discardChangesTitle"),
-        o("connect.common.confirm"),
-        o("connect.common.cancel")
-      ) || W.value || b !== l || (t.value = v.value, h.value = F.value, n.value = _.value.map((I) => ({ ...I })), y.value = null);
-    }
-    return ee(i, K, { immediate: !0 }), te(() => {
-      b == null || b.abort();
-    }), (l, s) => {
-      const I = k("FmCircularProgress"), B = k("FmButton");
-      return c(), p("div", Le, [
-        P.value ? (c(), p("div", Me, [
-          g(I),
-          O(" " + m(e(o)("connect.whatsappBot.botSettings.loading")), 1)
-        ])) : (c(), p(N, { key: 1 }, [
-          S.value ? (c(), p(N, { key: 0 }, [
-            g(ve, {
-              modelValue: t.value,
-              "onUpdate:modelValue": s[0] || (s[0] = (V) => t.value = V),
-              disabled: u.value
-            }, null, 8, ["modelValue", "disabled"]),
-            g(Be, {
-              modelValue: n.value,
-              "onUpdate:modelValue": s[1] || (s[1] = (V) => n.value = V),
-              "active-topic-index": y.value,
-              "onUpdate:activeTopicIndex": s[2] || (s[2] = (V) => y.value = V),
-              disabled: u.value
-            }, null, 8, ["modelValue", "active-topic-index", "disabled"]),
-            g(Oe, {
-              modelValue: h.value,
-              "onUpdate:modelValue": s[3] || (s[3] = (V) => h.value = V),
-              disabled: u.value
-            }, null, 8, ["modelValue", "disabled"])
-          ], 64)) : T("", !0),
-          x.value ? (c(), p("p", We, m(x.value), 1)) : T("", !0),
-          S.value ? T("", !0) : (c(), oe(B, {
-            key: 2,
-            class: "self-start",
-            label: e(o)("connect.whatsappBot.tryAgain"),
-            "prepend-icon": "refresh",
-            onClick: K
-          }, null, 8, ["label"])),
-          r("div", De, [
-            g(B, {
-              variant: "secondary",
-              label: e(o)("connect.common.cancel"),
-              disabled: W.value,
-              onClick: Q
-            }, null, 8, ["label", "disabled"]),
-            g(B, {
-              label: e(o)("connect.common.save"),
-              disabled: R.value,
-              loading: u.value,
-              onClick: q
-            }, null, 8, ["label", "disabled", "loading"])
-          ])
-        ], 64))
-      ]);
-    };
-  }
-});
-export {
-  je as default
-};

package/dist/WhatsappBotTickets-DAKgnE6T.js

@@ -1,162 +0,0 @@
-import { defineComponent as U, ref as h, computed as $, watch as L, onBeforeUnmount as R, resolveComponent as w, openBlock as n, createElementBlock as l, createElementVNode as s, toDisplayString as r, unref as c, createVNode as g, createTextVNode as b, createCommentVNode as B, Fragment as T, renderList as z } from "vue";
-import { u as M } from "./vue-i18n-Cw6fF11e.js";
-import { S as A } from "./index-OvnHt5x5.js";
-import { w as W } from "./index-0H82-X0n.js";
-const G = { class: "mt-[20px] w-full flex flex-col gap-[16px]" }, H = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, J = {
-  key: 0,
-  role: "status",
-  class: "flex items-center gap-[6px] text-[14px] text-fm-color-typo-success"
-}, K = {
-  key: 1,
-  role: "status",
-  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, O = {
-  key: 0,
-  class: "flex items-center gap-[12px] flex-wrap"
-}, Q = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, X = {
-  key: 1,
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, Y = {
-  key: 2,
-  class: "border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[8px]"
-}, Z = { class: "text-[20px] font-semibold" }, q = { class: "max-w-[420px] text-[14px] leading-[20px] text-fm-color-typo-secondary" }, ee = {
-  key: 3,
-  class: "flex flex-col gap-[12px]"
-}, te = {
-  "aria-hidden": "true",
-  class: "w-[40px] h-[40px] rounded-full overflow-hidden bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary text-[14px] font-semibold flex items-center justify-center flex-shrink-0 self-start"
-}, oe = ["src", "onError"], se = { key: 1 }, re = { class: "flex-1 min-w-[200px] flex flex-col gap-[2px]" }, ae = { class: "flex items-center gap-[8px] flex-wrap" }, ne = { class: "text-[14px] leading-[20px] font-semibold break-words" }, le = { class: "flex items-center gap-[6px] rounded-[6px] px-[8px] py-[2px] text-[12px] font-semibold bg-fm-color-system-warning-100 text-fm-color-typo-warning" }, ce = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary break-words" }, pe = { class: "mt-[6px] text-[14px] leading-[20px] text-fm-color-typo-secondary whitespace-pre-wrap break-words" }, ie = { class: "flex items-center gap-[16px] ml-auto flex-wrap" }, de = ["datetime"], he = /* @__PURE__ */ U({
-  __name: "WhatsappBotTickets",
-  props: {
-    tickets: {},
-    loading: { type: Boolean },
-    error: {}
-  },
-  emits: ["retry", "resolved"],
-  setup(m, { emit: F }) {
-    const E = m, k = F, { t: o, locale: S } = M(), i = h(""), u = h(""), d = h(""), y = h({});
-    let x, v;
-    const I = $(
-      () => [...E.tickets].sort((t, a) => a.updatedAt.localeCompare(t.updatedAt))
-    );
-    function _(t) {
-      return t.customerName || t.phoneNumber || t.customerLid;
-    }
-    function D(t) {
-      return t.customerName ? t.customerName.trim().split(/\s+/).slice(0, 2).map((a) => Array.from(a)[0]).join("").toUpperCase() : "?";
-    }
-    function V(t) {
-      return new Intl.DateTimeFormat(S.value, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(new Date(t));
-    }
-    async function j(t) {
-      if (i.value) return;
-      const a = A.getBusinessId();
-      if (!a || t.businessId !== a) return;
-      const p = new AbortController();
-      x = p, i.value = t.id, u.value = "", d.value = "", clearTimeout(v);
-      try {
-        if (await W.resolveTicket(a, t.id, p.signal), p.signal.aborted) return;
-        k("resolved", t.id), d.value = o("connect.whatsappBot.tickets.resolvedMessage", {
-          name: _(t)
-        }), v = setTimeout(() => d.value = "", 3e3);
-      } catch (f) {
-        p.signal.aborted || (u.value = f instanceof Error ? f.message : o("connect.whatsappBot.tickets.resolveError"));
-      } finally {
-        p.signal.aborted || (i.value = "");
-      }
-    }
-    function C() {
-      x == null || x.abort(), clearTimeout(v), i.value = "", u.value = "", d.value = "", y.value = {};
-    }
-    return L(() => A.getBusinessId(), C), R(C), (t, a) => {
-      const p = w("FmIcon"), f = w("FmCircularProgress"), N = w("FmButton");
-      return n(), l("section", G, [
-        s("p", H, r(c(o)("connect.whatsappBot.tickets.description")), 1),
-        d.value ? (n(), l("p", J, [
-          g(p, {
-            name: "check",
-            size: "sm"
-          }),
-          b(" " + r(d.value), 1)
-        ])) : B("", !0),
-        m.loading ? (n(), l("div", K, [
-          g(f),
-          b(" " + r(c(o)("connect.whatsappBot.tickets.loading")), 1)
-        ])) : (n(), l(T, { key: 2 }, [
-          m.error ? (n(), l("div", O, [
-            s("p", Q, r(m.error), 1),
-            g(N, {
-              variant: "secondary",
-              label: c(o)("connect.whatsappBot.tryAgain"),
-              "prepend-icon": "refresh",
-              onClick: a[0] || (a[0] = (e) => k("retry"))
-            }, null, 8, ["label"])
-          ])) : B("", !0),
-          u.value ? (n(), l("p", X, r(u.value), 1)) : B("", !0),
-          !I.value.length && !m.error ? (n(), l("div", Y, [
-            s("h2", Z, r(c(o)("connect.whatsappBot.tickets.empty.open.title")), 1),
-            s("p", q, r(c(o)("connect.whatsappBot.tickets.empty.open.description")), 1)
-          ])) : (n(), l("ul", ee, [
-            (n(!0), l(T, null, z(I.value, (e) => (n(), l("li", {
-              key: e.id,
-              class: "border border-fm-color-neutral-gray-100 rounded-[16px] bg-fm-color-neutral-white p-[16px] flex items-center gap-[12px] flex-wrap"
-            }, [
-              s("div", te, [
-                e.profileImage && y.value[e.id] !== e.profileImage ? (n(), l("img", {
-                  key: 0,
-                  src: e.profileImage,
-                  alt: "",
-                  class: "w-full h-full object-cover",
-                  referrerpolicy: "no-referrer",
-                  onError: (P) => y.value[e.id] = e.profileImage ?? ""
-                }, null, 40, oe)) : (n(), l("span", se, r(D(e)), 1))
-              ]),
-              s("div", re, [
-                s("div", ae, [
-                  s("span", ne, r(_(e)), 1),
-                  s("span", le, [
-                    a[1] || (a[1] = s("span", { class: "w-[6px] h-[6px] rounded-full bg-current" }, null, -1)),
-                    b(" " + r(c(o)("connect.whatsappBot.tickets.paused")), 1)
-                  ])
-                ]),
-                s("p", ce, r(e.phoneNumber || c(o)("connect.whatsappBot.phoneUnavailable")), 1),
-                s("p", pe, r(e.source === "staff" ? c(o)("connect.whatsappBot.tickets.staffReason") : c(o)("connect.whatsappBot.tickets.botReason", {
-                  reason: e.reason
-                })), 1)
-              ]),
-              s("div", ie, [
-                s("time", {
-                  datetime: e.updatedAt,
-                  class: "text-[12px] text-fm-color-typo-tertiary tabular-nums"
-                }, r(c(o)("connect.whatsappBot.tickets.pausedSince", {
-                  date: V(e.updatedAt)
-                })), 9, de),
-                g(N, {
-                  variant: "secondary",
-                  "prepend-icon": "check",
-                  label: c(o)("connect.whatsappBot.tickets.resolve"),
-                  "aria-label": c(o)("connect.whatsappBot.tickets.resolveCustomer", {
-                    name: _(e)
-                  }),
-                  loading: i.value === e.id,
-                  disabled: !!i.value,
-                  onClick: (P) => j(e)
-                }, null, 8, ["label", "aria-label", "loading", "disabled", "onClick"])
-              ])
-            ]))), 128))
-          ]))
-        ], 64))
-      ]);
-    };
-  }
-});
-export {
-  he as default
-};