@feedmepos/mf-connect 0.1.111-prod → 0.1.113-beta.3

package/dist/Transaction-DAv-LVhC.js

@@ -0,0 +1,45 @@
+import { defineComponent as f, computed as b, resolveComponent as s, openBlock as t, createElementBlock as v, Fragment as y, createVNode as m, unref as o, createElementVNode as k, createBlock as l, KeepAlive as x, resolveDynamicComponent as u, createCommentVNode as F } from "vue";
+import { _ as T, a as g } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-qgrBtUNX.js";
+import { u as C } from "./vue-i18n-Cw6fF11e.js";
+import { useRoute as V, useRouter as q } from "vue-router";
+const B = { class: "px-24 flex flex-col gap-y-32 pb-24" }, $ = /* @__PURE__ */ f({
+  __name: "Transaction",
+  setup(N) {
+    const { t: n } = C(), r = V(), i = q(), a = [
+      {
+        label: n("connect.transaction.tabs.collection"),
+        value: "collection"
+      },
+      {
+        label: n("connect.transaction.tabs.store"),
+        value: "store"
+      }
+    ], c = b(
+      () => a.find((e) => e.value === r.query.tab) ?? a[0]
+    );
+    function p(e) {
+      e !== "collection" && e !== "store" || i.replace({ query: { ...r.query, tab: e } });
+    }
+    return (e, h) => {
+      const _ = s("FmPageHead"), d = s("FmTabs");
+      return t(), v(y, null, [
+        m(_, {
+          title: o(n)("connect.transaction.title")
+        }, null, 8, ["title"]),
+        k("div", B, [
+          m(d, {
+            "model-value": o(c).value,
+            items: a,
+            "onUpdate:modelValue": p
+          }, null, 8, ["model-value"]),
+          (t(), l(x, null, [
+            o(c).value == "collection" ? (t(), l(u(T), { key: 0 })) : o(c).value == "store" ? (t(), l(u(g), { key: 1 })) : F("", !0)
+          ], 1024))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  $ as default
+};

package/dist/{UserRuleGroup.vue_vue_type_script_setup_true_lang-C0yHxQVr.js → UserRuleGroup.vue_vue_type_script_setup_true_lang-Cih-9IoW.js}

@@ -1,11 +1,11 @@
 import { defineComponent as y, computed as b, openBlock as i, createBlock as R, unref as l, ref as E, watch as k, resolveComponent as h, createElementBlock as g, createElementVNode as B, Fragment as O, renderList as T, createVNode as V, isRef as U, createCommentVNode as v } from "vue";
-import "./index-DlGnYR5y.js";
-import { i as C, R as e } from "./rule-builder-DT854ycI.js";
-import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BvxbKSkB.js";
-import { p as N } from "./plugins-CCibSJZa.js";
-import { u as S } from "./membership-DkJN7jyQ.js";
+import "./index-DtcUCknS.js";
+import { a as C, R as e } from "./index-B1jP-_Z_.js";
+import { a as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Cz2H9MKe.js";
+import { p as N } from "./plugins-iTZLbJGy.js";
+import { u as S } from "./membership-ByJUFP8f.js";
 import { _ as j } from "./CustomSelect.vue_vue_type_script_setup_true_lang-Du7fRSZC.js";
-import { u as x } from "./vue-i18n-BjtkXdmG.js";
+import { u as x } from "./vue-i18n-Cw6fF11e.js";
 const A = /* @__PURE__ */ y({
   __name: "SegmentConfigurator",
   props: {
@@ -15,8 +15,8 @@ const A = /* @__PURE__ */ y({
     }
   },
   emits: ["update:model-value"],
-  setup(n, { emit: f }) {
-    const o = n, m = b(() => {
+  setup(a, { emit: f }) {
+    const o = a, n = b(() => {
       var s;
       const [u] = C(o.modelValue) ? Object.values(((s = o.modelValue) == null ? void 0 : s.rules) ?? {}) : [null];
       return (u ?? e.constructEntry("user.segment", "_hasAny", [])).conditions._hasAny;
@@ -24,7 +24,7 @@ const A = /* @__PURE__ */ y({
     return (u, c) => (i(), R(j, {
       multiselect: !0,
       items: l(S)().segmentOptions,
-      "model-value": l(m),
+      "model-value": l(n),
       "onUpdate:modelValue": c[0] || (c[0] = (s) => r(
         "update:model-value",
         l(e).setRuleToGroup(
@@ -45,9 +45,9 @@ const A = /* @__PURE__ */ y({
     }
   },
   emits: ["update:model-value"],
-  setup(n, { emit: f }) {
-    const { t: o } = x(), m = n, r = f, u = E(
-      m.modelValue ? e.getRules(m.modelValue.rules.g_user).length > 0 ? "custom" : e.getRules(m.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
+  setup(a, { emit: f }) {
+    const { t: o } = x(), n = a, r = f, u = E(
+      n.modelValue ? e.getRules(n.modelValue.rules.g_user).length > 0 ? "custom" : e.getRules(n.modelValue.rules.g_segment).length > 0 ? "segment" : "all_users" : "all_users"
     ), c = [
       {
         value: "all_users",
@@ -65,7 +65,7 @@ const A = /* @__PURE__ */ y({
     return k(u, async (s, t) => {
       var p;
       if (t != "all_users" && t != s && e.getRules(
-        (p = m.modelValue) == null ? void 0 : p.rules[t == "custom" ? "g_user" : "g_segment"]
+        (p = n.modelValue) == null ? void 0 : p.rules[t == "custom" ? "g_user" : "g_segment"]
       ).length > 0) {
         const d = await N.confirm(
           o("connect.template.rule.audience.confirm_remove"),
@@ -76,7 +76,7 @@ const A = /* @__PURE__ */ y({
         d && r(
           "update:model-value",
           e.setRuleToGroup(
-            m.modelValue ?? e.scaffoldGroup(),
+            n.modelValue ?? e.scaffoldGroup(),
             e.scaffoldGroup(t == "custom" ? "g_user" : "g_segment")
           )
         ), u.value = d ? s : t;
@@ -86,22 +86,22 @@ const A = /* @__PURE__ */ y({
       const p = h("FmRadio");
       return i(), g("div", F, [
         B("div", null, [
-          (i(), g(O, null, T(c, (a) => V(p, {
-            key: a.value,
-            value: a.value,
-            label: a.label,
+          (i(), g(O, null, T(c, (m) => V(p, {
+            key: m.value,
+            value: m.value,
+            label: m.label,
             modelValue: l(u),
             "onUpdate:modelValue": t[0] || (t[0] = (G) => U(u) ? u.value = G : null)
           }, null, 8, ["value", "label", "modelValue"])), 64))
         ]),
         l(u) == "segment" ? (i(), g("div", M, [
           V(A, {
-            modelValue: ((d = n.modelValue) == null ? void 0 : d.rules.g_segment) ?? l(e).scaffoldGroup("g_segment"),
-            "onUpdate:modelValue": t[1] || (t[1] = (a) => r(
+            modelValue: ((d = a.modelValue) == null ? void 0 : d.rules.g_segment) ?? l(e).scaffoldGroup("g_segment"),
+            "onUpdate:modelValue": t[1] || (t[1] = (m) => r(
               "update:model-value",
               l(e).setRuleToGroup(
-                n.modelValue ?? l(e).scaffoldGroup(),
-                a,
+                a.modelValue ?? l(e).scaffoldGroup(),
+                m,
                 "&&"
               )
             ))
@@ -111,12 +111,12 @@ const A = /* @__PURE__ */ y({
           key: 1,
           "include-only": "user",
           "trigger-type": "MEMBERSHIP_JOINED",
-          "model-value": ((_ = n.modelValue) == null ? void 0 : _.rules.g_user) ?? l(e).scaffoldGroup("g_user"),
-          "onUpdate:modelValue": t[2] || (t[2] = (a) => r(
+          "model-value": ((_ = a.modelValue) == null ? void 0 : _.rules.g_user) ?? l(e).scaffoldGroup("g_user"),
+          "onUpdate:modelValue": t[2] || (t[2] = (m) => r(
             "update:model-value",
             l(e).setRuleToGroup(
-              n.modelValue ?? l(e).scaffoldGroup(),
-              a,
+              a.modelValue ?? l(e).scaffoldGroup(),
+              m,
               "&&"
             )
           ))

package/dist/{Voucher-D2QGWSxs.js → Voucher-uLTq9RSK.js}

@@ -2,26 +2,26 @@ import { defineComponent as le, ref as w, computed as ce, h as m, onMounted as r
 import { _ as pe } from "./campaign-CpzFl8Vr.js";
 import { useDialog as ue, components as d } from "@feedmepos/ui-library";
 import { _ as M } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
-import { c as de, p as he } from "./plugins-CCibSJZa.js";
+import { c as de, p as he } from "./plugins-iTZLbJGy.js";
 import { useCoreStore as ge } from "@feedmepos/mf-common";
-import { u as fe } from "./loading-rIhCiB_S.js";
-import { u as ye } from "./business-CbqG6NXr.js";
-import { u as _e } from "./campaign-Rj7oDBnN.js";
-import { g as Ce, a as B, b as D } from "./campaign-Co4Lq-Wz.js";
-import { c as be, p as ve, u as He } from "./template-BeCVA0-N.js";
-import "./index-CDm0BWa3.js";
-import { _ as Se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BYxswo-Z.js";
-import { _ as ze } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-CkgXxy0C.js";
-import { u as Ue } from "./vue-i18n-BjtkXdmG.js";
-import { T as Te } from "./trigger-CxpXoQJO.js";
-import { u as Ve } from "./onboardingSetup-D9xhdgS3.js";
-import { W as Pe, S as we } from "./index-Cp7oHMm3.js";
-import "./index-DlGnYR5y.js";
-import { R as W } from "./rule-builder-DT854ycI.js";
-import { i as $ } from "./helper-_uhiXya1.js";
+import { u as fe } from "./loading-CUNk5u1d.js";
+import { u as ye } from "./business-BjAmUqNA.js";
+import { u as _e } from "./campaign-CTe-T5Gd.js";
+import { a as Ce, b as B, c as D } from "./campaign-C5c47GqT.js";
+import { c as be, p as ve } from "./duplicateCampaign-BbC4AwQ1.js";
+import "./index-BvY2hQac.js";
+import { u as He } from "./template--Vr0PCjB.js";
+import { _ as Se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Ce5R4Un6.js";
+import { _ as ze } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BeWwkTix.js";
+import { u as Ue } from "./vue-i18n-Cw6fF11e.js";
+import { T as Te } from "./trigger-D8r76yb0.js";
+import { u as Ve } from "./onboardingSetup-CsdZKGFk.js";
+import { R as W, W as Pe, S as we } from "./index-B1jP-_Z_.js";
+import "./index-DtcUCknS.js";
+import { i as $ } from "./helper-D9cEaMIv.js";
 import { useRouter as Ne } from "vue-router";
-import { c as C } from "./index-CzYxnDWP.js";
-import { R } from "./app-QxosLNkH.js";
+import { c as C } from "./index-VqAbYyHH.js";
+import { R } from "./app-Devzv4gO.js";
 const Ee = {
   _id: "",
   intention: ["REVISITING", "MEMBER_REWARD"],
@@ -395,7 +395,7 @@ W.scaffoldGroup(), $("VOUCHER", {
   business: null,
   noCampaign: !1
 });
-var xe = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", licensePortalUrl: "https://license.feedme.cc/", marketingV1Portal: "https://marketing-v1.feedme.cc", voucherAppUrl: "https://voucher.feedme.cc/" };
+var xe = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
 const Fe = { class: "px-24 flex flex-col gap-y-16" }, Re = { class: "flex items-center justify-between w-full" }, je = { class: "flex gap-8 overflow-x-auto" }, ke = { class: "space-y-8" }, Ie = { class: "flex w-full gap-4 items-center" }, Je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oe = { class: "space-y-4" }, Le = { class: "fm-typo-en-body-lg-600" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = { class: "flex gap-8 items-center" }, Be = { class: "flex flex-col gap-16 text-center" }, De = { class: "fm-typo-en-title-sm-800" }, We = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = /* @__PURE__ */ le({
   __name: "Voucher",
   setup($e) {

package/dist/{VoucherEditor.vue_vue_type_script_setup_true_lang-Bt2YB745.js → VoucherEditor.vue_vue_type_script_setup_true_lang-BevVL_Kx.js}

@@ -1,17 +1,17 @@
 import { defineComponent as B, ref as L, resolveComponent as g, openBlock as p, createBlock as O, withCtx as y, renderSlot as J, createVNode as m, createTextVNode as U, toDisplayString as f, createElementVNode as s, unref as e, computed as N, createElementBlock as S, Fragment as w, renderList as K, normalizeClass as Q, createCommentVNode as T, resolveDynamicComponent as H } from "vue";
-import { u as G } from "./vue-i18n-BjtkXdmG.js";
-import { c as j } from "./index-CWUmrVo_.js";
-import { e as W, F as Y } from "./index-DlGnYR5y.js";
-import { C as ee } from "./membership-DkJN7jyQ.js";
-import { Z as x } from "./zod-Dzn9S95S.js";
-import { S as te } from "./app-QxosLNkH.js";
-import { u as le } from "./business-CbqG6NXr.js";
+import { u as G } from "./vue-i18n-Cw6fF11e.js";
+import { c as j } from "./index-OvnHt5x5.js";
+import { g as W, F as Y } from "./index-DtcUCknS.js";
+import { C as ee } from "./membership-ByJUFP8f.js";
+import { Z as x } from "./zod-CCPTOeUz.js";
+import { S as te } from "./app-Devzv4gO.js";
+import { u as le } from "./business-BjAmUqNA.js";
 import { useCoreStore as oe } from "@feedmepos/mf-common";
-import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BzCL64Jo.js";
-import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-CaPDI3vY.js";
-import { _ as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-Dv0q3B8m.js";
-import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-C-C3RSeW.js";
-import { i as re } from "./helper-_uhiXya1.js";
+import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CR-F0x1r.js";
+import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-srSgUY3e.js";
+import { b as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-CMFmlqfF.js";
+import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D7ifzgsI.js";
+import { i as re } from "./helper-D9cEaMIv.js";
 const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
   __name: "MenuSheet",
   props: {
@@ -95,7 +95,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
   },
   emits: ["update:model-value"],
   setup(o, { emit: I }) {
-    var b, _, E;
+    var b, E, _;
     const C = le(), { t: l } = G(), t = o, u = I, h = N(
       () => [
         {
@@ -135,7 +135,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
       );
     }
     const v = L(
-      ((b = t.modelValue) == null ? void 0 : b.type) === "PROPORTIONAL" && !!((E = (_ = t.modelValue) == null ? void 0 : _.property) != null && E.length) || !1
+      ((b = t.modelValue) == null ? void 0 : b.type) === "PROPORTIONAL" && !!((_ = (E = t.modelValue) == null ? void 0 : E.property) != null && _.length) || !1
     );
     return (a, i) => {
       var D, $, X;
@@ -329,7 +329,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
       })
     ), u = Y, h = I;
     return (c, n) => {
-      var b, _, E;
+      var b, E, _;
       const P = g("FmTextarea"), v = g("FmHelperText");
       return p(), S(w, null, [
         m(ne, {
@@ -398,7 +398,7 @@ const ue = { class: "flex justify-end gap-8 w-full" }, ce = /* @__PURE__ */ B({
         n[9] || (n[9] = s("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
         e(t).type === "VOUCHER" ? (p(), O(me, {
           key: 1,
-          "model-value": ((E = (_ = e(t).extras) == null ? void 0 : _.targetLocation) == null ? void 0 : E.map(String)) ?? null,
+          "model-value": ((_ = (E = e(t).extras) == null ? void 0 : E.targetLocation) == null ? void 0 : _.map(String)) ?? null,
           type: "select",
           "onUpdate:modelValue": n[5] || (n[5] = (a) => {
             e(t).extras.targetLocation = a;

package/dist/WhatsappAccount-BpXQ4q0P.js

@@ -0,0 +1,158 @@
+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 { 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 = {
+  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]"
+}, 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 = {
+  "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 = {
+  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({
+  __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), {
+      name: E,
+      phoneNumber: N,
+      initials: V,
+      state: P,
+      avatarColor: $,
+      profilePictureUrl: B,
+      profilePictureFailed: k
+    } = X(r);
+    let a, h;
+    async function g(y = !1) {
+      clearTimeout(h), a == null || a.abort();
+      const t = new AbortController();
+      a = t, y || (_.value = !0, p.value = "");
+      try {
+        if (!m.value)
+          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
+        const l = await J.getClient(
+          m.value,
+          b.value,
+          t.signal
+        );
+        if (t.signal.aborted) return;
+        r.value = l, p.value = "";
+      } catch (l) {
+        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"));
+      } finally {
+        t.signal.aborted || (_.value = !1, r.value && (h = setTimeout(() => void g(!0), 1e4)));
+      }
+    }
+    return U(
+      [m, b],
+      () => {
+        f.value = !1, r.value = void 0, g();
+      },
+      { immediate: !0 }
+    ), z(() => {
+      a == null || a.abort(), clearTimeout(h);
+    }), (y, t) => {
+      const l = v("FmIcon"), R = v("RouterLink"), S = v("FmCircularProgress"), C = v("FmButton");
+      return i(), u(F, null, [
+        o("div", Z, [
+          o("div", q, [
+            c(R, {
+              to: { name: e(Y)["$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: G(() => [
+                c(l, {
+                  name: "chevron_left",
+                  size: "sm"
+                }),
+                I(" " + s(e(n)("connect.navigation.whatsappBot")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"]),
+            _.value ? (i(), u("div", ee, [
+              c(S),
+              I(" " + s(e(n)("connect.whatsappBot.loadingAccount")), 1)
+            ])) : p.value ? (i(), u("div", te, [
+              o("p", oe, s(p.value), 1),
+              c(C, {
+                label: e(n)("connect.whatsappBot.tryAgain"),
+                "prepend-icon": "refresh",
+                onClick: t[0] || (t[0] = (d) => g())
+              }, null, 8, ["label"])
+            ])) : r.value ? (i(), u(F, { key: 2 }, [
+              o("div", ne, [
+                o("div", {
+                  "aria-hidden": "true",
+                  class: O(["w-[56px] h-[56px] rounded-full overflow-hidden shrink-0 flex items-center justify-center text-[18px] font-semibold text-fm-color-typo-white", e($)])
+                }, [
+                  e(B) && !e(k) ? (i(), u("img", {
+                    key: 0,
+                    src: e(B),
+                    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))
+                ], 2),
+                o("div", ae, [
+                  o("h1", le, s(e(E)), 1),
+                  o("div", ie, [
+                    o("span", ce, s(e(N)), 1),
+                    c(K, { state: e(P) }, null, 8, ["state"])
+                  ])
+                ])
+              ]),
+              o("section", pe, [
+                o("div", ue, [
+                  c(l, {
+                    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)
+                ]),
+                c(C, {
+                  variant: "secondary",
+                  label: e(n)("connect.whatsappBot.notificationGroup.join"),
+                  "prepend-icon": "group",
+                  class: "shrink-0",
+                  onClick: t[2] || (t[2] = (d) => f.value = !0)
+                }, null, 8, ["label"])
+              ])
+            ], 64)) : T("", !0)
+          ])
+        ]),
+        r.value ? (i(), W(Q, {
+          key: 0,
+          modelValue: f.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (d) => f.value = d),
+          account: r.value
+        }, null, 8, ["modelValue", "account"])) : T("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Ce as default
+};

package/dist/WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-EssnbsgT.js

@@ -0,0 +1,39 @@
+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";
+const h = /* @__PURE__ */ l({
+  __name: "WhatsappAccountStatusLabel",
+  props: {
+    state: {}
+  },
+  setup(o) {
+    const s = o, { t: n } = f(), c = {
+      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"
+      }
+    }, e = r(() => c[s.state]);
+    return (x, g) => (a(), p("span", {
+      class: t(["flex items-center gap-[6px] text-[12px] font-semibold px-[8px] py-[3px] rounded-[6px]", e.value.pill])
+    }, [
+      m("span", {
+        "aria-hidden": "true",
+        class: t(["w-[6px] h-[6px] rounded-full", e.value.dot])
+      }, null, 2),
+      i(" " + d(u(n)(e.value.label)), 1)
+    ], 2));
+  }
+});
+export {
+  h as _
+};