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

package/dist/WhatsappBotSettings-BV_HgL-p.js

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

package/dist/WhatsappBotTickets-Ca_c5_B2.js

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

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-Bcsi94dw.js → ZodTextField.vue_vue_type_script_setup_true_lang-Z4TFGdcH.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as y, resolveComponent as b, openBlock as l, createBlock as v, mergeProps as x, unref as t, createSlots as g, withCtx as h, createElementVNode as a, toDisplayString as n, renderSlot as k, createElementBlock as F, createCommentVNode as S } from "vue";
-import { Z as d } from "./zod-CGVrMcDl.js";
-import { u as V } from "./vue-i18n-Dpic36zz.js";
+import { Z as d } from "./zod-Jw_6SDXB.js";
+import { u as V } from "./vue-i18n-DOpMPUHr.js";
 const B = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary items-center" }, C = {
   key: 0,
   class: "text-fm-color-typo-tertiary"