@feedmepos/mf-connect 0.1.113-prod → 0.1.114-dev

package/dist/{UserRuleGroup.vue_vue_type_script_setup_true_lang-BMutYxOU.js → UserRuleGroup.vue_vue_type_script_setup_true_lang-Bfy8SZH1.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-uXgPJlic.js";
-import { i as C, R as e } from "./rule-builder-BzYwbbj4.js";
-import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang--5K-qagY.js";
-import { p as N } from "./plugins-Bj3npYnL.js";
-import { u as S } from "./membership-BWyBGF4n.js";
+import "./index-CoROn5OA.js";
+import { a as C, R as e } from "./index-DIZLkVe0.js";
+import { a as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Coh3L11L.js";
+import { p as N } from "./plugins-CPTtiKqf.js";
+import { u as S } from "./membership-BgfH9Kva.js";
 import { _ as j } from "./CustomSelect.vue_vue_type_script_setup_true_lang-Du7fRSZC.js";
-import { u as x } from "./vue-i18n-DbJO6sZW.js";
+import { u as x } from "./vue-i18n-C6c2jsH3.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-B2lFq21Y.js → Voucher-9vydRET7.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-Bj3npYnL.js";
+import { c as de, p as he } from "./plugins-CPTtiKqf.js";
 import { useCoreStore as ge } from "@feedmepos/mf-common";
-import { u as fe } from "./loading-B2mSdkfy.js";
-import { u as ye } from "./business-C6ID0exl.js";
-import { u as _e } from "./campaign-BgSJXWdU.js";
-import { g as Ce, a as B, b as D } from "./campaign-DDfFBFye.js";
-import { c as be, p as ve, u as He } from "./template-fjUz6xrU.js";
-import "./index-DeNbsrQx.js";
-import { _ as Se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DyIOw_HH.js";
-import { _ as ze } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-DW_ViNZM.js";
-import { u as Ue } from "./vue-i18n-DbJO6sZW.js";
-import { T as Te } from "./trigger-BKJwKTJx.js";
-import { u as Ve } from "./onboardingSetup-CCQ90jg7.js";
-import { W as Pe, S as we } from "./index-CNULhBPM.js";
-import "./index-uXgPJlic.js";
-import { R as W } from "./rule-builder-BzYwbbj4.js";
-import { i as $ } from "./helper-BX0JQP06.js";
+import { u as fe } from "./loading-C5fVI0ry.js";
+import { u as ye } from "./business-BZ0boE-5.js";
+import { u as _e } from "./campaign-DMrtYWcs.js";
+import { a as Ce, b as B, c as D } from "./campaign-CsfFq2S-.js";
+import { c as be, p as ve } from "./duplicateCampaign-ey_rW0Bz.js";
+import "./index-BDNkoALK.js";
+import { u as He } from "./template-C1QftpDG.js";
+import { _ as Se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BRd5RVYe.js";
+import { _ as ze } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-LyAtRMs8.js";
+import { u as Ue } from "./vue-i18n-C6c2jsH3.js";
+import { T as Te } from "./trigger-PUP0mwKM.js";
+import { u as Ve } from "./onboardingSetup-BEhVj613.js";
+import { R as W, W as Pe, S as we } from "./index-DIZLkVe0.js";
+import "./index-CoROn5OA.js";
+import { i as $ } from "./helper-BRpts-M-.js";
 import { useRouter as Ne } from "vue-router";
-import { c as C } from "./index-Y2Pu1YkB.js";
-import { R } from "./app-DgFVWdhA.js";
+import { c as C } from "./index-mToWKHVs.js";
+import { R } from "./app-DV3e2LkD.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-BWV631It.js → VoucherEditor.vue_vue_type_script_setup_true_lang-Dq7veRL5.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-DbJO6sZW.js";
-import { c as j } from "./index-BIpAzktM.js";
-import { e as W, F as Y } from "./index-uXgPJlic.js";
-import { C as ee } from "./membership-BWyBGF4n.js";
-import { Z as x } from "./zod-DI7OBdxu.js";
-import { S as te } from "./app-DgFVWdhA.js";
-import { u as le } from "./business-C6ID0exl.js";
+import { u as G } from "./vue-i18n-C6c2jsH3.js";
+import { c as j } from "./index-03WIXl-H.js";
+import { g as W, F as Y } from "./index-CoROn5OA.js";
+import { C as ee } from "./membership-BgfH9Kva.js";
+import { Z as x } from "./zod-CihbDg3N.js";
+import { S as te } from "./app-DV3e2LkD.js";
+import { u as le } from "./business-BZ0boE-5.js";
 import { useCoreStore as oe } from "@feedmepos/mf-common";
-import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BCoB0Fsa.js";
-import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-xdEzwMcS.js";
-import { _ as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-KvZebiOu.js";
-import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D9L-AayN.js";
-import { i as re } from "./helper-BX0JQP06.js";
+import { _ as ne } from "./ZodTextField.vue_vue_type_script_setup_true_lang-96t_eUzk.js";
+import { _ as ae } from "./ImageInput.vue_vue_type_script_setup_true_lang-HipBZ1_T.js";
+import { b as ie, a as se } from "./EffectSheet.vue_vue_type_style_index_0_lang-zV9dLCWp.js";
+import { _ as me } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DbnY9VE9.js";
+import { i as re } from "./helper-BRpts-M-.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-D12Hvzfl.js

@@ -0,0 +1,159 @@
+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-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"
+}, 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"], 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"
+}, 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"
+}, xe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary [text-wrap:pretty]" }, ke = /* @__PURE__ */ j({
+  __name: "WhatsappAccount",
+  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,
+      state: P,
+      avatarColor: $,
+      profilePictureUrl: B,
+      profilePictureFailed: k
+    } = Q(r);
+    let l, h;
+    async function g(y = !1) {
+      clearTimeout(h), l == null || l.abort();
+      const t = new AbortController();
+      l = t, y || (_.value = !0, p.value = "");
+      try {
+        if (!f.value)
+          throw new Error(n("connect.whatsappBot.errors.selectBusiness"));
+        const s = await J.getClient(
+          f.value,
+          w.value,
+          t.signal
+        );
+        if (t.signal.aborted) return;
+        r.value = s, p.value = "";
+      } catch (s) {
+        if (t.signal.aborted) return;
+        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(
+      [f, w],
+      () => {
+        d.value = !1, r.value = void 0, g();
+      },
+      { immediate: !0 }
+    ), z(() => {
+      l == null || l.abort(), clearTimeout(h);
+    }), (y, t) => {
+      const s = 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(s, {
+                  name: "chevron_left",
+                  size: "sm"
+                }),
+                I(" " + a(e(n)("connect.navigation.whatsappBot")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"]),
+            _.value ? (i(), u("div", ee, [
+              c(S),
+              I(" " + a(e(n)("connect.whatsappBot.loadingAccount")), 1)
+            ])) : p.value ? (i(), u("div", te, [
+              o("p", oe, a(p.value), 1),
+              c(C, {
+                label: e(n)("connect.whatsappBot.tryAgain"),
+                "prepend-icon": "refresh",
+                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, [
+                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] = (x) => k.value = !0)
+                  }, null, 40, re)) : (i(), u("span", ae, a(e(V)), 1))
+                ], 2),
+                o("div", le, [
+                  o("h1", se, a(e(E)), 1),
+                  o("div", ie, [
+                    o("span", ce, a(e(N)), 1),
+                    c(K, { state: e(P) }, null, 8, ["state"])
+                  ])
+                ])
+              ]),
+              o("section", pe, [
+                o("div", ue, [
+                  c(s, {
+                    name: "notifications",
+                    size: "md"
+                  })
+                ]),
+                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 !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(X, {
+          key: 0,
+          modelValue: d.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (x) => d.value = x),
+          account: r.value
+        }, null, 8, ["modelValue", "account"])) : T("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  ke as default
+};

package/dist/WhatsappAccountStatusLabel.vue_vue_type_script_setup_true_lang-BrZEDi6O.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-C6c2jsH3.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 _
+};