@feedmepos/mf-connect 0.1.98-beta.87 → 0.1.98-beta.89

package/dist/WhatsappBotLogs-CEyUngzi.js

@@ -0,0 +1,372 @@
+import { defineComponent as T, resolveComponent as k, openBlock as l, 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-CkZqjA2G.js";
+import { useCoreStore as oe } from "@feedmepos/mf-common";
+import { S as ne } from "./index-CMGEBPm-.js";
+import { w as ae } from "./index-L7SBt-2D.js";
+import { _ as se } from "./remy-icon-BhUGu2NI.js";
+import { _ as re } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-D_bVWePp.js";
+import { C as U } from "./timezone-CGlmgCYo.js";
+import { m as le } from "./index-DgnQ18-j.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: {
+    text: {}
+  },
+  setup(m) {
+    const { t: v } = E();
+    return (n, g) => {
+      const c = k("FmIcon");
+      return l(), d("details", ce, [
+        s("summary", ie, [
+          g[0] || (g[0] = s("img", {
+            src: se,
+            alt: "",
+            "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),
+          _(c, {
+            name: "keyboard_arrow_down",
+            size: "sm",
+            class: "transition-transform group-open:rotate-180"
+          })
+        ]),
+        s("p", me, i(m.text), 1)
+      ]);
+    };
+  }
+}), xe = { class: "border border-fm-color-neutral-gray-100 rounded-[16px] bg-fm-color-neutral-white overflow-hidden" }, fe = { class: "flex items-center gap-[10px] px-[16px] py-[10px] border-b border-fm-color-neutral-gray-100 flex-wrap" }, he = {
+  "aria-hidden": "true",
+  class: "w-[28px] h-[28px] rounded-full bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary text-[12px] font-semibold flex items-center justify-center shrink-0"
+}, ve = { class: "min-w-0 flex-1" }, ge = { class: "text-[14px] font-semibold leading-[20px] break-words" }, ye = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary break-words" }, _e = ["datetime"], we = { class: "flex flex-col gap-[10px] px-[16px] py-[12px]" }, be = {
+  key: 0,
+  class: "self-end text-[12px] leading-[16px] text-fm-color-typo-tertiary"
+}, ke = {
+  key: 0,
+  class: "text-[11px] text-fm-color-typo-tertiary"
+}, Be = ["datetime"], Ce = ["title", "onClick"], Fe = { class: "w-[24px] h-[24px] rounded-full bg-fm-color-secondary-plum/10 text-fm-color-secondary-plum flex items-center justify-center shrink-0" }, Ae = { class: "flex flex-col min-w-0" }, Ne = { class: "text-[13px] leading-[18px] font-semibold" }, $e = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary whitespace-pre-wrap break-words" }, Ie = /* @__PURE__ */ T({
+  __name: "WhatsappLogConversation",
+  props: {
+    conversation: {},
+    accountName: {},
+    timezone: {}
+  },
+  emits: ["notificationGroup"],
+  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(
+      () => 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, {
+        dateStyle: "medium",
+        timeStyle: "short",
+        timeZone: n.timezone
+      })
+    ), y = w(
+      () => new Intl.DateTimeFormat(t.value, {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !1,
+        timeZone: n.timezone
+      })
+    );
+    function h(f) {
+      var B;
+      return (B = f.reaction) != null && B.removed ? c("connect.whatsappBot.logs.reactionRemoved") : f.text ? f.text : c("connect.whatsappBot.logs.mediaMessage", { type: f.messageType });
+    }
+    return (f, B) => {
+      const N = k("FmIcon");
+      return l(), d("article", xe, [
+        s("header", fe, [
+          s("div", he, i(u.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("time", {
+            datetime: m.conversation.lastCreatedAt,
+            class: "text-[12px] text-fm-color-typo-tertiary tabular-nums"
+          }, i(A.value.format(new Date(m.conversation.lastCreatedAt))), 9, _e)
+        ]),
+        s("ol", we, [
+          (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"
+          }, [
+            r.type === "message" ? (l(), d(M, { key: 0 }, [
+              r.isFromMe && !r.isFromBot ? (l(), d("span", be, i(p(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",
+                  r.isFromMe ? "self-end max-w-[80%] bg-fm-color-primary-oats rounded-[12px] rounded-br-[4px]" : "self-start max-w-[75%] bg-fm-color-neutral-gray-100/50 rounded-[12px] rounded-bl-[4px]"
+                ])
+              }, [
+                P(i(h(r)) + " ", 1),
+                r.isEdit ? (l(), d("span", ke, " (" + i(p(c)("connect.whatsappBot.logs.edited")) + ") ", 1)) : $("", !0),
+                s("time", {
+                  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(r.timestamp))), 9, Be)
+              ], 2)
+            ], 64)) : r.type === "thought" ? (l(), I(de, {
+              key: 1,
+              text: r.text
+            }, null, 8, ["text"])) : r.type === "escalate" ? (l(), d("button", {
+              key: 2,
+              type: "button",
+              title: p(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", r.clientId)
+            }, [
+              s("span", Fe, [
+                _(N, {
+                  name: "group",
+                  size: "sm"
+                })
+              ]),
+              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: r.source === "staff" ? p(c)("connect.whatsappBot.tickets.staffReason") : r.reason
+                })), 1)
+              ])
+            ], 8, Ce)) : $("", !0)
+          ]))), 128))
+        ])
+      ]);
+    };
+  }
+});
+function Me(m, v) {
+  const n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), c = [...m].sort(
+    (t, o) => Date.parse(t.createdAt) - Date.parse(o.createdAt) || W(t) - W(o) || t.id.localeCompare(o.id)
+  );
+  for (const t of c) {
+    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);
+    const A = le.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,
+      clientId: t.clientId,
+      chatJid: t.chatJid,
+      customerName: "",
+      phoneNumber: "",
+      createdAt: t.createdAt,
+      lastCreatedAt: t.createdAt,
+      logs: [t]
+    });
+  }
+  for (const t of n.values()) {
+    const o = t.logs[0], u = 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) ?? "";
+  }
+  return [...n.values()].sort(
+    (t, o) => Date.parse(o.lastCreatedAt) - Date.parse(t.lastCreatedAt)
+  );
+}
+function W(m) {
+  return m.type === "thought" ? 1 : m.type === "escalate" ? 2 : m.isFromMe ? 3 : 0;
+}
+const Se = { class: "mt-[20px] flex flex-col gap-[16px]" }, De = { class: "flex items-center gap-[8px] flex-wrap" }, Le = { class: "max-h-[240px] overflow-y-auto" }, ze = {
+  key: 0,
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, Ve = {
+  key: 1,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, Te = {
+  key: 2,
+  class: "flex items-center gap-[12px] flex-wrap"
+}, Ee = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, Je = {
+  key: 3,
+  class: "border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[8px]"
+}, Ye = { class: "text-[20px] font-semibold" }, je = { class: "max-w-[420px] text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ge = {
+  key: 4,
+  class: "w-full max-w-[880px] flex flex-col gap-[12px]"
+}, qe = /* @__PURE__ */ T({
+  __name: "WhatsappBotLogs",
+  props: {
+    accounts: {}
+  },
+  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), r = b("");
+    let C;
+    function S(a) {
+      var F;
+      const e = (F = v.accounts.find(
+        (L) => L.clientId === a
+      )) == 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(
+      () => [
+        .../* @__PURE__ */ new Set([
+          ...v.accounts.map((a) => a.clientId),
+          ...y.value,
+          ...o.value
+        ])
+      ].map((a) => ({ clientId: a, label: S(a) }))
+    ), J = w(() => {
+      const a = u.value.trim().toLocaleLowerCase();
+      return R.value.filter(
+        (e) => e.label.toLocaleLowerCase().includes(a)
+      );
+    }), Z = 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");
+      return n("connect.whatsappBot.logs.accountFilter", { name: e });
+    }), Y = w(
+      () => Me(A.value, t.value)
+    );
+    function H(a) {
+      o.value = o.value.includes(a) ? o.value.filter((e) => e !== a) : [...o.value, a];
+    }
+    function K(a) {
+      r.value = "";
+      const e = v.accounts.find(
+        (F) => F.clientId === a
+      );
+      if (!e) {
+        r.value = n("connect.whatsappBot.errors.accountNotFound");
+        return;
+      }
+      B.value = e, N.value = !0;
+    }
+    async function D() {
+      C == null || C.abort();
+      const a = new AbortController();
+      C = a, h.value = !0, f.value = "", A.value = [];
+      try {
+        if (!c.value)
+          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
+        const e = await ae.listLogs(
+          c.value,
+          o.value.length ? { clientIds: o.value.join(",") } : {},
+          a.signal
+        );
+        if (a.signal.aborted) return;
+        A.value = e.logs, y.value = [
+          .../* @__PURE__ */ new Set([
+            ...y.value,
+            ...e.logs.map((F) => F.clientId)
+          ])
+        ];
+      } catch (e) {
+        a.signal.aborted || (f.value = e instanceof Error ? e.message : n("connect.whatsappBot.logs.loadError"));
+      } finally {
+        a.signal.aborted || (h.value = !1);
+      }
+    }
+    return G(c, () => {
+      o.value = [], u.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 l(), d(M, null, [
+        s("section", Se, [
+          s("div", De, [
+            _(X, {
+              "close-on-click": !1,
+              width: 280
+            }, {
+              "menu-button": O(() => [
+                _(F, {
+                  label: Z.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")
+                }, null, 8, ["modelValue", "placeholder"]),
+                _(Q),
+                _(z, {
+                  label: p(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, [
+                  (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) : (l(), I(z, {
+                    key: 0,
+                    label: p(n)("connect.whatsappBot.logs.noMatchingAccounts"),
+                    disabled: ""
+                  }, null, 8, ["label"]))
+                ])
+              ]),
+              _: 1
+            }),
+            _(j, {
+              variant: "plain",
+              "prepend-icon": "refresh",
+              label: p(n)("connect.whatsappBot.logs.refresh"),
+              disabled: h.value,
+              class: "ml-auto",
+              onClick: e[2] || (e[2] = (x) => D())
+            }, null, 8, ["label", "disabled"])
+          ]),
+          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 ? (l(), d("div", Te, [
+            s("p", Ee, i(f.value), 1),
+            _(j, {
+              variant: "secondary",
+              "prepend-icon": "refresh",
+              label: p(n)("connect.whatsappBot.tryAgain"),
+              onClick: e[3] || (e[3] = (x) => D())
+            }, null, 8, ["label"])
+          ])) : 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))
+          ])) : (l(), 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)
+          ]))
+        ]),
+        B.value ? (l(), I(re, {
+          key: 0,
+          modelValue: N.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (x) => N.value = x),
+          account: B.value
+        }, null, 8, ["modelValue", "account"])) : $("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  qe as default
+};

package/dist/{WhatsappBotSettings-DL1f_qXt.js → WhatsappBotSettings-NIE8NeN4.js}

@@ -1,10 +1,10 @@
 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-CJMFzslC.js";
+import { u as M } from "./vue-i18n-CkZqjA2G.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-DgkRREfK.js";
-import { S as ie } from "./index-lSJu-_m2.js";
-import { w as z } from "./index-8c7H1u7j.js";
-import { p as ce } from "./plugins-BN9qJUUc.js";
+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-CMGEBPm-.js";
+import { w as z } from "./index-L7SBt-2D.js";
+import { p as ce } from "./plugins-CKViI6Y3.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({

package/dist/{WhatsappBotTickets-CerGACm5.js → WhatsappBotTickets-OCmEkzeD.js}

@@ -1,7 +1,7 @@
 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-CJMFzslC.js";
-import { S as A } from "./index-lSJu-_m2.js";
-import { w as W } from "./index-8c7H1u7j.js";
+import { u as M } from "./vue-i18n-CkZqjA2G.js";
+import { S as A } from "./index-CMGEBPm-.js";
+import { w as W } from "./index-L7SBt-2D.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",

package/dist/{WhatsappLayout-B2DrnLNS.js → WhatsappLayout-DLPLalle.js}

@@ -1,8 +1,8 @@
 import { defineComponent as n, watch as s, unref as a, openBlock as o, createBlock as r, createCommentVNode as p } from "vue";
 import { useRouter as c } from "vue-router";
-import { _ as u, a as _ } from "./MainLayout.vue_vue_type_script_setup_true_lang-fXA-ixLQ.js";
-import { u as f } from "./feature-flag-3dM_IVQU.js";
-import { R as i } from "./app-bGZlAIpq.js";
+import { _ as u, a as _ } from "./MainLayout.vue_vue_type_script_setup_true_lang-lO1k_OLo.js";
+import { u as f } from "./feature-flag-DpIT0Nh2.js";
+import { R as i } from "./app-CsPUjtBR.js";
 const y = /* @__PURE__ */ n({
   __name: "WhatsappLayout",
   setup(d) {

package/dist/WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-D_bVWePp.js

@@ -0,0 +1,195 @@
+import { defineComponent as M, mergeModels as S, useModel as U, computed as W, ref as l, watch as j, onBeforeUnmount as P, resolveComponent as v, openBlock as r, createBlock as $, withCtx as N, createElementVNode as e, toDisplayString as t, unref as n, createElementBlock as d, createVNode as G, createTextVNode as C, Fragment as z, renderList as H, createCommentVNode as F } from "vue";
+import { u as J } from "./vue-i18n-CkZqjA2G.js";
+import { b as K } from "./browser-BSAOEeIM.js";
+import { S as O, a as I } from "./index-CMGEBPm-.js";
+import { w as Q } from "./index-L7SBt-2D.js";
+import { u as X } from "./useWhatsappAccount-1Yy7aaA9.js";
+const Y = { class: "min-w-0 flex flex-col" }, Z = { class: "text-[18px] leading-[24px] font-semibold" }, ee = { class: "text-[13px] leading-[18px] text-fm-color-typo-secondary break-words" }, oe = {
+  key: 0,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, te = {
+  key: 1,
+  class: "py-[40px] flex flex-col items-center text-center gap-[16px]"
+}, ne = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, ae = {
+  key: 2,
+  class: "grid grid-cols-[minmax(0,1fr)_226px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
+}, se = { class: "min-w-0 flex flex-col gap-[20px] text-[14px] leading-[20px]" }, ie = { class: "text-fm-color-typo-secondary" }, le = { class: "flex flex-col gap-[10px]" }, re = { class: "text-[12px] leading-[16px] font-semibold uppercase tracking-[0.06em] text-fm-color-typo-secondary" }, ce = { class: "flex flex-col gap-[10px]" }, pe = { class: "flex flex-col gap-[6px]" }, ue = {
+  id: "whatsapp-group-invite-link-label",
+  class: "font-medium text-fm-color-typo-secondary"
+}, de = { class: "flex items-center gap-[8px] border border-fm-color-neutral-gray-200 rounded-[8px] pl-[12px] pr-[4px] py-[4px]" }, fe = {
+  id: "whatsapp-group-invite-link",
+  role: "textbox",
+  "aria-readonly": "true",
+  "aria-labelledby": "whatsapp-group-invite-link-label",
+  tabindex: "0",
+  class: "flex-1 min-w-0 h-[32px] overflow-x-auto overflow-y-hidden whitespace-nowrap text-[13px] leading-[32px] font-mono bg-fm-color-neutral-white rounded-[4px] focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary"
+}, xe = ["disabled"], me = {
+  key: 0,
+  role: "status",
+  class: "sr-only"
+}, he = {
+  key: 1,
+  role: "alert",
+  class: "text-[12px] leading-[16px] text-fm-color-typo-error"
+}, ve = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, ge = { class: "flex flex-col items-center gap-[12px] w-[226px] xs:justify-self-center" }, _e = { class: "border border-fm-color-neutral-gray-100 rounded-[12px] overflow-hidden" }, ye = ["src", "alt"], we = ["href"], Le = /* @__PURE__ */ M({
+  __name: "WhatsappNotificationGroupDialog",
+  props: /* @__PURE__ */ S({
+    account: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(L) {
+    const g = L, _ = U(L, "modelValue"), { t: o } = J(), m = W(() => O.getBusinessId() ?? ""), { name: T, phoneNumber: D } = X(() => g.account), i = l(), y = l(""), w = l(!1), c = l(""), p = l(!1), f = l(!1), x = l("");
+    let u, b;
+    function B() {
+      u == null || u.abort(), clearTimeout(b), p.value = !1, f.value = !1;
+    }
+    async function V() {
+      B();
+      const a = new AbortController();
+      u = a, w.value = !0, c.value = "", x.value = "", i.value = void 0, y.value = "";
+      try {
+        if (!m.value)
+          throw new Error(o("connect.whatsappBot.errors.selectBusiness"));
+        const s = await Q.getNotificationGroup(
+          m.value,
+          g.account.clientId,
+          a.signal
+        );
+        if (a.signal.aborted) return;
+        const k = await K.toDataURL(s.inviteLink, {
+          width: 224,
+          margin: 2,
+          errorCorrectionLevel: "M"
+        });
+        if (a.signal.aborted) return;
+        i.value = s, y.value = k;
+      } catch (s) {
+        if (a.signal.aborted) return;
+        s instanceof I && s.status === 409 ? c.value = o("connect.whatsappBot.notificationGroup.notReady") : s instanceof I && s.status === 404 ? c.value = o("connect.whatsappBot.errors.accountNotFound") : c.value = m.value ? o("connect.whatsappBot.errors.loadGroup") : o("connect.whatsappBot.errors.selectBusiness");
+      } finally {
+        a.signal.aborted || (w.value = !1);
+      }
+    }
+    async function q() {
+      if (!i.value || !u || f.value) return;
+      const a = u;
+      f.value = !0, p.value = !1, x.value = "", clearTimeout(b);
+      try {
+        if (await navigator.clipboard.writeText(i.value.inviteLink), a.signal.aborted) return;
+        p.value = !0, b = setTimeout(() => {
+          p.value = !1;
+        }, 2e3);
+      } catch {
+        a.signal.aborted || (x.value = o("connect.whatsappBot.errors.copyGroupLink"));
+      } finally {
+        a.signal.aborted || (f.value = !1);
+      }
+    }
+    return j(
+      [_, m, () => g.account.clientId],
+      ([a]) => {
+        a ? V() : B();
+      },
+      { immediate: !0 }
+    ), P(B), (a, s) => {
+      const k = v("FmCircularProgress"), A = v("FmButton"), E = v("FmIcon"), R = v("FmDialog");
+      return r(), $(R, {
+        modelValue: _.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (h) => _.value = h),
+        "min-width": "min(720px, calc(100% - 32px))",
+        "max-width": "720px",
+        "max-height": "90vh",
+        "dismiss-away": ""
+      }, {
+        "dialog-header": N(() => [
+          e("div", Y, [
+            e("h2", Z, t(n(o)("connect.whatsappBot.notificationGroup.dialogTitle")), 1),
+            e("p", ee, t(n(T)) + " · " + t(n(D)), 1)
+          ])
+        ]),
+        default: N(() => [
+          w.value ? (r(), d("div", oe, [
+            G(k),
+            C(" " + t(n(o)("connect.whatsappBot.notificationGroup.loading")), 1)
+          ])) : c.value ? (r(), d("div", te, [
+            e("p", ne, t(c.value), 1),
+            G(A, {
+              label: n(o)("connect.whatsappBot.tryAgain"),
+              "prepend-icon": "refresh",
+              onClick: V
+            }, null, 8, ["label"])
+          ])) : i.value ? (r(), d("div", ae, [
+            e("div", se, [
+              e("p", ie, t(n(o)("connect.whatsappBot.notificationGroup.scanDescription")), 1),
+              e("div", le, [
+                e("h3", re, t(n(o)("connect.whatsappBot.notificationGroup.postsTitle")), 1),
+                e("ul", ce, [
+                  (r(), d(z, null, H(["unanswered", "staffRequests", "humanRequests"], (h) => e("li", {
+                    key: h,
+                    class: "flex gap-[10px]"
+                  }, [
+                    s[1] || (s[1] = e("span", {
+                      "aria-hidden": "true",
+                      class: "w-[6px] h-[6px] rounded-full bg-fm-color-primary shrink-0 mt-[7px]"
+                    }, null, -1)),
+                    C(" " + t(n(o)(`connect.whatsappBot.notificationGroup.posts.${h}`)), 1)
+                  ])), 64))
+                ])
+              ]),
+              e("div", pe, [
+                e("span", ue, t(n(o)("connect.whatsappBot.notificationGroup.inviteLink")), 1),
+                e("div", de, [
+                  e("div", fe, t(i.value.inviteLink), 1),
+                  e("button", {
+                    type: "button",
+                    disabled: f.value,
+                    class: "shrink-0 h-[32px] px-[12px] rounded-[6px] bg-fm-color-neutral-gray-100 text-[13px] font-semibold hover:bg-fm-color-neutral-gray-200 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary",
+                    onClick: q
+                  }, t(n(o)(
+                    `connect.whatsappBot.notificationGroup.${p.value ? "copied" : "copy"}`
+                  )), 9, xe)
+                ]),
+                p.value ? (r(), d("span", me, t(n(o)("connect.whatsappBot.notificationGroup.copied")), 1)) : F("", !0),
+                x.value ? (r(), d("p", he, t(x.value), 1)) : F("", !0),
+                e("p", ve, t(n(o)("connect.whatsappBot.notificationGroup.shareNote")), 1)
+              ])
+            ]),
+            e("div", ge, [
+              e("div", _e, [
+                e("img", {
+                  src: y.value,
+                  alt: n(o)("connect.whatsappBot.notificationGroup.qrAlt"),
+                  width: "224",
+                  height: "224"
+                }, null, 8, ye)
+              ]),
+              e("a", {
+                href: i.value.inviteLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "w-full h-[40px] flex items-center justify-center gap-[6px] rounded-full bg-fm-color-primary text-fm-color-typo-white text-[14px] font-semibold no-underline hover:opacity-90 focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary focus-visible:ring-offset-[2px]"
+              }, [
+                C(t(n(o)("connect.whatsappBot.notificationGroup.openWhatsapp")) + " ", 1),
+                G(E, {
+                  name: "open_in_new",
+                  size: "sm"
+                })
+              ], 8, we)
+            ])
+          ])) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Le as _
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-0cvPcwm5.js → ZodTextField.vue_vue_type_script_setup_true_lang-HVcTakep.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-6X3ups5P.js";
-import { u as V } from "./vue-i18n-CJMFzslC.js";
+import { Z as d } from "./zod-DByiKRxr.js";
+import { u as V } from "./vue-i18n-CkZqjA2G.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"