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

package/dist/WhatsappBotTickets-DS7_jaE3.js

@@ -0,0 +1,162 @@
+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-BJ_ZHWvK.js";
+import { S as A } from "./index-Cfr0vxa5.js";
+import { w as W } from "./index-Cq0kWJ_W.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
+};

package/dist/WhatsappLayout-Db3329On.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, computed as a, watch as m, openBlock as n, createBlock as c, createCommentVNode as p } from "vue";
+import { useRouter as s } from "vue-router";
+import { i } from "./feature-flag-Dfon0BoK.js";
+import { R as u } from "./app-BiUEivOU.js";
+import { _ } from "./MainLayout.vue_vue_type_script_setup_true_lang-DKwbltBD.js";
+const C = /* @__PURE__ */ r({
+  __name: "WhatsappLayout",
+  setup(f) {
+    const o = s(), e = a(i);
+    return m(
+      e,
+      (t) => {
+        t || o.replace({ name: u["$connect-ANALYTIC"] });
+      },
+      { immediate: !0 }
+    ), (t, d) => e.value ? (n(), c(_, { key: 0 })) : p("", !0);
+  }
+});
+export {
+  C as default
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-DL7rIl_N.js → ZodTextField.vue_vue_type_script_setup_true_lang-D6Z-3QOR.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-CAhiOJ1R.js";
-import { u as V } from "./vue-i18n-Dnb3kew0.js";
+import { Z as d } from "./zod-DBefBbjY.js";
+import { u as V } from "./vue-i18n-BJ_ZHWvK.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"