@feedmepos/mf-connect 0.1.117-dev → 0.1.118-dev

package/dist/WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-DI0pcHcE.js

@@ -1,253 +0,0 @@
-import { computed as f, toValue as j, ref as m, watch as S, defineComponent as W, mergeModels as O, useModel as $, onBeforeUnmount as z, resolveComponent as N, openBlock as h, createBlock as H, withCtx as T, createElementVNode as t, toDisplayString as n, unref as s, createElementBlock as _, createVNode as L, createTextVNode as V, Fragment as J, renderList as K, createCommentVNode as F } from "vue";
-import { u as U } from "./vue-i18n-DXvyTCZf.js";
-import { b as Q } from "./browser-BSAOEeIM.js";
-import { S as X, a as R } from "./index-DKI8401o.js";
-import { w as Y } from "./index-wsCCqwdr.js";
-function Z(x) {
-  const c = x.connectedAt !== null;
-  switch (x.status) {
-    case "connected":
-      return "connected";
-    case "disconnected":
-      return c ? "disconnected" : void 0;
-    case "connecting":
-      return c ? "connecting" : void 0;
-  }
-}
-const D = [
-  "bg-fm-color-primary",
-  "bg-fm-color-secondary-plum",
-  "bg-fm-color-system-success-400"
-];
-function ee(x) {
-  const { t: c, locale: b } = U(), e = f(() => j(x)), v = f(
-    () => {
-      var o, a, r;
-      return (r = (a = (o = e.value) == null ? void 0 : o.account) == null ? void 0 : a.profilePicture) == null ? void 0 : r.url;
-    }
-  ), k = m(!1);
-  S(v, () => {
-    k.value = !1;
-  });
-  const G = f(
-    () => {
-      var o, a, r, u, g, y;
-      return ((a = (o = e.value) == null ? void 0 : o.account) == null ? void 0 : a.businessName) || ((u = (r = e.value) == null ? void 0 : r.account) == null ? void 0 : u.name) || ((y = (g = e.value) == null ? void 0 : g.account) == null ? void 0 : y.phoneNumber) || c("connect.whatsappBot.unnamedAccount");
-    }
-  ), p = f(
-    () => {
-      var o, a;
-      return ((a = (o = e.value) == null ? void 0 : o.account) == null ? void 0 : a.phoneNumber) || c("connect.whatsappBot.phoneUnavailable");
-    }
-  ), w = f(
-    () => G.value.trim().split(/\s+/).slice(0, 2).map((o) => Array.from(o)[0]).join("").toLocaleUpperCase(b.value)
-  ), B = f(
-    () => e.value ? Z(e.value) ?? "disconnected" : "disconnected"
-  ), d = f(
-    () => {
-      var o;
-      return D[parseInt(((o = e.value) == null ? void 0 : o.clientId.slice(-6)) ?? "0", 16) % D.length];
-    }
-  );
-  return {
-    name: G,
-    phoneNumber: p,
-    initials: w,
-    state: B,
-    avatarColor: d,
-    profilePictureUrl: v,
-    profilePictureFailed: k
-  };
-}
-const te = { class: "min-w-0 flex flex-col" }, oe = { class: "text-[18px] leading-[24px] font-semibold" }, ne = { class: "text-[13px] leading-[18px] text-fm-color-typo-tertiary break-words" }, ae = {
-  key: 0,
-  role: "status",
-  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
-}, se = {
-  key: 1,
-  class: "py-[40px] flex flex-col items-center text-center gap-[16px]"
-}, ie = {
-  role: "alert",
-  class: "text-[14px] text-fm-color-typo-error"
-}, le = {
-  key: 2,
-  class: "grid grid-cols-[minmax(0,1fr)_226px] xs:grid-cols-1 gap-[32px] p-[8px] xs:p-[0px]"
-}, re = { class: "min-w-0 flex flex-col gap-[20px] text-[14px] leading-[20px]" }, ce = { class: "text-fm-color-typo-secondary [text-wrap:pretty]" }, pe = { class: "flex flex-col gap-[10px]" }, ue = { class: "text-[12px] leading-[16px] font-semibold uppercase tracking-[0.06em] text-fm-color-typo-tertiary" }, de = { class: "flex flex-col gap-[10px]" }, fe = { class: "flex flex-col gap-[6px]" }, me = {
-  id: "whatsapp-group-invite-link-label",
-  class: "font-medium text-fm-color-typo-tertiary"
-}, xe = { class: "flex items-center gap-[8px] border border-fm-color-neutral-gray-200 rounded-[8px] pl-[12px] pr-[4px] py-[4px]" }, ve = {
-  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"
-}, he = ["disabled"], ge = {
-  key: 0,
-  role: "status",
-  class: "sr-only"
-}, ye = {
-  key: 1,
-  role: "alert",
-  class: "text-[12px] leading-[16px] text-fm-color-typo-error"
-}, _e = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary" }, be = { class: "flex flex-col items-center gap-[12px] w-[226px] xs:justify-self-center" }, we = { class: "border border-fm-color-neutral-gray-100 rounded-[12px] overflow-hidden" }, Be = ["src", "alt"], ke = ["href"], Ve = /* @__PURE__ */ W({
-  __name: "WhatsappNotificationGroupDialog",
-  props: /* @__PURE__ */ O({
-    account: {}
-  }, {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(x) {
-    const c = x, b = $(x, "modelValue"), { t: e } = U(), v = f(() => X.getBusinessId() ?? ""), { name: k, phoneNumber: G } = ee(() => c.account), p = m(), w = m(""), B = m(!1), d = m(""), o = m(!1), a = m(!1), r = m("");
-    let u, g;
-    function y() {
-      u == null || u.abort(), clearTimeout(g), o.value = !1, a.value = !1;
-    }
-    async function I() {
-      y();
-      const i = new AbortController();
-      u = i, B.value = !0, d.value = "", r.value = "", p.value = void 0, w.value = "";
-      try {
-        if (!v.value)
-          throw new Error(e("connect.whatsappBot.errors.selectBusiness"));
-        const l = await Y.getNotificationGroup(
-          v.value,
-          c.account.clientId,
-          i.signal
-        );
-        if (i.signal.aborted) return;
-        const A = await Q.toDataURL(l.inviteLink, {
-          width: 224,
-          margin: 2,
-          errorCorrectionLevel: "M"
-        });
-        if (i.signal.aborted) return;
-        p.value = l, w.value = A;
-      } catch (l) {
-        if (i.signal.aborted) return;
-        l instanceof R && l.status === 409 ? d.value = e("connect.whatsappBot.notificationGroup.notReady") : l instanceof R && l.status === 404 ? d.value = e("connect.whatsappBot.errors.accountNotFound") : d.value = v.value ? e("connect.whatsappBot.errors.loadGroup") : e("connect.whatsappBot.errors.selectBusiness");
-      } finally {
-        i.signal.aborted || (B.value = !1);
-      }
-    }
-    async function q() {
-      if (!p.value || !u || a.value) return;
-      const i = u;
-      a.value = !0, o.value = !1, r.value = "", clearTimeout(g);
-      try {
-        if (await navigator.clipboard.writeText(p.value.inviteLink), i.signal.aborted) return;
-        o.value = !0, g = setTimeout(() => {
-          o.value = !1;
-        }, 2e3);
-      } catch {
-        i.signal.aborted || (r.value = e("connect.whatsappBot.errors.copyGroupLink"));
-      } finally {
-        i.signal.aborted || (a.value = !1);
-      }
-    }
-    return S(
-      [b, v, () => c.account.clientId],
-      ([i]) => {
-        i ? I() : y();
-      },
-      { immediate: !0 }
-    ), z(y), (i, l) => {
-      const A = N("FmCircularProgress"), E = N("FmButton"), P = N("FmIcon"), M = N("FmDialog");
-      return h(), H(M, {
-        modelValue: b.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (C) => b.value = C),
-        "min-width": "min(640px, calc(100% - 32px))",
-        "max-width": "640px",
-        "max-height": "90vh",
-        "dismiss-away": ""
-      }, {
-        "dialog-header": T(() => [
-          t("div", te, [
-            t("h2", oe, n(s(e)("connect.whatsappBot.notificationGroup.dialogTitle")), 1),
-            t("p", ne, n(s(k)) + " · " + n(s(G)), 1)
-          ])
-        ]),
-        default: T(() => [
-          B.value ? (h(), _("div", ae, [
-            L(A),
-            V(" " + n(s(e)("connect.whatsappBot.notificationGroup.loading")), 1)
-          ])) : d.value ? (h(), _("div", se, [
-            t("p", ie, n(d.value), 1),
-            L(E, {
-              label: s(e)("connect.whatsappBot.tryAgain"),
-              "prepend-icon": "refresh",
-              class: "!rounded-full [&_.label]:text-[14px]",
-              onClick: I
-            }, null, 8, ["label"])
-          ])) : p.value ? (h(), _("div", le, [
-            t("div", re, [
-              t("p", ce, n(s(e)("connect.whatsappBot.notificationGroup.scanDescription")), 1),
-              t("div", pe, [
-                t("h3", ue, n(s(e)("connect.whatsappBot.notificationGroup.postsTitle")), 1),
-                t("ul", de, [
-                  (h(), _(J, null, K(["unanswered", "staffRequests", "humanRequests"], (C) => t("li", {
-                    key: C,
-                    class: "flex gap-[10px]"
-                  }, [
-                    l[1] || (l[1] = t("span", {
-                      "aria-hidden": "true",
-                      class: "w-[6px] h-[6px] rounded-full bg-fm-color-primary shrink-0 mt-[7px]"
-                    }, null, -1)),
-                    V(" " + n(s(e)(`connect.whatsappBot.notificationGroup.posts.${C}`)), 1)
-                  ])), 64))
-                ])
-              ]),
-              t("div", fe, [
-                t("span", me, n(s(e)("connect.whatsappBot.notificationGroup.inviteLink")), 1),
-                t("div", xe, [
-                  t("div", ve, n(p.value.inviteLink), 1),
-                  t("button", {
-                    type: "button",
-                    disabled: a.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
-                  }, n(s(e)(
-                    `connect.whatsappBot.notificationGroup.${o.value ? "copied" : "copy"}`
-                  )), 9, he)
-                ]),
-                o.value ? (h(), _("span", ge, n(s(e)("connect.whatsappBot.notificationGroup.copied")), 1)) : F("", !0),
-                r.value ? (h(), _("p", ye, n(r.value), 1)) : F("", !0),
-                t("p", _e, n(s(e)("connect.whatsappBot.notificationGroup.shareNote")), 1)
-              ])
-            ]),
-            t("div", be, [
-              t("div", we, [
-                t("img", {
-                  src: w.value,
-                  alt: s(e)("connect.whatsappBot.notificationGroup.qrAlt"),
-                  width: "224",
-                  height: "224"
-                }, null, 8, Be)
-              ]),
-              t("a", {
-                href: p.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]"
-              }, [
-                V(n(s(e)("connect.whatsappBot.notificationGroup.openWhatsapp")) + " ", 1),
-                L(P, {
-                  name: "open_in_new",
-                  size: "sm"
-                })
-              ], 8, ke)
-            ])
-          ])) : F("", !0)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-export {
-  Ve as _,
-  ee as u,
-  Z as w
-};