@feedmepos/mf-connect 0.1.113-beta.3 → 0.1.114-dev

package/dist/{WhatsappAccount-BpXQ4q0P.js → WhatsappAccount-D12Hvzfl.js}

@@ -1,13 +1,12 @@
-import { defineComponent as j, computed as A, ref as x, watch as U, onBeforeUnmount as z, resolveComponent as v, openBlock as i, createElementBlock as u, Fragment as F, createElementVNode as o, createVNode as c, unref as e, withCtx as G, createTextVNode as I, toDisplayString as s, normalizeClass as O, createCommentVNode as T, createBlock as W } from "vue";
-import { u as L } from "./vue-i18n-Cw6fF11e.js";
+import { defineComponent as j, computed as A, ref as m, watch as U, onBeforeUnmount as z, resolveComponent as v, openBlock as i, createElementBlock as u, Fragment as F, createElementVNode as o, createVNode as c, unref as e, withCtx as G, createTextVNode as I, toDisplayString as a, normalizeClass as O, createCommentVNode as T, createBlock as W } from "vue";
+import { u as L } from "./vue-i18n-C6c2jsH3.js";
 import { useRoute as D } from "vue-router";
-import { S as H, a as M } from "./index-OvnHt5x5.js";
-import { w as J } from "./index-0H82-X0n.js";
-import { _ as K } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-EssnbsgT.js";
-import { _ as Q } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-1BvxPD-k.js";
-import { u as X } from "./useWhatsappAccount-BOJ8fz84.js";
-import { R as Y } from "./app-Devzv4gO.js";
-const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, q = { class: "w-full flex flex-col gap-[24px]" }, ee = {
+import { S as H, a as M } from "./index-03WIXl-H.js";
+import { w as J } from "./index-ZRE89TKq.js";
+import { _ as K } from "./WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-BrZEDi6O.js";
+import { u as Q, _ as X } from "./WhatsappNotificationGroupDialog.vue_vue_type_script_setup_true_lang-Cytrffdh.js";
+import { R as Y } from "./app-DV3e2LkD.js";
+const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typo-primary" }, q = { class: "mx-auto w-full min-w-0 flex flex-col gap-[24px]" }, ee = {
   key: 0,
   role: "status",
   class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
@@ -17,21 +16,21 @@ const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typ
 }, oe = {
   role: "alert",
   class: "text-[14px] text-fm-color-typo-error"
-}, ne = { class: "flex items-center gap-[16px]" }, re = ["src"], se = { key: 1 }, ae = { class: "min-w-0 flex-1 flex flex-col gap-[2px]" }, le = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em] break-words" }, ie = { class: "flex items-center gap-[10px] flex-wrap text-[14px] text-fm-color-typo-secondary" }, ce = { class: "break-all" }, pe = {
+}, ne = { class: "flex items-center gap-[16px]" }, re = ["src"], ae = { key: 1 }, le = { class: "min-w-0 flex-1 flex flex-col gap-[2px]" }, se = { class: "text-[24px] leading-[32px] font-semibold tracking-[-0.01em] break-words" }, ie = { class: "flex items-center gap-[10px] flex-wrap text-[14px] text-fm-color-typo-secondary" }, ce = { class: "break-all" }, pe = {
   "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"
-}, fe = { class: "min-w-[240px] xs:min-w-0 flex-1 flex flex-col gap-[4px]" }, me = {
+}, de = { class: "min-w-[240px] xs:min-w-0 flex-1 flex flex-col gap-[4px]" }, fe = {
   id: "notification-group-title",
   class: "text-[16px] leading-[24px] font-semibold"
-}, de = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ce = /* @__PURE__ */ j({
+}, xe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, ke = /* @__PURE__ */ j({
   __name: "WhatsappAccount",
-  setup(xe) {
-    const { t: n } = L(), w = D(), m = A(() => H.getBusinessId() ?? ""), b = A(
-      () => typeof w.params.clientId == "string" ? w.params.clientId : ""
-    ), r = x(), _ = x(!0), p = x(""), f = x(!1), {
+  setup(me) {
+    const { t: n } = L(), b = D(), f = A(() => H.getBusinessId() ?? ""), w = A(
+      () => typeof b.params.clientId == "string" ? b.params.clientId : ""
+    ), r = m(), _ = m(!0), p = m(""), d = m(!1), {
       name: E,
       phoneNumber: N,
       initials: V,
@@ -39,39 +38,39 @@ const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typ
       avatarColor: $,
       profilePictureUrl: B,
       profilePictureFailed: k
-    } = X(r);
-    let a, h;
+    } = Q(r);
+    let l, h;
     async function g(y = !1) {
-      clearTimeout(h), a == null || a.abort();
+      clearTimeout(h), l == null || l.abort();
       const t = new AbortController();
-      a = t, y || (_.value = !0, p.value = "");
+      l = t, y || (_.value = !0, p.value = "");
       try {
-        if (!m.value)
+        if (!f.value)
           throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
-        const l = await J.getClient(
-          m.value,
-          b.value,
+        const s = await J.getClient(
+          f.value,
+          w.value,
           t.signal
         );
         if (t.signal.aborted) return;
-        r.value = l, p.value = "";
-      } catch (l) {
+        r.value = s, p.value = "";
+      } catch (s) {
         if (t.signal.aborted) return;
-        l instanceof M && l.status === 404 ? (f.value = !1, r.value = void 0, p.value = n("connect.whatsappBot.errors.accountNotFound")) : y || (p.value = m.value ? n("connect.whatsappBot.errors.loadAccount") : n("connect.whatsappBot.errors.selectBusiness"));
+        s instanceof M && s.status === 404 ? (d.value = !1, r.value = void 0, p.value = n("connect.whatsappBot.errors.accountNotFound")) : y || (p.value = f.value ? n("connect.whatsappBot.errors.loadAccount") : n("connect.whatsappBot.errors.selectBusiness"));
       } finally {
         t.signal.aborted || (_.value = !1, r.value && (h = setTimeout(() => void g(!0), 1e4)));
       }
     }
     return U(
-      [m, b],
+      [f, w],
       () => {
-        f.value = !1, r.value = void 0, g();
+        d.value = !1, r.value = void 0, g();
       },
       { immediate: !0 }
     ), z(() => {
-      a == null || a.abort(), clearTimeout(h);
+      l == null || l.abort(), clearTimeout(h);
     }), (y, t) => {
-      const l = v("FmIcon"), R = v("RouterLink"), S = v("FmCircularProgress"), C = v("FmButton");
+      const s = v("FmIcon"), R = v("RouterLink"), S = v("FmCircularProgress"), C = v("FmButton");
       return i(), u(F, null, [
         o("div", Z, [
           o("div", q, [
@@ -80,23 +79,24 @@ const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typ
               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: G(() => [
-                c(l, {
+                c(s, {
                   name: "chevron_left",
                   size: "sm"
                 }),
-                I(" " + s(e(n)("connect.navigation.whatsappBot")), 1)
+                I(" " + a(e(n)("connect.navigation.whatsappBot")), 1)
               ]),
               _: 1
             }, 8, ["to"]),
             _.value ? (i(), u("div", ee, [
               c(S),
-              I(" " + s(e(n)("connect.whatsappBot.loadingAccount")), 1)
+              I(" " + a(e(n)("connect.whatsappBot.loadingAccount")), 1)
             ])) : p.value ? (i(), u("div", te, [
-              o("p", oe, s(p.value), 1),
+              o("p", oe, a(p.value), 1),
               c(C, {
                 label: e(n)("connect.whatsappBot.tryAgain"),
                 "prepend-icon": "refresh",
-                onClick: t[0] || (t[0] = (d) => g())
+                class: "!rounded-full [&_.label]:text-[14px]",
+                onClick: t[0] || (t[0] = (x) => g())
               }, null, 8, ["label"])
             ])) : r.value ? (i(), u(F, { key: 2 }, [
               o("div", ne, [
@@ -110,43 +110,44 @@ const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typ
                     alt: "",
                     class: "w-full h-full object-cover",
                     referrerpolicy: "no-referrer",
-                    onError: t[1] || (t[1] = (d) => k.value = !0)
-                  }, null, 40, re)) : (i(), u("span", se, s(e(V)), 1))
+                    onError: t[1] || (t[1] = (x) => k.value = !0)
+                  }, null, 40, re)) : (i(), u("span", ae, a(e(V)), 1))
                 ], 2),
-                o("div", ae, [
-                  o("h1", le, s(e(E)), 1),
+                o("div", le, [
+                  o("h1", se, a(e(E)), 1),
                   o("div", ie, [
-                    o("span", ce, s(e(N)), 1),
+                    o("span", ce, a(e(N)), 1),
                     c(K, { state: e(P) }, null, 8, ["state"])
                   ])
                 ])
               ]),
               o("section", pe, [
                 o("div", ue, [
-                  c(l, {
+                  c(s, {
                     name: "notifications",
                     size: "md"
                   })
                 ]),
-                o("div", fe, [
-                  o("h2", me, s(e(n)("connect.whatsappBot.notificationGroup.title")), 1),
-                  o("p", de, s(e(n)("connect.whatsappBot.notificationGroup.description")), 1)
+                o("div", de, [
+                  o("h2", fe, a(e(n)("connect.whatsappBot.notificationGroup.title")), 1),
+                  o("p", xe, a(e(n)("connect.whatsappBot.notificationGroup.description")), 1)
                 ]),
                 c(C, {
                   variant: "secondary",
+                  "border-color": "neutral-gray-200",
                   label: e(n)("connect.whatsappBot.notificationGroup.join"),
                   "prepend-icon": "group",
-                  class: "shrink-0",
-                  onClick: t[2] || (t[2] = (d) => f.value = !0)
+                  class: "shrink-0 !rounded-full !px-[20px] [&_.label]:text-[14px]",
+                  onClick: t[2] || (t[2] = (x) => d.value = !0)
                 }, null, 8, ["label"])
               ])
             ], 64)) : T("", !0)
           ])
         ]),
-        r.value ? (i(), W(Q, {
+        r.value ? (i(), W(X, {
           key: 0,
-          modelValue: f.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (d) => f.value = d),
+          modelValue: d.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (x) => d.value = x),
           account: r.value
         }, null, 8, ["modelValue", "account"])) : T("", !0)
       ], 64);
@@ -154,5 +155,5 @@ const Z = { class: "px-[24px] xs:px-[12px] pt-[20px] pb-[40px] text-fm-color-typ
   }
 });
 export {
-  Ce as default
+  ke as default
 };

package/dist/{WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-EssnbsgT.js → WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-BrZEDi6O.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, computed as r, openBlock as a, createElementBlock as p, normalizeClass as t, createElementVNode as m, createTextVNode as i, toDisplayString as d, unref as u } from "vue";
-import { u as f } from "./vue-i18n-Cw6fF11e.js";
+import { u as f } from "./vue-i18n-C6c2jsH3.js";
 const h = /* @__PURE__ */ l({
   __name: "WhatsappAccountStatusLabel",
   props: {