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

package/dist/WhatsappBotSettings-Bkv1VNwF.js

@@ -0,0 +1,387 @@
+import { defineComponent as L, mergeModels as U, useModel as A, resolveComponent as k, openBlock as c, createElementBlock as p, createElementVNode as r, toDisplayString as m, unref as e, createVNode as g, computed as E, Fragment as N, renderList as X, normalizeClass as D, createTextVNode as O, createCommentVNode as T, withDirectives as Y, vModelRadio as Z, ref as f, watch as ee, onBeforeUnmount as te, createBlock as oe } from "vue";
+import { u as M } from "./vue-i18n-Cw6fF11e.js";
+import { useSnackbar as ae } from "@feedmepos/ui-library";
+import { F as j, a as C, b as le, c as se, d as ne, e as $, f as re } from "./index-RwNlbTO8.js";
+import { S as ie } from "./index-OvnHt5x5.js";
+import { w as z } from "./index-0H82-X0n.js";
+import { p as ce } from "./plugins-iTZLbJGy.js";
+const de = { class: "flex flex-col gap-[16px]" }, pe = { class: "flex flex-col gap-[4px]" }, ue = { class: "text-[16px] leading-[24px] font-semibold" }, me = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, ve = /* @__PURE__ */ L({
+  __name: "BotInstructions",
+  props: /* @__PURE__ */ U({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const o = A(d, "modelValue"), { t: a } = M();
+    return (i, t) => {
+      const v = k("FmTextarea");
+      return c(), p("div", de, [
+        r("div", pe, [
+          r("h2", ue, m(e(a)("connect.whatsappBot.botSettings.instructions")), 1),
+          r("p", me, m(e(a)("connect.whatsappBot.botSettings.description")), 1)
+        ]),
+        g(v, {
+          modelValue: o.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
+          "aria-label": e(a)("connect.whatsappBot.botSettings.instructions"),
+          placeholder: e(a)("connect.whatsappBot.botSettings.placeholder"),
+          "max-length": e(j),
+          disabled: d.disabled,
+          "show-word-count": "",
+          class: "bot-instructions-textarea"
+        }, null, 8, ["modelValue", "aria-label", "placeholder", "max-length", "disabled"])
+      ]);
+    };
+  }
+}), xe = {
+  "aria-labelledby": "knowledge-base-title",
+  class: "border-t-[1px] border-fm-color-neutral-gray-100 pt-[20px] flex flex-col gap-[12px]"
+}, be = { class: "flex flex-col gap-[4px]" }, ge = {
+  id: "knowledge-base-title",
+  class: "text-[16px] leading-[24px] font-semibold"
+}, fe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, he = { class: "flex flex-wrap gap-[8px]" }, _e = ["title", "aria-expanded", "disabled", "onClick"], ye = ["disabled"], we = {
+  key: 0,
+  class: "text-[14px] text-fm-color-typo-tertiary"
+}, Se = {
+  key: 1,
+  class: "text-[14px] text-fm-color-typo-secondary"
+}, Be = /* @__PURE__ */ L({
+  __name: "KnowledgeBase",
+  props: /* @__PURE__ */ U({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {},
+    activeTopicIndex: {
+      required: !0
+    },
+    activeTopicIndexModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:activeTopicIndex"],
+  setup(d) {
+    const o = d, a = A(d, "modelValue"), i = A(d, "activeTopicIndex"), { t } = M(), v = E(
+      () => i.value === null ? null : a.value[i.value]
+    );
+    function n() {
+      o.disabled || a.value.length >= C || (a.value.push({ title: "", description: "" }), i.value = a.value.length - 1);
+    }
+    function _() {
+      o.disabled || i.value === null || (a.value.splice(i.value, 1), i.value = null);
+    }
+    return (y, w) => {
+      const h = k("FmIcon"), F = k("FmTextField"), P = k("FmTextarea"), S = k("FmButton");
+      return c(), p("section", xe, [
+        r("div", be, [
+          r("h2", ge, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.title")), 1),
+          r("p", fe, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.description")), 1)
+        ]),
+        r("div", he, [
+          (c(!0), p(N, null, X(a.value, (u, x) => (c(), p("button", {
+            key: x,
+            type: "button",
+            title: u.title.trim() || e(t)("connect.whatsappBot.botSettings.knowledgeBase.untitled"),
+            "aria-expanded": i.value === x,
+            "aria-controls": "knowledge-topic-editor",
+            disabled: d.disabled,
+            class: D(["h-[32px] max-w-[240px] rounded-[8px] border-[1px] px-[12px] truncate text-[14px] font-medium transition-colors focus-visible:ring-2 focus-visible:ring-fm-color-primary disabled:opacity-60", [
+              i.value === x ? "border-fm-color-primary bg-fm-color-primary-oats text-fm-color-primary" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
+              d.disabled ? "cursor-default" : "cursor-pointer hover:border-fm-color-primary"
+            ]]),
+            onClick: (H) => i.value = i.value === x ? null : x
+          }, m(u.title.trim() || e(t)("connect.whatsappBot.botSettings.knowledgeBase.untitled")), 11, _e))), 128)),
+          r("button", {
+            type: "button",
+            disabled: d.disabled || a.value.length >= e(C),
+            class: "h-[32px] rounded-[8px] border-[1px] border-dashed border-fm-color-neutral-gray-200 bg-fm-color-neutral-white px-[12px] flex items-center gap-[6px] text-[14px] font-semibold text-fm-color-primary hover:border-fm-color-primary focus-visible:ring-2 focus-visible:ring-fm-color-primary disabled:opacity-60 disabled:cursor-default",
+            onClick: n
+          }, [
+            g(h, {
+              name: "add",
+              size: "sm"
+            }),
+            O(" " + m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.addTopic")), 1)
+          ], 8, ye)
+        ]),
+        a.value.length === 0 ? (c(), p("p", we, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.empty")), 1)) : T("", !0),
+        a.value.length >= e(C) ? (c(), p("p", Se, m(e(t)("connect.whatsappBot.botSettings.knowledgeBase.topicLimit", {
+          count: e(C)
+        })), 1)) : T("", !0),
+        v.value ? (c(), p("div", {
+          id: "knowledge-topic-editor",
+          key: i.value ?? void 0,
+          class: "rounded-[8px] border-[1px] border-fm-color-neutral-gray-100 p-[16px] flex flex-col gap-[12px]"
+        }, [
+          g(F, {
+            modelValue: v.value.title,
+            "onUpdate:modelValue": w[0] || (w[0] = (u) => v.value.title = u),
+            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.titleLabel"),
+            placeholder: e(t)("connect.whatsappBot.botSettings.knowledgeBase.titlePlaceholder"),
+            "max-length": e(le),
+            disabled: d.disabled
+          }, null, 8, ["modelValue", "label", "placeholder", "max-length", "disabled"]),
+          g(P, {
+            modelValue: v.value.description,
+            "onUpdate:modelValue": w[1] || (w[1] = (u) => v.value.description = u),
+            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.descriptionLabel"),
+            placeholder: e(t)(
+              "connect.whatsappBot.botSettings.knowledgeBase.descriptionPlaceholder"
+            ),
+            "max-length": e(se),
+            disabled: d.disabled,
+            "show-word-count": "",
+            class: "bot-instructions-textarea"
+          }, null, 8, ["modelValue", "label", "placeholder", "max-length", "disabled"]),
+          g(S, {
+            variant: "plain",
+            size: "sm",
+            "prepend-icon": "delete",
+            "text-color": "typo-error",
+            label: e(t)("connect.whatsappBot.botSettings.knowledgeBase.removeTopic"),
+            disabled: d.disabled,
+            class: "self-start",
+            onClick: _
+          }, null, 8, ["label", "disabled"])
+        ])) : T("", !0)
+      ]);
+    };
+  }
+}), ke = {
+  "aria-labelledby": "response-speed-title",
+  class: "border-t-[1px] border-fm-color-neutral-gray-100 pt-[20px] flex flex-col gap-[12px]"
+}, Te = { class: "flex flex-col gap-[4px]" }, Ve = {
+  id: "response-speed-title",
+  class: "text-[16px] leading-[24px] font-semibold"
+}, Fe = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, Ie = {
+  role: "radiogroup",
+  "aria-labelledby": "response-speed-title",
+  "aria-describedby": "response-speed-detail",
+  class: "grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-[8px]"
+}, Ee = ["value", "disabled"], Pe = { class: "flex items-center gap-[8px] text-[14px] leading-[20px] font-semibold" }, Ce = {
+  key: 0,
+  class: "w-[8px] h-[8px] rounded-full bg-fm-color-primary"
+}, $e = { class: "text-[12px] leading-[16px] text-fm-color-typo-secondary" }, Ae = {
+  id: "response-speed-detail",
+  "aria-live": "polite",
+  class: "text-[14px] leading-[20px] text-fm-color-typo-secondary"
+}, Ne = {
+  key: 0,
+  class: "rounded-[8px] bg-fm-color-system-warning-100 px-[12px] py-[10px] flex items-start gap-[10px] text-[14px] leading-[20px]"
+}, Oe = /* @__PURE__ */ L({
+  __name: "ResponseSpeed",
+  props: /* @__PURE__ */ U({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const o = A(d, "modelValue"), { t: a } = M();
+    return (i, t) => {
+      const v = k("FmIcon");
+      return c(), p("section", ke, [
+        r("div", Te, [
+          r("h2", Ve, m(e(a)("connect.whatsappBot.botSettings.responseSpeed.title")), 1),
+          r("p", Fe, m(e(a)("connect.whatsappBot.botSettings.responseSpeed.description")), 1)
+        ]),
+        r("div", Ie, [
+          (c(!0), p(N, null, X(e(ne), (n) => (c(), p("label", { key: n }, [
+            Y(r("input", {
+              "onUpdate:modelValue": t[0] || (t[0] = (_) => o.value = _),
+              type: "radio",
+              name: "response-speed",
+              value: n,
+              disabled: d.disabled,
+              class: "sr-only peer"
+            }, null, 8, Ee), [
+              [Z, o.value]
+            ]),
+            r("span", {
+              class: D(["h-full border-[1px] rounded-[8px] p-[12px] flex flex-col gap-[4px] transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-fm-color-primary", [
+                o.value === n ? "border-fm-color-primary bg-fm-color-primary-oats" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
+                d.disabled ? "cursor-default opacity-60" : "cursor-pointer hover:border-fm-color-primary"
+              ]])
+            }, [
+              r("span", Pe, [
+                r("span", {
+                  "aria-hidden": "true",
+                  class: D([
+                    "w-[16px] h-[16px] shrink-0 rounded-full border-[1.5px] bg-fm-color-neutral-white flex items-center justify-center",
+                    o.value === n ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
+                  ])
+                }, [
+                  o.value === n ? (c(), p("span", Ce)) : T("", !0)
+                ], 2),
+                O(" " + m(e(a)(`connect.whatsappBot.botSettings.responseSpeed.${n}.label`)), 1)
+              ]),
+              r("span", $e, m(e(a)(`connect.whatsappBot.botSettings.responseSpeed.${n}.hint`)), 1)
+            ], 2)
+          ]))), 128))
+        ]),
+        r("p", Ae, m(e(a)(
+          `connect.whatsappBot.botSettings.responseSpeed.${o.value}.detail`
+        )), 1),
+        o.value === "immediate" ? (c(), p("div", Ne, [
+          g(v, {
+            name: "warning",
+            size: "sm",
+            class: "mt-[2px] shrink-0 text-fm-color-typo-warning"
+          }),
+          O(" " + m(e(a)("connect.whatsappBot.botSettings.responseSpeed.immediateWarning")), 1)
+        ])) : T("", !0)
+      ]);
+    };
+  }
+}), Le = { class: "mt-[24px] w-full flex flex-col gap-[20px]" }, Me = {
+  key: 0,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, We = {
+  key: 1,
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, De = { class: "flex items-center justify-end gap-[12px] flex-wrap" }, je = /* @__PURE__ */ L({
+  __name: "WhatsappBotSettings",
+  setup(d) {
+    const { t: o } = M(), a = ae(), i = E(() => ie.getBusinessId() ?? ""), t = f(""), v = f(""), n = f([]), _ = f([]), y = f(null), w = E(
+      () => n.value.filter(
+        (l) => l.title.trim() || l.description.trim()
+      )
+    ), h = f(
+      $
+    ), F = f(
+      $
+    ), P = f(!0), S = f(!1), u = f(!1), x = f(""), H = j, J = E(
+      () => t.value !== v.value || h.value !== F.value || JSON.stringify(n.value) !== JSON.stringify(_.value)
+    ), W = E(
+      () => !S.value || u.value || !J.value
+    ), R = E(
+      () => !S.value || u.value || t.value.length > H || !re.safeParse(w.value).success
+    );
+    let b;
+    function G(l) {
+      t.value = l.botInstructions, v.value = l.botInstructions, h.value = l.responseSpeed, F.value = l.responseSpeed, n.value = l.knowledgeBase.map((s) => ({ ...s })), _.value = l.knowledgeBase.map((s) => ({
+        ...s
+      }));
+    }
+    async function K() {
+      b == null || b.abort();
+      const l = new AbortController();
+      b = l, P.value = !0, S.value = !1, u.value = !1, x.value = "", t.value = "", v.value = "", h.value = $, F.value = $, n.value = [], _.value = [], y.value = null;
+      try {
+        if (!i.value)
+          throw new Error(o("connect.whatsappBot.errors.selectBusiness"));
+        const s = await z.getSettings(
+          i.value,
+          l.signal
+        );
+        if (l.signal.aborted) return;
+        G(s), S.value = !0;
+      } catch (s) {
+        l.signal.aborted || (x.value = s instanceof Error ? s.message : o("connect.whatsappBot.errors.loadSettings"));
+      } finally {
+        l.signal.aborted || (P.value = !1);
+      }
+    }
+    async function q() {
+      if (R.value) return;
+      b == null || b.abort();
+      const l = new AbortController();
+      b = l, u.value = !0, x.value = "";
+      const s = y.value === null ? void 0 : n.value[y.value], I = s ? w.value.indexOf(s) : -1;
+      try {
+        const B = await z.saveSettings(
+          i.value,
+          {
+            botInstructions: t.value,
+            responseSpeed: h.value,
+            knowledgeBase: w.value
+          },
+          l.signal
+        );
+        if (l.signal.aborted) return;
+        G(B), y.value = I < 0 ? null : I, a.open({
+          type: "success",
+          message: o("connect.whatsappBot.botSettings.saved")
+        });
+      } catch (B) {
+        l.signal.aborted || (x.value = B instanceof Error ? B.message : o("connect.whatsappBot.errors.saveSettings"), a.open({ type: "error", message: x.value }));
+      } finally {
+        l.signal.aborted || (u.value = !1);
+      }
+    }
+    async function Q() {
+      if (W.value) return;
+      const l = b;
+      !await ce.confirm(
+        o("connect.whatsappBot.botSettings.discardChangesMessage"),
+        o("connect.whatsappBot.botSettings.discardChangesTitle"),
+        o("connect.common.confirm"),
+        o("connect.common.cancel")
+      ) || W.value || b !== l || (t.value = v.value, h.value = F.value, n.value = _.value.map((I) => ({ ...I })), y.value = null);
+    }
+    return ee(i, K, { immediate: !0 }), te(() => {
+      b == null || b.abort();
+    }), (l, s) => {
+      const I = k("FmCircularProgress"), B = k("FmButton");
+      return c(), p("div", Le, [
+        P.value ? (c(), p("div", Me, [
+          g(I),
+          O(" " + m(e(o)("connect.whatsappBot.botSettings.loading")), 1)
+        ])) : (c(), p(N, { key: 1 }, [
+          S.value ? (c(), p(N, { key: 0 }, [
+            g(ve, {
+              modelValue: t.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (V) => t.value = V),
+              disabled: u.value
+            }, null, 8, ["modelValue", "disabled"]),
+            g(Be, {
+              modelValue: n.value,
+              "onUpdate:modelValue": s[1] || (s[1] = (V) => n.value = V),
+              "active-topic-index": y.value,
+              "onUpdate:activeTopicIndex": s[2] || (s[2] = (V) => y.value = V),
+              disabled: u.value
+            }, null, 8, ["modelValue", "active-topic-index", "disabled"]),
+            g(Oe, {
+              modelValue: h.value,
+              "onUpdate:modelValue": s[3] || (s[3] = (V) => h.value = V),
+              disabled: u.value
+            }, null, 8, ["modelValue", "disabled"])
+          ], 64)) : T("", !0),
+          x.value ? (c(), p("p", We, m(x.value), 1)) : T("", !0),
+          S.value ? T("", !0) : (c(), oe(B, {
+            key: 2,
+            class: "self-start",
+            label: e(o)("connect.whatsappBot.tryAgain"),
+            "prepend-icon": "refresh",
+            onClick: K
+          }, null, 8, ["label"])),
+          r("div", De, [
+            g(B, {
+              variant: "secondary",
+              label: e(o)("connect.common.cancel"),
+              disabled: W.value,
+              onClick: Q
+            }, null, 8, ["label", "disabled"]),
+            g(B, {
+              label: e(o)("connect.common.save"),
+              disabled: R.value,
+              loading: u.value,
+              onClick: q
+            }, null, 8, ["label", "disabled", "loading"])
+          ])
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  je as default
+};

package/dist/WhatsappBotTickets-DAKgnE6T.js

@@ -0,0 +1,162 @@
+import { defineComponent as U, ref as h, computed as $, watch as L, onBeforeUnmount as R, resolveComponent as w, openBlock as n, createElementBlock as l, createElementVNode as s, toDisplayString as r, unref as c, createVNode as g, createTextVNode as b, createCommentVNode as B, Fragment as T, renderList as z } from "vue";
+import { u as M } from "./vue-i18n-Cw6fF11e.js";
+import { S as A } from "./index-OvnHt5x5.js";
+import { w as W } from "./index-0H82-X0n.js";
+const G = { class: "mt-[20px] w-full flex flex-col gap-[16px]" }, H = { class: "text-[14px] leading-[20px] text-fm-color-typo-secondary" }, J = {
+  key: 0,
+  role: "status",
+  class: "flex items-center gap-[6px] text-[14px] text-fm-color-typo-success"
+}, K = {
+  key: 1,
+  role: "status",
+  class: "py-[56px] flex flex-col items-center gap-[12px] text-[14px] text-fm-color-typo-secondary"
+}, O = {
+  key: 0,
+  class: "flex items-center gap-[12px] flex-wrap"
+}, Q = {
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, X = {
+  key: 1,
+  role: "alert",
+  class: "text-[14px] text-fm-color-typo-error"
+}, Y = {
+  key: 2,
+  class: "border border-fm-color-neutral-gray-200 rounded-[16px] px-[24px] py-[56px] flex flex-col items-center text-center gap-[8px]"
+}, Z = { class: "text-[20px] font-semibold" }, q = { class: "max-w-[420px] text-[14px] leading-[20px] text-fm-color-typo-secondary" }, ee = {
+  key: 3,
+  class: "flex flex-col gap-[12px]"
+}, te = {
+  "aria-hidden": "true",
+  class: "w-[40px] h-[40px] rounded-full overflow-hidden bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary text-[14px] font-semibold flex items-center justify-center flex-shrink-0 self-start"
+}, oe = ["src", "onError"], se = { key: 1 }, re = { class: "flex-1 min-w-[200px] flex flex-col gap-[2px]" }, ae = { class: "flex items-center gap-[8px] flex-wrap" }, ne = { class: "text-[14px] leading-[20px] font-semibold break-words" }, le = { class: "flex items-center gap-[6px] rounded-[6px] px-[8px] py-[2px] text-[12px] font-semibold bg-fm-color-system-warning-100 text-fm-color-typo-warning" }, ce = { class: "text-[12px] leading-[16px] text-fm-color-typo-tertiary break-words" }, pe = { class: "mt-[6px] text-[14px] leading-[20px] text-fm-color-typo-secondary whitespace-pre-wrap break-words" }, ie = { class: "flex items-center gap-[16px] ml-auto flex-wrap" }, de = ["datetime"], he = /* @__PURE__ */ U({
+  __name: "WhatsappBotTickets",
+  props: {
+    tickets: {},
+    loading: { type: Boolean },
+    error: {}
+  },
+  emits: ["retry", "resolved"],
+  setup(m, { emit: F }) {
+    const E = m, k = F, { t: o, locale: S } = M(), i = h(""), u = h(""), d = h(""), y = h({});
+    let x, v;
+    const I = $(
+      () => [...E.tickets].sort((t, a) => a.updatedAt.localeCompare(t.updatedAt))
+    );
+    function _(t) {
+      return t.customerName || t.phoneNumber || t.customerLid;
+    }
+    function D(t) {
+      return t.customerName ? t.customerName.trim().split(/\s+/).slice(0, 2).map((a) => Array.from(a)[0]).join("").toUpperCase() : "?";
+    }
+    function V(t) {
+      return new Intl.DateTimeFormat(S.value, {
+        dateStyle: "medium",
+        timeStyle: "short"
+      }).format(new Date(t));
+    }
+    async function j(t) {
+      if (i.value) return;
+      const a = A.getBusinessId();
+      if (!a || t.businessId !== a) return;
+      const p = new AbortController();
+      x = p, i.value = t.id, u.value = "", d.value = "", clearTimeout(v);
+      try {
+        if (await W.resolveTicket(a, t.id, p.signal), p.signal.aborted) return;
+        k("resolved", t.id), d.value = o("connect.whatsappBot.tickets.resolvedMessage", {
+          name: _(t)
+        }), v = setTimeout(() => d.value = "", 3e3);
+      } catch (f) {
+        p.signal.aborted || (u.value = f instanceof Error ? f.message : o("connect.whatsappBot.tickets.resolveError"));
+      } finally {
+        p.signal.aborted || (i.value = "");
+      }
+    }
+    function C() {
+      x == null || x.abort(), clearTimeout(v), i.value = "", u.value = "", d.value = "", y.value = {};
+    }
+    return L(() => A.getBusinessId(), C), R(C), (t, a) => {
+      const p = w("FmIcon"), f = w("FmCircularProgress"), N = w("FmButton");
+      return n(), l("section", G, [
+        s("p", H, r(c(o)("connect.whatsappBot.tickets.description")), 1),
+        d.value ? (n(), l("p", J, [
+          g(p, {
+            name: "check",
+            size: "sm"
+          }),
+          b(" " + r(d.value), 1)
+        ])) : B("", !0),
+        m.loading ? (n(), l("div", K, [
+          g(f),
+          b(" " + r(c(o)("connect.whatsappBot.tickets.loading")), 1)
+        ])) : (n(), l(T, { key: 2 }, [
+          m.error ? (n(), l("div", O, [
+            s("p", Q, r(m.error), 1),
+            g(N, {
+              variant: "secondary",
+              label: c(o)("connect.whatsappBot.tryAgain"),
+              "prepend-icon": "refresh",
+              onClick: a[0] || (a[0] = (e) => k("retry"))
+            }, null, 8, ["label"])
+          ])) : B("", !0),
+          u.value ? (n(), l("p", X, r(u.value), 1)) : B("", !0),
+          !I.value.length && !m.error ? (n(), l("div", Y, [
+            s("h2", Z, r(c(o)("connect.whatsappBot.tickets.empty.open.title")), 1),
+            s("p", q, r(c(o)("connect.whatsappBot.tickets.empty.open.description")), 1)
+          ])) : (n(), l("ul", ee, [
+            (n(!0), l(T, null, z(I.value, (e) => (n(), l("li", {
+              key: e.id,
+              class: "border border-fm-color-neutral-gray-100 rounded-[16px] bg-fm-color-neutral-white p-[16px] flex items-center gap-[12px] flex-wrap"
+            }, [
+              s("div", te, [
+                e.profileImage && y.value[e.id] !== e.profileImage ? (n(), l("img", {
+                  key: 0,
+                  src: e.profileImage,
+                  alt: "",
+                  class: "w-full h-full object-cover",
+                  referrerpolicy: "no-referrer",
+                  onError: (P) => y.value[e.id] = e.profileImage ?? ""
+                }, null, 40, oe)) : (n(), l("span", se, r(D(e)), 1))
+              ]),
+              s("div", re, [
+                s("div", ae, [
+                  s("span", ne, r(_(e)), 1),
+                  s("span", le, [
+                    a[1] || (a[1] = s("span", { class: "w-[6px] h-[6px] rounded-full bg-current" }, null, -1)),
+                    b(" " + r(c(o)("connect.whatsappBot.tickets.paused")), 1)
+                  ])
+                ]),
+                s("p", ce, r(e.phoneNumber || c(o)("connect.whatsappBot.phoneUnavailable")), 1),
+                s("p", pe, r(e.source === "staff" ? c(o)("connect.whatsappBot.tickets.staffReason") : c(o)("connect.whatsappBot.tickets.botReason", {
+                  reason: e.reason
+                })), 1)
+              ]),
+              s("div", ie, [
+                s("time", {
+                  datetime: e.updatedAt,
+                  class: "text-[12px] text-fm-color-typo-tertiary tabular-nums"
+                }, r(c(o)("connect.whatsappBot.tickets.pausedSince", {
+                  date: V(e.updatedAt)
+                })), 9, de),
+                g(N, {
+                  variant: "secondary",
+                  "prepend-icon": "check",
+                  label: c(o)("connect.whatsappBot.tickets.resolve"),
+                  "aria-label": c(o)("connect.whatsappBot.tickets.resolveCustomer", {
+                    name: _(e)
+                  }),
+                  loading: i.value === e.id,
+                  disabled: !!i.value,
+                  onClick: (P) => j(e)
+                }, null, 8, ["label", "aria-label", "loading", "disabled", "onClick"])
+              ])
+            ]))), 128))
+          ]))
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  he as default
+};

package/dist/WhatsappLayout-DSnq84Uo.js

@@ -0,0 +1,21 @@
+import { defineComponent as n, watch as s, unref as a, openBlock as o, createBlock as r, createCommentVNode as p } from "vue";
+import { useRouter as c } from "vue-router";
+import { _ as u, a as _ } from "./MainLayout.vue_vue_type_script_setup_true_lang-2D5ate_s.js";
+import { u as f } from "./feature-flag-CNcU4_3r.js";
+import { R as i } from "./app-Devzv4gO.js";
+const y = /* @__PURE__ */ n({
+  __name: "WhatsappLayout",
+  setup(d) {
+    const m = c(), e = f();
+    return s(
+      () => e.loaded && !e.whatsappBotEnabled,
+      (t) => {
+        t && m.replace({ name: i["$connect-ANALYTIC"] });
+      },
+      { immediate: !0 }
+    ), (t, l) => a(e).loaded ? a(e).whatsappBotEnabled ? (o(), r(_, { key: 1 })) : p("", !0) : (o(), r(u, { key: 0 }));
+  }
+});
+export {
+  y as default
+};