@feedmepos/mf-connect 0.1.114-dev → 0.1.115-dev

package/dist/{WhatsappBotLogs-CK_V_iT5.js → WhatsappBotLogs-D3uT4EiB.js}

@@ -1,12 +1,12 @@
-import { defineComponent as T, resolveComponent as k, openBlock as r, createElementBlock as d, createElementVNode as s, toDisplayString as i, unref as p, createVNode as _, computed as w, Fragment as M, renderList as V, createCommentVNode as $, normalizeClass as ee, createTextVNode as P, createBlock as I, ref as b, watch as G, onBeforeUnmount as te, withCtx as O } from "vue";
-import { u as E } from "./vue-i18n-C6c2jsH3.js";
+import { defineComponent as T, resolveComponent as k, openBlock as l, createElementBlock as d, createElementVNode as s, toDisplayString as i, unref as u, createVNode as _, computed as w, Fragment as M, renderList as V, createCommentVNode as $, normalizeClass as ee, createTextVNode as P, createBlock as I, ref as b, watch as G, onBeforeUnmount as te, withCtx as O } from "vue";
+import { u as E } from "./vue-i18n-DWGiC_vs.js";
 import { useCoreStore as oe } from "@feedmepos/mf-common";
-import { S as ne } from "./index-03WIXl-H.js";
-import { w as ae } from "./index-ZRE89TKq.js";
+import { S as ne } from "./index-CCEXSPxk.js";
+import { w as ae } from "./index-DQ8JJhxs.js";
 import { _ as se } from "./remy-icon-BhUGu2NI.js";
-import { _ as le } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-Cytrffdh.js";
-import { C as U } from "./timezone-BBgBHels.js";
-import { m as re } from "./index-D1t4_KaG.js";
+import { _ as le } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-DpPxWp2x.js";
+import { C as U } from "./timezone-BXA4wq7Y.js";
+import { m as re } from "./index-DUAZOMVJ.js";
 const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-[12px] rounded-br-[4px] bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary" }, ie = { class: "flex items-center gap-[4px] min-h-[28px] px-[10px] py-[4px] text-[11px] font-medium cursor-pointer list-none rounded-[12px] focus-visible:outline-fm-color-primary" }, pe = { class: "flex-1 group-open:hidden" }, ue = { class: "flex-1 hidden group-open:inline" }, me = { class: "px-[10px] pt-[2px] pb-[8px] text-[13px] leading-[18px] whitespace-pre-wrap break-words" }, de = /* @__PURE__ */ T({
   __name: "ThoughtBubble",
   props: {
@@ -16,7 +16,7 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
     const { t: v } = E();
     return (n, g) => {
       const c = k("FmIcon");
-      return r(), d("details", ce, [
+      return l(), d("details", ce, [
         s("summary", ie, [
           g[0] || (g[0] = s("img", {
             src: se,
@@ -24,8 +24,8 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
             "aria-hidden": "true",
             class: "w-[16px] h-[16px] shrink-0"
           }, null, -1)),
-          s("span", pe, i(p(v)("connect.whatsappBot.logs.thought")), 1),
-          s("span", ue, i(p(v)("connect.whatsappBot.logs.hideThought")), 1),
+          s("span", pe, i(u(v)("connect.whatsappBot.logs.thought")), 1),
+          s("span", ue, i(u(v)("connect.whatsappBot.logs.hideThought")), 1),
           _(c, {
             name: "keyboard_arrow_down",
             size: "sm",
@@ -56,7 +56,7 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
   setup(m, { emit: v }) {
     const n = m, g = v, { t: c, locale: t } = E(), o = w(
       () => n.conversation.customerName || n.conversation.phoneNumber || c("connect.whatsappBot.logs.unknownCustomer")
-    ), u = w(
+    ), p = w(
       () => n.conversation.customerName ? n.conversation.customerName.trim().split(/\s+/).slice(0, 2).map((f) => Array.from(f)[0]).join("").toLocaleUpperCase(t.value) : "?"
     ), A = w(
       () => new Intl.DateTimeFormat(t.value, {
@@ -78,12 +78,12 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
     }
     return (f, B) => {
       const N = k("FmIcon");
-      return r(), d("article", xe, [
+      return l(), d("article", xe, [
         s("header", fe, [
-          s("div", he, i(u.value), 1),
+          s("div", he, i(p.value), 1),
           s("div", ve, [
             s("h2", ge, i(o.value), 1),
-            s("p", ye, i(m.conversation.phoneNumber || p(c)("connect.whatsappBot.phoneUnavailable")) + " · " + i(p(c)("connect.whatsappBot.tickets.via", { name: m.accountName })), 1)
+            s("p", ye, i(m.conversation.phoneNumber || u(c)("connect.whatsappBot.phoneUnavailable")) + " · " + i(u(c)("connect.whatsappBot.logs.via", { name: m.accountName })), 1)
           ]),
           s("time", {
             datetime: m.conversation.lastCreatedAt,
@@ -91,34 +91,34 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
           }, i(A.value.format(new Date(m.conversation.lastCreatedAt))), 9, _e)
         ]),
         s("ol", we, [
-          (r(!0), d(M, null, V(m.conversation.logs, (l) => (r(), d("li", {
-            key: l.id,
+          (l(!0), d(M, null, V(m.conversation.logs, (r) => (l(), d("li", {
+            key: r.id,
             class: "flex flex-col gap-[4px] min-w-0"
           }, [
-            l.type === "message" ? (r(), d(M, { key: 0 }, [
-              l.isFromMe && !l.isFromBot ? (r(), d("span", be, i(p(c)("connect.whatsappBot.logs.sentByStaff")), 1)) : $("", !0),
+            r.type === "message" ? (l(), d(M, { key: 0 }, [
+              r.isFromMe && !r.isFromBot ? (l(), d("span", be, i(u(c)("connect.whatsappBot.logs.sentByStaff")), 1)) : $("", !0),
               s("div", {
                 class: ee([
                   "px-[10px] py-[6px] text-[14px] leading-[20px] whitespace-pre-wrap break-words min-w-0",
-                  l.isFromMe ? "self-end max-w-[80%] bg-fm-color-primary-oats rounded-[12px] rounded-br-[4px]" : "self-start max-w-[75%] bg-[#F7F7F7] rounded-[12px] rounded-bl-[4px]"
+                  r.isFromMe ? "self-end max-w-[80%] bg-fm-color-primary-oats rounded-[12px] rounded-br-[4px]" : "self-start max-w-[75%] bg-[#F7F7F7] rounded-[12px] rounded-bl-[4px]"
                 ])
               }, [
-                P(i(h(l)) + " ", 1),
-                l.isEdit ? (r(), d("span", ke, " (" + i(p(c)("connect.whatsappBot.logs.edited")) + ") ", 1)) : $("", !0),
+                P(i(h(r)) + " ", 1),
+                r.isEdit ? (l(), d("span", ke, " (" + i(u(c)("connect.whatsappBot.logs.edited")) + ") ", 1)) : $("", !0),
                 s("time", {
-                  datetime: l.timestamp,
+                  datetime: r.timestamp,
                   class: "float-right mt-[6px] ml-[10px] text-[11px] leading-[14px] text-fm-color-typo-tertiary tabular-nums"
-                }, i(y.value.format(new Date(l.timestamp))), 9, Be)
+                }, i(y.value.format(new Date(r.timestamp))), 9, Be)
               ], 2)
-            ], 64)) : l.type === "thought" ? (r(), I(de, {
+            ], 64)) : r.type === "thought" ? (l(), I(de, {
               key: 1,
-              text: l.text
-            }, null, 8, ["text"])) : l.type === "escalate" ? (r(), d("button", {
+              text: r.text
+            }, null, 8, ["text"])) : r.type === "escalate" ? (l(), d("button", {
               key: 2,
               type: "button",
-              title: p(c)("connect.whatsappBot.logs.openNotificationGroup"),
+              title: u(c)("connect.whatsappBot.logs.openNotificationGroup"),
               class: "self-end flex items-start gap-[8px] max-w-[80%] py-[8px] pr-[12px] pl-[8px] border border-fm-color-neutral-gray-200 rounded-[8px] text-left hover:bg-fm-color-neutral-gray-100/50 focus-visible:outline-fm-color-primary",
-              onClick: (C) => g("notificationGroup", l.clientId)
+              onClick: (C) => g("notificationGroup", r.clientId)
             }, [
               s("span", Fe, [
                 _(N, {
@@ -127,9 +127,9 @@ const ce = { class: "group self-end min-w-[min(280px,100%)] max-w-[80%] rounded-
                 })
               ]),
               s("span", Ae, [
-                s("span", Ne, i(p(c)("connect.whatsappBot.logs.escalated")), 1),
-                s("span", $e, i(p(c)("connect.whatsappBot.logs.reason", {
-                  reason: l.source === "staff" ? p(c)("connect.whatsappBot.tickets.staffReason") : l.reason
+                s("span", Ne, i(u(c)("connect.whatsappBot.logs.escalated")), 1),
+                s("span", $e, i(u(c)("connect.whatsappBot.logs.reason", {
+                  reason: r.reason
                 })), 1)
               ])
             ], 8, Ce)) : $("", !0)
@@ -147,8 +147,8 @@ function Me(m, v) {
     const o = JSON.stringify([
       t.accountLid || t.clientId,
       t.chatJid
-    ]), u = g.get(o) ?? { name: "", phone: "" };
-    t.customerName && (u.name = t.customerName), t.phoneNumber && (u.phone = t.phoneNumber), g.set(o, u);
+    ]), p = g.get(o) ?? { name: "", phone: "" };
+    t.customerName && (p.name = t.customerName), t.phoneNumber && (p.phone = t.phoneNumber), g.set(o, p);
     const A = re.tz(t.createdAt, v).format("YYYY-MM-DD"), y = `${o}:${A}`, h = n.get(y);
     h ? (h.logs.push(t), h.lastCreatedAt = t.createdAt, h.clientId = t.clientId) : n.set(y, {
       id: y,
@@ -162,10 +162,10 @@ function Me(m, v) {
     });
   }
   for (const t of n.values()) {
-    const o = t.logs[0], u = g.get(
+    const o = t.logs[0], p = g.get(
       JSON.stringify([o.accountLid || o.clientId, o.chatJid])
     );
-    t.customerName = (u == null ? void 0 : u.name) ?? "", t.phoneNumber = (u == null ? void 0 : u.phone) ?? "";
+    t.customerName = (p == null ? void 0 : p.name) ?? "", t.phoneNumber = (p == null ? void 0 : p.phone) ?? "";
   }
   return [...n.values()].sort(
     (t, o) => Date.parse(o.lastCreatedAt) - Date.parse(t.lastCreatedAt)
@@ -202,7 +202,7 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
   setup(m) {
     const v = m, { t: n } = E(), g = oe(), c = w(() => ne.getBusinessId() ?? ""), t = w(
       () => U[g.currentCountry.value || "MY"] ?? U.MY
-    ), o = b([]), u = b(""), A = b([]), y = b([]), h = b(!0), f = b(""), B = b(), N = b(!1), l = b("");
+    ), o = b([]), p = b(""), A = b([]), y = b([]), h = b(!0), f = b(""), B = b(), N = b(!1), r = b("");
     let C;
     function S(a) {
       var F;
@@ -211,7 +211,7 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
       )) == null ? void 0 : F.account;
       return (e == null ? void 0 : e.businessName) || (e == null ? void 0 : e.name) || (e == null ? void 0 : e.phoneNumber) || n("connect.whatsappBot.logs.unknownAccount", { id: a.slice(-6) });
     }
-    const R = w(
+    const Z = w(
       () => [
         .../* @__PURE__ */ new Set([
           ...v.accounts.map((a) => a.clientId),
@@ -220,11 +220,11 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
         ])
       ].map((a) => ({ clientId: a, label: S(a) }))
     ), J = w(() => {
-      const a = u.value.trim().toLocaleLowerCase();
-      return R.value.filter(
+      const a = p.value.trim().toLocaleLowerCase();
+      return Z.value.filter(
         (e) => e.label.toLocaleLowerCase().includes(a)
       );
-    }), Z = w(() => {
+    }), R = w(() => {
       const a = o.value, e = a.length ? a.length === 1 ? S(a[0]) : n("connect.whatsappBot.logs.selectedAccounts", {
         count: a.length
       }) : n("connect.whatsappBot.logs.allAccounts");
@@ -236,12 +236,12 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
       o.value = o.value.includes(a) ? o.value.filter((e) => e !== a) : [...o.value, a];
     }
     function K(a) {
-      l.value = "";
+      r.value = "";
       const e = v.accounts.find(
         (F) => F.clientId === a
       );
       if (!e) {
-        l.value = n("connect.whatsappBot.errors.accountNotFound");
+        r.value = n("connect.whatsappBot.errors.accountNotFound");
         return;
       }
       B.value = e, N.value = !0;
@@ -272,14 +272,14 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
       }
     }
     return G(c, () => {
-      o.value = [], u.value = "", y.value = [], N.value = !1, B.value = void 0, l.value = "";
+      o.value = [], p.value = "", y.value = [], N.value = !1, B.value = void 0, r.value = "";
     }), G(
       [c, () => o.value.join(",")],
       () => void D(),
       { immediate: !0 }
     ), te(() => C == null ? void 0 : C.abort()), (a, e) => {
       const F = k("FmChip"), L = k("FmSearch"), Q = k("FmMenuDivider"), z = k("FmMenuItem"), X = k("FmMenu"), j = k("FmButton"), q = k("FmCircularProgress");
-      return r(), d(M, null, [
+      return l(), d(M, null, [
         s("section", Se, [
           s("div", De, [
             _(X, {
@@ -288,35 +288,35 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
             }, {
               "menu-button": O(() => [
                 _(F, {
-                  label: Z.value,
+                  label: R.value,
                   "right-icon": "keyboard_arrow_down",
                   class: "text-fm-color-typo-secondary cursor-pointer"
                 }, null, 8, ["label"])
               ]),
               default: O(() => [
                 _(L, {
-                  modelValue: u.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (x) => u.value = x),
-                  placeholder: p(n)("connect.whatsappBot.logs.searchAccounts")
+                  modelValue: p.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (x) => p.value = x),
+                  placeholder: u(n)("connect.whatsappBot.logs.searchAccounts")
                 }, null, 8, ["modelValue", "placeholder"]),
                 _(Q),
                 _(z, {
-                  label: p(n)("connect.whatsappBot.logs.allAccounts"),
+                  label: u(n)("connect.whatsappBot.logs.allAccounts"),
                   "model-value": !o.value.length,
                   "has-checkbox": "",
                   onClick: e[1] || (e[1] = (x) => o.value = [])
                 }, null, 8, ["label", "model-value"]),
                 s("div", Le, [
-                  (r(!0), d(M, null, V(J.value, (x) => (r(), I(z, {
+                  (l(!0), d(M, null, V(J.value, (x) => (l(), I(z, {
                     key: x.clientId,
                     label: x.label,
                     "model-value": o.value.includes(x.clientId),
                     "has-checkbox": "",
                     onClick: (Oe) => H(x.clientId)
                   }, null, 8, ["label", "model-value", "onClick"]))), 128)),
-                  J.value.length ? $("", !0) : (r(), I(z, {
+                  J.value.length ? $("", !0) : (l(), I(z, {
                     key: 0,
-                    label: p(n)("connect.whatsappBot.logs.noMatchingAccounts"),
+                    label: u(n)("connect.whatsappBot.logs.noMatchingAccounts"),
                     disabled: ""
                   }, null, 8, ["label"]))
                 ])
@@ -326,38 +326,38 @@ const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex
             _(j, {
               variant: "plain",
               "prepend-icon": "refresh",
-              label: p(n)("connect.whatsappBot.logs.refresh"),
+              label: u(n)("connect.whatsappBot.logs.refresh"),
               disabled: h.value,
               class: "ml-auto",
               onClick: e[2] || (e[2] = (x) => D())
             }, null, 8, ["label", "disabled"])
           ]),
-          l.value ? (r(), d("p", ze, i(l.value), 1)) : $("", !0),
-          h.value ? (r(), d("div", Ve, [
+          r.value ? (l(), d("p", ze, i(r.value), 1)) : $("", !0),
+          h.value ? (l(), d("div", Ve, [
             _(q),
-            P(" " + i(p(n)("connect.whatsappBot.logs.loading")), 1)
-          ])) : f.value ? (r(), d("div", Te, [
+            P(" " + i(u(n)("connect.whatsappBot.logs.loading")), 1)
+          ])) : f.value ? (l(), d("div", Te, [
             s("p", Ee, i(f.value), 1),
             _(j, {
               variant: "secondary",
               "prepend-icon": "refresh",
-              label: p(n)("connect.whatsappBot.tryAgain"),
+              label: u(n)("connect.whatsappBot.tryAgain"),
               onClick: e[3] || (e[3] = (x) => D())
             }, null, 8, ["label"])
-          ])) : Y.value.length ? (r(), d("div", Ge, [
-            (r(!0), d(M, null, V(Y.value, (x) => (r(), I(Ie, {
+          ])) : Y.value.length ? (l(), d("div", Ge, [
+            (l(!0), d(M, null, V(Y.value, (x) => (l(), I(Ie, {
               key: x.id,
               conversation: x,
               "account-name": S(x.clientId),
               timezone: t.value,
               onNotificationGroup: K
             }, null, 8, ["conversation", "account-name", "timezone"]))), 128))
-          ])) : (r(), d("div", Je, [
-            s("h2", Ye, i(p(n)("connect.whatsappBot.logs.emptyTitle")), 1),
-            s("p", je, i(p(n)("connect.whatsappBot.logs.emptyDescription")), 1)
+          ])) : (l(), d("div", Je, [
+            s("h2", Ye, i(u(n)("connect.whatsappBot.logs.emptyTitle")), 1),
+            s("p", je, i(u(n)("connect.whatsappBot.logs.emptyDescription")), 1)
           ]))
         ]),
-        B.value ? (r(), I(le, {
+        B.value ? (l(), I(le, {
           key: 0,
           modelValue: N.value,
           "onUpdate:modelValue": e[4] || (e[4] = (x) => N.value = x),