@feedmepos/mf-connect 0.1.98-beta.85 → 0.1.98-beta.87

package/dist/WhatsappBotSettings-DL1f_qXt.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-CJMFzslC.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-DgkRREfK.js";
+import { S as ie } from "./index-lSJu-_m2.js";
+import { w as z } from "./index-8c7H1u7j.js";
+import { p as ce } from "./plugins-BN9qJUUc.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-DS7_jaE3.js → WhatsappBotTickets-CerGACm5.js}

@@ -1,7 +1,7 @@
 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-BJ_ZHWvK.js";
-import { S as A } from "./index-Cfr0vxa5.js";
-import { w as W } from "./index-Cq0kWJ_W.js";
+import { u as M } from "./vue-i18n-CJMFzslC.js";
+import { S as A } from "./index-lSJu-_m2.js";
+import { w as W } from "./index-8c7H1u7j.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",

package/dist/WhatsappLayout-B2DrnLNS.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-fXA-ixLQ.js";
+import { u as f } from "./feature-flag-3dM_IVQU.js";
+import { R as i } from "./app-bGZlAIpq.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
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-D6Z-3QOR.js → ZodTextField.vue_vue_type_script_setup_true_lang-0cvPcwm5.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-DBefBbjY.js";
-import { u as V } from "./vue-i18n-BJ_ZHWvK.js";
+import { Z as d } from "./zod-6X3ups5P.js";
+import { u as V } from "./vue-i18n-CJMFzslC.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"