@feedmepos/mf-connect 0.1.115-prod → 0.1.117-dev

package/dist/WhatsappLayout-DeQTPuF6.js

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

package/dist/WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-DI0pcHcE.js

@@ -0,0 +1,253 @@
+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
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-8d290Dcp.js → ZodTextField.vue_vue_type_script_setup_true_lang-CKZscSjU.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-Aj-GuVQL.js";
-import { u as V } from "./vue-i18n-Cze706-f.js";
+import { Z as d } from "./zod-T4wMYjWT.js";
+import { u as V } from "./vue-i18n-DXvyTCZf.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"