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

package/dist/WhatsappAccount-DjAL89Re.js

@@ -0,0 +1,342 @@
+import { defineComponent as U, mergeModels as J, useModel as K, computed as E, ref as d, watch as M, onBeforeUnmount as S, resolveComponent as y, openBlock as i, createBlock as W, withCtx as P, createElementVNode as e, toDisplayString as a, unref as t, createElementBlock as c, createVNode as x, createTextVNode as T, Fragment as j, renderList as Q, createCommentVNode as A, normalizeClass as X } from "vue";
+import { u as z } from "./vue-i18n-BJ_ZHWvK.js";
+import { useRoute as Y } from "vue-router";
+import { S as O, a as D } from "./index-Cfr0vxa5.js";
+import { w as q } from "./index-Cq0kWJ_W.js";
+import { u as H, _ as Z } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-D25DVRXA.js";
+import { b as ee } from "./browser-BSAOEeIM.js";
+import { R as te } from "./app-BiUEivOU.js";
+const oe = { class: "min-w-0 flex flex-col" }, ne = { class: "text-[18px] leading-[24px] font-semibold" }, ae = { class: "text-[13px] leading-[18px] text-fm-color-typo-secondary break-words" }, se = {
+  key: 0,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, le = {
+  key: 1,
+  class: "py-[40px] flex flex-col items-center text-center gap-[16px]"
+}, re = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, ie = {
+  key: 2,
+  class: "grid grid-cols-[minmax(0,1fr)_226px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
+}, ce = { class: "min-w-0 flex flex-col gap-[20px] text-[14px] leading-[20px]" }, pe = { class: "text-fm-color-typo-secondary" }, ue = { class: "flex flex-col gap-[10px]" }, de = { class: "text-[12px] leading-[16px] font-semibold uppercase tracking-[0.06em] text-fm-color-typo-secondary" }, fe = { class: "flex flex-col gap-[10px]" }, xe = { class: "flex flex-col gap-[6px]" }, me = {
+  id: "whatsapp-group-invite-link-label",
+  class: "font-medium text-fm-color-typo-secondary"
+}, ve = { class: "flex items-center gap-[8px] border border-fm-color-neutral-gray-200 rounded-[8px] pl-[12px] pr-[4px] py-[4px]" }, he = {
+  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"
+}, ge = ["disabled"], _e = {
+  key: 0,
+  role: "status",
+  class: "sr-only"
+}, ye = {
+  key: 1,
+  role: "alert",
+  class: "text-[12px] leading-[16px] text-fm-color-typo-error"
+}, be = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, we = { class: "flex flex-col items-center gap-[12px] w-[226px] xs:justify-self-center" }, Be = { class: "border border-fm-color-neutral-gray-100 rounded-[12px] overflow-hidden" }, ke = ["src", "alt"], $e = ["href"], Ge = /* @__PURE__ */ U({
+  __name: "WhatsappNotificationGroupDialog",
+  props: /* @__PURE__ */ J({
+    account: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(L) {
+    const l = L, k = K(L, "modelValue"), { t: n } = z(), b = E(() => O.getBusinessId() ?? ""), { name: f, phoneNumber: C } = H(() => l.account), r = d(), m = d(""), F = d(!1), g = d(""), _ = d(!1), w = d(!1), B = d("");
+    let v, $;
+    function p() {
+      v == null || v.abort(), clearTimeout($), _.value = !1, w.value = !1;
+    }
+    async function G() {
+      p();
+      const s = new AbortController();
+      v = s, F.value = !0, g.value = "", B.value = "", r.value = void 0, m.value = "";
+      try {
+        if (!b.value)
+          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
+        const o = await q.getNotificationGroup(
+          b.value,
+          l.account.clientId,
+          s.signal
+        );
+        if (s.signal.aborted) return;
+        const u = await ee.toDataURL(o.inviteLink, {
+          width: 224,
+          margin: 2,
+          errorCorrectionLevel: "M"
+        });
+        if (s.signal.aborted) return;
+        r.value = o, m.value = u;
+      } catch (o) {
+        if (s.signal.aborted) return;
+        o instanceof D && o.status === 409 ? g.value = n("connect.whatsappBot.notificationGroup.notReady") : o instanceof D && o.status === 404 ? g.value = n("connect.whatsappBot.errors.accountNotFound") : g.value = b.value ? n("connect.whatsappBot.errors.loadGroup") : n("connect.whatsappBot.errors.selectBusiness");
+      } finally {
+        s.signal.aborted || (F.value = !1);
+      }
+    }
+    async function I() {
+      if (!r.value || !v || w.value) return;
+      const s = v;
+      w.value = !0, _.value = !1, B.value = "", clearTimeout($);
+      try {
+        if (await navigator.clipboard.writeText(r.value.inviteLink), s.signal.aborted) return;
+        _.value = !0, $ = setTimeout(() => {
+          _.value = !1;
+        }, 2e3);
+      } catch {
+        s.signal.aborted || (B.value = n("connect.whatsappBot.errors.copyGroupLink"));
+      } finally {
+        s.signal.aborted || (w.value = !1);
+      }
+    }
+    return M(
+      [k, b, () => l.account.clientId],
+      ([s]) => {
+        s ? G() : p();
+      },
+      { immediate: !0 }
+    ), S(p), (s, o) => {
+      const u = y("FmCircularProgress"), N = y("FmButton"), R = y("FmIcon"), V = y("FmDialog");
+      return i(), W(V, {
+        modelValue: k.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (h) => k.value = h),
+        "min-width": "min(720px, calc(100% - 32px))",
+        "max-width": "720px",
+        "max-height": "90vh",
+        "dismiss-away": ""
+      }, {
+        "dialog-header": P(() => [
+          e("div", oe, [
+            e("h2", ne, a(t(n)("connect.whatsappBot.notificationGroup.dialogTitle")), 1),
+            e("p", ae, a(t(f)) + " · " + a(t(C)), 1)
+          ])
+        ]),
+        default: P(() => [
+          F.value ? (i(), c("div", se, [
+            x(u),
+            T(" " + a(t(n)("connect.whatsappBot.notificationGroup.loading")), 1)
+          ])) : g.value ? (i(), c("div", le, [
+            e("p", re, a(g.value), 1),
+            x(N, {
+              label: t(n)("connect.whatsappBot.tryAgain"),
+              "prepend-icon": "refresh",
+              onClick: G
+            }, null, 8, ["label"])
+          ])) : r.value ? (i(), c("div", ie, [
+            e("div", ce, [
+              e("p", pe, a(t(n)("connect.whatsappBot.notificationGroup.scanDescription")), 1),
+              e("div", ue, [
+                e("h3", de, a(t(n)("connect.whatsappBot.notificationGroup.postsTitle")), 1),
+                e("ul", fe, [
+                  (i(), c(j, null, Q(["unanswered", "staffRequests", "humanRequests"], (h) => e("li", {
+                    key: h,
+                    class: "flex gap-[10px]"
+                  }, [
+                    o[1] || (o[1] = e("span", {
+                      "aria-hidden": "true",
+                      class: "w-[6px] h-[6px] rounded-full bg-fm-color-primary shrink-0 mt-[7px]"
+                    }, null, -1)),
+                    T(" " + a(t(n)(`connect.whatsappBot.notificationGroup.posts.${h}`)), 1)
+                  ])), 64))
+                ])
+              ]),
+              e("div", xe, [
+                e("span", me, a(t(n)("connect.whatsappBot.notificationGroup.inviteLink")), 1),
+                e("div", ve, [
+                  e("div", he, a(r.value.inviteLink), 1),
+                  e("button", {
+                    type: "button",
+                    disabled: w.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: I
+                  }, a(t(n)(
+                    `connect.whatsappBot.notificationGroup.${_.value ? "copied" : "copy"}`
+                  )), 9, ge)
+                ]),
+                _.value ? (i(), c("span", _e, a(t(n)("connect.whatsappBot.notificationGroup.copied")), 1)) : A("", !0),
+                B.value ? (i(), c("p", ye, a(B.value), 1)) : A("", !0),
+                e("p", be, a(t(n)("connect.whatsappBot.notificationGroup.shareNote")), 1)
+              ])
+            ]),
+            e("div", we, [
+              e("div", Be, [
+                e("img", {
+                  src: m.value,
+                  alt: t(n)("connect.whatsappBot.notificationGroup.qrAlt"),
+                  width: "224",
+                  height: "224"
+                }, null, 8, ke)
+              ]),
+              e("a", {
+                href: r.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]"
+              }, [
+                T(a(t(n)("connect.whatsappBot.notificationGroup.openWhatsapp")) + " ", 1),
+                x(R, {
+                  name: "open_in_new",
+                  size: "sm"
+                })
+              ], 8, $e)
+            ])
+          ])) : A("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ce = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, Fe = { class: "w-full flex flex-col gap-[24px]" }, Ie = {
+  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: "border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[16px]"
+}, Ae = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, Ve = { class: "flex items-center gap-[16px]" }, Le = ["src"], Ne = { key: 1 }, Re = { class: "min-w-0 flex-1 flex flex-col gap-[2px]" }, Ee = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em] break-words" }, Pe = { class: "flex items-center gap-[10px] flex-wrap text-[14px] text-fm-color-typo-secondary" }, je = { class: "break-all" }, De = {
+  "aria-labelledby": "notification-group-title",
+  class: "border border-fm-color-neutral-gray-100 rounded-[16px] p-[24px] xs:p-[20px] flex items-center gap-[16px] flex-wrap"
+}, Ue = {
+  "aria-hidden": "true",
+  class: "w-[40px] h-[40px] rounded-[8px] shrink-0 self-start bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center"
+}, Me = { class: "min-w-[240px] xs:min-w-0 flex-1 flex flex-col gap-[4px]" }, Se = {
+  id: "notification-group-title",
+  class: "text-[16px] leading-[24px] font-semibold"
+}, We = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ U({
+  __name: "WhatsappAccount",
+  setup(L) {
+    const { t: l } = z(), k = Y(), n = E(() => O.getBusinessId() ?? ""), b = E(
+      () => typeof k.params.clientId == "string" ? k.params.clientId : ""
+    ), f = d(), C = d(!0), r = d(""), m = d(!1), {
+      name: F,
+      phoneNumber: g,
+      initials: _,
+      state: w,
+      avatarColor: B,
+      profilePictureUrl: v,
+      profilePictureFailed: $
+    } = H(f);
+    let p, G;
+    async function I(s = !1) {
+      clearTimeout(G), p == null || p.abort();
+      const o = new AbortController();
+      p = o, s || (C.value = !0, r.value = "");
+      try {
+        if (!n.value)
+          throw new Error(l("connect.whatsappBot.errors.selectBusiness"));
+        const u = await q.getClient(
+          n.value,
+          b.value,
+          o.signal
+        );
+        if (o.signal.aborted) return;
+        f.value = u, r.value = "";
+      } catch (u) {
+        if (o.signal.aborted) return;
+        u instanceof D && u.status === 404 ? (m.value = !1, f.value = void 0, r.value = l("connect.whatsappBot.errors.accountNotFound")) : s || (r.value = n.value ? l("connect.whatsappBot.errors.loadAccount") : l("connect.whatsappBot.errors.selectBusiness"));
+      } finally {
+        o.signal.aborted || (C.value = !1, f.value && (G = setTimeout(() => void I(!0), 1e4)));
+      }
+    }
+    return M(
+      [n, b],
+      () => {
+        m.value = !1, f.value = void 0, I();
+      },
+      { immediate: !0 }
+    ), S(() => {
+      p == null || p.abort(), clearTimeout(G);
+    }), (s, o) => {
+      const u = y("FmIcon"), N = y("RouterLink"), R = y("FmCircularProgress"), V = y("FmButton");
+      return i(), c(j, null, [
+        e("div", Ce, [
+          e("div", Fe, [
+            x(N, {
+              to: { name: t(te)["$connect-WHATSAPP_BOT"] },
+              class: "self-start flex items-center gap-[4px] h-[32px] pl-[6px] pr-[10px] -ml-[6px] rounded-[8px] text-[14px] font-medium text-fm-color-typo-secondary no-underline hover:bg-fm-color-neutral-gray-100 hover:text-fm-color-typo-primary focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-fm-color-primary"
+            }, {
+              default: P(() => [
+                x(u, {
+                  name: "chevron_left",
+                  size: "sm"
+                }),
+                T(" " + a(t(l)("connect.navigation.whatsappBot")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"]),
+            C.value ? (i(), c("div", Ie, [
+              x(R),
+              T(" " + a(t(l)("connect.whatsappBot.loadingAccount")), 1)
+            ])) : r.value ? (i(), c("div", Te, [
+              e("p", Ae, a(r.value), 1),
+              x(V, {
+                label: t(l)("connect.whatsappBot.tryAgain"),
+                "prepend-icon": "refresh",
+                onClick: o[0] || (o[0] = (h) => I())
+              }, null, 8, ["label"])
+            ])) : f.value ? (i(), c(j, { key: 2 }, [
+              e("div", Ve, [
+                e("div", {
+                  "aria-hidden": "true",
+                  class: X(["w-[56px] h-[56px] rounded-full overflow-hidden shrink-0 flex items-center justify-center text-[18px] font-semibold text-fm-color-typo-white", t(B)])
+                }, [
+                  t(v) && !t($) ? (i(), c("img", {
+                    key: 0,
+                    src: t(v),
+                    alt: "",
+                    class: "w-full h-full object-cover",
+                    referrerpolicy: "no-referrer",
+                    onError: o[1] || (o[1] = (h) => $.value = !0)
+                  }, null, 40, Le)) : (i(), c("span", Ne, a(t(_)), 1))
+                ], 2),
+                e("div", Re, [
+                  e("h1", Ee, a(t(F)), 1),
+                  e("div", Pe, [
+                    e("span", je, a(t(g)), 1),
+                    x(Z, { state: t(w) }, null, 8, ["state"])
+                  ])
+                ])
+              ]),
+              e("section", De, [
+                e("div", Ue, [
+                  x(u, {
+                    name: "notifications",
+                    size: "md"
+                  })
+                ]),
+                e("div", Me, [
+                  e("h2", Se, a(t(l)("connect.whatsappBot.notificationGroup.title")), 1),
+                  e("p", We, a(t(l)("connect.whatsappBot.notificationGroup.description")), 1)
+                ]),
+                x(V, {
+                  variant: "secondary",
+                  label: t(l)("connect.whatsappBot.notificationGroup.join"),
+                  "prepend-icon": "group",
+                  class: "shrink-0",
+                  onClick: o[2] || (o[2] = (h) => m.value = !0)
+                }, null, 8, ["label"])
+              ])
+            ], 64)) : A("", !0)
+          ])
+        ]),
+        f.value ? (i(), W(Ge, {
+          key: 0,
+          modelValue: m.value,
+          "onUpdate:modelValue": o[3] || (o[3] = (h) => m.value = h),
+          account: f.value
+        }, null, 8, ["modelValue", "account"])) : A("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Ye as default
+};

package/dist/WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-D25DVRXA.js

@@ -0,0 +1,97 @@
+import { computed as c, toValue as w, ref as A, watch as _, defineComponent as B, openBlock as C, createElementBlock as N, normalizeClass as f, createElementVNode as S, createTextVNode as V, toDisplayString as I, unref as L } from "vue";
+import { u as g } from "./vue-i18n-BJ_ZHWvK.js";
+function P(s) {
+  const n = s.connectedAt !== null;
+  switch (s.status) {
+    case "connected":
+      return "connected";
+    case "disconnected":
+      return n ? "disconnected" : void 0;
+    case "connecting":
+      return n ? "connecting" : void 0;
+  }
+}
+const b = [
+  "bg-fm-color-primary",
+  "bg-fm-color-secondary-plum",
+  "bg-fm-color-system-success-400"
+];
+function E(s) {
+  const { t: n, locale: r } = g(), t = c(() => w(s)), a = c(
+    () => {
+      var e, o, l;
+      return (l = (o = (e = t.value) == null ? void 0 : e.account) == null ? void 0 : o.profilePicture) == null ? void 0 : l.url;
+    }
+  ), p = A(!1);
+  _(a, () => {
+    p.value = !1;
+  });
+  const u = c(
+    () => {
+      var e, o, l, i, m, d;
+      return ((o = (e = t.value) == null ? void 0 : e.account) == null ? void 0 : o.businessName) || ((i = (l = t.value) == null ? void 0 : l.account) == null ? void 0 : i.name) || ((d = (m = t.value) == null ? void 0 : m.account) == null ? void 0 : d.phoneNumber) || n("connect.whatsappBot.unnamedAccount");
+    }
+  ), h = c(
+    () => {
+      var e, o;
+      return ((o = (e = t.value) == null ? void 0 : e.account) == null ? void 0 : o.phoneNumber) || n("connect.whatsappBot.phoneUnavailable");
+    }
+  ), v = c(
+    () => u.value.trim().split(/\s+/).slice(0, 2).map((e) => Array.from(e)[0]).join("").toLocaleUpperCase(r.value)
+  ), y = c(
+    () => t.value ? P(t.value) ?? "disconnected" : "disconnected"
+  ), x = c(
+    () => {
+      var e;
+      return b[parseInt(((e = t.value) == null ? void 0 : e.clientId.slice(-6)) ?? "0", 16) % b.length];
+    }
+  );
+  return {
+    name: u,
+    phoneNumber: h,
+    initials: v,
+    state: y,
+    avatarColor: x,
+    profilePictureUrl: a,
+    profilePictureFailed: p
+  };
+}
+const O = /* @__PURE__ */ B({
+  __name: "WhatsappAccountStatusLabel",
+  props: {
+    state: {}
+  },
+  setup(s) {
+    const n = s, { t: r } = g(), t = {
+      connected: {
+        label: "connect.whatsappBot.connected",
+        pill: "text-fm-color-typo-success bg-fm-color-system-success-100",
+        dot: "bg-fm-color-system-success-400"
+      },
+      disconnected: {
+        label: "connect.whatsappBot.disconnected",
+        pill: "text-fm-color-typo-error bg-fm-color-system-error-100",
+        dot: "bg-fm-color-system-error-400"
+      },
+      connecting: {
+        label: "connect.whatsappBot.statusConnecting",
+        pill: "text-fm-color-typo-warning bg-fm-color-system-warning-100",
+        dot: "bg-fm-color-system-warning-400"
+      }
+    }, a = c(() => t[n.state]);
+    return (p, u) => (C(), N("span", {
+      class: f(["flex items-center gap-[6px] text-[12px] font-semibold px-[8px] py-[3px] rounded-[6px]", a.value.pill])
+    }, [
+      S("span", {
+        "aria-hidden": "true",
+        class: f(["w-[6px] h-[6px] rounded-full", a.value.dot])
+      }, null, 2),
+      V(" " + I(L(r)(a.value.label)), 1)
+    ], 2));
+  }
+});
+export {
+  O as _,
+  E as u,
+  P as w
+};