@feedmepos/mf-connect 0.1.98-beta.83 → 0.1.98-beta.85

package/dist/WhatsappBotTickets-D_3v1pKU.js

@@ -1,153 +0,0 @@
-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-Dnb3kew0.js";
-import { S as I } from "./index-CXafRDRN.js";
-import { w as z } from "./index-BCXUZHQr.js";
-const M = { class: "mt-[20px] w-full 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"], ue = /* @__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(""), u = v(""), d = v("");
-    let x, 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();
-      x = p, i.value = e.id, u.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 || (u.value = f instanceof Error ? f.message : t("connect.whatsappBot.tickets.resolveError"));
-      } finally {
-        p.signal.aborted || (i.value = "");
-      }
-    }
-    function C() {
-      x == null || x.abort(), clearTimeout(y), i.value = "", u.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),
-          u.value ? (l(), c("p", O, s(u.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 {
-  ue as default
-};